/*
Theme Name: Claire
Theme URI: https://matchthemes.com/cases/claire-simple-elegant-personal-blog-wordpress-theme/
Description: Claire - Simple, Elegant, Personal Blog Wordpress Theme
Version: 1.5.0
Author: MatchThemes
Author URI: https://www.matchthemes.com
License:
License URI:
Tags: three-columns, custom-background, custom-colors, featured-images, translation-ready
Text Domain: match
*/

/*************************************
 
 	1. MAIN STYLE
	
	2. HEADER
	
	3. HOME

	4. SINGLE PAGE
	
	5. FOOTER
	
	6. OTHER
 
 
 ************************************/
 
 
 /*************************************

1. MAIN STYLE

 ************************************/

/* RESET STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
address{font-style:italic;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:'';}
strong,b { font-weight: bold; }
em, cite { font-style: italic; }
cite { display: block; }
strike, del {text-decoration: line-through;}
sup {font-size: 11px;position: relative;vertical-align: top;top: 5px;}
sub {	bottom: 5px;	font-size: 11px;	position: relative;	vertical-align: bottom;}
.italic { font-style: italic;}
button,input,select,textarea { font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:24px;}
.alignright { float:right;margin:24px; }
.no-margin{margin:0px !important;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.column-clear{clear:both;}
div { position:relative } 

 .wp-caption {
     max-width: 100%;
 }

 .wp-caption-text {}
 .sticky {}
 .gallery-caption {}
 .bypostauthor {}
 .screen-reader-text {}

 .alignright {
     display: block;
     float: right;
     margin: 3px 0 0 10px;
 }

 .alignleft {
     display: block;
     float: left;
     margin: 3px 10px 0 0;
 }

 .aligncenter {
     display: block;
     clear: both;
     margin: 10px auto;
 }
 
 pre {
    margin-bottom: 24px;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
}
pre, code{
  background:#f0f0f0;
  color: #999;
  font-family: "Courier New", Courier, monospace;
   padding:10;
}


article, aside, figure, footer, header, hgroup, nav, section {display: block;}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html{-webkit-font-smoothing:antialiased;}

body{-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling:touch;
text-rendering: optimizeLegibility;
background:#ffffff;
color:#505050;
font-size: 14px;
line-height:1.7em;
}

h1, h2, h3, h4, h5, h6 {
	color: #151515;
	font-weight: 400;
	letter-spacing: 1px;
}

h1{font-size:56px;
line-height:1.4em;
}
h2{font-size:42px;
line-height:1.4em;
}
h3{font-size:35px;
line-height:1.4em;
}
h4{font-size:28px;
line-height:1.4em;
}
h5{font-size:21px;
line-height:1.4em;
}
h6{font-size:14px;
line-height:1.4em;
}

a{color:#ffae96;}
a:hover{color:#ffae96;text-decoration:none;}
p a{color:#ffae96; border-bottom: 1px solid #ffae96;
border-bottom-style:}
p a:hover{color:#ffae96;text-decoration:none;
border:none;}
a:active,a:focus{outline: none;
text-decoration:none;}

ul, ol {margin: 0 0 14px 21px;}	
	
.dropcap{ display: block;
    float: left;
    font-size: 42px;
    line-height: 1;
    padding: 0 10px 0 0;
    text-align: center;
 }
 
.alignc{text-align:center;}
.none{display:none;}

blockquote{font-size:2.5rem;
line-height:1.6em;
text-align: center;
font-style:italic;
font-weight:700;
color: #151515;
position:relative;
border:none;
margin:42px 0;
padding:0 28px;}

blockquote:before {
    display: block;
	font-family: "FontAwesome";
    content: "\f10d";
    line-height: 1;
    font-size: 28px;
	font-style:normal;
	font-weight:400;
    position: absolute;
    left: 0;
    top: 0px;
}

blockquote cite, .wp-caption-text {
	color: #999999;
	font-size: 12px; 
	font-style: normal; 
	font-weight:300;
	text-transform:uppercase;
}
.wp-caption-text{text-align:center;
margin-top:21px;
text-transform:none;
font-style:italic;}
.wp-caption{margin-bottom:21px;}

p,ul,ol,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{ margin-bottom: 21px; }

div p:last-child{margin-bottom:0;}

.padding-tb56{padding:56px 0;}
.margin-tb56{margin:56px 0;}
.margin-t56{margin-top:56px;}
.margin-b35{margin-bottom:35px;}
.margin-b56{margin-bottom:56px;}

.menu-nav li a, .search-social ul li a, .author-social li a, .get-social li a, .search-btn, .modal-tags a, .slider-post .slider-overlay, .slider-more a, .top-grid-item .grid-overlay, .bottom-grid-item .grid-overlay, .home-featured-item .grid-overlay, .grid-content h2 a, .post-category a, .post-title a, .tagcloud a, .tags-single-page a, .footer-social li a, .scrollup a, .popular-post-text h4 a, .submit, #submit-contact, .comment-reply-link, .comment-author .author a, .view-more a, .item-layout-f78 .grid-overlay, .blog-item .post-holder, .post-meta li a, .page-numbers, .nav-page a, .flex-caption h2 a, .wpcf7-submit{

-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
   
}

/* definition lists */
dl dt {
  margin-bottom: 0;
}
dl dd {
  margin-left: 16px;
  margin-bottom: 24px;
}

