/*
Theme Name: Hormonharmónia
Theme URI: http://www.hormonharmonia.com/
Description: Hormonharmónia sablon
Author: Digitalform
Author URI: http://www.digitalform.hu/
Version: 3.0
*/

@import url("css/pirobox.css");

*{
margin: 0;
padding: 0;
border: 0;
}

html, body, #website { min-height: 100%; }
body { font-family: Verdana, Helvetica, Arial, sans; font-size: 12px; color: #6b5f53; }

h1, h2, h3, h4, h5 { font-weight: normal; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img.alignleft { margin: 0 20px 5px 0; float: left; }
img.alignright { margin: 0 0 5px 20px; float: right; }

a.order { width: 230px; height: 55px; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; line-height: 49px; background: url(images/btn-order.png) no-repeat left top; display: block; }
a.order:hover { background-position: 0 -55px; }

.button, input[type=submit] { 
	margin: 0 auto 15px auto; 
	padding: 10px 20px; 
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: none; 
	text-align: center; 
	color: #fff; 
	background: #b60665; 
	background: -moz-linear-gradient(top,  #b60665 0%, #8f044f 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b60665), color-stop(100%,#8f044f)); 
	background: -webkit-linear-gradient(top,  #b60665 0%,#8f044f 100%); 
	background: -o-linear-gradient(top,  #b60665 0%,#8f044f 100%); 
	background: -ms-linear-gradient(top,  #b60665 0%,#8f044f 100%); 
	background: linear-gradient(to bottom,  #b60665 0%,#8f044f 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b60665', endColorstr='#8f044f',GradientType=0 ); 
	cursor: pointer; 
	display: block; 
}
.button:hover, input[type=submit]:hover { 
	background: #c90770;
	background: -moz-linear-gradient(top,  #c90770 0%, #a2065b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c90770), color-stop(100%,#a2065b));
	background: -webkit-linear-gradient(top,  #c90770 0%,#a2065b 100%);
	background: -o-linear-gradient(top,  #c90770 0%,#a2065b 100%);
	background: -ms-linear-gradient(top,  #c90770 0%,#a2065b 100%);
	background: linear-gradient(to bottom,  #c90770 0%,#a2065b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90770', endColorstr='#a2065b',GradientType=0 );
}


#website { width: 900px; margin: auto; padding: 0 35px 50px 35px; background: url(images/bgr-website.png) #f1efda no-repeat center top; }

/*
---------------
	HEADER
---------------
*/
#header { height: 130px; position: relative; }

/* Logo */
#header #logo { left: 305px; top: 0; position: absolute; }

/* Languages */
#header ul.qtrans_language_chooser { right: 0; top: 20px; padding: 10px 0 10px 10px; background: #e2deae; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#header ul.qtrans_language_chooser li { margin-right: 10px; list-style-type: none; float: left; }

/* Left menu */
#header #header_menu_left { left: 0; top: 10px; position: absolute; }
#header #header_menu_left ul li { margin-right: 15px; margin-bottom: 5px; list-style-type: none; }
#header #header_menu_left ul li a { font-size: 12px; font-weight: bold; color: #6b5f53; text-decoration: underline; }
#header #header_menu_left ul li a:hover { color: #000; }

/* Right menu */
#header #header_menu { right: 0; top: 10px; position: absolute; }
#header #header_menu ul { text-align: right; }
#header #header_menu ul li { margin-right: 15px; margin-bottom: 5px; list-style-type: none; }
#header #header_menu ul li a { font-size: 12px; font-weight: bold; color: #6b5f53; text-decoration: underline; }
#header #header_menu ul li a:hover { color: #000; }


/*
-------------
	MENÜ
-------------
*/
nav ul li.current_page_item { border-bottom: 3px solid #8e044f; }
nav ul li.current_page_item a, nav ul li.current_page_item a:hover { color: #000000; text-decoration: none; }
nav ul li a { color: #6b5f53; text-decoration: none; }
nav ul li a:hover { color: #000000; text-decoration: none; }

nav { height: 27px; margin-bottom: 10px; border-bottom: 1px solid #e2e2ca; }
nav ul { list-style-type: none; }
nav ul li { margin-right: 13px; padding-bottom: 11px; list-style-type: none; display: inline-block; position: relative; }
nav ul li a { color: #6b5f53; text-decoration: none; }
nav ul li ul { width: 250px; left: 0; top: 27px; padding: 15px 0 5px 0; background: #8e044f; visibility: hidden; position: absolute; z-index: 1000; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }
nav ul li:last-child ul { right: 0 !important; }
nav ul li ul li { width: 220px; }

nav ul li ul li a, nav ul ul a:visited { width: 200px; padding: 0 10px 0 10px; font-size: 11px; color: #ffffff !important; border: 0; text-decoration: none; display: block; }
nav ul li ul li a:hover { color: #ffffff !important; text-decoration: underline; }

/* Style the top level hover */
nav a:hover, nav ul ul a:hover{ color: #000000; }
nav :hover > a, nav ul ul :hover > a { color: #000000; }

nav ul li:hover { border-bottom: 3px solid #8e044f; }
nav ul li:hover ul, nav ul a:hover ul { visibility: visible; }
nav ul li:hover ul li { border: none !important; }
nav ul :hover ul ul { visibility: hidden; }
nav ul :hover ul :hover ul { visibility: visible; }


/*
--------------
	INTRO
--------------
*/
#intro { margin: 20px 0 20px 0; padding: 20px; font-size: 11px; background: #e2e2ca; }
#intro .left img { border: 5px solid #f1eedb; }
#intro .right { width: 430px; }
#intro .right .block { width: 214px; height: 149px; float: left; cursor: pointer; }
#intro .right .block h3 { height: 40px; padding: 3px 0 0 30px; font-size: 15px; font-weight: bold; color: #4b4b4b; background: url(images/bgr-intro-title.png) no-repeat left top; }

#intro .right .block1 { width: 210px; padding-right: 4px; border-right: 1px solid #f3f0dd; border-bottom: 1px solid #f3f0dd; }
#intro .right .block2 { width: 200px; padding-left: 14px; border-bottom: 1px solid #f3f0dd; }
#intro .right .block3 { width: 210px; padding-right: 4px; height: 135px; padding-top: 14px; border-right: 1px solid #f3f0dd; }
#intro .right .block4 { width: 200px; height: 135px; padding: 14px 0 0 14px; }


/*
------------------
	CONTAINER
------------------
*/
#container { margin-bottom: 50px; }

#content { width: 620px; float: left; }
#content .post { line-height: 20px; }

#content .post h2 { margin-bottom: 20px; font-size: 25px; color: #8e044f; }
#content .post h3 { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #111; }

#content .post p { margin-bottom: 20px; }
#content .post p strong { color: #494139; }
#content .post iframe { width: 100%; height: 100vh; }
#content .post iframe.booked4us { height: 100vh !important; }

#content .post ul { margin: 0 0 20px 20px; }
#content .post .post-thumb { margin: 0 20px 5px 0; float: left; }
#content .post .post-thumb img { border: 3px solid #f1eedb; }
#content .post .entry a img { border: 5px solid #e2e2ca; }
#content .post .entry a img:hover { border: 5px solid #cdcda3; }
#content .post .entry a { color: #8e044f; }
#content .post .entry a:hover { color: #000000; }

/* List */
#content ul.archive { margin-left: 20px; }
#content ul.archive li { margin-bottom: 30px; }
#content ul.archive li h3 { margin-bottom: 10px; }
#content ul.archive li h3 a { font-size: 17px; font-weight: bold; color: #8e044f; }
#content ul.archive li .excerpt { margin-bottom: 20px; }
#content ul.archive li .button { margin: auto; display: inline-block; }

/* Table */
#content table.custom_1 { width: 100%; margin-bottom: 30px; text-align: left; border-collapse: collapse; border-spacing: 0; }
#content table.custom_1 thead th { padding: 10px; color: white; line-height: 15px; background: #8e044f; }
#content table.custom_1 tbody td { padding: 10px; line-height: 15px; background: white; border: 1px solid #e2e2ca; }

/* Child pages */
.child-pages { margin-bottom: 20px; padding: 20px; background: #e2e2ca; border: 1px solid #e2e2ca; cursor: pointer; }
.child-pages:hover { border: 1px solid #8e044f; }
.child-pages h3 { padding: 3px 0 10px 30px; font-size: 15px; font-weight: bold; color: #4b4b4b; background: url(images/bgr-intro-title.png) no-repeat left top; }

/*
-------------
	FORM
-------------
*/
.form .box { margin-bottom: 10px; width: 310px; float: left; }
.form strong { font-size: 11px; font-weight: bold; color: #494139; }
.form .box  img{ vertical-align: middle; }
.form .box p { margin-bottom: 0 !important; }
.form .box p.product { width: 150px; padding-top: 8px; float: left; }
.form .box .input { width: 280px; padding: 10px; font-size: 13px; border: 1px solid #e2e2ca; }
.form .box .input_small { width: 100px; padding: 10px; font-size: 13px; border: 1px solid #e2e2ca; }
.form select { padding: 10px; border: 1px solid #e2e2ca; }
.form .box .input:focus, .form select:focus, .form .box textarea { border: 1px solid #cdcda3; }
.form .left, .form .right { width: 310px; text-align: center; }

.form .box.delivery .wpcf7-list-item { display: block; }


/*
--------------------------------------
	BREADCRUMB
--------------------------------------
*/
#breadcrumb { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e2e2ca; }
#breadcrumb a#history-back { width: 26px; height: 26px; margin-right: 10px; text-decoration: none; vertical-align: middle; background: url(images/btn-history-back.png) no-repeat left top; float: left; display: block; }
#breadcrumb a#history-back:hover { background-position: 0 -26px; }
#breadcrumb #breadcrumb-url { padding-top: 5px; font-weight: bold; color: #8e044f; }
#breadcrumb #breadcrumb-url a, #breadcrumb #breadcrumb-url span { font-weight: normal; color: #6b5f53; }
#breadcrumb #breadcrumb-url a { text-decoration: none; }
#breadcrumb #breadcrumb-url a:hover { color: #000000; text-decoration: underline; }


/*
-----------------------------
	SIDEBAR
-----------------------------
*/
#sidebar { width: 230px; min-height: 280px; padding: 20px 0 0 20px; background: url(images/bgr-sidebar.png) no-repeat left top; float: right; }
#sidebar h3 { margin-bottom: 10px; font-size: 15px; color: #8e044f; }
#sidebar ul { margin: 0 0 30px 15px; }
#sidebar ul li { margin-bottom: 3px; }
#sidebar ul li a { color: #6b5f53; }
#sidebar img#photo { border: 5px solid #e2e2ca; }

/* Widget */
#sidebar .widget { margin-bottom: 30px; font-size: 14px; }
#sidebar .widget .widget_title { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #8e044f; }


/*
------------------
	NEWSLETTER
------------------
*/
.mc4wp-form p { font-size: 13px; margin-bottom: 10px; }
.mc4wp-form a { font-size: 13px; text-decoration: underline; color: #8e044f; }
.mc4wp-form a:hover { color: #111; }

.mc4wp-form label { font-weight: bold; color: #111; line-height: 20px; display: block; }
.mc4wp-form input[type=text], 
.mc4wp-form input[type=email] { width: 100%; height: 40px; padding-left: 10px; background: white; border: 1px solid #cfc8c1; }
.mc4wp-form input[type=submit] { width: 100%; }


/*
--------------
	FOOTER
--------------
*/
#footer { font-size: 13px; }
#footer #footer-top { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e2e2ca; }
#footer #footer-top ul { text-align: center; }
#footer #footer-top ul li { margin: 0 10px 0 10px; list-style-type: none; display: inline; }
#footer #footer-top ul li a { color: #8e044f; text-decoration: none; }
#footer #footer-top ul li a:hover { color: #000000; text-decoration: underline; }
#footer #footer-bottom { text-align: center; }
#footer #footer-bottom a { color: #6b5f53; }
#footer #footer-bottom a:hover { color: #000000; }