/*
Theme Name: Jungle Island
Theme URI: https://jungleisland.com
Author: jungleisland.com
Author URI: https://jungleisland.com
Version: 1.0.5

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  outline: none;
}

a:active,
a:hover {
outline: none;
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Base Link colors
--------------------------------------------------------------*/

a {
  color: #07723f;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color:inherit;
  text-decoration: underline;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
  font-family: 'Tungsten';
  font-style: normal;
  font-weight: 400;
  src: url('../woff2/561f38b1f4570de0fb8a39d691ab058c.woff2') format('woff2'),
  url('../woff/561f38b1f4570de0fb8a39d691ab058c.woff') format('woff'),
  url('../ttf/561f38b1f4570de0fb8a39d691ab058c.ttf') format('truetype');
}


h1, h2, h3, h4, h5, h6 {   
	/*
	font-family: 'Roboto', sans-serif; 
	letter-spacing: 0.02rem;
	*/
	font-family: 'Tungsten', sans-serif; 
	letter-spacing: 0.06rem;
	font-weight:400;
}


@font-face{
	font-family:'With Stalk';
	font-style:normal;
	font-weight:600;
	font-display:auto;
	src:url('../otf/with-stalk.otf') format('opentype'),url('../ttf/with-stalk.ttf') format('truetype')}

.eventScriptHeading{
	font-family: 'With Stalk';
	color:#ffffff;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color:#07723f;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-size: 3em;
  padding-bottom: 10px;
}
h2 {
  font-size: 2.5rem;
  padding-bottom: 0.3em;
  line-height: 2rem;
}
h3 {
  font-size: 2rem;
  line-height: 1.75rem;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
h5 {
  font-size: 1.25rem;
  /*line-height: 1.5rem;*/
  line-height:normal;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 2.5rem;
  border-bottom: 1px solid #C3EE36;
}
h2.entry-title {
  border-bottom: 1px solid #C3EE36;
}
h3.widget-title {
  font-size: 1.2rem;
}

h1.homeEntry{
margin-top: 55px;
margin-bottom: 45px;
border-bottom: 0px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}


#page{
	    max-width: 100%;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Button Colors
--------------------------------------------------------------*/
.btn-primary {
    /*background: #201B86;*/
  background: #acd258;
	border-color:#201B86;
    color: #ffffff;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select  {
max-width: 500px;
}

.wpcf7-recaptcha{
border:0px;
}

.wpcf7-submit{
width: 100%;
max-width: 500px;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
#breadCrumbsHolder{
	text-align:center;
	margin-top: 2em;
}

#breadCrumbsHolder #breadcrumb {
  list-style: none;
  display: inline-block;
  padding:0px;
  margin-bottom: 0px;
}
#breadCrumbsHolder #breadcrumb .icon {
  font-size: 14px;
}
#breadCrumbsHolder #breadcrumb li {
  float: left;
}
#breadCrumbsHolder #breadcrumb li a {
  color: #FFF;
  display: block;
  background: #07723f;
  text-decoration: none;
  position: relative;
  /*height: 30px;*/
  line-height: 30px;
  padding: 8px 10px 8px 13px;
  text-align: center;
  margin-right: 24px;
  font-size:18px;
}

#breadCrumbsHolder #breadcrumb li a, #breadCrumbsHolder #breadcrumb li a:before, #breadCrumbsHolder #breadcrumb li a:after {
  -webkit-transition: all 10ms ease-out 0s;
  -moz-transition: all 10ms ease-out 0s;
  -o-transition: all 10ms ease-out 0s;
  transition:all 10ms ease-out 0s;
}


#breadCrumbsHolder #breadcrumb li:nth-child(even) a {
  background-color: #acd258;
}
#breadCrumbsHolder #breadcrumb li:nth-child(even) a:before {
  border-color: #acd258;
  border-left-color: transparent;
}
#breadCrumbsHolder #breadcrumb li:nth-child(even) a:after {
  border-left-color: #acd258;
}
#breadCrumbsHolder #breadcrumb li:first-child a {
  padding-left: 9px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadCrumbsHolder #breadcrumb li:first-child a:before {
  border: none;
}
#breadCrumbsHolder #breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadCrumbsHolder #breadcrumb li:last-child a:after {
  border: none;
}
#breadCrumbsHolder #breadcrumb li a:before, #breadCrumbsHolder #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #07723f;
  border-width: 23.5px 15px;
  width: 0;
  height: 0;
}
#breadCrumbsHolder #breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadCrumbsHolder #breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #07723f;
}
#breadCrumbsHolder #breadcrumb li a:hover {
  background-color: #acd258;
}
#breadCrumbsHolder #breadcrumb li a:hover:before {
  border-color: #acd258;
  border-left-color: transparent;
}
#breadCrumbsHolder #breadcrumb li a:hover:after {
  border-left-color: #acd258;
}
#breadCrumbsHolder #breadcrumb li a:active {
  background-color: #acd258;
}
#breadCrumbsHolder #breadcrumb li a:active:before {
  border-color: #acd258;
  border-left-color: transparent;
}
#breadCrumbsHolder #breadcrumb li a:active:after {
  border-left-color: #acd258;
}

/* SMALL VERSION */
/* SMALL VERSION */
/* SMALL VERSION */

#breadCrumbsHolderSm{
	text-align:center;
	display:none;
	margin-top:4em;
}

#breadCrumbsHolderSm ul{
	list-style:none;
	padding-left:0px;
	margin-bottom: 0px;
}

#breadCrumbsHolderSm #breadcrumb li {
	  float: none;
	}
	
	
#breadCrumbsHolderSm #breadcrumb li a, #breadCrumbsHolderSm #breadcrumb li a:before, #breadCrumbsHolderSm #breadcrumb li a:after {
  -webkit-transition: all 100ms ease-out 0s;
  -moz-transition: all 100ms ease-out 0s;
  -o-transition: all 100ms ease-out 0s;
  transition:all 100ms ease-out 0s;
}	
	
	#breadCrumbsHolderSm #breadcrumb a {
		text-decoration: none;
		display: block;
		height: 35px;
		width: 100%;
		background: #acd258;
		text-align: center;
		line-height: 40px;
		position: relative;
		overflow: visible;
	  	color:#ffffff;
	  
	  /*border-left: 1px solid #565656;
	  border-right: 1px solid #565656;*/
	}
	
	#breadCrumbsHolderSm #breadcrumb  li a { /*border-bottom: 1px solid #565656*/ }
	
	#breadCrumbsHolderSm #breadcrumb  li:first-child { 
	
	/*border-top: 1px solid #565656;*/
	}
	
	#breadCrumbsHolderSm #breadcrumb  li:last-child { 
		background-color:#07723f;
		color:#FFFFFF;
	}
	
	#breadCrumbsHolderSm #breadcrumb  li:last-child a{ 
		/*background: #201B86;*/
  background: #07723f;
		color:#fff;
	}
	
	
	#breadCrumbsHolderSm #breadcrumb li:not(:last-child) a:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		z-index: 2;
		bottom: -10px;
		left: 50%;
		margin-left: -10px;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #acd258 transparent transparent transparent;
	}
	
	#breadCrumbsHolderSm #breadcrumb li:not(:last-child) a:before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		z-index: 1;
		bottom: -12px;
		left: 50%;
		margin-left: -11px;
		border-style: solid;
		border-width: 11px 11px 0 11px;
		border-color: #565656 transparent transparent transparent;
	}
	
	
	#breadCrumbsHolderSm #breadcrumb li:hover a {
	   background:#C3EE36;
	  color:#ffffff;
	}
	
	#breadCrumbsHolderSm #breadcrumb li:hover a:after {
	  border-top-color:#C3EE36;
	}
	
@media screen and (max-width: 921px) {
	#breadCrumbsHolderSm{
		display:block;
	}
	
	#breadCrumbsHolder{
		display:none;
	}
}



/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#main-nav{
	line-height: 1.75;
}


header#masthead {
  margin-bottom: 0;
  /*background-color: #201B86 ;*/
  /*padding: .74rem 1rem;*/
  
  
-webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
}

.topNav{
  /*background-color: #C3EE36 ;
  background-color: #2b4641;
  background-color: #201B86;*/
  background-color: #11312a;
  padding: 0 1rem;
  border-bottom:0px #acd258 solid;
}

.topNavCallout{
background-color: #fafafa;
font-size: 13px;
padding: 7px 0px;
text-align: center;
color: #201B86;
font-weight: bold;
height:34px;
}

.topNavBot{
  background-color: #07723f ;
  padding: 0 1rem;
  /*border-top:3px solid #2b4641;*/
  -webkit-box-shadow: 0 .1rem .6rem rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 .1rem .6rem rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 .1rem .6rem rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
}

#headerBookNow{
	position:static;
	text-align:center
}

#navRightMenu{
	text-align:right;
}



