/*



 Theme Name:     Genesis Child Theme



 Theme URI:      



 Description:    Child theme for Hairdo



 Author:         ThemeCanon



 Author URI:     http://www.themecanon.com



 Template:       genesis



 Version:        1.0.0



*/



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

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);



#nav {
    font-family: 'Lato', sans-serif;
}


.featured-content .entry-title {
    font-size: 16px;
}




.site-inner {



/*	padding-top: 80px;



	padding-top: 8rem;*/



}







.header-image .site-description {



	display: none;



	height: 0;



}







.header-image .site-header,



.header-image .site-header .wrap {



	background: none;



	padding: 0;



}







.header-image .site-title a {



  	background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll left center / 100% auto;

    display: block;

    float: left;

    min-height: 154px;

    padding: 0;

    position: absolute;

    top: 31px;

    width: 310px;



}





@media screen and (-webkit-min-device-pixel-ratio:0) {

.header-image .site-title a { top: -6px !important;  }

}



.site-header .widget-area {



	display: none;



	height: 0;



}



.site-header  {



	min-height: 0 !important;



}
.nav-primary .genesis-nav-menu {
    clear: both;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}







/* Primary Navigation */



.nav-primary {



	background-color: #333;



	margin-top: 44px;



}







.nav-primary .genesis-nav-menu {



	float: right;



	width: auto;



	margin-left: 360px;



}







/*.nav-primary .genesis-nav-menu .menu-item {



	float: left;



}*/







.nav-secondary {



	margin-top: 40px;



}













/* # Responsive Nav CSS

---------------------------------------------------------------------------------------------------- */



.nav-primary  #toggle, .toggle {

	z-index: 9999;

	display: none;

}





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



	.nav-primary .menu {

		display: none;

		position: absolute;

		opacity: 1;

		width: 100%;

		right: 0;

		background-color: #222;

		z-index: 9999;

		top: 150px;

	}



	.nav-primary .menu li a.sub {

		behavior:url();

	}



	.nav-primary a {

		width:100%;

	}



	.nav-primary .menu, 

	.nav-primary .menu .sub-menu {

		margin:0;

		width:100%;

	}

	

	.nav-primary .menu .sub-menu {

		left: 0;

		display: none;

		opacity: 1;

	}

	



	.nav-primary .menu-item:hover {

		position: static;

	}



	.nav-primary .menu-item:hover > .sub-menu {

		position: relative;

		left: auto;

		display: block;

	}



	.nav-primary .menu li {

		position:relative;

		z-index:100;

		display: block;

	}

	



	.nav-primary .menu li a {

		display:block;

		padding-left:15px;

		width:100%;

		outline:0;

		background:#000;

		color:#fff;

		text-decoration:none;

		font-size:16px;

		line-height:25px;

	}

	

	.nav-primary .menu li.menu-item-has-children > a:after {

		float: right;

		content: "\f347";

		font-family: 'dashicons';

		font-size: 22px;

	}

	

	.nav-primary .menu-item-has-children li a:before {

		position:absolute;

		top:0;

		left:0;

		display:block;

		display:none;

		height:25px;

		cursor:pointer;

	}

	

	.nav-primary .menu li a:hover {

		background-color:#51C1F1;

		color: #fff;

	}

	

	.nav-primary .menu .sub-menu li a {

		border-bottom:1px solid #ccc;

		background:#eee;

		color:#000;

		font-size:16px;

		line-height:25px;

	}	

	

	.nav-primary .menu .sub-menu li a:hover {

		background:#ddd;

		color: #51C1F1;

	}

	

	.nav-primary .menu .sub-menu .sub-menu li a:hover {

		background:#fff;

		color: #333;

	}

	

	.nav-primary .menu .sub-menu .sub-menu > li a {

		background:#fff;

		color: #333;

	}

	

	.nav-primary .menu .sub-menu .sub-menu .sub-menu > li a {

		background:#51C1F1;

		color: #fff;

	}

	

	.nav-primary .menu a.sub:focus {

		outline:0;

		background:#099;

	}

	

	.nav-primary .menu a:focus ~ .sub-menu li {

		 margin-top:0;

	}

	

	.nav-primary .menu a:focus + after {

		display:block;

	}

	

	.nav-primary .menu a.sub:active {

		outline:0;

		background:#099;

	}

	

	.nav-primary .menu a:active ~ .sub-menu li {

		 margin-top:0;

	}

	

	.nav-primary .menu a:active + after {

		display:block;

	}

	

	.nav-primary .menu .sub-menu:hover li {

		margin-top:0;

	}

	



	.nav-primary .toggle {

		position: relative;

		display: block;

		cursor: pointer;

		-webkit-touch-callout: none;

		-webkit-user-select: none;

		user-select: none;

	}

 

	.nav-primary #toggle:checked + div .menu {

		display: block;

		opacity: 1;

	}

	

	.nav-primary .toggle:after {

		display: block;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		margin: 10px 0;

		padding: 20px 30px;

		float: right;

		text-align: center;

		width: auto;

		-webkit-border-radius: 2px;

		border-radius: 2px;

		background: transparent url("images/menu_icon.png") no-repeat scroll center center;

		color: #FFFFFF;

		content: attr(data-open);

		text-align: center;

		font-size: 20px;

		-webkit-transition: all 0.5s linear;

		-moz-transition: all 0.5s linear;

		-o-transition: all 0.5s linear;

		transition: all 0.5s linear;

	}

 

	.nav-primary .toggle:hover:after {

		background: transparent url("images/menu_icon.png") no-repeat scroll center center;

	}

	

	.nav-primary #toggle:checked + div .toggle:after {

		content: attr(data-close);

	}

	

	
	.header-image .site-title a {



    width: 235px;

}


	

	

}

 

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

	 

 	.nav-primary,

 	.nav-primary .toggle:after {

	 	float: none;

	 }

	 



	.nav-primary .toggle::after {

		float: right;

		text-align: center;

		width: auto;

	}

	

	

.header-image .site-title a {

    min-height: 113px;

    width: 235px;
	
	top:0px !important;

}

}



/* 10 sept */
@media (min-width:961px) and (max-width:2000px) {
	.header-image .site-title a{
	    width: 240px;
	}
	.nav-primary .genesis-nav-menu{
		margin-left: 234px;
		width:100%;
		text-align: right;
	}
	.genesis-nav-menu a {
	    padding: 23px 24px;
	}
	.header-image .site-title a{
 		top: -6px !important;
 	}
}
 @media only screen and (max-width: 960px) {
 	.header-image .site-title a{
 		top: 0px !important;
 	
 	}
 }
/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .header-image .site-title a { top: 0 !important; }
}

.header-image .site-title a { top: 0px\9; }
.header-image .site-title a,  x:-moz-any-link, x:default  { top: 0px;  }

.widget-title {
    text-align: center;
    font-size: 21px;
    margin-bottom: 40px;
    font-weight: 500;
}

.nav-primary .genesis-nav-menu a {
    color: #fff;
}

.nav-primary .genesis-nav-menu a:hover  {
    color: #fe6600;
    text-decoration: none;
}

a {
    color: #fe6600;
    text-decoration: none;
}

a:hover {
    color: #fe6600;
    text-decoration: underline;
}

.entry-title a:hover, .entry-title a:focus {
    color: #fe6600;
    text-decoration: none;
}

.nav-primary {
    background-color: #333;
    margin-top: 31px;
}

.header-image .site-title a {
min-height: 122px;
}

.site-inner {
    clear: both;
    padding-top: 26px;
}