/*
	Theme Name: Hueman Child
	Theme URI: http://test.protouch.ca/
	Description: Sample child theme for customization.
	Author: AP
	Author URI: 
	Template: hueman
	Version: 1.0.0
*/

@import url("../hueman/style.css");

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

/* Global */
.mystyle {}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}

@media only screen and (min-width: 720px) {
	
	.nav-wrap { height: auto!important; }
	/* common */
	.nav { font-size: 0; position: relative; }
	.nav li a { color: #ccc; display: block; line-height: 20px; line-height: 1.2em; }
	/* dropdown arrows */
	.nav li > a:after { content: "\f0da"; float: right; opacity: 0.5; }
	.nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; }
	.nav li > a:only-child:after {content: ""; margin: 0; }
	#footer .nav li > a:after { content: "\f0da"; }
	#footer .nav > li > a:after { content: "\f0d8"; }
	#footer .nav li > a:only-child:after { content: ""; }
	/* level 1 */
	.nav > li { font-size: 18px; font-weight: 600; border-right: 1px solid #999; display: inline-block; position: relative; }
	.nav > li > a { padding: 15px 14px; }
	.nav > li > a:hover, 
	.nav > li:hover > a { background: #787878; }
	.nav li > a:hover, 
	.nav li:hover > a, 
	.nav li.current_page_item > a, 
	.nav li.current-menu-item > a,
	.nav li.current-menu-ancestor > a,
	.nav li.current-post-parent > a { color: #fff; }
	/* level 2 & 3 */
	.nav li:hover > ul { display: block; }
	.nav ul { display: none; background: #787878; position: absolute; left: 0; top: 50px; width: 200px; padding: 0 0; z-index: 2; -webkit-transform: translateZ(0);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
	.nav ul li { font-size: 16px; position: relative; display: block; padding: 0; }
	.nav ul li a { padding: 10px 20px; }
	.nav ul li:last-child { border-bottom: 0!important; }
	/* level 3 */
	.nav ul ul { position: absolute; top: 0px; left: 200px;}
	
}
@media only screen and (max-width: 719px) {
	
	.nav { font-weight: 600; }
	.nav-container { text-transform: none; }
	.nav-toggle,
	.nav-text { display: block; }
	.nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; }
	.nav-wrap.transition {
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease; }
	.expand .nav-wrap { height: auto; }
	/* iphone fix */
	.safari .nav-wrap.transition { -webkit-transition: none; transition: none; }
	/* common */
	.nav { float: left; width: 100%; }
	.nav li a { line-height: 20px; display: block; padding: 8px 20px; }
	.nav li li a { padding-left: 15px; padding-right: 15px; }
	/* dropdown arrows */
	.nav li > a:after { content: '\f0d7'; opacity: 0.5; margin-left: 6px; }
	.nav > li > a:after { content: '\f0d7'; font-size: 14px; }
	.nav li > a:only-child:after { content: ''; }
	/* level 1 */
	.nav > li { font-size: 15px; }
	.nav li > a:hover, 
	.nav li.current_page_item > a, 
	.nav li.current-menu-item > a,
	.nav li.current-post-parent > a { color: #fff; }	
	/* level 2 & 3 */
	.nav ul { display: block!important; margin-left: 40px; }
	.nav ul li { font-size: 13px; font-weight: 300; }
	.nav ul li a { padding-top: 6px; padding-bottom: 6px; }
	
}

/* Reducing padding around header logo */
#header .pad {
padding-top: 15px;
padding-bottom: 15px;
}

/* Centre header logo */
.site-title,
.site-title a,
.site-title a img { float: none; }

/* Header Background */
#header {
background: rgb(10,54,112); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(10,54,112,1) 0%, rgba(0,31,88,1) 48%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,54,112,1)), color-stop(48%,rgba(0,31,88,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(10,54,112,1) 0%,rgba(0,31,88,1) 48%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(10,54,112,1) 0%,rgba(0,31,88,1) 48%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(10,54,112,1) 0%,rgba(0,31,88,1) 48%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(10,54,112,1) 0%,rgba(0,31,88,1) 48%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3670', endColorstr='#001f58',GradientType=0 ); /* IE6-9 */
}

/* Header Nav */
/* #nav-header .nav li a {
color: #142057;
} */

#nav-header .nav li > a:hover, #nav-header .nav li:hover > a, #nav-header .nav li.current_page_item > a, #nav-header .nav li.current-menu-item > a, #nav-header .nav li.current-menu-ancestor > a, #nav-header .nav li.current-post-parent > a {
color: #A0EA36;
}

/* Centre Nav */
#nav-topbar,
#nav-header { text-align: center; 
}