.headBook{
	position:absolute;	
	top:0px;
	right:0px;
	left:0px;
	/*display: inline-table;*/
    margin: 0px auto;
}

.headBookWrapper{
text-align:center;
	display:grid;
	
}

.navRightMenu{
	z-index: 1000;
}

.headBook img{
	max-width:100%;
	width:175px;	
}

.headBook span{
	display:inline-block;	
}

.navFlag{
	display:inline;
}

.navFlag img{
	width:30px;
	vertical-align: baseline;
}

.navFlag > .headIcon{
	text-align:center;
	display: inline-block;
	margin-right: 5px;
	text-shadow: 1px 1px 0px #1f1287;
}

.navFlag > #headHomeIcon{
margin-right: 10px;
}

.navFlag > .headIcon i{
	color:#ffffff;
	vertical-align:bottom;
}
.navFlag > .headIcon a:hover{
	text-decoration:none !important;
}

.navFlag > .headIcon span{
	display:block;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}


.navbar-brand{
	margin-right:0px;
	z-index: 1000;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  /*margin-top: 6.8rem;*/
  margin-top: 0px;
  padding-bottom: 0;
  text-align:center;
  font-size: 1.25rem;
  background-size:cover !important;
  background-position:top center;
  background-repeat: no-repeat;
  position: relative;
  height:350px;
  border-bottom: 4px solid #07723f;
}

#page-sub-header.sub-flat{
	border-bottom: 4px solid #07723f;
}

#page-sub-header > .container {
  height:100%;
  position:relative;
  text-align:left;
}

.featuredHeader {
  position:absolute;
  left:0px;
  bottom:0px;
  color:#ffffff;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 2.5em;
  text-shadow: 1px 1px 7px #000;
  color: #ffffff;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

.heroSlider {
  position: relative;
  margin-top:0;
  padding-bottom: 0;
  text-align: center;  
  border-bottom: 4px solid #acd258;
}

.heroSlider.genAdmission {
border-bottom: 4px solid #acd258;
}

#topNav1{
	display:block;
}
#topNav2{
	display:none;
}


.collapseomatic {
    color: #d95a00;
	font-weight:bold;
}

#masthead nav {
		padding: 0.5rem 0rem 0.5rem 1.25rem;
	}


@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.5em;
	line-height: normal;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}



@media screen and (max-width: 991px) {
	.heroSlider {
	 margin-top: 4.15rem;
	}
	
	.topNavCallout{
		/*display:none;*/
		height:auto;
	}
	
	
	#topNav1{
		display:none;
	}
	#topNav2{
		display:block;
		position:initial;
		top:initial;
		-webkit-box-shadow: 0 .1rem .6rem rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 .1rem .6rem rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 .1rem .6rem rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
		background-color: #fff;
		padding-top: 0em;
	}
	
	
	#main-nav2 {
		padding-top: 0px;
		padding-bottom: 10px;
		margin-top: 2em;
	}
	
	#topNav2 .navbar {
		padding-top: 0px;
		padding-bottom: 0px;	
	}
	
	#navBarToggler1{
		display:none
	}
	#navBarToggler2{
		display:inline
	}
	
}


@media screen and (max-width: 767px) {
  #headContactIcon {
    display:none;
  }
  #headHomeIcon {
    display:none;
  }
  #headLanguageIcon span {
    display:none;
  }
  #headLanguageIcon i {
    vertical-align:super;
	font-size:20px;
  }

}
/* ====================== hamburger button ==================================================*/


.navbar-light .navbar-toggle:focus,
.navbar-light .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-light .navbar-toggle {
    border: none;
	padding: 9px 10px;
	outline:0px;
}

.navbar-toggle span.icon-bar {
    transition: all 0.15s;
}

.navbar-toggle span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(3) {
    opacity: 0;
}

.navbar-toggle span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
    transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(3) {
    opacity: 1;
}

.navbar-toggle{
	background-color:transparent !important;
	border: 0px !important;
}


.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color:#565656;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}




.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggler {
    border: none;
}

.navbar-toggler span.icon-bar {
	-webkit-transition: all 0.15s ease 0s;
  -moz-transition: all 0.15s ease 0s;
  -o-transition: all 0.15s ease 0s;
    transition: all 0.15s;
}

.navbar-toggler span.icon-bar {
    display: block;
	width: 29px;
	height: 3px;
	border-radius: 1px;
	background-color: #acd258;
	background-color: #ffffff;
	margin-top:5px;
	margin-bottom:5px;
}

.navbar-toggler span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler span:nth-child(3) {
    opacity: 0;
}

.navbar-toggler span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed span:nth-child(2),
.navbar-toggler.collapsed span:nth-child(4) {
    transform: rotate(0);
}

.navbar-toggler.collapsed span:nth-child(3) {
    opacity: 1;
}

@media screen and (max-width: 767px) {
  .navbar-toggler span.icon-bar {
	width: 24px;
	margin-top: 4px;
	margin-bottom: 4px;
  }
}



.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#navbarResponsive #main-nav{
	background:rgba(255,255,255,.47);
	padding:.5rem 0px .5rem 0px;
}




#logo-blue{
	display:none;
	transition: all 0.2s ease 0s;
}

.navbar-scrolled{
	background-color:#fff;
	border-bottom:2px solid #acd258;
	transition: all 0.3s ease 0s;
}

.navbar-scrolled #navbarResponsive{
	background-color:transparent;
	transition: all 0.3s ease 0s;
}

.navbar-scrolled #logo-white{
	display:none;
	transition: all 0.2s ease 0s;
}

.navbar-scrolled #logo-blue{
	display:inline-block;
}


@media (max-width: 991px) {
	.navbar {
		/*border-bottom: 2px solid #acd258;
		background-color:#07723f;*/
	}
	
	.navbar.navbar-scrolled{
		
	}
	
	.navbar-scrolled .nav-item.active a:after {
		display:none;
	}
	
	#logo-white{
		display:none;
		transition: all 0.2s ease 0s;
	}
	#logo-blue{
		display:inline-block;
		transition: all 0.2s ease 0s;
		max-width:225px;
	}
	#navbarResponsive{
		background-color:transparent;
		flex-direction: row-reverse;
		transition: all 0.3s ease 0s;
	}
	
	#masthead nav {
		padding: 0.5rem 1.25rem 0.5rem 1.25rem;
	}
	
}
	

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  padding: 0.5rem 1.60rem;
	color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
	letter-spacing: normal;
}

.nav-item.dropdown.show > a:after{
    transform: rotate(180deg);
	transition:all 0.2s linear 0s;
}


.nav-item.dropdown.show {
    background-color:#07723f;
	/*border-right:1px solid #201B86;
	border-left:1px solid #201B86;
	border-bottom:1px solid #d95a00;*/
}

.nav-item.dropdown.show > a {
    background-color:transparent;
	/*color: #2b4641 !important;*/
	/*color: #01F2C7 !important;*/
	color: #fff !important;
	/*text-shadow: 1px 1px 0px #11312a !important;*/
}

.nav-item.dropdown.show::before {
	
}


/*
.nav-item.dropdown.show::after {
    display: block;
    position: absolute;
    top: calc(100% - 68px);
    left: 50%;
    width: calc(60%);
    height: 35px;
    content: "";
    border: 2px solid #C3EE36;
    border-radius: 50%;
    background: #C3EE36;
    transform: translateX(-50%);
    pointer-events: none;
}
*/

.nav-item.dropdown.show::after {
	display: block;
	position: absolute;
	top: calc(100% - 64px);
	right: 0;
	width: calc(100%);
	height: 25px;
	content: "";
	border: 2px solid #acd258;
	background:#acd258;
	transform: translateX(-50%);
	pointer-events: none;
	-moz-transform: rotate(174deg);
	-webkit-transform: rotate(174deg);
	-o-transform: rotate(174deg);
	-ms-transform: rotate(174deg);
	transform: rotate(-3deg);
}



.navbar-brand {
  height: auto;
}


.nav-link{
	padding: 0.5rem 1rem;
}

.navbar-toggle .icon-bar {
  background: #acd258 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
  width:100%;
  position:fixed !important;
  top:42px;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:none;
  /* background: #2b4641; */
  /*background: #201B86;*/
  background: #11312a;
  padding-left: 5%;
	padding-right: 5%;
  z-index:1001;
  border-bottom: 0px solid #acd258;
  border-radius: 0px;
  
}

.navbar-scrolled .dropdown-menu {
	top:55px;
}



.fixed-top .dropdown-menu {
	
}


.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
  color:#ffffff;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
  color:#f3f4ef;
}


.dropdown-menu .nav-item{
	display:inline-block;
} 

.dropdown-menu .dropdown-item{
	padding:.25rem 1.0rem;
}

