/*   
	Theme Name:        BLANK Theme
	Theme URI:         https://digwp.com/clubhouse/
	Description:       A simple basic theme template for WordPress.
	Author:            Chris Coyier and Jeff Starr
	Author URI:        https://digwp.com/
	Donate link:       http://m0n.co/donate
	Version:           2.0
	Stable tag:        2.0
	Requires at least: 4.5
	Tested up to:      4.7
	License:           GNU General Public License v3 or later
	License URI:       http://www.gnu.org/licenses/gpl-3.0.html
	Tags:              one-column, two-columns, right-sidebar
	Text Domain:       blank-theme
*/

:root {
	--color-yellow: #e6a704 !important;
	--color-green: #02441e;
	--color-white: #ffffff;
}

.bdr-bot-thick-white{
	border-bottom: solid 3px #ffffff;
}

@media screen {
	.bdr{border:aqua 1px solid;}
.bdr-r{border:red 1px solid;}
.bdr-y{border:yellow 1px solid;}
.bdr-f{border:fuchsia 1px solid;}


	
body { 
		color:  var(--color-green);
		font-family: 'Jura', serif;
	}
	#wpadminbar{
		visibility: hidden;
	}
	/* .wrap { box-sizing: border-box; max-width: 960px; margin: 20px auto; padding: 20px; color: #333; background-color: #fff; } */
	
	a {}
	a:hover {} 
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 	
		font-family: 'Krona One', sans-serif;
		font-weight: 700; }
	h1 {font-size: 3.5rem;letter-spacing: -.04em;}
	h2 {font-size: 3rem;}
	h3 {font-size: 2rem;}
	h4 {font-size: 1.5rem;}
	h5, .h5 {font-size: 1rem;}
	h6 {font-size: .9rem;}
	
	h2.subheading{
		font-size: 4.6rem;
			line-height: 1em;
			display: inline-block;
			margin-bottom: 10px;
			font-family: "Clicker Script", cursive;
	}
	
	p, li{
		font-size: 1.2em;
		line-height: 1.4em;
		font-weight: 400;
	}

	.smaller{
		font-size: .8em;
	}
	.display-6{
		font-size: 1.3em;
			font-weight: 700;
	}
	.ourstory p, .banner p{
		font-size: 1.5em;
		/*font-weight: 500;*/
		font-weight: 700;
	}
	/* The banner images on teh what we do page has an overlay */
	.banner-overlay{ 
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height:100%;
		z-index:2;
		background-image:url('images/bannerpic-overlay.png');
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	em{
		color:  #e6a704;
		font-style: normal;
	}
	.screen-reader-text { position: absolute; left: -9999em; }
	
} /* END screen media */


/* Asha Code starts here */
.w-200{max-width: 200px;}
.mt--15{
	margin-top:-15px;
}
.rounded-3{
	border-radius: .5rem;
}
/*======= FONTS ========*/



/*======= BUTTONS ========*/
.btn-primary{
	padding:  .5em 2em;
}
.btn-line{
	border:  solid 2px var(--color-green);
	padding:  .25em 2em;
	border-radius: 5px;
	font-weight: 600;
}

