/*
Theme Name: inHarmony Child Theme
Theme URI: http://inharmony-wp.designagent.sk/
Author: Darina Tyrpakova
Author URI: http://designagent.sk/
Description: inHarmony Child Theme
Template: inharmony
Version: 1.2
Tags: white, light, one-column, two-columns, right-sidebar, leftsidebar,
fluid-layout, custom-menu, editor-style, featured-images,
microformats, post-formats, custom-background, custom-colors,
translation-ready, responsive-layout
Text Domain: inharmony
*/
@import url('../inharmony/style.css');
/* =Theme customization starts here
------------------------------------------------------ */

#pay-block { float: right; width: 48%; text-align: right; margin: 22px 0 0 0;  }
#pay-block a {color:#000000;}
#pay-block a:hover {color:#0090EC;}
#pay-block i.icon-credit-card { font-size: 1.8em;  vertical-align: middle; color:#80b123;}

	.feature { width: 20% !important; padding-left:2.5%; padding-right:2.5%;}


.feature .circle { 
width: 100px; 
height: 70px; 
border-radius: 50px; 
padding: 30px 0 0 0; 
margin: 0 auto; 
margin-top:-20px;
font-size: 2.25em; 
background: url('imgs/clearsplash.jpg');
background-size: 200%;
background-repeat: no-repeat;
}

.feature .circle:after { 
width: 120px; 
height: 120px; 
border-radius: 60px; 
}

.feature:hover .circle {
background: url('imgs/bluesplash.jpg') !important;
background-size: 200% !important;
background-repeat: no-repeat !important;
}

.feature .circle a, .feature .circle a:visited {
color:#000000;
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1190px) {

}

@media screen and (max-width: 880px) {
	.feature { width: 47% !important; padding-left:1.5%; padding-right:1.5%;}
	.feature .circle { margin: 0 auto;}
	.feature:nth-of-type(4) { clear: none; }
	.feature:nth-of-type(2n+1) { clear: both; }
	#after-content-widgets > .widget:first-child { clear: none;  margin: 0 0 40px 0; width: 100%;}
}


@media screen and (max-width: 740px) {

	#address-block { width: 100%; text-align: left; margin: 0; }
	#pay-block { width: 100%; float: left; text-align: left; margin: 20px 0 5px 0; !important}
}

@media screen and (max-width: 360px) {
	#address-block a { display: block; padding-left: 0; }

	.feature { width: 97% !important; padding-left:1.5%; padding-right:1.5%;}
	.feature .circle { width: 60px; height: 40px; border-radius: 30px; padding: 20px 0 0 0; margin: 0 auto; font-size: 1.0em;}
	.feature .circle:after { width: 80px; height: 80px; border-radius: 40px; }
	
}

.wpcf7-form p:nth-of-type(3) { width: 48%; padding-right: 3%; float: left; }
.wpcf7-form p:nth-of-type(4) { width: 48%; float: left; }
.wpcf7-form p:nth-of-type(5) { width: 100%; float: left; }

select { margin-top: 0px !important; width:100%; background: #f8f8f8;}


/* This is for the left side menu  */

/* arrow */
.parent-sidebar-menu .child-sidebar-menu li.current_page_item > a:before,
.parent-sidebar-menu .child-sidebar-menu li.current_page_parent > a:before {
	font-family: FontAwesome;
	padding-right:5px;
 	display: inline-block;
	content: "\f054 ";
	font-size:.8em;
}

#mainmenu .sub-menu li.menu-item-has-children > a:after {
	font-family: FontAwesome;
	color:#0090EC;	
	padding-top:8px;
	/*display: inline-block;*/
 	float: right;
	content: "\f054\f054 ";
	font-size:.6em;
}

.parent-sidebar-menu .child-sidebar-menu li.current_page_item > a,
.parent-sidebar-menu .child-sidebar-menu li.current_page_parent > a
{
	font-weight: bold;
	color:#0090EC;
}

.parent-sidebar-menu .child-sidebar-menu .grandchild-sidebar-menu li a {
	color:#000000;
	margin-left: 15px;
}

.parent-sidebar-menu .child-sidebar-menu .grandchild-sidebar-menu li a:before {
	display: none;
}

.parent-sidebar-menu .child-sidebar-menu li a{
	font-size: 1.1em;
	text-decoration: none;
	color:#202020;
	font-weight: normal;
	padding-bottom: 5px;
}

.parent-sidebar-menu .child-sidebar-menu > li{
	border-bottom: 1px dotted #6EC0F6;	
}

.advanced-sidebar-menu ul li{
	border: none;
}

.parent-sidebar-menu li a{
	font-size:1.2em;
	font-weight: bold;
	color: #000000;	
	padding-bottom: 10px;	
}

.parent-sidebar-menu .child-sidebar-menu li a:hover{
	color:#6EC0F6;
}

.parent-sidebar-menu li a:hover{
	color:#000000;
}

/*  Body font 
p, .whistle-content li, .std li, td,th {
	font-size: 16px;
	font-weight: 300;
	line-height: 29px;
}
*/
p, .whistle-content li, .std li {
	color: #202020;
}

h1 { font-size: 1.6em;  }
h2 { font-size: 1.5em;  }
h3 { font-size: 16px;  }
h4 { font-size: 1.0em; }
.ev h3 { font-size: 1.5em; margin: 0 0 18px 0; line-height: 1.3; font-weight: 300 !important; color: #1f1f1f; }

/* Main Menu */

nav#mainmenu ul li a { display: block; float: left; width: auto; height: 37px; padding: 15px 18px 0 18px; margin-top: -3px; color: white; text-decoration: none; font-size: 1.1em; font-weight: 400; }


/* Left Side of contact page */

.leftcontact {
	background:#6EC0F6;
	/* border-left: #0090EC 3px solid; */
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.contacticon { 
	font-size: 36px; 
	text-align: center;
	color: #ffffff;
}

.leftcontacttext {}

.dobackup,.dontbackup {
	width: 42% !important; 
	padding-left:2.5%; 
	padding-right:2.5%;
	border-radius: 30px;
	min-height:270px;
	margin-top: 20px;
	margin-bottom: 20px;

}

.dobackup h1, .dontbackup h1 {
	color: #000000;
}

.dobackup {
	background:#e3ebc6;
	border: #c2d288 1px solid;
}

.dontbackup {
	background:#F9FFBA;
	border: #DBDF90 1px solid;
}

.carousel-vert4 { height: 250px !important; }
.moreevents {font-weight: 700 !important;}

#footer .widget p, #footer .left { color: #ffffff; }
#footer .widget h3 { color: #6EC0F6; font-size: 16px; opacity: 1;}
#footer .widget ul { list-style: none; padding: 0; }
#footer .widget ul li { min-height: 15px; padding: 10px 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px solid rgba(255,255,255,0.1); text-align: left; }
#footer .widget ul li:last-child { border-bottom: 0; }