.dropdown-menu .imgNav .dropdown-item{
	/*padding:.25rem 0.4rem;*/
	padding:0rem;
	position: relative;
}

.dropdown-menu{
	text-align:center;
}

.dropdown-menu .nav_supplement{
	float:none;
	margin-top: 15px;
	margin-bottom: 5px;
}

.dropdown-menu .nav_supplement a{
	color:#ffffff;
	text-transform:uppercase;
	font-family: Tungsten;
font-weight: 400;
letter-spacing: 1.1px;
font-size: 1.75em;
word-spacing:1px;
}

.dropdown-menu .nav_supplement_blue a{
	color:#2ab5c8;
	font-size: 2.25em;
}

.dropdown-menu .nav_supplement a:hover, .dropdown-menu .nav_supplement a:focus, .dropdown-menu .nav_supplement a:active {
	color:#acd258;
}

/*
.dropdown-menu .nav_supplement a i{
	color:#d95a00;
	font-size: 1.75em;
	vertical-align: bottom;
}
*/
.dropdown-menu .nav_supplement a i {
	color:#acd258;
	font-size: 1em;
}

.dropdown-menu .nav_supplement_blue a i {
	color:#2ab5c8;
	font-size: 1em;
}


.navHigh {
	position: relative;
	bottom: 0px;
	width: 100%;
	background: rgba(130, 205, 41, .90); /*lime green */
	background: rgba(243, 244, 6, .90); /* new yellow */
	background: rgba(217, 219, 180, .90); /* tan */
	background: rgba(243, 244, 239, .90); /* offwhite */	
	padding: .5em;
}


.navHigh-White{
	background: #ffffff;
}
.navHigh-Green{
	background: #acd258;
}
.navHigh-GreenBlue{
	/*background: rgba(1, 242, 199, .90);*/
	background:#00949d;
}
.navHigh-LightBlue{
	background: rgba(11, 191, 233, .90);
}
.navHigh-Yellow{
	background: rgba(255, 128, 54, .90);
	background:#ffce00;
}
.navHigh-Orange{
	background: rgba(255, 128, 54, .90);
	background:#d95a00;
}
.navHigh-DarkBlue{
	background: rgba(88, 171, 98, .85);
	background: rgba(88, 171, 98, 1);
	background:#2a2a78;
}

.navHigh-DarkGreen{
	background: #07723f;
}

.navHigh-BlackGreen{
	background: #11312a;
}

.imgNav{
	text-align:left;
	width:32%;
	padding:2em 1.5em 2em 1.5em;
	vertical-align:top;
}

.imgNav4th{
	width:24%;
	padding:1em 0.5em 1em 0.5em;
}

.imgNav h5{
	color: #d95a00;
	text-transform: uppercase;
	margin: 0px;
	letter-spacing:normal;
	font-family: Tungsten;
font-weight: 400;
letter-spacing: 0.9px;
font-size: 2em;
line-height:1em;
}

.imgNav .navHigh-White h5{
	color:#07723f;
}
.imgNav .navHigh-Green h5{
	color:#07723f;
}
.imgNav .navHigh-GreenBlue h5{
	/*color:#201B86;*/
	color:#ffffff;
}
.imgNav .navHigh-LightBlue h5{
	color:#201B86;
}
.imgNav .navHigh-Yellow h5{
	color:#07723f;
}
.imgNav .navHigh-Orange h5{
	color:#FFFFFF;
}
.imgNav .navHigh-DarkBlue h5{
	color:#acd256;
}
.imgNav .navHigh-DarkBlue p{
	color:#ffffff;
}
.imgNav .navHigh-Yellow p{
	color:#ff4040;
}
.imgNav .navHigh-Orange p{
	color:#ffffff;
}

.imgNav .navHigh-DarkGreen h5{
	color:#acd256;
}
.imgNav .navHigh-DarkGreen p{
	color:#ffffff;
}

.imgNav .navHigh-BlackGreen h5{
	color:#acd256;
}
.imgNav .navHigh-BlackGreen p{
	color:#ffffff;
}

.imgNav a:hover h5{
	color:#2b4641;
	color:#FFFFFF;
	color:#ffffff;
}

.imgNav a:hover .navHigh-DarkBlue h5{
	color:#ffffff;
}

.imgNav a:hover .navHigh-GreenBlue h5{
	color:#11312a;
}


.imgNav a:hover .navHigh-White h5{
	color:#11312a;
}

.imgNav img{
	border-radius:0px;
	width: 100%;
}

.imgNav p{
	font-size:0.75em;
	margin: .4em 0px 0px 0px;
	font-weight: bold;
	line-height: normal;
	color: #11312a;
}

.imgNav1 {
    /*border-right: 2px #C3EE36 dotted;*/
	border-bottom: 2px #acd258 dashed;
}

.imgNav2 {
    border-bottom: 2px #acd258 dashed;
}

.imgNav3 {
    /*border-left: 2px #C3EE36 dotted;*/
	border-bottom: 2px #acd258 dashed;
}

.imgNav2End {
	border-bottom: 2px #acd258 dashed;
}


#bookNowButtonGold{
	display:none;
}

#bookNowButtonGold a{
	background-color: #acd258;
	padding: 0.4em 2.75em;
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
	display: inline-block;
}


@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
  
}



@media screen and (max-width: 991px) {
/*

body:not(.theme-preset-active) #masthead .navbar-nav > li.nav-item.dropdown.show a{
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.nav-item.dropdown.show > a:after{
    transform: none;
	transition:none;
}

*/
.headBook{
	z-index:1;
}
#navRightMenu{
	z-index:2;
}

.dropdown-menu .imgNav .dropdown-item{
	padding: .25rem 1.2rem;
	/*display: block;*/
	
	display:flex;
	align-items:center;
	
	
}

.nav-item.dropdown.show::after {
    display: none;
}


.featuredHeader h1{
	padding:0px 15px !important;
}

.navbar-collapse { max-height: calc(100vh - 110px); overflow-y: auto; }


#page-sub-header {
  /*margin-top: 4.2rem;*/
  /*margin-top: 3.5rem;*/
  margin-top: 0px;
  /*height:150px;*/
  height:329px;
}


.navHigh {
	position: relative;
	bottom: 0px;
	background: none !important;
	padding: .5em;
	float: right;
	width: calc(100% - 120px);
}


.imgNav1{
	border-top:0px !important;
}

.imgNav{
	border-right:0px !important;
	border-left:0px !important;
	border-bottom:1px solid #11312a !important;
}

.imgNav a{
	padding: .25em 0em;
}

.imgNav h5{
	font-size:2em;
	color:#07723f;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:normal;
	text-shadow:none !important;
}

.imgNav .navHigh-DarkBlue h5 {
    color: #07723f;
}

.imgNav .navHigh-GreenBlue h5 {
    color: #07723f;
}

.imgNav a:hover h5{
	color:#11312a;
}

.imgNav a:hover .navHigh-DarkBlue h5 {
  color: #11312a;
}

.imgNav a:hover .navHigh-GreenBlue h5{
	color:#11312a;
}

.imgNav img{
	border-radius:0px;
	width:100px;
}

.imgNav p{
	display:none;
}


.dropdown-menu .nav-item{
	float:none;
	width:100%;
	padding:5px 0px;
} 

.dropdown-menu .nav_supplement{
	float:none;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #11312a;
}

.dropdown-menu .nav_supplement:last-child{
	border-bottom: 0px solid #acd258;
}

.dropdown-menu .nav_supplement a{
	color:#07723f;
	font-size:2em;
}

.dropdown-menu .nav_supplement_blue a{
	color:#2ab5c8;
	font-size:2.5em
}

.dropdown-menu .nav_supplement a i{
	color:#acd258;
}

.dropdown-menu .nav_supplement_blue a i{
	color:#2ab5c8;
}

.dropdown-menu .nav_supplement a:hover{
	color:#11312a;
}

.dropdown-menu {
    text-align: left;
}


.nav-item.dropdown.show {
    background-color:#ffffff;
	border:none;
}

.nav-item.dropdown.show > a {
    background-color:#fff;
	color: #11312a !important;
}

.nav-item.dropdown.show::before {
    display: none;    
}




.topNavBot .container {
	max-width:100%;
	padding-left:0px;
	padding-right:0px;
}


	.dropdown-menu {
  position:static !important;
  background-color:#fff;
  }

	
	#menu-main-menu{
		margin-top:15px;	
	}
	
	#menu-main-menu > li{
		padding:10px 0px;
		border-bottom: 2px #acd258 solid;			
	}
	
	#menu-main-menu > li:last-of-type{
		border-bottom: 0px;			
	}
	
	#menu-main-menu-1 > li{
		padding:10px 0px;
		border-bottom: 2px #11312a solid;			
	}
	
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #07723f;
  padding: 0.5rem 0rem;
  font-weight: 600;
  font-size: 1.5rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #11312a;
  font-weight: 600;
}
	
	.headBook{
		top:0px;
	}


  .navbar-nav .dropdown-menu {
    border: medium none;
    /*margin-left: 1.250rem;*/
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}

