/*
Theme Name: Concept
Theme URI: http://dessign.net/concepttheme
Author: DessignThemes
Author URI: http://dessign.net
Description: 
Version: 1.0.0
License: GNU General Public License version v3
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: concept
Tags: black, gray, dark, white, one-column, two-columns, three-columns, right-sidebar,light,theme-options,responsive-layout, custom-background, custom-menu
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
.gallery-caption { margin: 0; }
.bypostauthor {}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail { max-width: 100%; height: auto; }
.container { width: 1180px; margin: 0 auto; }
.clear { clear: both; }
body {  font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; color: #333; line-height: 140%; letter-spacing: 1.5px; margin: 0; max-width: 100%; }
p { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; color: #333; line-height: 160%; letter-spacing: 1.5px; }
a { text-decoration: none; outline: none !important; }
h1,h2,h3,h4,h5,h6 {color: #562b01;}
img { max-width: 100%; height: auto; }
::-moz-selection {
    background-color: #000;
    color: #fff;
}
 ::selection {
    background-color: #000;
    color: #fff;
}
/**HEADER**/
header#head { position: relative; z-index: 2; background: #fff; }
.head-area { background: #fff none repeat scroll 0 0; padding: 40px 25px; position: relative; }
header#head .head-area.fixed { box-sizing: border-box; left: 0; padding: 10px 25px; position: fixed; top: 0; width: 100%; z-index: 99999; }
.logo { float: left; }
.head-nav { float: left;}
.head-nav ul { font-size: 0; list-style-type: none; margin: 0; padding: 0; text-align: left; }
.head-nav ul li { display: inline-block; margin: 0 0 0 15px; padding-left: 10px; position: relative; }
.head-nav ul li a { color: #562b01; display: block; font-size: 14px; letter-spacing: 1.5px; padding: 5px 0; text-transform: uppercase; }
.head-nav ul li.current-menu-item a { border-bottom: 2px solid #7a3d01; font-weight: bold; }
.head-nav ul li ul { display: none; left: 0; position: absolute; top: 100%; z-index: 100; }
.head-nav ul li ul li { background-color: #f9f0e6; float: none; font-size: 12px; margin: 0; padding: 0; width: 180px; }
.head-nav ul li ul li ul { left: 100%; padding: 0; top: 0; }
.head-nav ul li ul li a { border-bottom: medium none !important; display: block; padding: 8px 10px; font-size: 12px; }
.head-nav ul li ul li a:hover { background-color: #f1ddca; border: medium none; text-decoration: underline; }
.head-sos { float: right;}
.head-sos > ul { font-size: 0; line-height: 1; list-style: outside none none; margin: 0; padding: 0; }
.head-sos ul li { display: inline-block; margin-right: 8px; }
.slicknav_menu {   background: #fff none repeat scroll 0 0;   display: none;   padding: 0;   position: relative;   width: 100%;   float: right;   z-index: 3; }
ul.slicknav_nav {   position: absolute;   width: 100%;   top: 40px; }
.slicknav_menu ul li a { color: #562b01; }
.slicknav_menu ul li a:hover a,
.slicknav_menu ul li a:hover,
.slicknav_menu ul li ul li a:hover,
.slicknav_nav .slicknav_row:hover { background: #f9f0e6; color: #562b01 !important; border-radius: 0; }
/**HOME**/
.nav-arrows span { z-index: 1; }
.home-slider .bg-img a { display: block; height: 100%; position: absolute; width: 100%; }
.sl-desc {   margin-top: 15%; }
.home-slider .sl-slider h2 {   font-size: 40px;   line-height: 1;   text-align: center;   text-transform: uppercase; }
.home-slider .sl-slider h2 a {   color: #fff; }
.home-box { background: #fff none repeat scroll 0 0; padding: 75px 0 0; }
.feature-text-area { margin: 0 0 65px; }
.feature-text-area h3 { font-size: 38px; font-weight: 300; line-height: 1.5; margin: 0 auto; text-align: center; }
.home-featured { overflow: hidden; padding: 25px 0 50px; }
.featured-box { float: left; margin: 0; width: 33.33%; }
.page-template-tpl-blog .featured-box:nth-child(3n+3) { margin-right: 0; }
.page-template-tpl-blog .featured-box:nth-child(3n+4) { clear: left; }
.home .featured-box:last-child { margin-right: 0; }
.port-image { height: 295px; overflow: hidden; position: relative; }
.port-image > a { background-color: #333; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s ease-in-out 0s; width: 100%; }
.port-image:hover a { transform: scale(1.05); }
.port-image > iframe { height: 100%; width: 100%; }
.port-body { padding: 20px 30px; text-align: center; }
.port-body .port-date { font-size: 12px; margin: 0; }
.port-body h3 { font-size: 25px; font-weight: bold; margin: 0 0 25px;  }
.port-body h3 a { color: #333; line-height: 1.2; }
.port-body h3 a:hover{ text-decoration: underline; }
.port-body p { margin: 0 0 25px; color: #777; font-size: 14px; }
.read-more { color: #333; display: inline-block; font-size: 14px; font-weight: 900; letter-spacing: 2px; line-height: 1; text-decoration: underline; }
.content .blog { margin: 0 0 80px; }
.home-posts { overflow: hidden; }
.home-cats-selection { margin: 0 0 75px; text-align: center; }
.home-cats-selection ul { font-size: 0; list-style: outside none none; margin: 0; padding: 0; }
.home-cats-selection ul li { display: inline-block; margin: 0 10px; }
.home-cats-selection ul li a { color: #333; display: block; font-size: 12px; line-height: 1; padding: 15px; text-transform: uppercase; }
.home-cats-selection ul li a.active { border: 1px solid #333; }
.blog-post-box { float: left; margin: 0; overflow: hidden; width: 20%; }
.blog-post-box:nth-child(5n+6) { clear: left; }
.blog-post-feature { background: #f2f2f2; height: 270px; position: relative; width: 100%; }
.blog-post-info { padding: 30px 10px 35px; text-align: center; }
.blog-post-info > h3 { font-size: 14px; margin: 0 0 10px; text-transform: uppercase; }
.blog-post-info > h3 a { color: #333; font-weight: 900; line-height: 1.2; }
.blog-post-info > h3 a:hover { text-decoration: underline; }
.blog-post-info .the-categories a { color: #777; font-size: 12px; text-transform: uppercase; }
.blog-post-info .the-categories a:hover { color: #777; font-size: 12px; text-transform: uppercase; text-decoration: underline;}
.blog-post-image { height: 100%; overflow: hidden; position: relative; }
.blog-post-image > a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; transition: all 0.3s ease-in-out 0s; width: 100%; }
.blog-post-image:hover > a { transform: scale(1.05); }
.blog-post-feature iframe { display: block; font-size: 0; height: 100%; margin: 0; padding: 0; width: 100%; }
/**BLOG**/
.blog-posts { overflow: hidden; }
.blog_post_box {   padding: 0 0 35px;   margin: 0 0 45px;   text-align: center; }
.blog_post_box .blog_box_featured_image {   margin: 0 0 20px;   overflow: hidden; }
.blog_post_box .blog_box_featured_image img {   transition: all 0.3s ease-in-out;   display: block;   height: auto; }
.blog_post_box .blog_box_featured_image img:hover {   transform: scale(1.05); }
.blog_post_box .blog_box_featured_image iframe { display: block; height: 420px; width: 100%; }
.blog_post_box h3 {   margin: 0 0 15px;   font-size: 30px;   font-family: 'Lato', sans-serif;   font-weight: 700;   line-height: 140%;   letter-spacing: 1.5px; }
.blog_post_box h3 a { color: #333; }
.blog_post_box .blog_post_date {   font-size: 20px;   font-weight: lighter; }
.blog_post_box .blog_post_content {   text-align: center;   margin: 0 0 35px;   padding: 0 30px;   font-family: 'Lato', sans-serif;   font-weight: 400;   line-height: 140%;   letter-spacing: 1.5px;   font-size: 16px; }
.blog_post_box .blog_post_content {   text-align: center;   margin: 0 0 35px;   padding: 0 30px;   font-family: 'Lato', sans-serif;   font-weight: 400;   line-height: 140%;   letter-spacing: 1.5px;   font-size: 16px; }
.blog-pagination { margin: 80px 0 0; text-align: center; }
.blog-pagination .page-numbers { border: 1px solid #333333; color: #333; display: inline-block; font-size: 12px; padding: 10px 15px; }
.blog-pagination .page-numbers.current { background: #333333 none repeat scroll 0 0; color: #ffffff; }
.post_content .archive_title h2 { margin: 0 0 20px; text-align: center; text-transform: uppercase; font-size: 23px; letter-spacing: 1.5; font-weight: 700;}
/**CONTENT**/
.content { margin-top: 30px; }
.post_content { color: #333333; min-height: 600px; }
.post_content .post_box { margin-bottom: 50px; overflow: hidden; }
.post_content .post_box a { color: #000; }
.post_content .post_box .read-more { color: #fff; }
.post_content .post_box h1 { line-height: 1; font-size: 30px; margin: 5px 0 25px; font-weight: 400; text-align: center;}
.post_content .post_box h2 { line-height: 1; font-size: 26px; margin: 0 0 25px; }
.post_content .post_box h3 { line-height: 1; font-size: 25px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 140%; letter-spacing: 1.5px; margin: 0 0 25px; }
.post_content .post_box h4,
.post_content .post_box h5,
.post_content .post_box h6 { line-height: 1; font-size: 18px;  font-weight: bold; margin: 0 0 10px; }
.post_content .post_box img { max-width: 100%; }
.post_content .post_box input[type="text"],
.post_content .post_box input[type="email"],
.post_content .post_box input[type="password"],
.post_content .post_box input[type="search"],
.post_content .post_box input[type="phone"] {  width: 300px; height: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; padding: 5px 10px;  margin: 0 0 5px; } .post_content .post_box input[type="submit"],  button { padding: 10px 15px; background: #000; color: #fff; text-transform: uppercase; border: none; margin: 0 0 5px; cursor: pointer; } .post_content .post_box textarea { background: #fff; border: 1px solid #ddd; }
/**COMMENTS**/
.home_blog_box { margin: 30px 0; padding: 30px 0 10px; }
#commentform label { display: block; }
.commentlist { background: #f2f2f2 none repeat scroll 0 0; padding: 15px; list-style: none; }
.commentlist ol.children { list-style: none; }
.comment.even { background: #ffffff none repeat scroll 0 0; padding: 10px; }
.comment.odd { background: #eee; padding: 10px; }
#comments .comment-reply-link { background: #000; padding: 5px 10px; font-size: 12px; color: #fff;  display: inline-block; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="phone"],
textarea { width: 300px; height: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; padding: 5px 10px; margin: 0 0 5px; }
input[type="submit"], button { padding: 10px 10px; background: #000; color: #fff; text-transform: uppercase; border: none; margin: 0 0 5px; cursor: pointer; }
textarea { height: 120px; }
.comments-area a { color: #333; }
/**FOOTER**/
.bottom-foot { padding: 20px 15px  10px 25px; }
.copyright { text-align: center; }
.bottom-foot p, .bottom-foot a { border-top: 0.25px solid #7a3d01; color: #562b01; margin: 0; /*text-transform: uppercase;*/ font-size: 12px;}
.foot-socials { float: right; }
.foot-socials > ul { font-size: 0; line-height: 1; list-style: outside none none; margin: 0; padding: 0; }
.foot-socials ul li { display: inline-block; margin-right: 8px; }
/**RESPONSIVE**/
@media only screen and ( max-width: 1200px ){ 
  .container { width: 948px; }
  .logo { width: 30%; }
  .head-nav { text-align: right; width: 70%; }
  .blog-post-feature { height: 195px; }
  .port-image { height: 213px; }
}
@media only screen and ( max-width: 960px ) {
  .container { width: 748px; }
  .head-nav { display: none; }
  .head-area .container { position: relative; }
  .logo { position: absolute; z-index: 5; }
  .slicknav_btn { margin: 0; }
  .slicknav_menu { display: block; min-height: 40px; }
  .slicknav_nav { background: #fff none repeat scroll 0 0; }
  .head-details { width: 50%; }
  .blog-post-box { width: 33.33%; }
  .blog-post-feature { height: 240px; }
  .blog-post-box:nth-child(3n+4) { clear: left; }
  .blog-post-box:nth-child(5n+6) { clear: none; }
  .port-image { height: 240px; }
  .featured-box { width: 50%; }
  .page-template-tpl-blog .featured-box:nth-child(3n+4) { clear: none; }
  .page-template-tpl-blog .featured-box:nth-child(2n+3) { clear: left; }
@media only screen and ( max-width: 767px ){
  .container { width: 300px; }
  .head-nav { display: none; }
  .head-area, header#head .head-area.fixed { padding: 10px; }
  .logo { width: 70%; }
  .home-slider .sl-slider-wrapper { height: 360px; }
  .home-box { padding: 30px 0; }
  .home-cats-selection ul li { display: block; }
  .home-cats-selection ul li a { display: inline-block; }
  .featured-box { float: none; margin: 0; width: 100%; }
  .blog-post-box { float:none; width: 100%; }
  .blog-post-feature { height: 285px; }
  .foot-socials, .copyright { float: none; text-align: center; }
}