/*

Theme Name: UpNorth
Theme URI: #
Author:#
Author URI: #
Description: This theme is fully responsive and mobile friendly.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: upnorth
Tags: #
*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #52a07b;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom:2px solid transparent;
}

a:hover, a:focus, a:active {
	color: #1e4633;
  text-decoration:none !important;
  outline: none !important;
}

a:focus {
	outline:none;
}

a:hover, a:active {
	outline: 0;
}

p{
	margin:0 0 15px;
}

img{
	max-width:100%;
	height:auto;
}
input, select, textarea{
  width:100%;
  padding:5px;
}

form.wpcf7-form{background: #efefef;padding:30px;margin-bottom: 50px;}
textarea{height:120px;}
input[type="submit"]{
    cursor: pointer;
    border: 0;
    background: #000;
    padding: 10px;
    display: inline-block;
    color: #fff;
    width: 250px;
    transition: all .3s;
    font-size: 26px;
  }
input[type="submit"]:hover{
  background: #52a07b;
}

body {
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size: 18px;
	font-weight:300;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Viga', sans-serif;
	line-height:100%;
}

input,
button,
textarea{
	font-family: 'Viga', sans-serif;

}

.container {
    max-width:1200px;
    width:100%;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-logo img{max-width:150px;}
.site-header-top{background: #fff;z-index: 99;padding:15px 0;}
.site-logo a:hover{border:0;}
.slick-slide img{width:100%;display: inline!important;}
.home_banner:after{background: url(assets/images/viewimg.png) no-repeat;width:350px;height:900px;background-size:350px;content:" ";right:0;position: absolute;top:30%;}
.slide-item{height:100%;position: relative;z-index: 0;}
.banner-caption {position:absolute; left: 0; top:0; color: #fff; width: 100%; height:100%; text-align: center;}
.caption-table{
  display:table;
  width:80%;
  height:100%;
}
.caption-table-cell{
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align: right;
}
.caption-table-cell h2{
	font-size: 70px;
	text-transform: uppercase;
	text-shadow:0 0 10px #333;
	
}
.caption-table-cell h4{
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow:0 0 10px #333;
}
.caption-table-cell .wrap-head {
    max-width: 560px;
    float: right;
    text-align: center;
}
.home_banner button.slick-arrow{display:none!important;width: 40px;height:40px;}
.home_banner:hover button.slick-arrow{display:block!important;}
.home_banner button.slick-prev{left:10px!important;border:4px solid rgba(0,0,0,0.3);box-shadow: none!important;}
.home_banner button.slick-next{right: 10px!important;border:4px solid rgba(0,0,0,0.3);box-shadow: none!important;}
.home_banner button.slick-arrow:focus{border:4px solid rgba(0,0,0,0.3)!important;}

/*--------------------------------------------------------------
## Nav
--------------------------------------------------------------*/
nav#main-nav{
  text-align: right;
}
nav#main-nav:after{
  content:'';
  position:absolute;
  left:0;
  width:100%;
  height:5px;
  background:#fff;
}
nav#main-nav ul ul {
  display: none;
}
nav#main-nav ul li:hover > ul {
  display: block;
}
nav#main-nav ul {
  list-style: none;
  position: relative;
  margin:0;
  padding:0;
  z-index: 1;
}
nav#main-nav ul li {
  display: inline-block;
  padding:14px 0;
  position:relative;
}
nav#main-nav ul li a {
  display: block;
  padding:0px 12px;
  color: #000;
  font-size:14px;
  text-decoration: none;
  position:relative;
  transition: all .3s;
  border:0;
  text-transform: uppercase;
  font-weight: 600;
}
nav#main-nav ul li a:hover{
	border-bottom: 0;
	text-decoration: none;
}
nav#main-nav ul li:hover:after,
nav#main-nav ul li.active:after,
nav#main-nav ul li.current-menu-item:after{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  width:50px;
  height:5px;
  margin-left:-25px;
  background:#298a5c;
}
nav#main-nav ul ul li:hover:after,
nav#main-nav ul ul li.active:after{
  display:none;
}
nav#main-nav ul ul {
  background:rgba(0,0,0,0.85);
  border-radius: 0px;
  padding: 0;
  position: absolute;
  top:100%;
  min-width:250px;
  white-space:nowrap;
}
nav#main-nav ul ul li {
  display: block;
  position: relative;
  padding:0;
  float:none;
}
nav#main-nav ul ul li a {
  padding:8px 15px;
  color: #fff !important;
  font-size:14px;
  font-weight:500;
  text-align:left;
}
nav#main-nav ul ul li:last-of-type a{
  border-bottom:0;
}
nav#main-nav ul ul li:hover a,
nav#main-nav ul ul li.current-menu-item a{
  color:#fff;
  background:rgba(41, 138, 92, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}   