@media only screen and (max-width: 768px) {
	#page-sub-header {
	  /*margin-top: 4.2rem;*/
	  /*margin-top: 3.5rem;*/
	  /*margin-top: 70px; HEADER HOURS */
	  margin-top: 0px;
	  height:329px;
	}
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# 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;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	font-size: 1.25rem;
}

#footer-widget-text .widget {
	font-size: 0.875rem;
}

/* Full Size Only */
@media (min-width: 766px) {
	.widget {
	  margin: 0 0 1.5em;
	  font-size: 0.875rem;
	  /* Make sure select elements fit in widgets. */
	}

	#footer-widget-text .widget {
		font-size: 0.875rem;
	}
}


.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  /*background-color: #eee;*/
  text-decoration: underline;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.trunced {
  max-height: 120px;
}

#homeBlurb h1{
	
}

#homeBlurb p{
	
}

#homeBlurb{
	
}

.slidebox {

  position: relative;
  overflow: hidden;
  -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.slidebox .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; 
  padding-top: 30px; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, #ffffff);
}


.img-responsive{
	width:100%;
}


.homeFilter {
	margin: 20px 0px;
	padding: 0px;
	border-top:4px solid #C3EE36
}


.filterItem {
	text-align:center;
	padding:0px 20px 20px 20px;
	border-bottom:3px dotted #C3EE36;
	border-right:3px dotted #C3EE36;	
	margin-top:30px;
}

.filterPage .filterItem{
	text-align:left;
}

.filterItem:nth-child(3n) {
	border-right:0px dotted #C3EE36;
}

.filterItem h2{
	text-align:left;
	font-size:20px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px 10px;
	color: #201B86;
}

.filterItem h2{
	color: #201B86;
}

.filterItem img{
	text-align:center;
	border-radius:5px;
}

.filterItem p{
	text-align:left;
	margin:5px 0px 0px 0px;
	padding:0px 10px;
}


.interactionPolicy {
	border-top:3px solid #d95a00;
	border-bottom:3px solid #d95a00;
	margin: 2em 0em;
	padding-bottom: 2em;
}

.interactionPolicy ul li{
	margin-bottom: 0.5em;
}

a.noUnderline{
	text-decoration:none;
}

.no30Margin .panel-grid-cell{
	margin-bottom:0px !important;
}


.interactionBuy{
	background-color: #acd258;
	border:0px solid rgba(229,252,255,1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top:1em;
	padding: 1em;
	font-size:1em;
	font-family: Roboto;
}

.interactionBuy a{
	color:#ffffff;
}

.interactionBuy .interactionBuyTitle{
	color: #07723f;
text-align: center;
font-size: 2.5em;
font-family: Tungsten;
line-height: normal;
}

.interactionBuy.infoCard .interactionBuyTitle{
	color:#07723f;
	text-align:center;
	font-size:2em;
	
}

.interactionBuy .interactionBuySub{
	font-size:1em;
	color:#11312a;
	text-align:center;
	font-family: Lato;
}

.interactionBuy.infoCard .interactionBuySub{
	font-size:1.2em;
	font-weight:bold;
	color:#11312a;
	text-align:center;
}

.interactionBuy .interactionBuyPrice{
	font-size:2em;
	color:#11312a;
	text-align:center;
}
.interactionBuy .interactionBuyPrice span{
	font-size: .6em;
	vertical-align: super;
}

.interactionImages {
	margin-top:2em;
}

.interactionImageHolder{
	margin-bottom:1em;
	text-align:center;
}

.interactionImageHolder .img-thumbnail{
border-color: #C3EE36;
}


.bookOnlineButton{
	position:relative;
	/*background-color:#C3EE36;
	border-color:#C3EE36;*/
	background-color:#3E47FF;
	border-color:#3E47FF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color:#ffffff;
	font-weight:bold;
	font-family: Roboto;
}

.bookOnlineButton::before{
	display: inline-block;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da";
	margin-right:20px;
	/*color:#f3f4ef;*/
	color:#acd258;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-size: 1.5em;
	vertical-align: sub;
	line-height: 1em;
}

.bookOnlineButton::after{
	display: inline-block;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d9";
	margin-left:20px;
	/*color:#f3f4ef;*/
	color:#acd258;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-size: 1.5em;
	vertical-align: sub;
	line-height: 1em;
}

.bookOnlineButton:hover, .bookOnlineButton:focus, .bookOnlineButton:active{
	
	background-color:#d95a00 !important;
	border-color:#d95a00 !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color:#ffffff;
	font-weight:bold;
	box-shadow: none !important;
}


.bookOnlineButton:hover::before, .bookOnlineButton:focus::before, .bookOnlineButton:active::before{
	transform: rotate(180deg);	
	color:#07723f;
}
.bookOnlineButton:hover::after, .bookOnlineButton:focus::after, .bookOnlineButton:active::after{
	transform: rotate(-180deg);
	color:#07723f;
}


/*Orange */
.bookOnlineButton.orange{
	background-color:#d95a00;
	border-color:#d95a00;	
}
.bookOnlineButton.orange:hover, .bookOnlineButton.orange:focus, .bookOnlineButton.orange:active{
	background-color:#C3EE36 !important;
	border-color:#C3EE36 !important;
	
	background-color:#3E47FF !important;
	border-color:#3E47FF !important;
}


/*Yellow */
.bookOnlineButton.yellow::before{
	color:#00723f;
}

.bookOnlineButton.yellow::after{
	color:#00723f;
}

.bookOnlineButton.yellow{
	background-color:#ffce00;
	border-color:#ffce00;	
	color:#00723f !important;
}
.bookOnlineButton.yellow:hover, .bookOnlineButton.yellow:focus, .bookOnlineButton.yellow:active{
	background-color:#ff4040 !important;
	border-color:#ff4040 !important;
	color:#ffffff !important;
}

.bookOnlineButton.yellow:hover::before, .bookOnlineButton.yellow:focus::before, .bookOnlineButton.yellow:active::before{
	color:#acd258;
}
.bookOnlineButton.yellow:hover::after, .bookOnlineButton.yellow:focus::after, .bookOnlineButton.yellow:active::after{
	color:#acd258;
}


/*Red */
.bookOnlineButton.red{
	background-color:#ff4040;
	border-color:#ff4040;	
	color:#ffffff !important;
}
.bookOnlineButton.red:hover, .bookOnlineButton.red:focus, .bookOnlineButton.red:active{
	background-color:#ffce00 !important;
	border-color:#ffce00 !important;
	color:#00723f !important;
}

.bookOnlineButton.red:hover::before, .bookOnlineButton.red:focus::before, .bookOnlineButton.red:active::before{
	color:#00723f;
}
.bookOnlineButton.red:hover::after, .bookOnlineButton.red:focus::after, .bookOnlineButton.red:active::after{
	color:#00723f;
}





/*Mobile Only*/

@media only screen and (max-width: 767px) {
	.bookOnlineButton{
		padding-top:1.5em;
		padding-bottom:1.5em;
	}
}


.buyNowImageHolder{
	margin-bottom:1.1em;
	text-align:center;
}

.bookNowImage{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:50%;
}

/*
.interactionContent h1.entry-title{
	margin-top:0em;
	border-bottom: 2px dashed #C3EE36;
	padding-bottom: 10px;
	text-transform:uppercase;
}

.interactionContent h1.entry-title.side-line{
	display:flex;
	justify-content: left;
    align-items: left;
    text-align: left;
	border-bottom: 0px dashed #C3EE36;
}

.interactionContent h1.entry-title.side-line::after{
	content: '';
    border-top: 2px dashed #C3EE36;
    margin: auto 0px auto 20px;
    flex: 1 0 20px;
}*/

h1.entry-title{
	margin-top:0em;
	border-bottom: 2px dashed #07723f;
	padding-bottom: 10px;
	text-transform:uppercase;
	color:#07723f;
}

h1.entry-title.side-line{
	display:flex;
	justify-content: left;
    align-items: left;
    text-align: left;
	border-bottom: 0px dashed #07723f;
}

h1.entry-title.side-line::after{
	content: '';
    border-top: 2px dashed #07723f;
    margin: auto 0px auto 20px;
    flex: 1 0 20px;
}




@media screen and (max-width: 768px) {
	/*
	.interactionContent h1.entry-title{
		text-align:left;
	}
	
	.interactionContent h1.entry-title.side-line{
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	.interactionContent h1.entry-title.side-line::before{
		content: '';
		border-top: 2px dashed #C3EE36;
		margin: auto 20px auto 0px;
		flex: 1 0 20px;
	}
	*/
	h1.entry-title{
		text-align:left;
	}
	
	h1.entry-title.side-line{
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	h1.entry-title.side-line::before{
		content: '';
		border-top: 2px dashed #07723f;
		margin: auto 20px auto 0px;
		flex: 1 0 20px;
	}
	
	
	
	
}


.youMayAlsoLike {
	margin-bottom:1em;
}

.youMayAlsoLikeHeader h2 {
	margin-bottom:0.5em;
}

.moreItems {
	text-align: center;
	padding: 5px;
	margin-bottom: 30px;
	/*background-color: #efefef;*/
	border-radius: 5px;
}


.youMayAlsoLike .moreItemsInner {
	padding:0.5em;
}

.moreItemsInner{
	text-align:left;
}

.moreItemsInner h5{
	text-align:left;
	font-size:20px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px 10px;
	color: #201B86;
}

.moreItemsInner p{
	text-align:left;
	margin:5px 0px 0px 0px;
	padding:0px 10px;
}

#filterOptions{
	margin-top:15px;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:1em;
	text-align:center
}

#applyFilterButton{
	text-align:center;
	margin-top:2em;
}	

