/*
Theme Name: Ina
Theme URI: https://matchthemes.com/cases/ina-wordpress-theme-photo-bloggers/
Description: Ina - A Wordpress Theme for Photo Bloggers
Version: 1.1.2
Author: MatchThemes
Author URI: http://www.matchthemes.com
License:
License URI:
Tags: one-column, two-columns, three-columns, blog, theme-options, featured-images, grid-layout, news
Text Domain: ina
*/

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

	4. SINGLE PAGE
	
	5. SIDEBAR
	
	6. FOOTER
	
	7. 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;
}
.no-margin{margin:0px !important;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.column-clear{clear:both;}

 .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: 16px 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:#252525;
font-size: 16px;
line-height:1.5;
}

h1, h2, h3, h4, h5, h6 {
	color: #252525;
	font-weight: 600;
	line-height:1.4em;
}

h1{font-size:54px;
line-height:1.2em;
}
h2{font-size:48px;
line-height:1.2em;
}
h3{font-size:36px;}
h4{font-size:32px;}
h5{font-size:24px;}
h6{font-size:16px;}

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

ul, ol {margin: 0 0 16px 24px;}	
	 
.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: #252525;
position:relative;
border:none;
margin:42px 0;
padding:0 32px;}

blockquote:before {
    display: block;
	font-family: "FontAwesome";
    content: "\f10d";
    line-height: 1;
    font-size: 32px;
	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:24px;
text-transform:none;
font-style:italic;}
.wp-caption{margin-bottom:24px;}

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

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

.padding-tb54{padding:54px 0;}
.margin-tb54{margin:54px 0;}
.margin-t54{margin-top:54px;}
.margin-b32{margin-bottom:32px;}
.margin-b54{margin-bottom:54px;}

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

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

a, .menu-nav li a, .search-btn, .item-holder .item-img:after, .item-holder .item-img:before, .post-category a, .inner-desc .post-title a, .item-holder .view-more, .view-more a:after, .post-image-holder:after, .view-more span:after, .post-image-holder .view-more, .submit, #submit-contact, .menu-close:hover, .menu-close:hover .icon-bar {

-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;
   
}


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

2. HEADER

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

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

.logo-txt{font-size:42px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;}
.logo-txt a:hover{text-decoration:none;}

/* header var 1 */

#header-bar-1{background:#ffffff;
padding:0 15px;
left: 0;margin: 0 auto;position: fixed;right: 0;top: 0;z-index: 101;
}
.navbar{
text-align:left;
margin-bottom:0;
border:none;
border-radius:0;
min-height:0;
height:100%;
}

.headerWrap-1{position:relative;
height:100px;}

.body-header1{padding-top:100px;}

.logo-1{float:left;}
.logo-1 a{display:inline-block;
color:#252525;
line-height:1;}
.logo-1-no-menu{margin-bottom:6px;}
.logo-1 .logo-txt{font-size:42px;}

.nav-holder{float:right;
margin-right:15px;
}
.navbar-collapse.collapse{height:100% !important;}

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

.logo-1, .menu-nav{position: relative;
top: 50%;
	-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);}

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

.menu-nav li a{color:#252525;
padding:16px 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:#d5d5d5;}

.menu-nav > li.menu-item-has-children > a:after, .menu-nav-3 > 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: 50px;
left: 0;
text-align:left;
background:#f2f2f2;
z-index:5;
}

.menu-nav li:last-child ul{right:0;
left:auto;}

.menu-nav ul li {display:block;
background:none;
margin:0;
font-size:10px;
line-height: 1.5;
}
.menu-nav ul li a{display:block;
  padding: 16px;
  color:#252525;
}
.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:#252525;
  background:#f9f9f9;
}
.menu-nav li:hover > ul{ display: block;}
.navbar li ul ul { left: 100%; top: 0px; }

.menu-nav li:last-child ul ul{right:100%;
left:auto;}

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

/* end header var 1 */

/* HEADER VAR 2 */
.logo-2{text-align:center;
line-height:1;}
.logo-2 a{display:inline-block;}
.logo-2 a img{margin:0 auto;}
#header-bar-2{background:#ffffff;
padding:0 15px;
text-align:center;}
#header-2 .nav-holder, #header-2 .search-social{float:none;
text-align:center;
margin-right:0px;}
#header-2 .logo-2, #header-2 .search-social{margin-top:24px;}
#header-2 .search-social{margin-bottom:16px;}
#header-bar-2 .search-social li:first-child{margin-left:0;}
.social-2-no-menu{margin-bottom:24px;}
#header-bar-2 .menu-nav{top:0;
transform:none;}
#header-bar-2 .menu-nav li:last-child ul ul{top:0;right:0;
left:100%;}
#header-bar-2 .menu-nav li:last-child ul{left:0;
right:auto;}
/* END HEADER VAR 2 */


