/*
 Theme Name:   Piute
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Genesis Child Theme for Piute
 Author:       Simon Battersby
 Author URI:   http://simonbattersby.com
 Template:     genesis
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  piute
*/


/*Common*/
h1,h2,h3{
	font-family:'Roboto Slab';
	color:#e04836
}
h4{
	font-family:'Roboto Slab';
	color:#3122AE
}
h5,h6{
	font-family:'Roboto Slab';
}
h1{
	font-size:2rem;
}
@media (min-width: 780px){
h1{
	font-size:3rem;
}
}

h2{
	font-size:2.5rem;
}
h3{
	font-size:2rem;
}
p{
	font-size:1.6rem;
}
/*Major structure*/
body{
	background-color:#FFFFFF;
}
.site-header{
	min-height:0;
}
.site-header .wrap {
    padding: 0;
	position:relative;
}
footer{
	position:relative;
	z-index:2
}
.site-container{
	position:fixed;
	z-index:2;
	width:100%
}
.site-inner{
	position:relative;
	z-index:1;
	overflow:hidden;
	padding-top:70px;
	background:#F5F5F5

}
/*Header*/
#outer-wrap{
		background-color:#089de3;
			box-shadow: 0 5px 5px rgba(0,0,0,0.5);
			z-index:102

}
#logo-wrap{
	position:relative;
	margin:0 auto;
	z-index:102
}
#logo{
	position:absolute;
	left:40px;
	
}
/*Menu*/
.nav-primary{
	background:none;
	position:relative;
	z-index:102;
}
.nav-primary nav{
	width:100%;
}
	

.ubermenu-main > ul > li > a{
	padding:15px 8px !important
}
@media (min-width: 1250px){
	.ubermenu-main > ul > li > a{
		padding:15px 20px !important
	}
}
.ubermenu .ubermenu-submenu .ubermenu-column-auto {
    margin-right: 10px;
	padding-left: 20px;
}
.ubermenu .ubermenu-submenu .ubermenu-column-auto  .ubermenu-target{
    font-size:24px !important;
}
.ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target{
	border-bottom:1px dotted #000000 !important;
	padding-left:20px;
}

.ubermenu-responsive-toggle{
	margin-left:140px !important;
}

@media (min-width: 959px){
	.nav-primary nav > ul > li:first-child{
		margin-left:140px !important;
	}
}
.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-weight: bold !important;
}
.ubermenu-sidebar  li.ubermenu-column{
	border-bottom:1px dotted #000000 !important
}
.ubermenu-sidebar .ubermenu-column .ubermenu-target{
    padding: 15px 0 !important;
}
@media (min-width: 959px){
	#menu-item-125{
		position:absolute;
		right:10px;
		top:0;
	}
}
@media (min-width: 1250px){
	#menu-item-125{
		right:40px;
	}
}
.ubermenu-submenu{
	z-index:4;
}
.ubermenu-search{
	padding-top:10px !important;
}
/*General*/
.content .entry{
	background-color:#F5F5F5
}
.entry{
	margin-bottom:0;
	padding:50px 0;
}
@media (min-width: 780px){
	.entry{
		padding:50px 40px;
	}
}
.entry-header{
	display:none;
}
aside.sidebar{
	border-left:1px dotted #000000;
	background:#F5F5F5;
	margin:40px 0;
}
.sidebar .widget{
	background:#F5F5F5;
	padding-top:0;
}
.sidebar .textwidget, .sidebar .widget-wrap > div{
	background:#f2e7d5;
	padding:10px;
}
/*Home*/
body.home .content .entry{
}
body.home ul.slides{
	margin:-75px -40px 0;
}
body.home .home-metaslide > div > p{
	display:none;/*Hides the comment that the metaslider adds and WP then wraps with p tags*/
}
body.home .textwidget .metaslider{
	margin-top:-1.625em;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);

}
body.home .metaslider .caption-wrap{
	bottom:auto;
	top:50%;
	margin-top:-0.7em;
	background:none;
	font-family:'Roboto Slab';
	text-align:center;
	font-size:20px;
	opacity:1;
	text-shadow:3px 3px 0 #000000
}
@media (min-width: 400px){
	body.home .metaslider .caption-wrap{
		font-size:24px;
	}
}

@media (min-width: 520px){
	body.home .metaslider .caption-wrap{
		font-size:36px;
	}
}

@media (min-width: 700px){
	body.home .metaslider .caption-wrap{
		font-size:48px;
	}
}
@media (min-width: 1000px){
	body.home .metaslider .caption-wrap{
		font-size:60px;
	}
}
/*Footer*/
.site-footer{
	padding:0;
	background-color:#089de3;
}
#footer-holder{
	position:relative;
	margin:-20px auto 0;
	width:206px;
}

#social{
	position:absolute;
	right:5px;
	top:24px;
}
#social a{
	display:block;
	height:15px;
	width:15px;
	float:left;
	margin-right:5px
	
}
#facebook{
	background-image:url(images/fb_001.png);
}
#facebook:hover{
	background-image:url(images/fb_002.png);
}
#twitter{
	background-image:url(images/tw_001.png);
}
#twitter:hover{
	background-image:url(images/tw_002.png);
}
#linkedin{
	background-image:url(images/li_001.png);
}
#linkedin:hover{
	background-image:url(images/li_002.png);
}
#copy{
	color:#FFFFFF;
	line-height:35px;
	font-size:18px;
}

@media (min-width: 600px){

	#copy{
		color:#FFFFFF;
		line-height:35px;
		font-size:18px;
		float:right;
		margin-right:40px;
	
	}
	#footer-holder{
		position:relative;
		margin:-20px 0 0 40px;
		float:left;
	}


}

/*Page content*/
.content {
    float: left;
    max-width: 800px;
}
.home .content{
	max-width:100%;
}



.sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary {
    float: right;
}


.mc-main caption, .mc-main .mc-date{
	font-size:1em;
}
	#panel-70-1-0-0{
		border-right:1px dotted #000
		
		}


@media (max-width: 780px){
	#panel-70-1-0-0{
		border-right:none !important
		
		}
	.site-inner, .wrap {
		padding-left: 5px;
		padding-right: 5px;
	}		
	#logo img{
		width:46px;
	}
		
}
@media (max-width: 450px){
	iframe{
		width:300px;
		height:169px;
	}

}