#resultText{
	display: inline-block;
font-size: 1.5em;
padding-left: 50px;
vertical-align: middle;
}


.filterItemBadge {
	color: #929292;
	background-color: #fff;
	padding:.2em .5em;
	border: 2px solid #a1a1a1;
	margin-top: 15px;
	display:inline-block;
	margin-right:3px;
	font-size: .75em;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align:text-bottom;
}


/*
.filterItemBadge:hover, .filterItemBadge:active, .filterItemBadge:focus {
	color: #ffff;
	background-color: #201B86;
	-webkit-transition: 0.1s;
  	transition: 0.1s;
}
*/



hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #C3EE36; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
  margin-top:30px;
} 


hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #C3EE36; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}

h2 i{
	color:#C3EE36;
}
	
.cardLink{
	margin-bottom:2em;
}

.cardLink a{
	color:#201B86;
}

.cardLink .Fmedia__body a{
	color:#fff;
}


/*
.cardLink .ghost-button{
	margin: 26% 0;
}
*/

.cardLink .ghost-button:hover, .cardLink .ghost-button:active, .cardLink .ghost-button:focus {
 color: #201B86;
 background: #ffffff;
 text-decoration:none;
 cursor: pointer;
}

.iconMedia{
	font-size:4em;
	padding-top: 1.25rem;
}

.cardLinkIcon{
	text-align:center;
}

.cardLinkIcon .card-body{
	padding:0px 0px 1.25rem 0px;
}




.cardLink .iconMedia a {
	color:#C3EE36;
}


/*
	Fancy Checkboxes
*/
.inputGroup {
  background-color: #fff;
  display: inline-block;
  margin: 10px 25px 10px 0px;
  position: relative;
  width:auto;
  border:1px solid #d7d7d7;
}
.inputGroup label {
  padding: 12px 58px 12px 12px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  margin-bottom:0px;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #C3EE36;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  /*background-color: #201B86;*/
  background-color: #acd258;
  border-color: #201B86;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

/* 
	End Fancy Checkboxes
*/


@media screen and (max-width: 991px) {
	.filterItem:nth-child(3n) {
		border-right:3px dotted #C3EE36;
	}
	.filterItem:nth-child(2n) {
		border-right:0px;
	}
	

}

@media screen and (max-width: 768px) {
	#resultText{
	display: block;
	font-size: 2em;
	padding-left: 0px;
	vertical-align: middle;
	padding-top:15px;
	text-align:center;
	font-weight:bold;
	}
	
	.inputGroup {
		margin: 10px 20px 10px 0px;
	}
	
	.inputGroup label {
		padding: 8px 30px 8px 8px;
	}
	
	.inputGroup label:after {
	  width: 20px;
	  height: 20px;
	  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
	  background-position: -3px -4px;
	  right: 5px;
	}
	
	.inputGroup input {
	  width: 20px;
	  height: 20px;
	  order: 1;
	  z-index: 2;
	  position: absolute;
	  right: 5px;
	}
	
	
	.filterItem:nth-child(3n) {
		border-right:0px;
	}
	.filterItem:nth-child(2n) {
		border-right:0px;
	}
	.filterItem {
		border-right:3px dotted #C3EE36;
		/*padding:0px 0px 20px 0px;*/
	}
	
	
	.moreItems {
		padding:0px 0px 20px 0px;
	}
	
	
}

@media screen and (max-width: 576px) {

	.filterItem:nth-child(3n) {
		border-right:0px;
	}
	.filterItem:nth-child(2n) {
		border-right:0px;
	}
	.filterItem {
		border-right:0px;
		padding:0px 0px 20px 0px;
	}
	
}

/*------------------------------------------------------------
## Shortcodes
-------------------------------------------------------------*/

.bs-calltoaction{
    position: relative;
    width:auto;
    padding: 15px 25px;
    border: 1px solid black;
    margin-top: 0;
    margin-bottom: 2em;
    border-radius: 5px;
}

    .bs-calltoaction > .row{
        display:table;
        width: calc(100% + 30px);
    }
     
        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:table-cell;
            vertical-align:middle;
        }

            .cta-contents{
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .cta-title{
                    margin: 0 auto 0px;
                    padding: 0;
					color:#201B86;
					text-transform:uppercase;
                }

                .cta-desc{
                    padding: 0;
                }

                .cta-desc p:last-child{
                    margin-bottom: 0;
                }

            .cta-button{
                padding-top: 10px;
                padding-bottom: 10px;
            }

@media (max-width: 991px){
    .bs-calltoaction > .row{
        display:block;
        width: auto;
    }

        .bs-calltoaction > .row > [class^="col-"],
        .bs-calltoaction > .row > [class*=" col-"]{
            float:none;
            display:block;
            vertical-align:middle;
            position: relative;
        }

        .cta-contents{
            text-align: center;
        }
}


.bs-calltoaction.bs-calltoaction-primary{
    color: #fff;
	border:2px solid #201B86;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn{
	text-transform:uppercase;
}





/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 3.75rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/* Hover Effect */

.Fmedia {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.Fmedia__image { display: block; }

.Fmedia__body {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 2.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.Fmedia__body:hover, 
.Fmedia__body:active, 
.Fmedia__body:focus { 
opacity: 1; 
cursor: pointer;
}

.Fmedia__body:after,
.Fmedia__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.2s 0.1s;
  transition: 0.2s 0.1s;
}

.Fmedia__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.Fmedia__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.Fmedia__body:hover:after,
.Fmedia__body:hover:before,
.Fmedia__body:active:after,
.Fmedia__body:active:before,
.Fmedia__body:focus:after,
.Fmedia__body:focus:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  cursor: pointer;
}

.Fmedia__body h2 { margin-top: 0; }

.Fmedia__body p { margin-bottom: 1.5em; }

.Fmedia__body:hover .ghost-button,
.Fmedia__body:hover .ghost-button,
.Fmedia__body:active .ghost-button,
.Fmedia__body:active .ghost-button,
.Fmedia__body:focus .ghost-button,
.Fmedia__body:focus .ghost-button {
cursor: pointer;
 z-index:100;
}

.Fmedia__body .divTable {
	display:table;
	width:100%;
	height:100%;
}

.Fmedia__body .divTableInner {
	display:table-cell;
	vertical-align:middle;
}


.ghost-button {
 color: #ffffff;
 background: rgba(56, 96, 173, 0.6);
 border: 1px solid #ffffff;
 font-size: 17px;
 padding: 7px 12px;
 font-weight: normal;
 /*margin: 4% 0;*/
 display: inline-block;
 text-decoration: none;
 font-family: 'Open Sans', sans-serif;
 min-width: 120px;
 position:relative;
 cursor: pointer;
}

.homeFilter .ghost-button {
	margin: 4% 0;
}

.ghost-button:hover, .ghost-button:active, .ghost-button:focus {
 color: #201B86;
 background: #ffffff;
 text-decoration:none;
 cursor: pointer;
}

.ghost-button-learn{
	background: rgba(25, 44, 65, 0.6);
}

.ghost-button-learn:hover, .ghost-button-learn:active, .ghost-button-learn:focus {
 cursor: pointer;
}

.moreItems .ghost-button {
	margin:18% 0;
}

.moreItems {
	cursor:pointer;
}

/* End Hover effect */


/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footerLogoBar{
	display:none;
}

.footLogo{
	text-align:center;
}

.footLogoBorder{
	border-top:1px solid #565656;
	margin-top:50px;
}

/*subfoot new gradient */

/*
.subFooter{
	margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 7.5em;
    position: relative;
    
	background-size: cover;
	background-position: top center;
	background-image:url('/wp-content/themes/jungleisland/images/footer-nav-flat@2x.jpg');
	
    border-bottom: 4px solid #d95a00;
	border-bottom: 6px solid #201B86;
}
*/

.subFooter{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 4.5em;
	position: relative;
	background-position: top center;
	background-image: url('../jpg/footer-top-bar.jpg');
	background-color: #11312a;
	background-repeat: no-repeat;
	background-size: contain;
}

.subFootLogo {
	text-align:center;
	padding-bottom:4em;
}

.subFootLogo img{
	width:300px;
}


#footer-widget a.nav-link{
	color:#acd258;
	padding: .2rem 0rem;
	font-size: 1.0em;
font-weight: bold;
/*text-shadow: 2px 2px 2px #000;*/
}