.bg-light {	background: #fff !important; }
  .bg-primary{	background: var(--color-green); }
  
  .bg-secondary,.more-link  {
	background: var(--color-yellow) !important; }
  
  .btn {
	padding: 4px 12px;
	cursor: pointer;
	border-radius: 4px;
	-webkit-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
	font-size: 16px;
	font-weight: 600; }
	.btn:hover, .btn:active, .btn:focus {
	  outline: none; }
.btn.btn-primary {
background: var(--color-green) !important;
color: #fff !important; }
.btn.btn-primary a{
	color: #fff !important;
	font-weight: 500; 
}
.btn.btn-primary:hover {
background: var(--color-yellow) !important;
color: var(--color-green) !important; }

.btn.btn-primary.btn-outline-primary {
border: 1px solid var(--color-green) !important;
background: transparent !important;
color: var(--color-green) !important; }
.btn.btn-primary.btn-outline-primary:hover {
border: 1px solid transparent !important;
background: var(--color-green) !important;
color: #fff !important; }

.btn.btn-secondary {
background: var(--color-yellow) !important;
border: 1px solid var(--color-yellow) !important;
color: var(--color-green) !important; }
.btn.btn-secondary.centered {
	display: block;
	max-width: 200px;
	margin:auto
}
.btn.btn-secondary a{
	color: var(--color-green) !important;
	font-weight: 800;
}
.btn.btn-secondary:hover {
border: 1px solid var(--color-yellow);
background: var(--color-green);
color: var(--color-white); }
.btn.btn-secondary.btn-outline-secondary {
border: 1px solid var(--color-yellow) !important;
background: transparent !important;
color: var(--color-yellow) !important; }
.btn.btn-secondary.btn-outline-secondary:hover {
border: 1px solid transparent !important;
background: var(--color-yellow) !important;
color: #fff !important; }

	.btn.btn-white {
	  background: #fff !important;
	  border: 1px solid #fff !important;
	  color: #000000 !important; }
	  .btn.btn-white:hover {
		border: 1px solid #fff;
		background: transparent;
		color: #fff; }
	  .btn.btn-white.btn-outline-white {
		border: 1px solid #fff;
		background: transparent;
		color: #fff; }
		.btn.btn-white.btn-outline-white:hover {
		  border: 1px solid transparent;
		  background: #fff;
		  color: #fff; }

.btn-sm{
	padding:4px 15px;
}
/*======= SPACING ========*/



/*======= BRAND COLORS ========*/

section.bg-dark{
	background-color: var(--color-green) !important;
	color:  #fff;
}
section.bg-dark h1, 
section.bg-dark h2, 
section.bg-dark h3, 
section.bg-dark h4, 
section.bg-dark h5, 
section.bg-dark h6,
section.bg-dark p {
	color:  #fff;
}
.mgreen{
	color:  var(--color-green);
}
.bg-mgreen{
	background-color:  var(--color-green);
}
.myellow{
	color:  #e6a704;
}
.post-edit-link{
	color: gray;
}
.bg-myellow{
	background-color:  #e6a704;
}
.white{
	color:#fff;
}

img.logo{
	max-height: 110px;
}
@media screen and (max-width:578px) {
	img.logo{
		max-height: 75px;
	}
}
.card{
	border: 0;
	background-color: transparent;
}
.hero-wrap{
	padding-top:12vw;
}
.carousel-caption{
	left:0; 
	right:0;
	bottom: 0;
}
.box-shadow{
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}
.bdr-50{
	border-radius: 50%;
}
.bdr-g{
	border: solid 1px var(--color-green);
}
.bdr-y{
	border: solid 1px var(--color-yellow);
}

.bdr-top-y{
	border-top: solid 2px var(--color-yellow);
}
.bdr-bot-silver{
	border-bottom: solid 1px #e1e2e3;
}
.bdr-bot-y{
	border-bottom: solid 2px var(--color-yellow);
}
.bdr-top-g{
	border-top: solid 2px var(--color-green);
}
.bdr-bot-g{
	border-bottom: solid 2px var(--color-green);
}

/******************  ## General Sections *******************/


/******************  Nav bar *******************/
nav.ftco-navbar-light{
	background-color: var(--color-yellow) !important;
	/* top:38px; */
}
.ftco-navbar-light .navbar-brand{
	/* padding-top: .5rem;
	padding-bottom: .5rem; */
}



/******************  News Slider Demo-1 *******************/
	.post-slide {
	overflow: hidden;
	margin-right: 15px;
	background-color: #fff!important
}
/*.post-slide .post-img {
	float: left;
	width: 50%;
	position: relative;
	margin-right: 30px
}*/
/* .wrapps-1:after, .wrapps-2:after, .wrapps-3:after {
	position: absolute;
	z-index: 1;
	content: '';
	left:0;
	top:0;
	width: 100%;
	border:solid 3px aqua;
	height: 100%;
	pointer-events: none;
	background: transparent url('images/wrapps-fg.png') no-repeat;
	background-size: contain;
  }
  .wrapps-2:after{
	background-image: url('images/wrapps-fg-2.png');
  }
  .wrapps-3:after{

  }
  .wrapps{
	position: relative;
  } */
#news-slider .post-slide .post-img img,
#events-slider .post-slide .post-img img {
	width: 100%;
}
#news-slider2 .post-slide .post-img img { /*Events slider*/
	width: 90%;
	height: auto
}
/*.post-slide .post-date {
	background: #ec3c6a;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 2% 3%;
	width: 60px;
	height: 60px;
	text-align: center;
	transition: all .5s ease
}
.post-slide .date {
	display: block;
	font-size: 20px;
	font-weight: 700
}
.post-slide .month {
	display: block;
	font-size: 11px;
	text-transform: uppercase
}*/
.post-slide .post-review {
	padding: 5% 3% 1% 3%;
}
.post-slide:hover .post-review {
	border-top-color: #ec3c6a
}
.post-slide .post-title {
	margin: 0 0 10px 0
}
.post-slide .post-title a {

}
.post-slide .post-title a:hover {
	text-decoration: none;
	font-weight: 700
}
/*.post-slide .post-bar {
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px
}
.post-slide .post-bar:after,
.post-slide .post-bar:before {
	bottom: -10px;
	content: "";
	display: block;
	position: absolute;
	right: 36%;
	width: 25px
}
.post-slide .post-bar:before {
	border: 1px solid #ec3c6a;
	right: 32%
}
.post-slide .post-bar li {
	color: #555;
	font-size: 10px;
	margin-right: 10px;
	display: inline-block
}
.post-slide .post-bar li a {
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ec3c6a
}
.post-slide .post-bar li a:hover {
	color: #ec3c6a
}
.post-slide .post-bar li i {
	color: #777;
	margin-right: 5px
}*/

.owl-theme .owl-controls {
	margin-top: 30px
}
.owl-theme .owl-controls .owl-page span {
	background: #fff;
	border: 2px solid var(--color-green)
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #37a6a4
}
@media only screen and (max-width:990px) {
	.post-slide .post-img {
		width: 100%
	}
	.post-slide .post-review {
		width: 100%;
	}
	.post-slide .post-bar:before {
		left: 0
	}
	.post-slide .post-bar:after {
		left: 25px
	}
}

#footer-menu-col ul{
	list-style: none;
	padding-left: 0;
}
#footer-menu-col	.nav-link{
		padding: 0 1rem;
	}

.leafbg::before {
	content: '';
	background: url(images/leafbg-1.png)no-repeat;
	position:absolute;
	width: 140px;
	height: 160px;
	top:0px;
	left:0px;
}
.leafbg::after {
	content: '';
	background: url(images/leafbg-2.png)no-repeat;
	position:absolute;
	width: 108px;
	height: 92px;
	bottom:0px;
	right:0px;
}

.leaf-1::before {
	content: '';
	background: url(images/leaf-1.svg)no-repeat;
	position:absolute;
	width: 140px;
	height: 160px;
	top:0px;
	left:0px;
}

.topbdr{
	border-top: 8px solid;
	border-radius: 12px;
	margin-bottom: 1em;
}

/* Inner page testimonials section https://bbbootstrap.com/snippets/bootstrap-5-testimonial-cards-81135938*/



.home-testimonial {
  background-color: var(--color-green);
	/* height:640px; */
  /* height: 380px; */
}
.home-testimonial-bottom {
  border-radius: 10px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 250px;
  margin-bottom: 3em;
  position: relative;
}
.wrap{
}
@media only screen and (min-width: 992px){
	.wrap{
		height: 170px;
	}
	.title-bar{
		margin-top: 12em;
	}

}
.testimonial-inner {
  position: relative;
  top: -174px;
}
.testimonial-pos {
  position: relative;
  top: 24px;
}
.testimonial-inner .tour-desc {
  border-radius: 5px;
  padding: 40px;
}
.color-grey-3 {

  font-size: 14px;
  color: #6c83a2;
}
.testimonial-inner img.tm-people {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
}
.link-name {

  font-size: 14px;
  color: #6c83a2;
}
.link-position {

  font-size: 12px;
  color: #6c83a2;
}


.rotate{
		font-weight: 500;
		font-size: .7em;
		/* Abs positioning makes it not take up vert space */
		position: absolute;
		top: 0;
		left: 0%;
		/* Rotate from top left corner (not default) */
		transform-origin: 0 0;
		transform: rotate(-15deg);
}

.bio {
	margin-top: 2em;
	border-radius: 5px;
	max-width: 500px;
	padding: .5em 1em;
	background-color: rgba(210, 210, 210,.2);
	font-style: italic;
	font-size: .9em;
}
/* ## What we do  */

.tree {
	background: url("images/tree.svg") no-repeat fixed left center;
}

.leaves {
	background-image: url("images/leaves.svg");
	background-position-x:-100px;
	background-position-y:0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
	
/* ============= ### ROAR ARTICLES ============= */
.roar-thumb{
	max-height: 250px;
	width: auto;
}
.roar-card{
	border: solid 1px var(--color-yellow);
	border-top: solid 4px var(--color-yellow);
	background-color: #f7f5f0;
}

.roar-card .btn{
	max-width: 112px !important;
}
.topbox{
	position: absolute; 
	top: 0; 
	padding: .5em 0;
}
.tophead, .tophead li{
	font-weight: 700;
	font-size: .9em;
	padding-right: 10px;
}
/* Search bar https://codepen.io/k185/pen/PQajXE */
.search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.search-field {
	background-color: transparent;
	background-image: url("images/search.svg");
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 1px solid  silver;
	border-radius: 3px;
	cursor: text;
	outline: 0;
	width: 230px;
}

.search-submit {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}
@media screen and (max-width:576px) {
	.values{
		padding:1em;
		width:100%;
	}
	}
@media screen and (min-width:768px) {
.values{
	width: 300px;
	margin-right:10px;
}
}
.footer-explore{
	margin-left:-1em;
}