/*
 Theme Name:   Girele Theme
 Theme URI:    http://johnparedes.com
 Description:  Twenty Thirteen Child Theme
 Author:       Aaron Gonzalez
 Author URI:   http://johnparedes.com
 Template:     twentythirteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentythirteen-child
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Varela+Round:400,400italic,300,800,800italic,300italic);
/* main/body/head */
/* <div class="centerwrapper"><div class="centercell"></div></div> */
/* vertically center stuff, use html above */
/* REQUIREMENT: must be put in div as display:block, must have a set width and height */
.centerwrapper {display:table;width:100%;height:100%;}
.centercell {display:table-cell; vertical-align:middle;}
html, button, input, select, textarea,h1, h2, h3, h4, h5, h6{
	font-family: "Varela Round", Arial, sans-serif !important;
}
body{
	overflow-x:hidden;
}
.contactform2 .button-submit{
	background:#03558b !important;
}
.site{
	max-width:100%;
}
.site-header{
	background:#fff;
}
.nav-menu{
	padding-top:36px !important;
}
#headcontain{
	margin:0 auto;
	max-width:1100px;
	padding:20px 0px;
}
.nav-menu,#headtext{
	float:right;
}
#headtext{
	padding-right:60px;
	color:#024574;
	font-size:14px;
}
.nav-menu li a{
	padding:20px;
}
.nav-menu li a, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{
	color:#af7b0a;
	font-style:normal;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #024574;
	color: #fff;
}
.nav-menu .current_page_item, .nav-menu .current_page_item a{
	background-color:#fcaf17 !important;
	color: #024574 !important;
}
#content{
	background:#fff url(images/girele-home-hero-image.jpg) no-repeat center top;
	background-size:100%;
}
.home #content{
	background:transparent;
}
.entry-header, .entry-content, .entry-summary, .entry-meta{
	max-width:800px;
	padding:0px 20px;
}
.entry-header, .entry-header h1{
	color:#fff !important;
}
.entry-content{
	padding:30px;
	background:#fff;
	color:#403f34;
	font-size:15px;
}
h1,h2{
	color:#03558b;
}
h2{
	font-size:18px;
}
h3{
	color:#403f34;
	font-size:18px;
}
ul{
	list-style-image: url('images/girele-bullet_header.png');
}
.entry-content a{
	color:#af7b0a;
	font-weight:bold;
}
.entry-content a:hover{
	background:#03558b;
	text-decoration:none;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright{
	margin-right:0px !important;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft{
	margin-left:0px !important;
}
/* home */
#homebanner{
	width:100%;
	height:300px;
	background:transparent url(images/girele-home-hero-image.jpg) no-repeat center top;
	background-size:cover;
	font-size:48px;
	text-align:center;
	color:#fff;
	letter-spacing:4px;
}
#homebannertext{
	height:auto;
	max-width:100%;
}
#homebody{
	height:330px;
	width:700px;
	margin:0 auto;
}
#homeleft,#homeright{
	float:left;
	height:305px;
	width:350px;
	text-align:center;
	font-size:12px;
	color:#403f34;
	padding-top:25px
}
.homehead{
	font-size:16px;
	color:#03558b;
	font-weight:bold;
}
#homebody a{
	font-size:14px;
	color:#af7b0a;
	font-weight:bold;
}
#homeleft{
	padding-right:40px;
}
#hometestimonial{
	height:260px;
	width:100%;
	background:#fcaf17;
}
#hometestimonial #testimonials{
	font-size:14px;
	color:#002c52;
	max-width:600px;
	padding:0px 20px;
	margin:0 auto;
	height:260px;
}
/* footer */
.site-footer{
	background:#024574;
	height:191px;
}
#foottexta{
	color:#fff;
	font-size:12px;
	width:1100px;
	padding:30px 20px 0px 30px;
	margin:0 auto;
	height:131px;
	text-align:left;
}
#foottextb{
	color:#fff;
	font-size:12px;
	float:right;
}
#footlogo{
	float:right;
	padding-right:200px;
}
#foottexta a{
	color:#fff;
}
#foottexta a:hover{
	color:#024574;
	background:#fcaf17;
	text-decoration:none;
}
/* responsive stuff below */
@media screen and (max-width: 1100px) {
	#foottexta{
		width:auto;
		max-width:1100px;
	}
	#footlogo{
		padding-right:100px;
	}
}
@media screen and (max-width: 810px) {
	#giveheight{
		height:auto !important;
	}
	.slicknav_nav li a{
		text-align:right;
	}
	#headtext{
		padding:0px 20px 0px 0px;
	}
	#homebody{
		height:auto;
		padding:20px;
		width:auto;
	}
	#homeleft,#homeright{
		float:none;
		height:auto;
		width:auto;
		padding:0px;
	}
	#homeleft{
		padding-bottom:20px;
	}
	#footlogo{
		float:left;
		padding:0px;
	}
	.site-footer{
		height:290px;
	}
	#foottextb,#footlogo{
		padding-bottom:20px;
	}
	#foottextb{
		float:none;
	}
	#footertextc{
		float:left;
		width:100%;
	}
}
@media screen and (max-width: 660px) {
	#giveheight{
		height:auto !important;
	}
	.slicknav_nav li a{
		text-align:right;
	}
	#headtext{
		padding:0px 10px 0px 0px;
		width:100%;
		text-align:right;
		display:none;
	}
	.site-footer{
		height:380px;
	}
}