#footer-widget h3.widget-title {
	margin-bottom:10px;
	margin-top: 0px;
	font-size: 1.8rem;
	font-weight:400;
	text-transform:uppercase;
	
	/*text-decoration:underline;*/
}



#footer-widget a.nav-link{
	
}
#footer-widget a.nav-link:hover{
	color:#ffffff;
}

#footer-widget h3.widget-title {
	color:#ffffff;
	/*text-transform:uppercase;*/
}


h3.widget-title {
    font-size: 1rem;
}

#footer-widget{
	width:100%;
}



#footer-widget div{
	
}	

.subFooterMobile{
	display:none;
	margin-top:10px;
}

.footerAccredit{
	padding:60px 0px;
	text-align:center;
	background-color: #f3f4ef;
}

#accreditationStack{
	display:none;
}

.footerAccredit h3{
font-size: 1.2em;
text-align: center;
margin-top:0px;
color:#565656;
text-transform:uppercase;
}

#footer-widget-mobile {
	width:100%;
}

#footer-widget-mobile h3.widget-title{
	margin: 0px;
	display: inline-block;
}

/* Footer menu accordion */
 /* Style the buttons that are used to open and close the accordion panel */
 div.widget_nav_menu_accordion{
 	margin-bottom:0px;
 }
 
.subFooterMobile .accordion {
    /*background-color: #201B86;
	background-color: #acd258;*/
	background-color: #07723f;
	border-bottom:2px solid #11312a !important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

.subFooterMobile .accordion.collapsed {
	background-color: #acd258 !important;
	background-color: #07723f !important;
}

.subFooterMobile .accordion h3{
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: normal;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.subFooterMobile .accordion:hover, .subFooterMobile .accordion:active {
    /*background-color: #201B86;*/
	background-color: #07723f;
	background-color: #acd258;
}

.subFooterMobile .accordion:hover h3, .subFooterMobile .accordion:active h3{
	color:#11312a
}

/* Style the accordion panel. Note: hidden by default */
.subFooterMobile .panel {
    padding: 0px;
    background-color: #3E47FF;
} 

.subFooterMobile .panel ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.subFooterMobile .panel ul li {
	border-bottom: 1px solid #ffffff;
	padding:8px 15px;
	/*background-color: #201B86;*/
	background-color: #acd258;
	background-color: #11312a;
}

.subFooterMobile .panel ul li a{
	font-size: 1em;
	font-weight: bold;
	color:#fff;
	display:block;
}

button.accordion:after {
    content: '\25BC'; /* Unicode character for "plus" sign (+) */
    font-size: 16px;
    color: #ffffff;
    float: right;
    margin-left: 5px;
}

button.accordion:not(.collapsed):after {
    content: "\25B2"; /* Unicode character for "minus" sign (-) */
}

/* End accodion */ 

#footer-widget-text .textwidget{
	width:100%;
	color:#fff;
	font-size:1em;
}

#footer-widget-text a{
	color:#acd258;
}
	
#footer-widget-text h3.widget-title{
	color:#acd258;
	font-size: 1.8rem;
	font-weight: 400;
}

.footerText{
	/*background-color: #201B86;*/
	background-color: #11312a;
	color:#ffffff;
}

#footer-widget-text .footerSocial a{
	font-size: 2em;
	margin-right: 20px;
	color:#acd258;
}

#footer-widget-text .footerSocial a:hover, #footer-widget-text .footerSocial a:active{
	color:#ffffff;
}

.footerSocial{
	margin-top:15px;
}


footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f3f4ef;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color:#2b4641
}

.site-info{
	text-align:center;
}

#bookNowButtonMobile {
		display:none;
	}
#bookNowButton {
		display:inline-block;
	}

	
	

@media screen and (max-width: 767px) {
	
	.footerLogoBar{
		display:block;
	}

	#accreditationStack{
		display:block;
	}
	
	#accreditationFlat{
		display:none;
	}

	#footer-widget-text .textwidget{
		font-size:1.4em;
	}
	#footer-widget-text h3.widget-title{
		font-size:2.5rem;
	}
	
	.subFooter{
		display:none;
	}
	
	.subFooterMobile{
		display:block;
		font-family: Roboto;
	}

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
  
  .headBook img{
		max-width:70%;
		width:175px;	
	}
	
	#bookNowButtonMobile {
		display:inline-block;
	}
	#bookNowButton {
		display:none;
	}
	
	.navFlag img{
		width:25px;
		margin-bottom:2px;
		margin-right:10px;
	}
	
	
	body:not(.theme-preset-active) #page-sub-header h1 {
	  line-height: normal;
	  font-size: 2.5em;
	  text-shadow: 1px 1px 7px #000;
	  color: #ffffff;
	  margin: 0 0 1rem;
	  border: 0;
	  padding: 0;
	}
	
}

/*----------------------------
Homepage content cards and other shortcode css
-----------------------------*/
.homeCard{
	text-align:center
}

.homeCard a{
	display:inline-block;
	position:relative;
	overflow:hidden;
	text-decoration: none !important;
}

.homeCard:hover img {
	-webkit-transform : rotate(5deg) scale(1.2); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : rotate(5deg) scale(1.2); /* IE 9 */
    transform         : rotate(5deg) scale(1.2);
	
	-webkit-transition: all 40ms linear 0s;
	-moz-transition: all 40ms linear 0s;
	-o-transition: all 40ms linear 0s;
	transition:all 40ms linear 0s;
}

.homeCard:hover .homeCardContent img {
	-webkit-transform : rotate(0deg) scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : rotate(0deg) scale(1); /* IE 9 */
    transform         : rotate(0deg) scale(1);
	
	-webkit-transition: all 40ms linear 0s;
	-moz-transition: all 40ms linear 0s;
	-o-transition: all 40ms linear 0s;
	transition:all 40ms linear 0s;
}

.homeCardContent {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(243, 244, 6, .90); /* new yellow */
	background: rgba(217, 219, 180, .90); /* tan */
	background: rgba(243, 244, 239, .90); /* offwhite */
	background: rgba(241, 95, 6, .90); /* orange */	
	background: rgba(69, 105, 69, .90); /*green */
	background: rgba(43, 70, 65, .90); /*dark green */
	background: rgba(130, 205, 41, .90); /*lime green */
	background: rgba(195, 238, 54, .90); /*NEW green */
	padding: .7em .5em 1em .5em;
}

.home .homeCardContent {
	position: relative;
	display:flex;
	min-height:133px;
}

.homeCard:hover .homeCardContent {
	padding-bottom: 2.5em;
	-webkit-transition: all 40ms linear 0s;
	-moz-transition: all 40ms linear 0s;
	-o-transition: all 40ms linear 0s;
	transition:all 40ms linear 0s;
}

.home .homeCard:hover .homeCardContent {
	padding-bottom: 1em;
}

.homeCardContent h2{
	font-size:2.75em;
	margin:0px;
	text-transform:uppercase;
	text-align:center;
	color:#00576d;
	line-height: normal;
	padding-bottom: 0;
}

.homeCardContent p{
	margin-bottom:0px;
	color:#2b4641;
	text-align:center;
}

.homeCardContent p strong{
	color:#2b4641;
	font-size: 1em;
}


.homeCardColorOrange .homeCardContent{
	background: rgba(241, 95, 6, .90);
	background: rgba(255, 128, 54, .90);
}

.homeCardColorOrange .homeCardContent h2{
	color:#ffffff;
}

.homeCardColorOrange .homeCardContent p{
	color:#f3f4ef;
}

.homeCardColorOrange .homeCardContent p strong{
	color:#d9dbb4;
}

/*////////////////////////////
//
// START SUPERFLIGHT STYLES
//
///////////////////////////*/

ul.nobull {
	list-style: none;
	font-size: 1.2em;
}

ul.nobull li{
	margin-bottom:1em;
}

ul.nobull li i{
	margin-right:0.5em;
	color:#C3EE36;
}


/*////////////////////////////
//
// START EVENTS CARDS
//
///////////////////////////*/
/*PEN STYLES*/
.blog-card {
  display: flex;
  flex-direction: column;
  margin: 0em auto 2em auto;
  /*box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.1);*/
  /*margin-bottom: 1.6%;*/
  /*background-color: #2b4641;
  background-color: #201B86;*/
	background-color: #acd258;
  line-height: 1.4;
  overflow: hidden;
  z-index: 0;
}
.blog-card.cardWide{
	margin: 1em auto;
}
.blog-card.cardWideNoPad{
	margin: 0em auto;
}


