/*
Theme Name: F4S7 Theme
Theme URI: http://executivestudio.net
Description: A fast lightweight wordpress theme.
Author: Executive Studio
Author URI: http://executivestudio.net
Version: 1.0
*/

/* CSS Reset*/
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font-family:'Open Sans', Trebuchet MS, Helvetica, sans-serif;font-size:14px;line-height:1.42857143;color:#222;background-color:#f6f6f6}
html,body,div,form,fieldset,legend,label{margin:0;padding:0; text-rendering: optimizeLegibility;}table{border-collapse:collapse;border-spacing:0;}th,td{text-align:left;vertical-align:top;}
h1,h2,h3,h4,h5,h6{ font-weight:600;}
h1 {font-size:36px}h2 {font-size:30px}h3 {font-size:24px}h4 {font-size:18px}h5 {font-size:14px}h6 {font-size:12px}
p { margin-bottom: 25px; }b, strong { font-weight: 600; } 
blockquote { border-left: 4px solid #707070; border-left: 4px solid rgba(51, 51, 51, 0.7); color: #707070; color: rgba(51, 51, 51, 0.7); font-size: 14px; font-size: 1.2rem; font-style: italic; line-height: 1.6667; margin-bottom: 1.6667em; padding-left: 0.7778em; }
blockquote p { margin-bottom: 1.6667em; }blockquote > p:last-child { margin-bottom: 0; }
a, a:visited { color: #333; text-decoration: none; }
a:hover, a:focus { color: #3d9ae2; }
img{border:0; width:auto; height:auto; max-width:100%;}
.clear { clear:both; }
.screen-reader-text { display:none; }


/*Layout*/
#page { position:relative; margin:20px auto; width:100%; max-width:1150px; }
#page-container { padding:30px 30px 0 30px; width:100%; box-sizing:border-box; background:#fff; border-bottom:1px solid #ddd; border-bottom:0px; float:left;}
.page-container { width:100%; float:left; }
.site-content { width:70%; float:left; }
.widget-area { padding:0 0 0 40px; width:30%; box-sizing:border-box; float:left; }
.site-end { position:relative; margin:0; padding:30px; width:100%; background:#E3E3E3; border-top:1px solid #ccc; float:left; }
.site-end:after { content:''; width:6%; height:5px; background:#999; position:absolute; top:-3px; left:47%; }
.full-width { padding:0 5%; width:100%; box-sizing:border-box; float:left;  }

/*Header*/
#header { position:relative; padding:15px; width:100%; border-bottom:1px solid #eaeaea; box-sizing:border-box; z-index:2; float:left; }
#header:after { content:''; width:10%; height:3px; background:#ccc; position:absolute; bottom:-2px; left:45%; }
.logo { margin:0; padding:0; width:25%; float:left; }
.logo img { width:auto; height:auto; max-width:100%; }
.header-box { padding-left:25px; margin:0; width:75%; text-align:center; box-sizing:border-box; float:right; }
/*HeaderNav*/
.site-nav { position:relative; margin:0 0 30px 0; width:100%; border-bottom:5px solid #3d9ae2; float:left; }
#nav { position:relative; margin:0; padding:0; width:100%; height:50px; background:#fff; list-style:none; z-index:1; float:left;}
#nav li {position:relative;float:left;margin:0;padding:0}
#nav > li > a {display:block;text-decoration:none;padding:0 20px;font-size:13px;line-height:50px; color:#666; text-transform:uppercase;letter-spacing:1px;cursor:pointer}
#nav > li > a:hover {-webkit-transition:.3s; color:#000; text-decoration:underline;}
#nav > li.current-menu-item > a {color:#000; font-weight:600;}
#nav ul {display:none;position:absolute;top:100%;left:0; padding:0 10px; z-index:99999;width:200px; list-style:none; background:#EFEFEF; border:1px solid #eaeaea; box-sizing:border-box;}
#nav ul li {float:none; width:100%; border-bottom:1px solid #DFDFDF;}
#nav ul li:last-child { border-bottom:0; }
#nav ul li a {padding:10px 15px; font-size:12px; color:#666; text-transform:uppercase; display:block;}
#nav ul li a:hover { color:#000; }
#nav ul ul {top:0;left:100%}
#nav li:hover > ul {display:block}
.menu-item-has-children a { padding-right:35px !important; }
.menu-item-has-children>a:after{position:absolute; display:block; content:""; height:0; width:0; border:5px solid transparent; border-top-color:inherit; right:20px; top:23px}
#toggle2, .toggle2 { display: none; }
.hd-search { position:relative; float:right !important; }
.hd-search form { position:relative; margin:8px 0 0 0 !important; padding:0; float:left; }
.hd-search form>label { position:absolute; cursor:pointer; right:0; top:0; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; background:#ccc; border-radius:35px; box-sizing: border-box; float:left; }
.hd-search input {height:30px; padding:0 35px 0 20px; font-size:13px; width:0; opacity:.01; color:#999; box-sizing:border-box; border:0; border-radius:35px;}
.hd-search input:focus {width:200px; opacity:1; outline:none; -webkit-transition:.4s;}
.hd-search input:focus+label { background:#ddd; }
.hd-search input:focus, .hd-search input:hover {background-color:#ddd}

/*Post*/
.post, .post-header, .related_posts, .archive-header, .no-posts { width:100%; float:left; }
.post { margin-bottom:50px; border-bottom:2px solid #ddd; }
.post-title { margin:0 0 20px 0; padding:0; font-size: 36px; font-size: 2.25rem; font-weight: 600; line-height: 1.30; }
.post-title a { color:#222; } .post-title a:hover { text-decoration:underline; }
body.single .post, .related_posts, .archive-header { margin-bottom:30px; } .page-tit { margin:0 0 20px 0; }
.entry-content, .no-content { width:100%; font-size: 16px; font-size: 1rem; line-height: 1.8; text-rendering: optimizeLegibility; float:left; }
.entry-content p { margin-bottom:25px; text-align:justify; }
.entry-content a { color:#3d9ae2; } .entry-content a:hover { text-decoration:underline; }
.entry-content img { width:auto; height:auto; max-width:100%; }
.entry-content h1, .entry-content h2, .entry-content h3 { position:relative; border-bottom:1px solid #eaeaea; }
.entry-content h1:after, .entry-content h2:after, .entry-content h3:after  {  content:''; left:35%; width:15%; height:3px; background:#3d9ae2; position:absolute; bottom:-2px; }
.more-link { margin:10px 15px 15px 0; float:right; }
.single-meta { margin:0; padding:0; width:100%; list-style:none; float:left; }
.single-meta li { margin:0 10px 0 0; float:left; }
.single-meta li.single-cat { margin-right:0px; float:right; }
.single-meta li.single-cat a { padding:0 6px; font-size:11px; height:21px; line-height:21px; color:#fff; letter-spacing:1px; background:#3d9ae2; border-radius:3px; float:left; }
.single-meta li.single-cat a:hover { opacity:0.8; }
.post-end { margin-bottom:20px; width:100%; float:left; }
.post-end .single-meta li { margin:0 30px 0 0; }
/*Related posts*/
.related-entries li { padding:10px 15px; width:25%; box-sizing:border-box; float:left; }
.related-entries li img { margin:0 0 10px 0; width:auto; height:auto; max-width:100%; display:block; }
.related-entries li h2 { margin:0; padding:0; font-size:15px; font-weight:normal; }
/*Archive*/
.category-desc { padding:0 15px; width:100%; font-size: 16px; font-size: 1rem; line-height: 1.8; color:#666; box-sizing:border-box; background:#f1f1f1; float:left; }
.excerpts { position:relative; padding:0 0 0 233px; height:auto; min-height:180px; box-sizing:border-box;  }
.excerpts .post-thumbnail { position:absolute; top:0; left:0; width:206px; float:left; }
.excerpts .post-thumbnail img { width:auto; height:auto; max-width:100%; }
.read-more { margin:15px 0 15px 10px; padding:5px 15px;  font-size:13px; font-weight:600; border:1px solid #ddd; border-radius:35px; -webkit-transition:.3s; float:right; }
.read-more:hover { color:#fff; background:#3d9ae2; border-color:#3d9ae2; text-decoration:none !important; }
.s2 { margin-right:10px !important; }
.home-box { margin-bottom:20px; width:100%; text-align:center; float:left; }


/*Sidebar*/
.widget { margin:0 0 25px 0; width:100%; float:left; }
.widget a:hover { text-decoration:underline; }
.widget-title, .related-title, .archive-title { position:relative; margin:0; margin-bottom:10px; padding:0; width:100%; color: #3d9ae2; font-size: 22px; font-size: 1.571rem; font-weight: normal; line-height: 1.4; text-transform: uppercase; font-weight:600; border-bottom:1px solid #ddd; float:left; }
.widget-title:after, .related-title:after, .archive-title:after { content:''; width:12%; height:3px; background:#999; position:absolute; bottom:-2px; right:0; }
.related-title { padding-bottom:6px; font-size:18px; color:#666; }
.widget ul, .related-entries { margin:0; padding:0; width:100%; box-sizing:border-box; list-style:none; float:left; }
.widget > ul { padding:0 10px; }
.widget li { margin:0; padding:7px 10px; width:100%; box-sizing:border-box; float:left; }
.widget_archive li { width:50%; } 
.widget_categories li:before, .widget_nav_menu li:before { content:'» '; color:#ccc;  } .widget_archive li:before, .widget_links li:before, .widget_nav_menu li ul  li:before { content:'• '; color:#ccc;  } 
.widget_recent_comments li:before, .widget_recent_entries li:before, .widget_pages li:before { content:'- '; color:#ccc;  } 
.widget_categories li a, .widget_archive li a, .widget_links li a, .widget_nav_menu li a { padding-left:5px; }
.widget_categories li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-form { position:relative; width:100%; float:left; }
.search-field { position:relative; padding:0 38px 0 15px; width:100%; height:35px; color:#999; line-height:35px; outline:none; background:#ddd; border:#ccc; box-sizing:border-box !important; float:left; }
.search-submit { position:absolute; top:0; right:0; width:35px; height:35px; line-height:35px; text-align:center; color:#fff; border:0; background:#3d9ae2; cursor:pointer; float:left; }
.search-submit:hover { opacity:0.8; }
/*Footer widgets*/
.footer-widgets { width:100%; font-size:13px; float:left; }
.footer-widgets .widget { padding:0 20px; width:33.3333333333%; box-sizing:border-box; }
.footer-widgets .widget-title { font-size:16px; font-size:1.143rem; color:#999; border-color:#ccc; }


/*Paginate*/
.paginate { margin:0 0 25px 0; width:100%; float:left; }
.paginate .page-numbers { margin-bottom:10px; padding: 0 15px; height:35px; border-radius:35px; line-height:35px; color:#666; background:#eaeaea; float:left; }
.paginate .page-numbers { margin-left:10px; padding:0; width:35px; text-align:center; background:#fff; -webkit-transition:.3s;  }
.paginate a.page-numbers:hover { background:#eaeaea; }
.paginate a.next, .paginate a.prev { width:auto; padding:0 15px; color:#fff; background:#3d9ae2; float:right; }
.paginate a.prev { float:left; }
.paginate a.next:hover, .paginate a.prev:hover { background:#999; }
.paginate .current { color:#000; font-weight:600; }

/*footer*/
.site-info { padding-top:30px; width:100%; font-weight:600; color:#999; text-align:center; border-top:1px solid #ccc; float:left; }


/*Image & Gallery default styles*/
.entry-content img{margin:0 0 20px}.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}.wp-caption{position:relative;margin:0 auto 20px;padding:0!important;width:100%!important;background:#000;font-size:13px}.wp-caption img{border:0 none;padding:0;margin:0;width:100%;height:auto}.wp-caption p.wp-caption-text{position:absolute;bottom:0;left:0;margin:0;padding:10px 2%;width:96%;color:#fff;text-align:right;background:rgba(0,0,0,0.7);display:block}.wp-smiley{margin:0!important;max-height:1em}blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}.gallery{margin:0 -1.1666667% 1.75em}.gallery-item{display:inline-block;max-width:33.33%;padding:0 1.1400652% 2.2801304%;text-align:center;vertical-align:top;width:100%}.gallery-columns-1 .gallery-item{max-width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-icon img{margin:0 auto}.gallery-caption{color:#686868;display:block;font-size:13px;font-size:.8125rem;font-style:italic;line-height:1.6153846154;padding-top:.5384615385em}.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{display:none}

/* Responsive Design */
@media only screen and (max-width: 980px) {
.site-content { width:65%;}
.widget-area { width:35%; }
}
@media only screen and (max-width: 870px) {
.site-content { width:100%; }
.widget-area { padding:0; width:100%; }
.widget_categories li, .widget_archive li { width:33.33333%; }
.footer-widgets .widget { padding:0; width:100%; }
#header { border-color:#3d9ae2;  }
#header:after { background:#3d9ae2;  }
.site-nav {  height:40px; background:#666; border-bottom:0; }
#nav {  display:none; position: absolute; left:0; top:40px; width:100%; background:#ccc; height:auto; z-index:300; float:left; }
.toggle2 { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.toggle2 { padding:11px 0 10px 60px; width:100%; font-size:13px; text-transform:uppercase; letter-spacing:2px; color:#fff; box-sizing:border-box; float:left;}
.toggle2:after {  position:absolute; content:""; left:30px; top:15px; height:4px; width:19px; border-bottom:3px solid rgba(255,255,255,0.9); z-index:1  }
.toggle2:before { position:absolute; content:""; left:30px; top:13px; height:9px; width:19px; border-top:3px solid rgba(255,255,255,0.9); border-bottom:3px solid rgba(255,255,255,0.9); z-index:1 }
#toggle2:checked ~ #nav { display: block; opacity: 1;}
#nav li {width:100%; border-bottom:1px solid #f6f6f6;}
#nav ul>li:hover {background-color:rgba(0,0,0,0.4) !important;}
#nav ul { margin:0; padding:0;display:block; position:relative; top:auto; width:100%; border:0;}
#nav ul li {width:100%; background-color:rgba(0,0,0,0.3); }
#nav ul li:hover > a, #nav > li > a:hover, #nav > li:hover > a {color:#fff}
#nav ul li > a {color:#fff}
#nav ul a {padding:14px 20px}
#nav ul ul {display:none;}
#nav li:hover > ul {display:block}
.hd-search { float:left !important; }
.hd-search form { margin:0px !important; width:100%; }
.hd-search form > label {  position:absolute; cursor:default; left:0; width:45px; height:45px; line-height:45px; background:transparent; border-radius:0; }
.hd-search input {width:100%; height:45px; line-height:45px; padding:0 20px 0 45px; opacity:1; color:#fff; border-radius:0; background:#3d9ae2; }
.hd-search input:focus {width:100%; opacity:1; outline:none; -webkit-transition:.4s;}
.hd-search input:focus+label { background:inherit; }
.hd-search input:focus, .hd-search input:hover {background-color:#3d9ae2}
.video { position: relative;padding-bottom: 56.25%;overflow: hidden; }
.video iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }
}
@media only screen and (max-width: 640px) {
#page {margin:0 auto; }
#page-container { padding:20px 20px 0 20px; }
#header { margin-top:40px; margin-bottom:25px; text-align:center; }
.logo { margin-bottom:15px; width:100%; float:none; display:inline-block; }
.header-box { margin:0; padding:0; width:100%; float:left; }
.site-nav { position:absolute; top:0; left:0; background:#3d9ae2;  z-index:10; }
#header { border-color:#eaeaea;  }
#header:after { background:#ccc;  }
.site-content { padding:0 10px; box-sizing:border-box;}
.hd-search input {background:#555; }
.hd-search input:focus, .hd-search input:hover {background-color:#555}
.post-title { font-size: 30px; font-size: 2.143rem; }
.widget-title, .related-title, .archive-title { font-size:18px; font-size:1.125rem; }
.excerpts { padding:0 0 0 197px; min-height:180px;  }
.excerpts .post-thumbnail { width:170px;  }
.excerpt-text { width:100%; max-height:122px; overflow:hidden; float:left; }
}
@media only screen and (max-width: 480px) {
.post-title { font-size: 26px; font-size:1.857rem; }
.entry-content, .no-content, blockquote { font-size: 15px; font-size: 0.9375rem; line-height: 1.7; }
.related-entries li { width:33.333333%; }
.related-entries li:nth-of-type(4) { display:none; }
.widget_categories li, .widget_archive li { width:50%; }
.excerpt-text {  max-height:127px;  }
}
@media only screen and (max-width: 360px) {
.site-content { padding:0;}
.post-title { font-size: 24px; font-size:1.5rem; }
.single-cat { display:none; }
.related-entries li { width:50%; }
.related-entries li:nth-of-type(4) { display:block; float:left; }
.excerpts { padding:0 0 0 177px; min-height:180px;  }
.excerpts .post-thumbnail { width:150px;  }
}