.search-social{list-style:none;
margin:0;
font-size:0;
float:right;
margin-top:23px;}
.search-social li{display:inline-block;
font-size:14px;
margin-left:10px;}
.search-social li a, .search-btn{
color:#d5d5d5;
display:inline-block;
}


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

.search-btn{cursor:pointer;}
.search-btn:hover{color:#56f2b9;}

/* HEADER VAR 3 */

#header-3{ background:#ffffff;
 padding: 54px 72px;
 position:relative;
 height:188px;
 }

.nav-button-holder {float:left;
width:20%;}
.nav-button-holder, #header-3 .header-social{position: relative;
    top: 50%;
	-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);}	
	
.logo-3{float:left;
width:60%;}
.logo-3{text-align:center;
line-height:1;}
.logo-3 a{display:inline-block;}
.logo-3 a img{margin:0 auto;}
.header-social{float:right;
width:20%;}
.nav-button{background:none;
border:none;}  
.icon-bar {display: block;
    height: 3px;
    width: 25px;
	background:#252525;
	margin-top:4px;
} 
 
.nav-holder-3{position: fixed;
  z-index: 200;
  background-color: #ffffff;
  
   width:250px;
  height: 100%;
  padding:24px;
  
   top: 0;
  left: 0;

  -webkit-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
  
  }
.nav-holder-3.is-active {
 -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}  
  
.menu-nav-3{font-size:0;
  margin: 0;
  padding: 0;
  margin-top:36px;
  text-align:center;
  }