.blog-card a {
 
}
.blog-card a:hover {
 
}
.blog-card:hover .photo {
  -webkit-transform: scale(1.3) rotate(3deg);
          transform: scale(1.3) rotate(3deg);
}
.blog-card .meta {
  position: relative;
  z-index: 0;
  height: 250px;
}
.blog-card .photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(0);
backface-visibility: hidden;
  background-size: cover;
  background-position: center;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}
.blog-card .description {
  padding: 1rem;
  /*background-color: #2b4641;
  background-color: #201B86;*/
	background-color: #acd258;
  position: relative;
  z-index: 1;
}

.blog-card .description a{
  color:#ff4040;
}

.blog-card .description h2,
.blog-card .description h3 {
  font-weight: bolder !important;
}

.blog-card .description h2 {
  line-height: 1;
  margin: 0;
  font-size: 2.75em;
color: #07723f;
text-transform: uppercase;
font-weight: 400 !important;
padding-bottom:
}
.blog-card .description h3 {
  font-size: 1.25rem;
  text-transform: uppercase !important;
  color: #ff4040;
  margin-top: 5px;
  font-weight: 400 !important;
line-height: 1;
padding-top:0px;
}
.blog-card .description .read-more {
  text-align: center;
}
.blog-card .description .read-more a {
  display: inline-block;
  position: relative;
  color: #ffffff;
  background-color: #ff4040;
  padding: 10px 20px;
  text-decoration: none;
  font-weight:bold;
  margin-right:10px;
  margin-top:10px;
  text-transform:uppercase;
  font-family: Roboto;
}

.blog-card .description .read-more a:hover {
 color: #ff4040;
  background-color:#ffffff;
}

.blog-card p {
  position: relative;
  margin: 1rem 0 0;
  color:#11312a;
}
.blog-card p:first-of-type {
  margin-top: 1.25rem;
}
.blog-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #07723f;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}
.blog-card:hover .details {
  left: 0%;
}


/*colors */

/*Orange*/
.event_color_orange.blog-card {
	background-color: #d95a00;
}
.event_color_orange.blog-card .description {
	background-color: #d95a00;
}
.event_color_orange.blog-card .description h2{
	color: #ffffff;
}
.event_color_orange.blog-card .description h3{
	color:#2b4641;
}
.event_color_orange.blog-card p{
	color:#f3f4ef;
}
.event_color_orange.blog-card p:first-of-type:before {
	background: #C3EE36;
}
.event_color_orange.blog-card .description .read-more a {
	color: #ffffff;
  background-color: #C3EE36;
  background-color: #3E47FF;
}
.event_color_orange.blog-card .description .read-more a:hover {
 color: #3E47FF;
  background-color:#C3EE36;
}


/*Green*/
.event_color_green.blog-card {
	background-color: #07723f;
}
.event_color_green.blog-card .description {
	background-color: #07723f;
}
.event_color_green.blog-card .description a{
  color:#acd258;
}


.event_color_green.blog-card .description h2{
	color: #FFFFFF;
}
.event_color_green.blog-card .description h3{
	color:#201B86;
}
.event_color_green.blog-card p{
	color:#ffffff;
}
.event_color_green.blog-card p:first-of-type:before {
	background: #acd258;
}

.event_color_green.blog-card .description .read-more a {
	background: #ff4040;
	color:#ffffff;
}
.event_color_green.blog-card .description .read-more a:hover {
 color: #ffffff;
  background-color:#acd258;
}


/*Blue*/
.event_color_blue.blog-card {
	background-color: #2a2a78;
}
.event_color_blue.blog-card .description {
	background-color: #2a2a78;
}
.event_color_blue.blog-card .description h2{
	color: #acd258;
}
.event_color_blue.blog-card .description h3{
	color:#2b4641;
	color:#ffffff;
}
.event_color_blue.blog-card p{
	color:#ffffff;
}
.event_color_blue.blog-card p:first-of-type:before {
	background: #d95a00;
}
.event_color_blue.blog-card .description .read-more a {
	color: #2a2a78;
  background-color: #acd258;
}
.event_color_blue.blog-card .description .read-more a:hover {
 color: #ffffff;
  background-color:#d95a00;
}


/*Teal*/
.event_color_teal.blog-card {
	background-color: #00949d;
}
.event_color_teal.blog-card .description {
	background-color: #00949d;
}
.event_color_teal.blog-card .description a{
  color:#ff6b54;
}


.event_color_teal.blog-card .description h2{
	color: #ffffff;
}
.event_color_teal.blog-card .description h3{
	color:#11312a;
}
.event_color_teal.blog-card p{
	color:#ffffff;
}
.event_color_teal.blog-card p:first-of-type:before {
	background: #ff4040;
}

.event_color_teal.blog-card .description .read-more a {
	background: #ff4040;
	color:#ffffff;
}
.event_color_teal.blog-card .description .read-more a:hover {
 color: #ffffff;
  background-color:#ffce00;
}


/*Yellow*/
.event_color_yellow.blog-card {
	background-color: #ffce00;
}
.event_color_yellow.blog-card .description {
	background-color: #ffce00;
}
.event_color_yellow.blog-card .description a{
  color:#07723f;
}


.event_color_yellow.blog-card .description h2{
	color: #07723f;
}
.event_color_yellow.blog-card .description h3{
	color:#201B86;
}
.event_color_yellow.blog-card p{
	color:#11312a;
}
.event_color_yellow.blog-card p:first-of-type:before {
	background: #ff4040;
}

.event_color_yellow.blog-card .description .read-more a {
	background: #07723f;
	color:#ffffff;
}
.event_color_yellow.blog-card .description .read-more a:hover {
 color: #ffffff;
  background-color:#ff4040;
}

	
/*Mobile Only*/

@media only screen and (max-width: 767px) {
	#event_details h3 {
		text-align:center;
	}
}



/* Full Size Only */
@media (min-width: 766px) {


  .blog-card.event_horizontal {
    flex-direction: row;
    max-width: 1300px;
  }
  .blog-card.event_horizontal .meta {
    flex-basis: 40%;
    height: auto;
  }
  .blog-card.event_horizontal.cardWide .meta {
    flex-basis: 67%;
  }  
  
  .blog-card.event_horizontal .description {
    flex-basis: 60%;
  }
  .blog-card.event_horizontal.cardWide .description {
    flex-basis: 33%;
  }
  
  .blog-card.event_horizontal .description:before {
    -webkit-transform: skewX(-3deg);
            transform: skewX(-3deg);
    content: "";
    /*background-color: #2b4641;
	background-color: #201B86;*/
	background-color: #acd258;
    width: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: -1;
	height:101%;
  }
  .blog-card.event_horizontal.alt {
    flex-direction: row-reverse;
  }
  .blog-card.event_horizontal.alt .description:before {
    left: inherit;
    right: -10px;
    -webkit-transform: skew(3deg);
            transform: skew(3deg);
  }
  .blog-card.event_horizontal.alt .details {
    padding-left: 25px;
  }
  
  
  
  /*colors */

	/*Orange*/
	.event_color_orange.blog-card.event_horizontal .description:before {
		background-color: #d95a00;
	}
	
	/*Green*/
	.event_color_green.blog-card.event_horizontal .description:before {
		background-color: #C3EE36;
	}
	
	/*Teal*/
	.event_color_teal.blog-card.event_horizontal .description:before {
		background-color: #00949d;
	}
	
	/*Blue*/
	.event_color_blue.blog-card.event_horizontal .description:before {
		background-color: #2a2a78;
	}
	
	/*Yellow*/
	.event_color_yellow.blog-card.event_horizontal .description:before {
		background-color: #ffce00;
	}
}



/*////////////////////////////
//
// END EVENTS CARDS
//
///////////////////////////*/

/*ADDED FOR DAY CAMP FORM */
.campFormHolder{
	width: 30rem !important;
	padding: 20px !important;
	background-color:#201B86 !important;
}

.campFormHolder h2{
	color:#ffffff !important;
	text-align:center !important;
	white-space: initial !important;
	margin-bottom: 0 !important;
	font-size: 2.5em !important;
	line-height: normal !important;
}

.campForm{
padding: 1em !important;
}

.campForm label{
	display:block;
}

.campForm input::placeholder{
	color:#201B86 !important;
}