nav#main-nav ul ul ul{
  position: absolute;
  left: 100%;
  top:0;
  min-width:220px;
  background:#3fd287;
}
nav#main-nav ul ul ul li a{
  color:#fff;
  border-bottom:1px solid #fff !important;
}
nav#main-nav ul ul ul li:hover a,
nav#main-nav ul ul ul li.current-menu-item a{
  color:#fff;
  background:#7be3ae;
}
nav#main-nav ul ul ul li:last-of-type a{
  border-bottom:0 !important;
}

/*--------------------------------------------------------------
## Site Content
--------------------------------------------------------------*/
.about_block{background: url(assets/images/forest.jpg) no-repeat center; background-size:cover;min-height:960px;padding-top:185px;background-attachment:fixed;}
a.ab_btn{display:inline-block;margin-top:1rem;color: #1e4633;font-weight: 600; border-bottom: 2px solid #1e4633;font-family: "Viga", sans-serif;font-size: 14px;
    text-transform: uppercase; letter-spacing: 2px;}
a.ab_btn:hover{border-color: #999;}
.about_title h2{margin:0 0 20px 0;text-transform: uppercase; font-size: 35px;letter-spacing: 2px;color:#1e4633;}

.bl-tabs ul{margin:0;padding:0;position: absolute;top:-50px;width:100%;display: flex;justify-content: space-between;}
.bl-tabs ul li{transition:all .5s;position:relative;list-style: none;display:inline-block;background: rgb(30,70,51);
background: radial-gradient(circle, rgba(30,70,51,1) 0%, rgba(7,97,54,1) 100%);padding:30px 10px;text-align: center;width: 195px;height:170px;}
.bl-tabs ul li:before{content:" ";border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);position: absolute;top:10px;left:10px; width: calc(100% - 20px);
    height: calc(100% - 20px);border-radius:10px;}
.cat-image img{max-height: 58px;}
.bl-tabs ul li:before{content:" ";border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3);position: absolute;left:10px;right:10px; width: calc(100% - 20px);
    height: calc(100% - 20px);}
.bl-tabs ul li:hover{box-shadow:0 0 20px rgba(0,0,0,0.75);}
.bl-tabs ul li a{width:100%;height:100%;display: block;position: absolute;left: 0;top:0;}
.bl-tabs ul li h4{color: #fff; margin: 12px auto 0; text-transform: uppercase; font-size: 17px; letter-spacing: 1px;
    text-align: center; max-width: 170px;}