.menu-nav-3 li{list-style: none;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
position:relative;
margin-top:24px;
}
.menu-nav-3 li a{color:#252525;}
.menu-nav-3 li a:hover, .menu-nav-3 li a:focus{background:none;}
.menu-nav-3 li a:hover, .menu-nav-3 li.current-menu-item > a{color:#d5d5d5;}

.menu-nav-3 ul{margin-left:8px;}
.menu-nav-3 > li > ul{margin-left:8px;
display:none;}  
.menu-nav-3 > li.menu-open > ul{display:block;}  
.menu-nav-3 ul li{font-size:11px;
margin-top:16px;}
  
.menu-close {
  color: #252525;
  background:none;
  border:none;
  font-size: 24px;
  line-height: 1;
  position:relative;
  right:-75px;
  width:35%;
  display:block;
}
.menu-close .icon-bar{width:15px;}
.menu-close .icon-bar:first-of-type{-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position:absolute;}
.menu-close .icon-bar:nth-of-type(2){-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.menu-close .btn-close{position: relative;
    top:-7px;
	left:0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
	display:block;}	
.menu-close:hover{color:#d5d5d5;}	
.menu-close:hover .icon-bar{background:#d5d5d5;}
body.has-active-menu { overflow: hidden; }

.mask-nav-3{ position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  background-color: #f2f2f2;
  opacity: 0;
  -webkit-transition:opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
-ms-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
.mask-nav-3.is-active{width: 100%;
  height: 100%;
  opacity: 0.3;
  -webkit-transition:opacity 0.3s;
-ms-transition:opacity 0.3s;
  transition: opacity 0.3s;
  cursor:pointer;}

.mainWrapper{
 -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;}
.mainWrapper.has-push-left {
  -webkit-transform: translateX(250px);
  -ms-transform: translateX(250px);
  transform: translateX(250px);
}

#header-3 .search-social{margin-top:0px;}

.social-nav-3{position:absolute;
left:0;
right:0;
bottom:80px;}

.social-nav-3 .search-social{float:none;
text-align:center;
margin-top:8px;
padding-bottom:24px;
display:block !important;
}
.social-nav-3 .search-social li:first-child{margin-left:0;}
.social-nav-3 .search-social li{font-size:16px;}
.social-nav-3 .search-social li a{color:#454545;}
.social-nav-3 h5{color:#454545;
margin-top:80px;
font-size: 12px;
font-weight: 700;
text-align: center;
text-transform:uppercase;
letter-spacing:2px;}
/* END HEADER VAR 3 */

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

3. HOME

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

/***** BACKGROUND IMAGES COMMON LAYOUTS ******/

/***** SPACE BETWEEN ARTICLES ******/
.layout-holder{padding-right:15px;}
.item-holder, .post-wrapper{padding-top:15px;
padding-left:15px;}
.post-txt-link, .post-txt-link:hover{color:#ffffff;
display:block;
}
/***** END SPACE BETWEEN ARTICLES ******/

.item-holder{height:650px;
float:left;
display:block;
overflow:hidden;
position:relative;
width:50%;}

.item-content-bkg{width:100%;
height:100%;
position:relative;
overflow:hidden;}

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

.item-img:before{content:'';
background:rgba(25,32,46,0.5);
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.item-img:after{content:'';
border:2px solid rgba(255,255,255,0.2);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
margin:20px;
}
.item-holder:hover .item-img:before{background:rgba(25,32,46,0.7);}
.item-holder:hover .item-img:after{opacity:0.9;}


.inner-desc{ position: absolute;
    z-index: 4;
	text-align: center;
	padding:0 15px;
    width: 100%;
	top:50%;
		-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform:translateY(-50%);
}

.post-category {font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px;
}

.post-category a{border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    line-height: 1.4;
    padding: 6px 12px;
	text-align:center;
}
.post-category a:hover{background: #ffffff;
    color: #252525;
}

.inner-desc .post-title{	font-weight:900;
line-height:1.5;
text-transform:uppercase;
margin-top:12px;}
.inner-desc .post-title a{color:#ffffff;}
.inner-desc .post-title a:hover{color:#56f2b9;}

.post-meta{margin:0;}
.post-meta li{display:inline-block;
margin-left:8px;
font-size:11px;
text-transform:uppercase;
color:#ffffff;
opacity:0.7;
letter-spacing:1px;}

.post-meta li:first-child{margin-left:0;}

.post-meta li i{font-size:14px;}

.view-more{font-size: 12px;
    letter-spacing: 1px;
	font-weight:700;
    margin-top: 24px;
	display:inline-block;
 overflow: hidden;
 text-transform: uppercase;
 line-height:2;
 opacity:0;
 
 -ms-transform: translateY(100px);
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
    transform:translateY(100px); }
	
.item-holder:hover .view-more, .post-image-holder:hover .view-more{ opacity:1;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
    transform:translateY(0px); }	

.view-more a, .view-more span{color:#ffffff;} 

.view-more a:hover, .view-more span:hover{color:#56f2b9;} 

.view-more a:after, .view-more span:after{position: absolute;
    left: 0px;
    bottom: 1px;
    content: " ";
    height: 2px;
    width: 100%;
background:#ffffff;}

.view-more:hover a:after, .view-more:hover span:after{left: 100px;
background:#56f2b9;}
 
.blog-item-first{width:100% !important;} 

/***** COMMON LAYOUTS ******/


/***** 1 COL LAYOUT******/
.layout-1 .item-holder{width:100%;}
.layout-1 .item-content-bkg .post-content{width:50%;}
/***** END 1 COL LAYOUT******/

/***** 2 COL LAYOUT******/
.layout-2 .item-holder{width:50%;}
/***** END 2 COL LAYOUT******/

/***** 2-1 COL LAYOUT******/
.layout-21 .item-holder-v2:nth-of-type(3n+1), .layout-21 .item-holder-v2:nth-of-type(3n+2){width:50%;}
.layout-21 .item-holder-v2:nth-of-type(3n+3){width:100%;}
/***** END 2-1 COL LAYOUT******/

/***** 2-3 COL LAYOUT VAR 1 ******/
.layout-23 .item-holder-v2{width:50%;}
.layout-23 .item-holder-v2:nth-of-type(5n+3), .layout-23 .item-holder-v2:nth-of-type(5n+4), .layout-23 .item-holder-v2:nth-of-type(5n+5){width:33.333%;}
.layout-23 .item-holder-v2:nth-of-type(5n+3) .post-title, .layout-23 .item-holder-v2:nth-of-type(5n+4) .post-title, .layout-23 .item-holder-v2:nth-of-type(5n+5) .post-title{font-size:28px;}
/***** END 2-3 COL LAYOUT VAR 1 ******/

/***** 2-4 COL LAYOUT VAR 1 ******/
.layout-24 .item-holder-v2{width:50%;}
.layout-24 .item-holder-v2:nth-of-type(6n+1), .layout-24 .item-holder-v2:nth-of-type(6n+2){width:50%;}
.layout-24 .item-holder-v2:nth-of-type(6n+1) .post-title, .layout-24 .item-holder-v2:nth-of-type(6n+2) .post-title{font-size:48px;}
.layout-24 .post-title{font-size:28px;}
.layout-24 .blog-item-first .post-title{font-size:48px;}
/***** END 2-4 COL LAYOUT VAR 1 ******/

/***** 3 COL LAYOUT******/
.layout-3 .item-holder{width:33.333%;}
.layout-3 .post-title{font-size:28px;}
.layout-3 .blog-item-first .post-title{font-size:48px;}
/***** END 3 COL LAYOUT******/

/***** 3-1 COL LAYOUT******/
.layout-31 .item-holder-v2{width:33.333%;}
.layout-31 .item-holder-v2:nth-of-type(4n+4){width:100%;}
.layout-31 .post-title{font-size:28px;}
.layout-31 .item-holder-v2:nth-of-type(4n+4) .post-title, .layout-31 .blog-item-first .post-title{font-size:48px;}
/***** END 3-1 COL LAYOUT******/

/***** 4 COL LAYOUT******/
.layout-4 .item-holder{width:50%;}
.layout-4 .post-title{font-size:28px;}
.layout-4 .blog-item-first .post-title{font-size:48px;}
/***** END 4 COL LAYOUT******/

/***** 4-1 COL LAYOUT******/
.layout-41 .item-holder-v2{width:50%;}
.layout-41 .post-title{font-size:28px;}
.layout-41 .item-holder-v2:nth-of-type(5n+5){width:100%;}
.layout-41 .item-holder-v2:nth-of-type(5n+5) .post-title, .layout-41 .blog-item-first .post-title{font-size:48px;}
/***** END 4-1 COL LAYOUT******/

/***** STATIC LAYOUTS ******/

.post-wrapper-zigzag{padding-top:0 !important;}
.post-wrapper-zigzag .post-image-holder{width:50%;
height: 650px;
float:left;
overflow:hidden;
position:relative;
}
.post-wrapper-zigzag .post-desc-static{width:50%;
float:left;
padding:72px 54px 36px;
}
.post-wrapper-zigzag-right .post-image-holder{float:right;}

.post-image-static{width:100%;
height:100%;
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.post-image-static:before {
    position: absolute;
    left:0;
    top: 0;
    content: " ";
    height: 100%;
    width: 100%;
	background:rgba(25,32,46,0.5);
	
}

.post-image-holder:after {
    content:'';
border:2px solid rgba(255,255,255,0.5);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
margin:20px;
}
.post-image-holder:hover:after {opacity:0.9;}

.post-desc-static{text-align:center;}
	
.post-wrapper .post-title{font-weight:900;
text-transform:uppercase;
margin-top:16px;}	
.post-title a{color:#252525;}	
.post-title a:hover{color:#56f2b9;}	

.post-meta-static{margin-bottom:36px;}
.post-meta-static li{color:#b5b5b5;}

.meta-category a{border: 2px solid #56f2b9;
font-size:12px;
text-transform:uppercase;
	text-align:center;
letter-spacing:1px;
    color: #56f2b9;
    padding: 6px 12px;
	    line-height: 1.4;
	display:inline-block;}
.meta-category a:hover{color:#252525;
background:#56f2b9;}	

/* ARCHIVE */

.archive-top-intro{margin:6px 0 39px 0;}
.intro-big-title{text-transform:uppercase;
font-weight:700;}
.intro-small-title{font-size:12px;}

.author-top-intro{width:50%;
margin:6px auto 39px auto;}
.author-intro-content{margin:0;
text-align:center;
margin-bottom:24px;}
.author-intro-content li{display:inline-block;
vertical-align:middle;}
.author-left-intro{margin-right:30px;}
.author-left-intro img{border-radius:50%;}
.author-right-intro{text-align:left;}
.author-desc{margin-top:24px;
text-align:center;}
.author-social{list-style:none;
margin:0;
font-size:0;
margin-top:8px;}
.author-social li{display:inline-block;
font-size:16px;
margin-left:10px;}
.author-social li:first-child{margin:0;}
.author-social li a{color:#d5d5d5;}
/* END ARCHIVE */

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

4. SINGLE PAGE

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

.topSingleBkg{width:100%;
height:650px;
float:none;
display:block;
overflow:hidden;
position:relative;
padding-left:15px;
padding-right:15px;}
.single-post-title{color:#ffffff;
font-size: 48px;}

.meta-author img{border-radius:99em;}

.post-meta li a{color:#ffffff;}
.post-meta li a:hover{color:#56f2b9;}

.blog-post-single{margin-top:54px;}

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

/* custom page */

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

.dropcap:first-letter, .single-post-content > p:first-child:first-letter {
display: block;
    float: left;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;
    padding: 0 8px 0 0;
	margin-bottom:-8px;
} 

.single-bottom{margin-top:54px;
display:flex;
justify-content:center;}
.tags-single-page, .get-social{width:25%;
text-align:center;}

.single-subtitle {text-align:center;
text-transform:uppercase;
font-size: 12px;
font-weight:600;
letter-spacing: 2px;
margin-bottom:16px;
}

.tags-single-page a{font-size:12px;
color:#252525;
font-style:italic;}
.tags-single-page a:hover{color:#56f2b9;}
.get-social ul{margin:0;
list-style:none;}
.get-social ul li{display:inline-block;
list-style:none;
margin-left:10px;}
.get-social ul li:first-child{margin-left:0;}
.get-social ul li a{color:#252525;}

.author-single-page{margin-top:54px;
padding:24px;
border:2px solid #f2f2f2;}

.author-avatar{display: block;
    float: left;
    height:100px;
    width:100px;}
.author-avatar img{border-radius:99em;}
.author-content{margin-left:110px;}
.author-single-page h4{font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;}
.author-single-page h4 a{color:#252525;}
.author-single-page h4 a:hover{color:#56f2b9;}

.meta-nav-holder{margin-top:54px;}
.meta-nav h4{font-size:11px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
color:#d5d5d5;}
.meta-nav-right{text-align:right;}
.nav-post a{color:#252525;}
.nav-post a:hover{color:#56f2b9;}

.related-posts{margin-top:54px;}
.item-related{height:250px;}
.item-related .post-title{font-size:16px;}

 /* comments + contact fields */
.comm-title, .respond{margin-top:54px;}
.comm-field, .contact-field, #msg-contact{width:100%;
padding:12px 16px;
border:1px solid #f2f2f2;
margin-top:24px;
font-size:14px;
}
#msg-contact{padding:12px 16px;
border:1px solid #f2f2f2;
}
.contact-btn, .form-submit{text-align:right;}
.form-submit{margin-bottom:0px;}
#submit-contact{margin-top:24px;}

.output2{margin-top:24px;
border:1px solid #ff0000;
padding:8px 16px;
color:#ff0000;}

.antispam{ display:none;}

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

.submit, #submit-contact{display:inline-block;
font-size:11px;
font-weight:600;
text-transform:uppercase;
color:#252525;
background:none;
border:2px solid #252525;
padding:12px 16px;
text-align:center;
letter-spacing:1px;
margin-top:24px;
}

.submit:hover, #submit-contact:hover{color:#ffffff;
background:#252525;
text-decoration:none;}

.comm-send{margin-top:54px;
text-align:center;}
 
 /**** COMMENTS STYLES*****/
.commentlist { margin: 0 }
.commentlist > li { list-style: none; margin: 0;
margin-top:28px;}
.commentlist > li ul.children li{ list-style: none;}
.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:24px;
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:#252525;
font-size:12px;
font-weight:700;
text-transform:uppercase;
font-style:normal;}
.comment-author .author a:hover{color:#56f2b9;}
.comment-content p:last-child{ margin: 0; }
.comment-date { font-size: 12px; font-weight: normal;
font-style:italic;
margin-bottom:8px;
color:#999999;}
.reply{text-align:right;
margin-top:8px;}
.comment-reply-link{ margin-top: 8px;
text-decoration:none;
font-size:10px;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
color:#252525;
background:none;
}
.comment-reply-link:hover{color:#56f2b9;
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: 16px; }
.comment-reply-title small{display:block;
margin-bottom:8px;}
.children #commentform textarea { width: 95.6% }

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

@-ms-viewport{width:auto;}

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

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

5. SIDEBAR

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

aside ul{margin:0;
padding:0;
list-style:none;}

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

.widgettitle {text-align:center;
padding-bottom:8px;
text-transform:uppercase;
font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
	line-height:1.5em;
margin-bottom:24px;
position:relative;
}
.widgettitle:after{content:'';
width:25px;
height:2px;
background:#d5d5d5;
left:0;
bottom:0;
right:0;
position:absolute;
margin:0 auto;}

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

.widget ul li a{color:#252525;}
.widget ul li a:hover{color:#d5d5d5;}

.widget_recent_entries li, .widget_archive li, .widget_categories > ul > li{color:#252525;
padding-bottom:8px;
border-bottom:1px solid #f2f2f2;}
.widget_categories ul.children{padding-top:8px;
margin-left:24px;}
.widget_recent_entries li:last-child, .widget_archive li:last-child, .widget_categories > ul > li:last-child{border:none;}

aside .instagram-pics, footer .instagram-pics{text-align:center;}
aside .instagram-pics li, footer .instagram-pics li{display:inline-block;margin:0px 7px 7px 0px;}
aside .instagram-pics li img, footer .instagram-pics li img{width:80px;height:80px;}

/* custom widgets */

.textwidget img{display: block;
    height: auto;
    max-width: 100%;}
.textwidget select { width: 100%; }

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

.widget-display-posts-img ul li{margin-bottom:16px;}
.widget-display-posts-img ul li:last-child{margin-bottom:0px;}

.display-post-img{display: block;
position: relative;
float:left;
width:70px;
height:70px;
overflow:hidden;
}

.display-post-img img {
    height: auto;
    left: -25px;
    position: absolute;
    width: 120px;
}

.display-post-text{margin-left:80px;}
.display-post-date{font-size:11px;
font-weight:600;
color:#d5d5d5;
text-transform:uppercase;
margin-bottom:0px;
line-height:1;
letter-spacing:1px;
}

.widget-social{float:none;}



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

6. FOOTER

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

footer{margin-top:54px;
padding-bottom:24px;}

.footer-widgets{margin-bottom:24px;}

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

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

.footer-widgets .display-post-text h4 a{ color:#999999;}
.footer-widgets .display-post-date{color: #505050;}

#footer-instagram{margin-top:36px;
margin-bottom:36px;
text-align:center;}


#footer-instagram .instagram-pics{margin:0;}
#footer-instagram .instagram-pics li{display:inline-block; margin:0;
width:12.5%;}
#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{text-transform:uppercase;
font-size: 11px;
letter-spacing: 1px;
		line-height:1.1;}
#footer-instagram .clear a{margin-top:8px;
border:none;
color:#252525;
display:inline-block;
}

.footer-social{list-style:none;
margin:0;
font-size:0;
text-align:center;
}
.footer-social li{display:inline-block;
font-size:14px;
margin-left:10px;}

.footer-social li a{color:#252525;
background:#f2f2f2;
width:30px;
height:30px;
line-height:30px;
display:block;
border-radius:99em;}

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

.footer-social li a:hover{color:#ffffff !important;}

.copyright {margin-top:24px;
font-size: 11px;
text-align:center;
text-transform:uppercase;
}



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

7. OTHER

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

.topPageBkg{height:500px;}
.topPageBkg, .page-custom-intro{margin-bottom:54px;}

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

.prev-next{margin-top:54px;}
.prev-next, .page-links{text-align:center;
font-size:0;}
.page-numbers, .nav-page a{color:#252525;
margin: 0 12px;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
display:inline-block;
} 
.current-page, .page-numbers:hover, .nav-page a:hover{color:#d5d5d5;}

/***** 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;
	min-height:500px;
}

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

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

.exit-modal i{cursor:pointer;}

.modal-title{text-align:center;
margin-bottom:16px;}

.search-bar{margin-top:36px;
text-align:center;}
.search-string, .search-bar .search-string{background:none;
border:2px solid #f2f2f2;
color:#252525;
text-align:center;
font-size:24px;
width:80%;
padding:16px;
line-height:1.5;
}

aside .search-string{ width:100%;}

.search-string{border:1px solid #f2f2f2;
font-size:16px;
}

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

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

.modal-tags a, .tagcloud a{margin:8px;
padding:3px 10px;
color:#252525;
border:2px solid #252525;
text-transform:lowercase;
text-align:center;
font-size:12px;
display:inline-block;
text-decoration:none;}

.modal-tags a:hover, .tagcloud a:hover{background:#252525;
color:#ffffff;}

.tagcloud a{margin:4px;}

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

.scrollup{display:none;}
.scrollup i {
width:30px;
height:30px;
position: fixed;
background:#252525;
border-radius: 50%;
bottom: 20px;
right: 20px;
text-align: center;
padding-top:5px;
cursor: pointer;
z-index: 110;
}

/* Placeholder text color */

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #252525;
}

:-moz-placeholder { /* Firefox 18- */
  color: #252525;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #252525;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #252525;
}

::-ms-input-placeholder { /* Edge */
  color: #252525;
}

:placeholder-shown { /* Standard one last! */
  color: #252525;
}




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

MEDIA QUERIES

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

@media (min-width: 1500px) {



}

@media (min-width: 1200px) {

.post-wrapper-zigzag .post-desc-static{padding-top:124px;}

.layout-4 .item-holder, .layout-41 .item-holder-v2, .layout-24 .item-holder-v2{width:25%;}


}

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

.inner-desc .post-title, .layout-24 .item-holder-v2:nth-of-type(6n+1) .post-title, .layout-24 .item-holder-v2:nth-of-type(6n+2) .post-title, .layout-24 .blog-item-first .post-title{font-size:28px;}
.item-holder{height:400px;}

.item-related{height:250px;}
.item-related .post-title{font-size:16px;}

.post-wrapper-zigzag .post-desc-static{padding:36px;}
.post-desc-static .post-title{font-size:36px;}
.post-wrapper-zigzag .post-image-holder{height:550px;}

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

}

@media (max-width: 767px) {

#header-3{height:100px;
padding:16px 15px;}
#header-3 .nav-button-holder{width:10%;}
.logo-3 { float: right; }
#header-3 .header-social{display:none;}

.headerWrap-1{height:auto;}
.nav-holder{float:none;
width:100%;}
.navbar-collapse.collapse{height:auto !important;}
.logo-1, .menu-nav{top:0;
transform:none;}
.nav-holder{margin-right:0;}
.menu-nav{background:#ffffff;}

.menu-nav li{display:block;
margin:0;
padding:0;
font-size:14px;
}
.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 !important;
color:#d5d5d5; }

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

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

.navbar{text-align:center;}
.navbar-toggle{margin-top:16px;
margin-bottom:32px;
position: absolute;
    right: 0;
    top: 6px;}
#header-bar-2 .navbar-toggle{margin:16px 0;
position: relative;
right: 0px;
top: 0px;}
#header-bar-2 .menu-nav li:last-child ul ul{left:0;}

.item-holder{width:100% !important;}
.inner-desc .post-title, .post-desc-static .post-title, .layout-3 .blog-item-first .post-title, .layout-31 .blog-item-first .post-title, .layout-4 .blog-item-first .post-title, .layout-41 .blog-item-first .post-title, .layout-31 .item-holder-v2:nth-of-type(4n+4) .post-title, .layout-41 .item-holder-v2:nth-of-type(5n+5) .post-title, .layout-24 .item-holder-v2:nth-of-type(6n+1) .post-title, .layout-24 .item-holder-v2:nth-of-type(6n+2) .post-title, .layout-24 .blog-item-first .post-title{font-size:28px;}
.item-holder, .post-wrapper-zigzag .post-image-holder{height:400px;}

.post-wrapper-zigzag .post-image-holder, .post-wrapper-zigzag .post-desc-static{width:100%;
float:none;}
.post-wrapper-zigzag-right .post-image-holder{float:none;}
.post-wrapper-zigzag .post-desc-static{padding:48px;}

.author-top-intro{width:100%;
padding:0 15px;}
.author-intro-content > li{display:block;
text-align:center;}
.author-left-intro{margin-right:0px;
margin-bottom:24px;}

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

.topSingleBkg{height:350px;}

.author-single-page{padding:16px;}
.author-avatar, .author-avatar img {height: 40px;
    width: 40px;}
.author-content {margin-left: 45px;}	

.tags-single-page, .get-social{width:50%;}

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

/*comments*/
	.children { margin: 24px 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 }
	
aside{margin-top:54px;}	

}

@media (max-width: 568px) {


}

@media (max-width: 375px) {



}

@media (max-height: 768px) {

.nav-holder-3{overflow-y: scroll;}

.social-nav-3{position:relative;
bottom:0;}

}