.campForm input{
	background-color:#3E47FF !important;
	border: 1px solid #09035d !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	padding: 12px 8px !important;
	font-size: 0.8rem !important;
	color: #11312a !important;
	font-weight: normal !important;
	line-height: 0.8rem !important;
	margin:13px 0px 0px 0px !important;
	text-align:left !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.campForm input.wpcf7-not-valid{
	border: 1px solid #E12627 !important;
	
}

.campForm .wpcf7-not-valid-tip{
	color:#E12627 !important;
	font-size:12px !important;
	padding: 4px 0px 0px 5px !important
}

div.wpcf7-response-output{
	margin-top:0px !important;
	font-size:14px !important;
	text-align:center !important;
	/*display: inline-block !important;*/
	position: absolute !important;
	bottom: 10px !important;
	width: 100% !important;
	margin:0px !important;
	border:0px !important;
	font-weight:bold !important;
}

div.wpcf7-validation-errors{
	color:#E12627 !important;
}


.formCampSubmit input{
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	background-color: #C3EE36 !important;	
	color: #2b4641 !important;	
	font-size: 1.125rem !important;	
	line-height: 2rem !important;	
	font-weight: 700 !important;	
	border-radius: 5px !important;	
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}


/*Added for winter camp form */
div#wpcf7-f2132-p2127-o1{
	display:inline-block;
}


.sow-accordion{
	font-size:1.25rem;
}


/*Added for spring camp form */
/*
div#wpcf7-f3201-p3194-o1{
	display:inline-block;
}


div#wpcf7-f3201-p3194-o1 .campFormHolder{
	background-color:#9c4793 !important;
}

div#wpcf7-f3201-p3194-o1 .campForm input::placeholder{
	color:#00ffff !important;
}

div#wpcf7-f3201-p3194-o1 .campForm input{
	background-color:#00d9ff !important;
	border: 1px solid #0095ff !important;
	color: #212529 !important;	
}

div#wpcf7-f3201-p3194-o1 .formCampSubmit input{
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	background-color: #C3EE36 !important;
	border: 1px solid #C3EE36 !important;	
	color: #2b4641 !important;	
	font-size: 1.125rem !important;	
	line-height: 2rem !important;	
	font-weight: 700 !important;	
	border-radius: 5px !important;	
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

@media only screen and (max-width: 768px) {
  div#wpcf7-f3201-p3194-o1 {
	  width:100%;
  }
	
  div#wpcf7-f3201-p3194-o1 .campFormHolder{
	width: auto !important;  
  }
  
}
*/


/*-------------------------------------------------------------
# Birthdays Section
-------------------------------------------------------------*/
.page-id-219 #content {
	background-image: url(../jpg/birthdays-background.jpg);
	background-repeat: repeat-y;
	background-size: contain;
	background-position: center top;
}

/*Added for birthdays camp form */
div#wpcf7-f3504-p219-o1{
	display:inline-block;
}


div#wpcf7-f3504-p219-o1 .campFormHolder{
	background-color:#07723f !important;
}

div#wpcf7-f3504-p219-o1 .campFormHolder h2{
	text-align: left !important;
	padding-left: .65em;
}

div#wpcf7-f3504-p219-o1 .campForm input::placeholder{
	color:#ffffff !important;
}

div#wpcf7-f3504-p219-o1 .campForm input{
	background-color:#acd258 !important;
	border: 0px !important;
	color: #11312a !important;	
}

div#wpcf7-f3504-p219-o1 .formCampSubmit input{
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	background-color: #ff4040 !important;
	border: 0px !important;	
	color: #ffffff !important;	
	font-size: 1.125rem !important;	
	line-height: 2rem !important;	
	font-weight: 700 !important;	
	border-radius: 5px !important;	
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}



.bday-holder {
	border-bottom:10px solid #00949d;
	position:relative;
	margin: 10em 4em 2em 4em;
}
.bday-head {
	background-color:#00949d;
	color:#ffffff;
	font-size:2em;
	font-weight:900;
	text-transform:uppercase;
	line-height: 2em;
	padding-left: 0.75em;
}

.bday-sloth{
	position: absolute;
	background-image: url(../png/sloth.png);
	background-size: contain;
	background-repeat:no-repeat;
	width: 341px;
	height: 318px;
	top: -11.15em;
	right: 14em;
}

.bday-columns{
	display:flex;
}

.bday-left {
	background-color:#d95a00;
	width:52%;
	float:left;
	padding:6em 3em 3em 3em;
}

.bday-left ul{
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
}

.bday-left ul li{
	padding:0em 0em 0.6em 1em;
}

.bday-right {
	background-color:#e7e7e7;
	width:48%;
	float:left;
	padding:3.5em 3em 3em 3em;
}

.bday-right h3{
	margin:0em;
	padding:0em 1em 1em 0em;
	color:#d95a00;
	font-weight:900;
	text-transform:uppercase;
	text-align:right;
	font-size: 2em;
	
}

.bday-right ul{
	color: #201B86;
	font-size: 1.2em;
	font-weight: 500;
}

.bday-right ul li{
	padding:0em 0em 0.6em 1em;
}

.bday-foot {
	clear:both;
}


@media only screen and (max-width: 1180px) {
	.bday-sloth{
		right: 7.5em;
	}
}


@media only screen and (max-width: 1024px) {
	.bday-sloth{
		display:none;
	}
	.bday-right h3{
		text-align:left;
	}
}



@media only screen and (max-width: 768px) {
	.bday-holder {
		margin: 2em 0em 2em 0em;
	}
	
	.bday-left {
		padding:2em 3em 3em 3em;
	}
	
	.bday-columns{
		display:block;
	}
	.bday-right, .bday-left {
		float:none;
		width:100%;
	}
	
	div#wpcf7-f3504-p219-o1 {
		width:100%;
	}

  div#wpcf7-f3504-p219-o1 .campFormHolder{
	width: auto !important;  
  }
	
}
/*--------------------------------------------------------------
# END BIRTHDAYS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# HEADER HOURS
--------------------------------------------------------------*/
.hoursOpenHeader{
	color: #fff;
    display: flex;
    position: absolute;
    left: 110px;
    font-size: .7em;
    font-weight: bold;
    line-height: 47px;
    font-family: Roboto;
    top: 0px;
}

.hoursOpenHeader .hoursText{
	display:inline-block;
}

.topNavHours{
	display:none;
	/*background-color: #201B86;*/
	background-color: #acd258;
	color: #fff;
	text-align: center;
	padding:0px;
	font-weight: bold;
	font-family: Roboto;
}

.topNavHoursPadding{
	padding: 5px 0px;
}


@media only screen and (max-width: 768px) {
	
  .topNavHours{
	display:block;
  }	
  .hoursOpenHeader {
    display:none;
  }
  .hoursOpenHeader .hoursText{
	display:none;
	}
	
	
  
}

/*--------------------------------------------------------------
# END HEADER HOURS
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# TRIPLESEAT LEAD
--------------------------------------------------------------*/
#tripleseat_embed_form {
   display: inline-block;
	max-width: 700px;
	text-align: left;
	width: 100%;
	padding: 20px !important;
	background-color: #201b86 !important;
}

#tripleseat_embed_form h2{
	color:#fff;
}

#tripleseat_embed_form label{
	color:#fff;
}

#tripleseat_embed_form input::placeholder{
	color:#201B86 !important;
}

#tripleseat_embed_form input, #tripleseat_embed_form select, #tripleseat_embed_form textarea{
	background-color:#3E47FF !important;
	border: 1px solid #09035d !important;
	padding: 12px 8px !important;
	font-size: 0.8rem !important;
	color: #fff !important;
	font-weight: normal !important;
	line-height: 0.8rem !important;
	margin:0px 0px 13px 0px !important;
	text-align:left !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}


#tripleseat_embed_form #lead_submit{
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	background-color: #C3EE36 !important;	
	color: #2b4641 !important;	
	font-size: 1.125rem !important;	
	line-height: 2rem !important;	
	font-weight: 700 !important;	
	border-radius: 5px !important;	
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/*--------------------------------------------------------------
# TRIPLESEAT LEAD
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 100%;
  }
  

}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    /*background: transparent;
    
    border: none;*/
	box-shadow: none;
  }
  
	
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 100%;
  }

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
  
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
  
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
  
}


/*--------------------------------------------------------------
# Wordpress Admin
--------------------------------------------------------------*/

.admin-bar #masthead {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar #masthead {
    top: 32px;
  }
}












/*--------------------------------------------------------------
# Timelines
--------------------------------------------------------------*/

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #ff4040;
}

.cd-timeline-block{
	opacity:0;
}


@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
  
  
}
.cd-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #07723f;
  display:inline-table;
  text-align:center;
}

.cd-timeline-img.cd-picture i{	
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
	font-size: 1.5em;
}

.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  /*background: #201B86;*/
  background: #acd258;
  color:#FFFFFF;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
.cd-timeline-content h2 {
  color: #07723f;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 1rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: 1;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.75rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 1rem;
	font-weight:bold;
	color:#11312a;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 2rem;
	color: #ff4040;
	font-weight:bold;
	padding-top:0em;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
