/*
Theme Name: Developer Theme
Description: This is a bare bones theme used for building out custom themes
Author: Adam Bates
*/
@import 'https://fonts.googleapis.com/css?family=PT+Sans';

html, body{margin:0; padding:0; font-size:16px; font-family:'PT Sans',sans-serif; color:#333333; background:#e9e5e2;}

.content_wrap{width:1200px; margin:0 auto; position:relative;}

.clear{clear:both;}

.alignleft{float:left; margin:15px 15px 15px 0;}
.alignright{float:right; margin:15px 0 15px 15px;}

a{cursor:pointer; color:#37693d;}

img{border:none;}

#header{background:#353795; position:relative; height:135px; border-top:5px solid #FDC10A; position:fixed; top:0; right:0; left:0; z-index:9999;}
	#header .content_wrap{z-index:9999}
	.admin-bar #header{top:32px;}
	
#logo{position:absolute; top:4px; left:20px; z-index:999}
#logo img{/* width:150px; height:auto; */}

#header_phone{position:absolute; top:40px; right:20px; font-size:23px;}
	#header_phone a{text-decoration:none; color:#fff;}

#nav{height:40px; background:#333333; font-size:16px; position:absolute; bottom:0; left:0; right:0; text-align:right; box-shadow:inset 0 7px 7px 0 rgba(0,0,0,0.4);}
	#nav ul{list-style:none; margin:0; padding:0; outline:0;}
	#nav li{display:inline-block; position:relative;}
	#nav li a{display:inline-block; position:relative; line-height:40px; padding:0 19px; text-decoration:none; transition:all 0.2s ease; color:#fff;}
	#nav li:hover a, #nav li.current-menu-item a{background:rgba(255,255,255,0.2); box-shadow:inset 0 4px 4px 0 rgba(0,0,0,0.3);}
	#nav ul.sub-menu{display:none; position:absolute; left:0; top:40px; background:#4f4f4f; text-align:left;}
	#nav ul.sub-menu li{display:block;}
	#nav ul.sub-menu li a{line-height:25px; box-shadow:none; white-space:nowrap; background:none; padding:5px 25px; display:block;}
	#nav ul.sub-menu li a:hover{background:rgba(255,255,255,0.2);}
	#nav ul.sub-menu ul.sub-menu{left:100%; top:0;}
	
#mobile_nav *{margin:0; padding:0; outline:0;}
	#mobile_nav{position:fixed; top:0; bottom:0; left:0; width:260px; margin:0 0 0 -260px; background:#fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; box-shadow:0 0 5px 0 #dadada; transition:all 0.5s cubic-bezier(.87,-.41,.19,1.44); z-index:99999; display:none;}
	#mobile_nav.open{margin:0;}
	#menu_scroll{position:absolute; top:0; bottom:0; left:0; width:260px; background:#fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; overflow-y:scroll; direction:rtl;}
	#mobile_nav #nav_button{position:absolute; top:0; left:100%; width:75px; height:75px; line-height:75px; font-size:20px; background:#fff; border-right:1px solid #d9d9d9; text-align:center; color:#717173; transition:all 0.1s ease; cursor:pointer; z-index:99999;}
	#mobile_nav #nav_button:hover{color:#353795;}
	#mobile_nav #nav_button #icon_holder:before{font-family: FontAwesome; content:"\f0c9"; display:inline-block; transition:all 0.2s ease;}
	#mobile_nav.open #nav_button #icon_holder:before{content:"\f00d";}
	#mobile_nav #nav_button i{margin:0 7px 0 0;}
	#mobile_nav li{position:relative;}
	#mobile_nav li a{display:block; padding:10px 5px; color:#333; font-size:16px; font-weight:bold; border-bottom:1px solid #dadada; background:#f9f9f9; text-decoration:none; transition:all 0.1s ease;}
	#mobile_nav li.menu-item-has-children:after{font-family: FontAwesome; content:"\f107"; color:#b5b5b5; position:absolute; top:8px; right:20px; font-size:25px; transition:all 0.2s ease; pointer-events: none;}
	#mobile_nav li a:hover{background:#dadada;}
	#mobile_nav li .sub-menu a{display:block; padding:10px 5px; color:#353795; font-size:14x; font-weight:normal; background:none; border-bottom:1px solid #f2f2f2; margin:0; transition:all 0.1s ease;}
	#mobile_nav li .sub-menu a:hover{background:#f4f4f4;}
	
#page_banner{height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover;}

#hp_modules .fl-post-grid-image{height:147px; overflow: hidden;}

#container{padding:108px 0 0 0;}
	
#content{width:70%; float:left; padding:50px 0;}
	#content .entry-title{margin:0 0 15px 0; color:#3b3b3b; font-size:23px;}
	
	#content .fl-row-content-wrap{}

#sidebar{width:25%; float:right; padding:50px 0;}
	#sidebar ul.sid{list-style:none; margin:0; padding:0;}
	#sidebar .widget-container{background:#f6f6f6; margin:0 0 20px 0; padding:20px 30px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);}
	#sidebar .widget-title{margin:0 0 10px 0; color:#3b3b3b; font-size:17px;}
	
	.editor_sidebar ul.sid{list-style:none; margin:0; padding:0;}
	.editor_sidebar li{list-style:none; margin:0; padding:0;}
	.editor_sidebar .widget-container{background:#f6f6f6; margin:0 0 20px 0; padding:20px 30px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.1);}
	.editor_sidebar .widget-title{margin:0 0 10px 0; color:#3b3b3b; font-size:17px;}
	
.category .post{border-bottom:1px solid #dadada; padding:20px 0;}
	.category .post .entry-title{font-size:20px !important; margin:0 0 10px 0 !important;}
	.category .post .entry-meta{font-size:14px; font-style:italic; opacity:0.7; margin:0 0 10px 0;}
	.category .post .thumbnail{float:left; height:90px; width:140px; margin:5px 20px 20px 0;}
	.category .post p{margin:0 0 10px 0;}
	
.single .entry-meta{font-size:14px; font-style:italic; opacity:0.7; margin:0 0 15px 0;}
	
#footer_sn{text-align:center; position:absolute; top:-60px; right:0; left:0;}
	#footer_sn .sn{display:inline-block; height:36px; line-height:36px; width:36px; border:3px solid #fff; color:#fff; text-align:center; margin:0 10px; border-radius:24px; font-size:20px; transition:all 0.2s ease; box-shadow:1px 1px 1px 0 rgba(0,0,0,0.5);  text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
	#footer_sn .sn.facebook{background:#3a589b;}
	#footer_sn .sn.facebook:hover{background:#4966a7;}
	
#footer{background:#666666; text-align:center; color:#fff; padding:40px;}
	#footer p{margin:0;}
	#copyright{}

@media only screen and (max-width: 1200px){
	.content_wrap{width:auto;}
	#nav li a{padding:0 11px;}
	#logo img{height:80px;}
}

@media only screen and (max-width: 767px){
	#nav{display:none;}
	#mobile_nav{display:block;}
	#header{height:75px; text-align:center;}
	#header_phone{display:none;}
	#logo{position:relative; top:auto; left:auto; text-align:right;}
	#logo img{height:50px; margin:15px 0 0 0;}
	.admin-bar #header{top:46px;}
	.admin-bar #mobile_nav{top:51px;}
	
}