/* tables */
table {border: 1px solid #e5e5e5;
   font-size: 14px;
width: 100%;
  text-align: center;
}
table caption { margin-bottom: 21px;
text-align:center;}
table th, table td {border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
 padding: 14px 0;
text-align:center;}


/*************************************

2. HEADER

************************************/

#header-bar-1, #header-bar-2, #header-bar-3{background:#ffffff;}

#header-bar-1{-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1);}

.navbar{
text-align:left;
margin-bottom:0;
border:none;
border-radius:0;
min-height:0;
}

.nav-holder{float:left;}
#header-bar-3 .nav-holder{float:none;
text-align:center;}
#header-4 .nav-holder{float:none;
text-align:right;}

.navbar-collapse{padding-left:0;
padding-right:0;}

.menu-nav{margin-left:0; font-size:0;}
.menu-nav li{display:inline-block;
position: relative;
margin-left:24px;
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1px;
}
.menu-nav li:first-child{margin-left:0px;}

.menu-nav li a{color:#151515;
padding:21px 0;}
.menu-nav li a:hover, .menu-nav li a:focus{background:none;}
.menu-nav > li:hover > a, .menu-nav li.current-menu-item > a{color:#ffae96;}

.menu-nav > li.menu-item-has-children > a:after {
    content: "\f107";
    display: inline-block;
    font-family: "FontAwesome";
    margin-left: 7px;
    margin-right: 0;
}

.menu-nav ul {display: none;
margin: 0;
padding: 0;
width: 180px;
position: absolute;
top: 66px;
left: 0;
text-align:left;
background:#ffffff;
border:1px solid #f2f2f2;
z-index:3;
}

.menu-nav ul li {display:block;
background:none;
margin:0;
font-size:11px;
line-height: 1.5;
}
.menu-nav ul li > a{display:block;
  padding: 14px 10px;
  color:#151515;
  border-bottom:1px solid #f2f2f2;
}

.menu-nav ul > li:last-child > a {border:none;}

.menu-nav ul li a:hover, .menu-nav li:hover ul li a:hover {text-decoration:none;
  color:#ffae96;
  background:#f9f9f9;
}
.menu-nav li:hover > ul{ display: block;}
.navbar li ul ul { left: 100%; top: -1px; }

.navbar-toggle{float:none;
margin:0;
border:2px solid #151515;
border-radius:0;
}
.navbar-toggle .icon-bar{background:#151515;}


.search-social{float:right;}
.search-social ul, .footer-social, .author-social, .get-social{list-style:none;
margin:0;
font-size:0;
margin-top:16px;}
.get-social{margin-top:0;}
.search-social ul li, .footer-social li, .author-social li, .get-social li{display:inline-block;
font-size:14px;
margin-left:7px;}
.search-social ul li a, .search-btn, .footer-social li a, .author-social li a, .get-social li a{border:1px solid #e5e5e5;
color:#151515;
border-radius:50%;
width:30px;
height:30px;
text-align:center;
line-height:28px;
display:inline-block;
}

a.social-twitter:hover{color:#29C5F6 !important;}
a.social-facebook:hover{color:#6788CE !important;}
a.social-gplus:hover{color:#E75C3C !important;}
a.social-linkedin:hover{color:#3A9BDC !important;}
a.social-pinterest:hover{color:#FE4445 !important;}
a.social-youtube:hover{color:#E34040 !important;}
a.social-vimeo:hover{color:#44BBFF !important;}
a.social-instagram:hover{color:#AA8062 !important;}
a.social-dribbble:hover{color:#ED4F8C !important;}
a.social-skype:hover{color:#24B4F0 !important;}

.search-btn{cursor:pointer;}

.search-btn:hover{color:#ffae96;}

#header-3 .search-social{float:none;
text-align:center;
margin-bottom:56px;}
#header-3 .search-social ul{margin-top:0;}

.logo-1{margin:48px 0;
text-align:center;}
.logo-1 a, .logo-2 a, .logo-4 a{display:inline-block;
color:#151515;
line-height:1;}
.logo-1 img{margin:0 auto;}
.logo-1 .logo-txt{margin:56px 0;
line-height:1;}

.logo-txt{font-size:72px;
font-weight:700;
letter-spacing:0.05em;}
.logo-txt a:hover{text-decoration:none;}

.logo-2{float:left;}
.logo-2 .logo-txt, .logo-2 img{font-size:42px;
margin-right:15px;
margin-top:12px;}

.logo-4{margin-bottom:56px;}

/*************************************

3. HOME

************************************/

/***** TOP SLIDER ******/

#slider-home{margin-bottom:56px;}

.slider-item-fw img, .slider-item-box img {width:100%;}

.slider-3posts-holder, .slider-holder{ display: none;
  -webkit-backface-visibility: hidden;}

.slider-item3 .flex-caption{padding:0 40px;} 
.slider-item3 .flex-caption h2{font-size:21px;
margin:7px 0;}
 
.slider-post .slider-overlay, .grid-overlay{height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:1;
	background:rgba(0,0,0,0.5); }
	
.slider-post:hover .slider-overlay{background:rgba(0,0,0,0.2);}	

.flex-caption{ position: absolute;
   left: 0;
   top: 50%;
   right:0;
   text-align:center;
   padding: 0 80px;
   z-index:2;

	-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);
	}

.flex-caption .post-category, .flex-caption .post-category a{color:#ffffff;}

.flex-caption h2{font-size:42px;
font-weight:600;
margin:7px 0;
}
.flex-caption h2 a{color:#ffffff;}
.flex-caption h2 a:hover{color:#ffae96;
text-decoration:none;}

.flex-caption .meta-date{color:#f0f0f0;}
.flex-caption .view-more{margin-top:21px;}


/***** TOP GRID IMAGES ******/

#home-grid, #home-bottom-grid{margin-bottom:56px;}
.home-grid-container{margin:0;
list-style:none;}
#home-bottom-grid{margin-top: 56px;
    background: #f2f2f2;
    padding: 56px 0;
}

.top-grid-item{height:250px;
float:left;
background:#999;
width:33.0%;
display:inline-block;
overflow:hidden;
position:relative;
margin-bottom:0.5%;
cursor:pointer;
}
.top-grid-item:nth-of-type(5n+1){margin-right:0.25%;
width:49.75%;
height:504.5px;}
.top-grid-item:nth-of-type(5n+2), .top-grid-item:nth-of-type(5n+3){margin-left:0.25%;
width:49.75%;}

.top-grid-item:nth-of-type(5n+4) {margin-right:0.25%; }
.top-grid-item:nth-of-type(5n+5){width:66.5%; margin-left:0.25%;}


.top-grid-item .grid-img, .bottom-grid-item .grid-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;
	
	 -webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1) rotate(0.0001deg);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.5s ease-in-out 0s;
   -moz-transition: all 0.5s ease-in-out 0s;
   -o-transition: all 0.5s ease-in-out 0s;
   -ms-transition: all 0.5s ease-in-out 0s;
   transition: all 0.5s ease-in-out 0s;
}

.top-grid-item:hover .grid-img, .bottom-grid-item:hover .grid-img{-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1) rotate(0.0001deg);}

.top-grid-item:hover .grid-overlay, .bottom-grid-item:hover .grid-overlay{background: rgba(0,0,0,0.4); }

.top-grid-item .grid-content, .bottom-grid-item .grid-content{left: 30px;
	bottom: 30px;
	position: absolute;
	margin-right:14px;
    z-index: 2;
}

.grid-content .post-category a{color:#ffffff;
padding:6px 12px;
font-size:11px;
text-align:center;}
.grid-content h2{line-height:1.2;
margin:14px 0 7px 0;}
.grid-content h2 a{color:#ffffff;
font-size:21px;
font-weight:600;
display:block;}
.grid-content h2 a:hover{color:#ffae96;
text-decoration:none;}
.grid-content .post-meta li{color:#ffffff;}
.grid-content .post-meta li:before{vertical-align:inherit;}

/***** END TOP GRID IMAGES ******/

/***** TOP FEATURED PAGES ******/

#home-featured-pages{margin-bottom:56px;}

.home-featured-item-b28{margin-bottom:28px;}
.home-featured-items:last-child .home-featured-item-b28{margin-bottom:0;}

.home-featured-item{height:300px;
overflow:hidden;
}

.home-featured-item .home-featured-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;

}

.home-featured-item:hover .home-featured-img {text-decoration:none;}

.home-featured-item:hover .grid-overlay{background:rgba(0,0,0,0.4);}	

.home-featured-item a:hover{text-decoration:none;}

.featured-item-content{position: absolute;
   left: 0;
   top: 50%;
   right:0;
   text-align:center;
   padding: 14px;
   
   -webkit-backface-visibility: hidden;
-webkit-filter: blur(0);
-webkit-transform: translateZ(0);
   -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);
	
	z-index:2;
}


.featured-item-content h4{color:#ffffff;
border:1px solid #ffae96;
padding:10px 35px;
font-size:21px;
font-weight:600;
display:inline;
border-radius:99em;
}

.featured-item-content .short-desc{color:#ffffff;
font-size: 12px;
font-style: italic;
margin-top:28px;
letter-spacing: 1px;}

/***** END TOP FEATURED PAGES ******/

/***** POST SLIDER ******/
.post-gallery{display:none;}

.slick-arrow {
    cursor: pointer;
    display: block;
    height: 38px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 38px;
    z-index: 10;
	border:none;
	margin: -19px 0 0;

	background: url("images/slider-arrows.png") no-repeat scroll 0 0 transparent;
	
	-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;

}

.slick-prev {
    background-position: 0 0;
    left: 30px;
	top:50%;
}

.slick-next {
    background-position: -38px 0;
    right: 30px;
	top:50%;
}

/***** END POST SLIDER ******/

.posts-holder{padding-right:35px;}
.posts-holder-push-right{float:right;
padding-right:0;
padding-left:35px;}

.blog-item{margin-bottom:56px;}

.blog-item-1col .post-image, .blog-item-first .post-image{margin-top:28px;}

.post-holder{background:#ffffff;
margin-top:35px;}
.post-folder-fw-image{margin-top:0;}

.post-category a{color:#ffae96;
font-size:11px;
letter-spacing:1px;
padding:6px 12px;
border:1px solid #ffae96;
border-radius:99em;
}
.post-category a:hover, .post-title a:hover{text-decoration:none;}
.post-category a:hover{color:#ffffff;
background:#ffae96;}

.post-title{margin:12px 0;
font-size:35px;}
.post-title a{color:#151515;
font-weight:600;
letter-spacing:0;}
.post-title a:hover{color:#ffae96;}

.post-meta{margin:0;}
.post-meta li{display:inline-block;
color:#b5b5b5;
font-size:12px;
font-style:italic;
letter-spacing:1px;
}
.post-meta li a{color:#b5b5b5;}
.post-meta li a:hover{color:#ffae96;
text-decoration:none;}
.post-meta li:before{content: "\2022";
  padding:0 7px;
  color:#ffae96;
  font-size:15px;
  vertical-align:middle;}
.post-meta li:first-child:before{display:none;
padding:0;}

.post-author img{border-radius:50%;
margin-right:3px;}

.view-more{text-align:center;
margin-top:35px;}

.view-more a{font-size:11px;
letter-spacing:2px;
text-decoration:none;
position:relative;
display:inline-block;
color: #151515;
padding:6px 15px;
border-radius:99em;
background:#f2f2f2;
}
.view-more a:hover{background:#ffae96;
color: #ffffff;}

	
/*** PREV-NEXT PAGE NAVIGATION ***/

.prev-next{}
.prev-next, .page-links{text-align:center;
font-size:0;}
.page-numbers, .nav-page a{color:#151515;
margin: 0 10px;
font-size:14px;
text-decoration:none;
font-weight:600;
display:inline-block;
} 
.current-page, .page-numbers:hover, .nav-page a:hover{color:#ffae96;}

/***** BOTTOM RECOMMENDED ARTICLES ******/

.home-bottom-title{font-size: 24px;
font-weight: 600;
	margin-bottom:28px;}

.bottom-grid-item{height:300px;
float:left;
background:#999;
width:33.0%;
display:inline-block;
overflow:hidden;
position:relative;
margin-bottom:0.5%;
cursor:pointer;
}
.bottom-grid-item:nth-of-type(5n+1), .bottom-grid-item:nth-of-type(5n+2){width:49.75%;}
.bottom-grid-item:nth-of-type(5n+1), .bottom-grid-item:nth-of-type(5n+3){margin-right:0.25%;}
.bottom-grid-item:nth-of-type(5n+2), .bottom-grid-item:nth-of-type(5n+5){margin-left:0.25%;}

.bottom-grid-item:nth-of-type(5n+4){margin-left:0.25%;
margin-right:0.25%;}

/***** END BOTTOM RECOMMENDED ARTICLES ******/

/***** LAYOUTS ******/

.blog-fw .post-image .img-featured, .blog-fw .post-gallery img, .blog-post-single-fw .single-post-image .img-featured, .blog-post-single-fw .post-gallery img{width:100%;}

.blog-item-2col-grid .post-holder, .blog-item-3col-grid .post-holder{margin-top:28px;
text-align:center;}
.blog-item-2col-grid .post-title, .blog-item-3col-grid .post-title{font-size:21px;
margin-bottom:18px;}
.blog-item-2col-grid .post-meta, .blog-item-3col-grid .post-meta{margin-top:21px;
text-align:right;}
.blog-item-2col-grid .post-content, .blog-item-3col-grid .post-content{text-align:left;}

.blog-item-1col-list{background:#ffffff;}
.blog-item-1col-list .post-image{width:40%;
height: 300px;
float:left;
overflow:hidden;}

.blog-item .list-image{
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
	height:100%;
	
}

.blog-item-1col-list .post-holder{width:60%;
float:left;}
.blog-item-1col-list .post-title{font-size:21px;}
.blog-item-1col-list .post-holder{padding-left:21px;
margin-top:0;}
.blog-item-1col-list .post-meta{margin-bottom:14px;}
.blog-item-1col-list .meta-comments{display:none;}
.blog-item-1col-list .view-more {text-align:left;}

/***** END LAYOUTS ******/

/***** 2-3 COL & 1-2-3 COL LAYOUTS ******/

.layout-f78-container{margin:0;
list-style:none;
margin-bottom:36px;}

.item-layout-f78{height:400px;
float:left;
width:33.3333%;
display:inline-block;
overflow:hidden;
position:relative;
cursor:pointer;
padding-bottom:20px;
}

.item-layoutf78-holder{width:100%;
height:100%;
overflow:hidden;}


/* 2-3 layout */
.item-layout23col:nth-of-type(5n+1){width:66.6666%;padding-right:10px;}
.item-layout23col:nth-of-type(5n+2){padding-left:10px;}
.item-layout23col:nth-of-type(5n+3){padding-right:10px;}
.item-layout23col:nth-of-type(5n+4){padding-left:10px;
padding-right:10px;}
.item-layout23col:nth-of-type(5n+5){padding-left:10px;}
/* end 2-3 layout */

/* 1-2-3 layout */
.item-layout123col:nth-of-type(6n+1){width:100%;}
.item-layout123col:nth-of-type(6n+2), .item-layout123col:nth-of-type(6n+3){width:50%;}
.item-layout123col:nth-of-type(6n+4), .item-layout123col:nth-of-type(6n+5), .item-layout123col:nth-of-type(6n+6){width:33.333%;}
.item-layout123col:nth-of-type(6n+2), .item-layout123col:nth-of-type(6n+4), .item-layout123col:nth-of-type(6n+5){padding-right:10px;}
.item-layout123col:nth-of-type(6n+3), .item-layout123col:nth-of-type(6n+5), .item-layout123col:nth-of-type(6n+6){padding-left:10px;}

/* end 1-2-3 layout */

.item-layout-f78 .grid-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;
	
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
-webkit-backface-visibility: hidden;
-webkit-transition: transform 0.5s ease-in-out 0s;
   -moz-transition: transform 0.5s ease-in-out 0s;
   -o-transition: transform 0.5s ease-in-out 0s;
   -ms-transition: transform 0.5s ease-in-out 0s;
   transition: transform 0.5s ease-in-out 0s;
}

.item-layout-f78:hover .grid-img{-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);}

.item-layout-f78:hover .grid-overlay{background: rgba(0,0,0,0.4); }

.item-layout-f78 .grid-content{left: 30px;
	bottom: 30px;
	position: absolute;
	margin-right:14px;
    z-index: 2;
}

.item-layout-f78 .grid-content h2 a {font-size: 21px;
	display:block;
}

/***** END 2-3 COL & 1-2-3 COL LAYOUTS ******/


/*** SIDEBAR ***/

aside{background:#ffffff;
padding:0px;
margin-bottom:56px;}
.aside-left{}
aside ul{margin:0;
padding:0px;
list-style:none;}

aside > ul > li{margin-top:35px;}

aside > ul > li:first-child{margin-top:0;}

.widgettitle{border-bottom:1px solid #e5e5e5;
padding-bottom:14px;
margin-bottom:21px;
font-size:12px;
text-align:center;
text-transform:uppercase;
font-weight:600;
position:relative;}
.widgettitle:before {
    background: #ffae96;
    bottom: -3px;
    content: "";
    height: 6px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    width: 6px;
	border-radius:50%;
}

.widget ul li{margin-bottom:7px;}
.widget ul li:last-child{margin-bottom:0px;}

.widget ul li a{color:#505050;}
.widget ul li a:hover{text-decoration:none;
color:#ffae96;
}

.widget_recent_entries li, .widget_archive li, .widget_categories li{color:#505050;
padding-bottom:7px;
border-bottom:1px solid #e5e5e5;}
.widget_recent_entries li:last-child, .widget_archive li:last-child, .widget_categories li:last-child{border:none;}

.about-widget img{margin-bottom:14px;}
.about-widget .about-text{font-size:12px;}

/*** POPULAR + RECENT POSTS WIDGETS ***/

.widget-display-posts-img ul li{margin-bottom:14px;}

.display-post-img{float:left;
width:60px;
height:60px;
overflow:hidden;
margin-right:10px;
}
.display-post-img img {
    height: auto;
    left: -30px;
    position: absolute;
    width: 120px;
}

.display-post-date{font-size:11px;
color:#b5b5b5;
font-style:italic;
margin-bottom:5px;
line-height:1;
}
.display-post-text h4{font-size:12px;}

.widget-popular-posts-img ul li{margin-bottom:21px;}
.popular-post-img{margin-bottom:14px;}
.popular-post-img img{display: block;
    height: auto;
    max-width: 100%;}
.popular-post-text{text-align:center;}

/*** END POPULAR + RECENT POSTS WIDGETS ***/

.widget-social{float:none;
text-align:center;}
.widget-social ul li:first-child{margin-left:0;}

.search-string{padding:10px;
width:100%;
border:1px solid #e5e5e5;
}

.tagcloud a, .tags-single-page a{display:inline-block;
font-size:11px !important;
color:#151515;
background:#f2f2f2;
padding:3px 12px;
text-align:center;
margin:0 3px 7px 0;
border-radius:99em;
line-height:1.8;}

.tagcloud a:hover, .tags-single-page a:hover{color:#151515;
background:#e5e5e5;
text-decoration:none;}

.banner-widget img{margin:0 auto;}

.flickr div{float:left;margin:0px 7px 7px 0px;}
.flickr img{width:60px;height:60px;}
.flickr div a{display:block;width:60px;height:60px;margin:0;}

.textwidget img{display: block;
    height: auto;
    max-width: 100%;}
	
.instagram-pics{text-align:center;}
.instagram-pics li{display:inline-block;margin:0px 7px 7px 0px;}
.instagram-pics li img{width:60px;height:60px;}	


/*** ARCHIVE PAGES ***/
.intro-content{background:#ffffff;
padding:28px 0;
margin-bottom:56px;}
.intro-small-title{ color: #b5b5b5;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px;}
.intro-big-title{font-size:48px;
font-weight:700;
text-transform:uppercase;}

/*** END ARCHIVE PAGES ***/

/*************************************

4. SINGLE PAGE

************************************/

.single-post-content img, .custom-page-template img{height: auto;
    max-width: 100%;}

.single-post-holder{margin-bottom:56px;}
.single-post-holder .post-title{font-weight:600;
font-size: 4rem;
letter-spacing:0;
margin-bottom:0px;}
.single-post-holder .post-meta{float:none;
margin-bottom:28px;}

/*** TOP FEATURED IMAGE ***/

.page-head{ background: #ffffff;
 height: 350px;
    margin-bottom: 56px;
    text-align: center;
    width: 100%;
	
	background-repeat: no-repeat;
  background-position: center center !important;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
.page-head-overlay{background:rgba(0,0,0,0.2);
width:100%;
height:100%;}
	
.single-header-content{ position: absolute;
   left: 0;
   top: 50%;
   right:0;
   text-align:center;
   padding: 0px 30px;
   z-index:2;

	-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	
.single-header-content .post-title{font-size: 4rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 7px;
}
.single-bkg-on .post-title, .single-bkg-on .post-category a, .single-bkg-on .post-meta li, .single-bkg-on .post-meta li a {color:#ffffff;}

.single-bkg-on .post-meta li a:hover{color:#ffae96;}

/*** END TOP FEATURED IMAGE ***/

.single-bottom, .author-single-page{margin-top:35px;
padding-bottom:35px;
border-bottom:1px solid #e5e5e5;}
.author-single-page{margin-top:35px;}
.tags-single-page{float:left;}
.get-social{float:right;}

.author-single-page{text-align:center;}
.author-avatar img{border-radius:50%;}
.author-content h4{margin:14px 0;
line-height:1;
letter-spacing:0;}
.author-content h4 a{color:#151515;
font-size:21px;}
.author-content h4 a:hover{color:#ffae96;}
.author-sep{width:50px;
height:5px;
background:#e5e5e5;
margin-bottom:21px;
margin-left:auto;
margin-right:auto;}

.meta-nav-holder{margin-top:35px;}
.meta-nav{padding:0 15px;}
.meta-nav h4{font-size:11px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.05em;}
.meta-nav-right{text-align:right;}

.related-posts, #comments{margin-top:56px;}

.section-title{font-size:11px;
font-weight:600;
text-transform:uppercase;
padding-bottom:7px;
border-bottom:1px solid #e5e5e5;
text-align:center;
letter-spacing:0.05em;}

.related-story{margin-top:35px;
margin-bottom:0;}
.related-story .post-image{margin-bottom:14px;}
.popular-post-text h4 a{color:#505050;}
.popular-post-text h4 a:hover{color:#ffae96;}

/* comments + contact fields */
.comm-field, .contact-field, #msg-contact{width:100%;
padding:10px 7px;
border:1px solid #e5e5e5;
margin-top:21px;
}
#msg-contact{padding:10px 7px;
border:1px solid #e5e5e5;
}
.contact-btn, .form-submit{text-align:right;}
.form-submit{margin-bottom:0px;}
#submit-contact{margin-top:21px;}

.comm-title-2 .section-title{margin-top:28px;}

.output2{margin-top:21px;
border:1px solid #ff0000;
padding:7px;
color:#ff0000;}

.antispam{ display:none;}

.contact-field{margin-bottom:21px;}

.submit, #submit-contact, .wpcf7-submit{display:inline-block;
font-size:11px;
font-weight:600;
text-transform:uppercase;
color:#151515;
background:none;
border:2px solid #151515;
padding:5px 14px;
text-align:center;
letter-spacing:1px;
margin-top:21px;
border-radius:99em;
}
.submit:hover, #submit-contact:hover, .wpcf7-submit:hover{border:2px solid #ffae96;
color:#ffffff;
background:#ffae96;
text-decoration:none;}

.comm-send{margin-top:35px;}

/**** COMMENTS STYLES*****/
.commentlist { margin: 0 }
.commentlist li { list-style: none; margin: 0;
margin-top:28px;}
.children li.depth-2 { margin: 0 0 0px 63px }
.children li.depth-3 { margin: 0 0 0px 63px }
.children li.depth-4 { margin: 0 0 0px 63px }
.children li.depth-5 { margin: 0 0 0px 63px }
.children li.depth-6 { margin: 0 0 0px 63px }
.children li.depth-7 { margin: 0 0 0px 63px }
.children li.depth-8 { margin: 0 0 0px 63px }
.children li.depth-9 { margin: 0 0 0px 63px }
.children li.depth-10 { margin: 0 0 0px 63px }
.comment-body { margin-bottom: 28px;
padding-bottom:21px;
border-bottom:1px solid #f2f2f2;}
.comment-details{ position: relative; margin-left: 72px }
.comment-avatar{ position: absolute; left: -72px; top:0 }
.comment-avatar img{ display: block;
border-radius:50%;}
.comment-right{}

.comment-author .author a, .comment-author .author a:visited {border:none;}
.comment-author span, .comment-author .author a{color:#151515;
font-size:14px;
font-weight:600;
margin-right:10px;
font-style:normal;}
.comment-author .author a:hover{color:#ffae96;}
.comment-content p:last-child{ margin: 0; }
.comment-date { font-size: 12px; font-weight: normal;
font-style:italic;
margin-bottom:7px;
color:#999999;}
.reply{text-align:right;
margin-top:7px;}
.comment-reply-link{ margin-top: 7px;
text-decoration:none;
font-size:10px;
letter-spacing:0.05em;
text-transform:uppercase;
color:#151515;
background:none;
text-align:center;}
.comment-reply-link:hover{color:#ffae96;
text-decoration:none;}
#cancel-comment-reply-link{font-size:12px;}
.commentlist .children { margin: 0 }
#comments_wrap { margin-top: 16px }
#cancel-comment-reply { float: right; margin-top: 14px; }
.comment-reply-title small{display:block;
margin-bottom:7px;}
.children #commentform textarea { width: 95.6% }

input::-ms-clear { display: none;}

@-ms-viewport{width:auto;}

/**** END COMMENTS STYLES*****/

/*************************************

5. FOOTER

************************************/

footer{background:#ffffff;
padding:56px 0 24px 0;}

#footer-instagram{margin-top:56px;
text-align:center;}
#footer-instagram .widgettitle{text-align:center;
display:inline-block;
	text-transform:uppercase;
font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
	line-height:1.5em;
}
#footer-instagram .instagram-pics{margin:0;}
#footer-instagram .instagram-pics li{display:inline-block; margin:0;
width:25%;}
#footer-instagram .instagram-pics li img{max-width: 100%;
width:auto;
height:auto;}
#footer-instagram .instagram-pics li img:hover{opacity:0.9;}

#footer-instagram .clear {
    bottom: 0;
    font-size: 12px;
    left: 0;
    letter-spacing: 2px;
    line-height: 1.1;
    position: absolute;
    right: 0;
}
#footer-instagram .clear a {
    background: rgba(0,0,0,0.5);
    border: medium none;
    color: #ffffff;
    display: inline-block;
    padding: 5px 14px;
}

.footer-widgets{border-bottom:1px solid #e5e5e5;
padding-bottom:35px;
margin-bottom:35px;}

.foo-block ul{margin:0;
list-style:none;}

.foo-block .widget-footer{margin-bottom:35px;}
.foo-block .widget-footer:last-child{margin-bottom:0;}

.bottom-info{text-align:center;}

.footer-social{margin-top:0px;}

.copyright {font-size: 12px;
    margin-top: 7px;
}

.scrollup{margin-top:14px;
font-size:10px;
text-transform:uppercase;}
.scrollup a{color:#151515;}
.scrollup a:hover{color:#ffae96;
text-decoration:none;
}

/*************************************

6. OTHER

************************************/

.page-template-holder{background:#ffffff;
padding:35px 28px;}
.page-template-holder .intro-big-title{margin-bottom:56px;}

.search-bar{margin-top:42px;
text-align:center;}
.search-bar #search-string{font-style:italic;
background:none;
border:none;
border:2px solid #e5e5e5;
color:#151515;
text-align:center;
font-size:28px;
width:80%;
padding:14px;
line-height:1.5;
}

.search-box{padding:12px 24px;
width:100%;
border:1px solid #e5e5e5;
}

.modal-tags{width:80%;
margin:42px auto 0 auto;
text-align:center;}

.modal-tags a{margin:7px;
padding:3px 12px;
background:#151515;
color:#ffffff;
text-transform:lowercase;
text-align:center;
font-size:11px;
display:inline-block;
text-decoration:none;
border-radius:99em;
line-height:1.8;}

.modal-tags a:hover{background:#ffae96;
color:#ffffff;}

/***** MODAL WINDOW ******/

.modal-dialog{width:auto;
margin:0;}
.modal.fade .modal-dialog, .modal.in .modal-dialog {transform: none;}
.modal-backdrop.in{opacity:0;}
#myModal .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 81px 0;
	background:none;
}

.modal{background:rgba(255,255,255,0.98);}

.modal-title{margin-bottom:16px;
font-weight:700;}

.exit-modal{
font-size:28px;
text-align:right;
line-height: 1;
margin-bottom:24px;
color:#151515;}

.exit-modal i{cursor:pointer;}

.modal-title{text-align:center;
font-weight:700;
text-transform:uppercase;}

/***** END MODAL WINDOW ******/

#search-string::-webkit-input-placeholder, .comm-field::-webkit-input-placeholder, #msg-contact::-webkit-input-placeholder { /* WebKit browsers */
    color:    #151515;
}
#search-string:-moz-placeholder, .comm-field:-moz-placeholder, #msg-contact:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #151515;
   opacity:  1;
}
#search-string::-moz-placeholder, .comm-field::-moz-placeholder, #msg-contact::-moz-placeholder{ /* Mozilla Firefox 19+ */
   color:    #151515;
   opacity:  1;
}
#search-string:-ms-input-placeholder, .comm-field:-ms-input-placeholder, #msg-contact:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #151515;
}

.error-404{text-align:center;}
.error-title {font-size: 91px;
font-weight: 700;}

/* SLICK SLIDER */

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* END SLICK SLIDER */


/*************************************

MEDIA QUERIES

************************************/

@media (min-width: 1400px) {

.container{width:1200px;}

}


@media (min-width: 1200px) {

.slider-item-fw {
    height: 600px;
    overflow: hidden;
}
.slider-item-fw img {
    display: block;
    left: 0;
    position: absolute;
    top: -25%;
    width: 100%;
}

.top-grid-item:nth-of-type(5n+1){height:505.5px;}

#footer-instagram .instagram-pics li{width:12.5%;}

}

@media (min-width: 768px) and (max-width: 979px) {

.nav-holder, .search-social, .logo-2{float:none;
text-align:center;}

.logo-4, #header-4 .nav-holder{text-align:center;}
.logo-4{margin-bottom:7px;}
#header-4 .nav-holder{margin-bottom:35px;}

.top-grid-item:nth-of-type(5n+1){height:503.5px;}

.home-featured-items:last-child .home-featured-item-b28{margin-bottom:28px;}
.home-featured-items:last-child .home-featured-item-b28:last-child{margin-bottom:0;}

.about-widget img, .popular-post-img img { margin-left:auto;
margin-right:auto;}

.item-layout23col{height:300px;
float:none;
width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
}

.posts-holder-push-right{float:none;}
.posts-holder, .posts-holder-push-right{padding-left:15px;
padding-right:15px;}

aside{margin-top:56px;}

}

@media (max-width: 767px) {

.search-social ul{ margin-top:3px;}
#header-bar-1{padding-top:14px;}

.nav-holder{float:none;
margin-top:14px;}

.menu-nav li{display:block;
margin:0;
padding:0;
}
.menu-nav li a{padding:4px 0;}

.menu-nav ul {margin:0;
padding: 0;
top:0;
left:0;
display:block;
position: relative;
background:none;
border:none !important;
width:auto;
}

.menu-nav ul{text-align:center;}

.menu-nav ul li a, .menu-nav li:hover ul li a { border-bottom:none;
  padding:0;
  margin-bottom:7px;
}
.menu-nav ul li a:hover, .menu-nav li:hover ul li a:hover { background:none; }

.menu-nav ul li:first-child a {padding-top:0;}
.navbar li ul ul { left: 0; top: 0; }

.navbar-collapse.in{max-height:350px;}

.search-social{float:none;}
.logo-2{float:none;}

.navbar{text-align:center;}
.navbar-toggle{margin-top:14px;
margin-bottom:14px;}

.search-bar #search-string, .modal-tags{width:100%;}

.logo-1 a, .logo-2 a, .logo-4 a{ display: block; }
.logo-1 a img, .logo-2 a img, .logo-4 a img{ margin:0 auto; }

.logo-2 .logo-txt, .logo-2 img{margin-right:0px;}

.logo-4, #header-4 .nav-holder{text-align:center;}
.logo-4{margin-bottom:7px;}
#header-4 .nav-holder{margin-bottom:35px;
margin-top:0px;}
#header-4 .search-social{text-align:center;
margin-top:14px;}
#header-4 .menu-nav ul{background:none;}
#header-4 .menu-nav li:hover ul li a{background:none;}

.post-meta, .view-more{float:none;}

.flex-caption{padding:0 70px;}
.flex-caption h2{font-size:28px;}

.top-grid-item, .bottom-grid-item, .item-layout-f78{height:300px;
float:none;
width:100% !important;
margin:0 !important;
}
.item-layout-f78{padding-left:0 !important;
padding-right:0 !important;
}

.top-grid-item:nth-of-type(5n+1){height:300px;}
.grid-content h2{line-height:1;}
.grid-content h2 a{font-size:21px;}

.home-featured-items:last-child .home-featured-item-b28{margin-bottom:28px;}
.home-featured-items:last-child .home-featured-item-b28:last-child{margin-bottom:0;}

.about-widget img, .popular-post-img img { margin-left:auto;
margin-right:auto;}

.blog-item-1col-list .post-image, .blog-item-1col-list .post-holder{width:100%;
float:none;}
.blog-item-1col-list .post-image{height: 300px;}
.blog-item-1col-list .post-holder{padding-left:0;
margin-top:35px;}
.blog-item-1col-list .view-more{text-align:center;}

.foo-block .widget-footer:first-child, .foo-block .widget-footer { margin-bottom: 35px; }

.post-title{font-size:28px;}
.posts-holder-push-right{float:none;}
.posts-holder, .posts-holder-push-right{padding-left:15px;
padding-right:15px;}

aside{margin-top:56px;}

.comment-form .col-sm-4{padding:0;}

/*comments*/
	.children { margin: 28px 0 0; }
	.children li.depth-2,
	.children li.depth-3,
	.children li.depth-4,
	.children li.depth-5,
	.children li.depth-6,
	.children li.depth-7,
	.children li.depth-8,
	.children li.depth-9,
	.children li.depth-10 { margin: 0 }

}

@media (max-width: 568px) {

.home-bottom-title h2{font-size:21px;}

.tags-single-page, .get-social{float:none;
text-align:center;}

.meta-nav{text-align:center;}
.meta-nav-right, .get-social{margin-top:21px;}

}

@media (max-width: 375px) {

}