.nav-wrap li a {
	text-align: left;
}

media="all"
#nav-header .nav ul {
background-color: #a0eb36;
}

/* ------------------------------------------------------------------------- *
 *  Section: Page
/* ------------------------------------------------------------------------- */
#page { padding-bottom: 0px; margin-top: -60px; }
#page .container-inner { background: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1); }

/* ------------------------------------------------------------------------- *
 *  Child Menu
/* ------------------------------------------------------------------------- */
.child-menu { zoom: 1; position: relative; padding: 0 0 20px; }
.child-menu a { color: #777; font-weight: 600; display: block; padding: 0 44px; }
.child-menu a:hover { color: #3b8dbd; }
.child-menu .current_page_item > a { background: #fff; color: #3b8dbd; }

/* show only current page items */
.child-menu > li { display: none; }
.child-menu > li.current_page_item, 
.child-menu > li.current_page_parent, 
.child-menu > li.current_page_ancestor { display: block; }
.child-menu > li.current_page_item > ul ul, 
.child-menu > li.current_page_parent > ul ul, 
.child-menu > li.current_page_ancestor > ul ul { display: none; }
.child-menu > li ul li.current_page_item ul, 
.child-menu > li ul li.current_page_parent ul, 
.child-menu > li ul li.current_page_ancestor ul { display: block; }

/* level 1 */
.child-menu > li > a { font-size: 20px; display: block; padding: 20px 30px; }

/* level 2 */
.child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; }
.child-menu > li > ul > li > a { font-size: 18px; background: #f0f0f0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 11px 20px;
-webkit-box-shadow: inset 0 1px 0 #f9f9f9;
box-shadow: inset 0 1px 0 #f9f9f9; }
.child-menu > li > ul > li > a:before { font-family: FontAwesome; content: ""; font-weight: normal; font-size: 18px; margin-right: 8px; }

/* level 3 */
.child-menu > li ul ul { background: #f0f0f0; border-bottom: 1px solid #ddd; border-top: 3px solid #ebebeb; border-left: 1px solid #ddd; padding: 6px 0; }
.child-menu > li ul ul a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
.child-menu > li ul ul a:hover { background: #e9e9e9;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); }
.child-menu > li ul ul li.current_page_item > a { background: #fff; 
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
box-shadow: 0 1px 0 rgba(0,0,0,0.04); }

/* child menu for dual/right fix */
.col-2cl .child-menu > li > ul,
.col-3cr .child-menu > li > ul { padding-left: 0; padding-right: 10px; }
.col-2cl .child-menu > li > ul > li > a,
.col-3cr .child-menu > li > ul > li > a { border-left: 0; border-right: 1px solid #ddd; }
.col-2cl .child-menu > li ul ul,
.col-3cr .child-menu > li ul ul { border-left: 0; border-right: 1px solid #ddd; }

/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
.widget { color: #777; font-size: 18px; overflow: hidden; }
.widget a { color: #777; }
.widget a:hover { color: #444; }
.widget > h3 { font-size: 15px; font-weight: 400; text-transform: uppercase; margin-bottom: 6px; }
.widget > h3 a,
.widget > h3 a:hover { color: #444; }
.widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
.widget select { border: 1px solid #ddd; color: #777; font-size: 15px; padding: 7px; width: 100%; max-width: 100%; }
#footer .widget select { border-color: #eee; }

.sidebar .widget { padding: 30px 30px 0px; }
#footer .widget { padding-bottom: 30px; }
#footer .widget a:hover { color: #666; }

/*back to top bottom*/
#footer-bottom #back-to-top { float: right; background: rgba(0,0,0,0); color: #FFF; overflow: hidden; text-align: center; width: 40px; height: 30px; display: block; margin: 5px 0px 0px 0px; 
-webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); 
box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }

#footer-bottom #back-to-top:hover { color: rgba(255, 255, 255, 0.7	5);
	
}

/* ------------------------------------------------------------------------- *
 *  Child Menu
/* ------------------------------------------------------------------------- */
.child-menu { zoom: 1; position: relative; padding: 0; }
.child-menu a { color: #777; font-weight: 600; display: block; padding: 0 44px; }
.child-menu a:hover { color: #3b8dbd; }
.child-menu .current_page_item > a { background: #fff; color: #3b8dbd; }

/* show only current page items */
.child-menu > li { display: none; }
.child-menu > li.current_page_item, 
.child-menu > li.current_page_parent, 
.child-menu > li.current_page_ancestor { display: block; }
.child-menu > li.current_page_item > ul ul, 
.child-menu > li.current_page_parent > ul ul, 
.child-menu > li.current_page_ancestor > ul ul { display: none; }
.child-menu > li ul li.current_page_item ul, 
.child-menu > li ul li.current_page_parent ul, 
.child-menu > li ul li.current_page_ancestor ul { display: block; }

/* level 1 */
.child-menu > li > a { font-size: 20px; display: block; padding: 20px 30px; }

/* level 2 */
.child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; }
.child-menu > li > ul > li > a { font-size: 15px; background: #f0f0f0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 11px 20px;
-webkit-box-shadow: inset 0 1px 0 #f9f9f9;
box-shadow: inset 0 1px 0 #f9f9f9; }
.child-menu > li > ul > li > a:before { font-family: FontAwesome; content: "\f055"; font-weight: normal; font-size: 18px; margin-right: 8px; }

/* level 3 */
.child-menu > li ul ul { background: #f0f0f0; border-bottom: 1px solid #ddd; border-top: 3px solid #ebebeb; border-left: 1px solid #ddd; padding: 6px 0; }
.child-menu > li ul ul a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
.child-menu > li ul ul a:hover { background: #e9e9e9;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); }
.child-menu > li ul ul li.current_page_item > a { background: #fff; 
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
box-shadow: 0 1px 0 rgba(0,0,0,0.04); }

/* child menu for dual/right fix */
.col-2cl .child-menu > li > ul,
.col-3cr .child-menu > li > ul { padding-left: 0; padding-right: 10px; }
.col-2cl .child-menu > li > ul > li > a,
.col-3cr .child-menu > li > ul > li > a { border-left: 0; border-right: 1px solid #ddd; }
.col-2cl .child-menu > li ul ul,
.col-3cr .child-menu > li ul ul { border-left: 0; border-right: 1px solid #ddd; }


/*  plugin : contact form 7
/* ------------------------------------ */
.wpcf7 {  }
.wpcf7 p { color: #212121; font-weight: 600; margin: 0 0 0px;  width: 100%; float: left; position: relative; }
.wpcf7 p span { font-weight: 400; color: #999; }
.wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] { display: block; float: left; padding: 10px; width: 100%; }  
.wpcf7 textarea { display: block; float: left; padding: 10px; width: 100%; }  
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { background: #f5f5f5; margin-top: 10px; }
.wpcf7 input[type="submit"] { width: 30%; padding: 0; font-size: 26px; }
.wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; }
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-mail-sent-ng { border: none; }
.wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; }
.wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; }
.wpcf7 span.wpcf7-not-valid-tip { background: #f3e0e0; border-color: #e3bfbf; color: #b94a48; padding: 4px 14px; font-size: 12px; line-height: 20px; position: absolute; left: 0; top: 12px; width: auto; right: 0; display: block; }
#wpgmza_map {margin-bottom: 30px;}