.product-block{padding-bottom: 100px;}
.product-block .container{
	background: rgba(255,255,255,0.7);
	padding:40px 35px 35px;
	box-shadow:5px 0 50px rgba(0,0,0,0.20);
  margin-top:100px;
}
h2.pk-title{margin-bottom: 40px;font-size:40px;color:#1e4633;}
ul.mn-tabs{margin:0;padding:0 0 30px;text-align: left;}
ul.mn-tabs li{display: inline-block;font-family: "Viga", sans-serif;margin:0 40px 0 0;}
ul.mn-tabs li a{color:#1e4633; text-transform: uppercase;letter-spacing: 2px;}
ul.mn-tabs li.active a, ul.mn-tabs li a:hover{border-bottom:2px solid #52a07b;color:#1e4633;}
.pk_box{overflow-y: auto;max-height: 325px;}
.package_list{display: flex;align-items: center;font-family: "Viga", sans-serif;margin-bottom: 5px;}
.pk_date span{display:block;text-align: center;font-size: 16px;color:#fff;line-height: 20px;}
.pk_date{padding:22px;background: rgb(30,70,51);
    background: radial-gradient(circle, rgba(30,70,51,1) 0%, rgba(7,97,54,1) 100%);color:#fff;font-size: 18px;
    letter-spacing: 1px;
    max-width: 150px;
    text-align: center;}
.pk_text{padding:15px 30px; font-size: 14px;letter-spacing:1px;text-transform: uppercase;color:#919191;}
.pk_text h3{font-size: 20px; margin-bottom: 5px;}
.pk_text h3 a{color:#298a5c;}
.pk_text h3 a:hover{color:#000;}
.package_contact h4{font-size: 16px;color: #1e4633;text-transform: uppercase;letter-spacing: 1px;}
.package_contact h2{font-size: 30px;color: #52a07b;text-transform: uppercase;letter-spacing: 1px;}
a.package_btn{border: 0; background: #777; color: #fff; padding: 15px 30px; font-size: 18px; transition: all .3s; font-family: 'Viga', sans-serif; letter-spacing: 1px;}
a.package_btn:hover {background: #555;}

.activity_block{padding:100px 0 75px;}
.activity_block hr{border-bottom: 8px solid #a4aec0;height:auto;margin:.5rem 0 3rem;width:100%;}
.activity_block h4{color:#a4aec0;letter-spacing: 4px; text-transform: uppercase;font-size: 16px;}
.activity_block h2{color:#1e4633;font-size: 36px;}
.activity-text{ padding-top: 35px; font-weight: 400; color: #484848;}
.activity-text p{font-size: 20px;color:#000;}
.at-item{position: relative;}
.at-item h3{position: absolute;bottom:20px;width:100%;text-align: center;color:#fff;font-size: 28px;letter-spacing: 2px;text-shadow: 0px 3px 5px rgba(0,0,0,.95);}
button.slick-arrow{position: absolute;top:50%;background-color:#fff;width:70px;height:70px;margin-top: -35px;border-radius: 100%;z-index: 2;
    text-indent: -9999px; border: 0; box-shadow: 0 0 10px #999;cursor: pointer;transition: all .5s;border:1px solid #ccc;width: 40px;height:40px;}
button.slick-arrow:hover{box-shadow: none;}
button.slick-arrow:focus{border:0;outline: 0;}
button.slick-prev{left:-35px;background:#fff url(assets/images/lftarw.png) center no-repeat;}
button.slick-next{right:-35px; background:#fff url(assets/images/rghtarw.png) center no-repeat;}

.camp-wrap{display: flex;flex-wrap: wrap;}
.camp-wrap figure{width:33.333%;}

.testimonials_block{color:#fff;background: url(assets/images/testiBg.jpg) no-repeat center; background-size:cover;padding:40px 0;}
.testimonials_block h4{font-size:16px;color:#fff;letter-spacing: 4px;text-transform: uppercase;}
.testimonials_block h2{font-size:36px;text-transform: uppercase;}
.quote-icon{width:54px;height:39px;background: url(assets/images/quoteicon.png)no-repeat;margin:50px 0 30px;}
.testimonials_block blockquote{background: rgba(0, 0, 20, 0.40); padding:40px;border-radius:10px;margin-bottom: 0;}
.testimonials_block blockquote .author h3{font-size: 16px;position: relative;letter-spacing: 2px;text-transform: uppercase;margin:40px 0 0 0;}
.testimonials_block blockquote .author h3:before{content:" ";font-size: 16px;position: absolute;top:-20px;width:30px;height:3px;background: #fff;}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.ftrBG_main{background: url(assets/images/ftrbg.jpg) no-repeat center;padding-bottom: 100px;background-size: cover;}
.calltrips{padding:65px 0;max-width: 1050px;margin:auto;}
.incall{font-weight:bold;letter-spacing:2px;text-transform:uppercase;padding:45px 0;text-align: center;color:#fff;font-size:26px;background: #333 url(assets/images/incallbg.jpg) no-repeat center;border-radius:10px;overflow: hidden;}
.incall a{color:#fff;text-decoration: none;}
.site-footer{padding:50px 0 0;}
.site-footer h3{margin-bottom: 30px;font-size: 24px;color:#298a5c;}
.site-footer ul{margin:0;padding:0;}
.site-footer ul li{list-style: none;}
.site-footer .social-navigation ul li{float: left; margin-right: 10px;}
.site-footer ul li a{font-size: 16px;color:#298a5c;}
.site-footer ul li a:hover{color:#1e4633;}
.site-footer-top{margin-bottom: 30px;}
.site-footer-bottom{padding: 0 0 50px; font-size: 12px; text-transform: uppercase; font-weight: bold;}
.copyright-text span img{max-height: 40px; margin-top:-10px;}
.copyright-text span{margin-left: 10px;}


/*--------------------------------------------------------------
## Banner
--------------------------------------------------------------*/
.page-banner {
	background: #808080 url(/wp-content/uploads/2021/02/bannerimgnew.jpg) no-repeat;
	color: #fff;
	width: 100%;
	padding: 200px 0;
}
.page-header{
	background: rgba(0,0,0,0.6);
    padding: 10px;
    position: relative;
    z-index: 2;
}
.page-banner h1{
	margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 30px;
}

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.site-main {
	padding: 75px 0;
}
.single-pk .site-main{margin-top:-40px;padding:0 !important;}

/*--------------------------------------------------------------
## Upcoming Treks
--------------------------------------------------------------*/
.seasons-treks{margin-bottom: 100px;}
.seasons-treks:last-child{margin-bottom:0;}
.seasons-treks h4{font-size: 14px;text-transform: uppercase;letter-spacing: 2px;color:#1b63a6;}
.seasons-treks h2{text-transform: uppercase;letter-spacing: 2px;color:#a4aec0;font-size: 40px;}
.treks-li{display: flex; justify-content: space-between;margin-top:50px;}
.trek-col{border:1px solid #fff;position: relative; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.trek-box-content { padding: 20px; background: #f7f7f7;min-height:278px;}
.trek-box-content a:hover{border-bottom:0;color:#fff;background: #043872;}
.trek-box-title { margin-top: 0; font-size: 22px; }
.trek-box-details { padding-left: 0; list-style-type: none; margin-bottom: 15px; margin-top: 15px; display: -webkit-box; display: -ms-flexbox;
    display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.trek-box-details img{width:auto;}
.trek-box-details > .trek-box-item { width: 50%; display: inline-block;}
.btn{margin-top:20px; background-color: #1e4633; cursor:pointer;border: none; border-radius: 50px; color: #fff; font-size: 15px;
    text-align: center; text-transform: uppercase; text-decoration: none;padding:8px 20px;}
.trek-box-badge { position: absolute; color: #fff; background-color: #000; top: -5px; padding: 5px 10px; font-size: 13px; letter-spacing: 2px;}
.trek-box-text{font-size: 16px;}
.seasons-treks button.slick-prev{left:-80px;}
.seasons-treks button.slick-next{right:-80px;}
.treks-li .slick-slide{padding:30px 0;}

/*--------------------------------------------------------------
## Upcoming Treks
--------------------------------------------------------------*/
.contact-page{margin-bottom: 50px;}
.cnt-block h3{font-size: 22px;color:#1b63a6;}
.icon{margin-bottom: 20px;}
.icon .fa{background: #1b63a6; color: #fff; width: 50px; height: 50px; border-radius: 100%; line-height: 50px; text-align: center;
    font-size: 25px;}
.quick_info_block{font-size: 13px; background: #1e4633; padding: 20px; margin-bottom: 30px; color:#fff;display: flex; justify-content: space-between;}
.info_block{width:20%;}
span.quick_info_label{display: block;font-weight:bold; color:#fff;font-size: 14px;text-transform: uppercase;line-height: 100%;}
.quick_info_block .col-md-3{border-left: 3px solid rgba(255,255,255,0.2);}
.quick_info_content{border-left: 2px solid rgba(255,255,255,0.4); padding-left: 10px;}
.book-btn{ 
	position: relative;
  margin-top: -50px;
}
.book-btn a{    
	background: #000;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 35px;
  padding: 15px;
  font-weight: bold;
  border-radius: 10px;
  }
  .fixed-sidebar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  height: 1500px;
  top: 10px;
  bottom: 440px;
}
  .enquiry_form h3{color:#000;font-size:24px;}
  .enquiry_form label{color:#333;}
  .enquiry_form input, .enquiry_form textarea{padding:12px;border:2px solid #cecece;}
  .enquiry_form input[type="submit"]{font-size: 20px;text-transform: uppercase;border:0;letter-spacing: 1px;}
.is-sticky ul.static-bar{box-shadow:0 0 20px #ccc; top:83px !important;width:100%!important;max-width: 1170px!important;}
ul.static-bar{padding:0; text-align: center; font-weight: 600;background:#fff;z-index:10; text-transform: uppercase; font-size: 16px;margin:0 0 40px;}
ul.static-bar li{display: inline-block;margin:0 10px;}
ul.static-bar li a{display: block; padding: 20px 5px;border-bottom:5px solid transparent; font-size: 16px;}
ul.static-bar li a:hover{border-bottom:5px solid #52a07b;}
.enquiry_form input, .enquiry_form textarea{width:100%;font-weight:normal;}
a.accordians-title{padding: 20px 0; font-weight: bold; display: block; border: 0;border-bottom:1px solid #1e4633 !important;
    line-height: 100%;}
.accordians-content{background: #fff;padding:20px;}
.accordians-content p{margin:0;}
.package_sidebar a{border:0;}
.package_sidebar{ background: #1e4633; color: #fff; font-weight: 400; z-index: 9999; font-size: 15px; padding:0 0 20px;}
.package_sidebar ul{margin:0;padding:0;}
.package_sidebar ul li{list-style: none;margin-bottom: 10px;}
.package_sidebar ul li a{
	display: block;
    color: #000;
    padding: 10px 20px 6px 30px;
    border-radius: 0 10px 10px 0;
    font-size: 15px;
    text-align: left;
    margin-right: 60px;
    border-bottom: 2px dashed #fff;
    background: #fff;
    text-transform: uppercase;
    font-weight: bold;}
.single_block_mn {font-size: 17px; font-weight: 400; color: #444;margin-bottom: 30px; padding: 30px; background:#f7f7f7; }
.single_block_mn h2 {margin-bottom:30px;padding-bottom:20px;color:#52a07b; font-size: 30px;text-transform: uppercase;position: relative;}
.single_block_mn h2:after{position: absolute;bottom:0;left:0;background: #999;height:5px;width:50px;content:" ";}
.single_block_mn h3{font-size:18px;color:#ad7c10;margin-top:35px;color:#999;}
.feel-call{padding:20px; color:#fff;font-size: 14px;border:3px dashed rgba(255,255,255,0.6);margin:20px;}
.feel-call a{display: block;color:#3fdcb8;font-weight:300;font-size: 24px;letter-spacing: .5px;}
.feel-call h3{color:#fff;position: relative;padding-bottom: 10px;margin-bottom: 40px;}
.feel-call h3:after{position: absolute;left:0;bottom:-10px;content: " ";background: #fff;height:3px;width:50px;}
.customize-txt{padding:0 20px;}
.customize-txt strong{display:block;}
#gallery_block button.slick-prev{background-color:rgba(255,255,255,0.5);left:10px;}
#gallery_block button.slick-next{background-color:rgba(255,255,255,0.5);right:10px;}

.single-pk .page-banner{padding:190px 0;position: relative;}
.single-pk .page-banner:after{content:" ";width:100%;height:400px;background: linear-gradient(to bottom, rgba(20, 20, 20, 0), rgba(20, 20, 20, 1));bottom:0;left:0;position: absolute;}

/*--------------------------------------------------------------
## About Page
--------------------------------------------------------------*/
.team_box{height:100%;overflow: hidden;}
.team_text{padding:10px;background: #efefef;height:100%;}
.team_text h3{ font-size: 22px;text-transform: uppercase; margin: 15px 0 0;}
.team_text .tm_content{margin:10px 0;font-size: 16px;}
a.team_more{ font-weight: 500; font-size: 15px; color: #000;}

/*--------------------------------------------------------------
## Accomodation Page
--------------------------------------------------------------*/
#tt-txt{padding:75px 0;}
.tt-pkg-wrap{background: #f7f7f7;display:flex;flex-wrap: wrap;border-bottom:1px solid #fff;}
.tt-pgk-lft{ padding:100px;width:60%;}
.tt-pgk-lft span.sub_title{font-weight:500;margin-bottom:10px;display: block;text-transform: uppercase;}
.tt-pgk-lft h2{font-size: 36px; margin-bottom:25px;color:#52a07b;}
.tt-pgk-rght{width:40%;}
.tt-price{font-weight:bold;text-transform: uppercase;color:#777;margin:40px 0 10px;}
.tt-price span{color:#52a07b; font-size: 26px;}
.acmo_text ul{ font-weight: 600; margin: 20px 0; font-size: 13px; border: 1px solid #ccc; padding: 10px;
           text-transform: uppercase; color: #777;}
.acmo_text ul li{display: inline-block;margin:0 10px;}
.btn-book{font-size: 24px; padding: 12px 35px;background: #333;letter-spacing: 1px;}    
.btn-book:hover, .btn-book:focus{color:#fff;background: #1e4633;}
.tt-pgk-rght .slick-slider button.slick-arrow{
  border-radius: 0!important;
}
.tt-pgk-rght .slick-slider button.slick-next{
  right:0 !important;
  background: rgba(255,255,255,0.9) url(assets/images/rghtarw.png) center no-repeat;
}
.tt-pgk-rght .slick-slider button.slick-prev{
  left: 0 !important;
  background: rgba(255,255,255,0.9) url(assets/images/lftarw.png) center no-repeat;
}

.grid {
  position: relative;
  clear: both;
  margin: 0;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
  z-index: auto;
  overflow: visible;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-steve:before {
  box-shadow: 0 3px 30px rgba(0,0,0,0.8);
  opacity: 0;
}

figure.effect-steve figcaption {
  z-index: 1;
  bottom: 0;
  top: inherit !important;
  height: inherit;
}
figure.effect-steve figcaption a{
  height:inherit;
}
figure.effect-steve img {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: perspective(1000px) translate3d(0,0,0);
  transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve .meta_trek{
  background: rgba(255,255,255,0.9);
  color: #2d434e;
  padding: 0 0 10px;
  overflow: hidden;
}
.small, small{font-size:70%;}
figure.effect-steve p {
  background: #000;
  color: #fff;
  display: inline-block;
}

figure.effect-steve h2 {
  font-size: 24px;
  text-transform: capitalize;
  letter-spacing: 1px !important;
  position: relative;
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}

figure.effect-steve ul{
  margin:0;padding:0 20px;
  font-size: 11px;
  list-style: none;
  font-weight: 500;
  columns: 2;
  text-align: left;
}

figure.effect-steve h2:before {
  box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
  margin-top: 1em;
  padding: 0.5em;
  font-weight: 800;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(0.9,0.9,1);
  transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
  opacity: 1;
}

figure.effect-steve:hover img {
  -webkit-transform: perspective(1000px) translate3d(0,0,21px);
  transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
  opacity: 0;
}

figure.effect-steve:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
  background: #000;
}

figure.effect-bubba img {
  opacity: 0.8;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
  opacity: 0.4;
  filter: grayscale();
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}

figure.effect-bubba h2 {
  padding-top: 30%;
  color:#fff;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}