/*
Theme Name: Aura Art House
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: #512989;
  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('inc/assets/fonts/561f38b1f4570de0fb8a39d691ab058c.woff2') format('woff2'),
    url('inc/assets/fonts/561f38b1f4570de0fb8a39d691ab058c.woff') format('woff'),
    url('inc/assets/fonts/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('inc/assets/fonts/With-Stalk.otf') format('opentype'), url('inc/assets/fonts/With-Stalk.ttf') format('truetype')
}

.eventScriptHeading {
  font-family: 'With Stalk';
  color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #512989;
  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: #ffffff;
  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: #512989;
  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: #ffffff;
}

#breadCrumbsHolder #breadcrumb li:nth-child(even) a:before {
  border-color: #ffffff;
  border-left-color: transparent;
}

#breadCrumbsHolder #breadcrumb li:nth-child(even) a:after {
  border-left-color: #ffffff;
}

#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 #512989;
  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: #512989;
}

#breadCrumbsHolder #breadcrumb li a:hover {
  background-color: #ffffff;
}

#breadCrumbsHolder #breadcrumb li a:hover:before {
  border-color: #ffffff;
  border-left-color: transparent;
}

#breadCrumbsHolder #breadcrumb li a:hover:after {
  border-left-color: #ffffff;
}

#breadCrumbsHolder #breadcrumb li a:active {
  background-color: #ffffff;
}

#breadCrumbsHolder #breadcrumb li a:active:before {
  border-color: #ffffff;
  border-left-color: transparent;
}

#breadCrumbsHolder #breadcrumb li a:active:after {
  border-left-color: #ffffff;
}

/* 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: #ffffff;
  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: #512989;
  color: #FFFFFF;
}

#breadCrumbsHolderSm #breadcrumb li:last-child a {
  /*background: #201B86;*/
  background: #512989;
  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: #ffffff 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: #a100e5;
  padding: 0 1rem;
  border-bottom: 0px #ffffff solid;
}

.topNavCallout {
  background-color: #fafafa;
  font-size: 13px;
  padding: 7px 0px;
  text-align: center;
  color: #201B86;
  font-weight: bold;
  height: 34px;
}

.topNavBot {
  background-color: #42236e;
  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: relative;
  text-align: right;
}

#navRightMenu {
  text-align: left;
}



.headBook {
  position: absolute;
  top: -38px;
  right: 0px;
  left: auto;
  /*display: inline-table;*/
  margin: 0px;
}

.headBookWrapper {
  text-align: right;
  display: grid;
}

.bookOnlineButton.purple {
  background-color: #512989;
  border-color: #f3eff8;
}

.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;
  display: block;
  float: none;
}

.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 #512989;
}

#page-sub-header.sub-flat {
  border-bottom: 4px solid #512989;
}

#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 #ffffff;
}

.heroSlider.genAdmission {
  border-bottom: 4px solid #ffffff;
}

#topNav1 {
  display: block;
}

#topNav2 {
  display: none;
}


.collapseomatic {
  color: #8b0bcb;
  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: #ffffff;
  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
--------------------------------------------------------------*/

.AEribbon {
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: 1;
  overflow: hidden;
  width: 125px;
  height: 125px;
  text-align: right;
}

.AEribbon span {
  font-size: 22px;
  color: #1c0052;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  line-height: 33px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 170px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#ffffff 0%, #ffffff 100%);
  position: absolute;
  top: 32px;
  right: -36px;
  letter-spacing: 2px;
  font-family: Tungsten;
}

.AEribbon span::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #8b0bcb;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8b0bcb;
}

.AEribbon span::after {
  content: '';
  position: absolute;
  right: 0%;
  top: 100%;
  z-index: -1;
  border-right: 3px solid #8b0bcb;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8b0bcb;
}


/*--------------------------------------------------------------
## 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 #ffffff;
  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 #ffffff;
		background-color:#512989;*/
  }

  .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;
    padding: 0.5rem 0rem 0.5rem 0rem;
  }

}


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: #512989;
  /*border-right:1px solid #201B86;
	border-left:1px solid #201B86;
	border-bottom:1px solid #8b0bcb ;*/
}

.nav-item.dropdown.show>a {
  background-color: transparent;
  /*color: #2b4641 !important;*/
  /*color: #01F2C7 !important;*/
  color: #fff !important;
  /*text-shadow: 1px 1px 0px #1c0052 !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 #ffffff;
  background: #ffffff;
  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: #ffffff 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: #1c0052;
  padding-left: 5%;
  padding-right: 5%;
  z-index: 1001;
  border-bottom: 0px solid #ffffff;
  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: #ffffff;
}

/*
.dropdown-menu .nav_supplement a i{
	color:#8b0bcb ;
	font-size: 1.75em;
	vertical-align: bottom;
}
*/
.dropdown-menu .nav_supplement a i {
  color: #ffffff;
  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: #ffffff;
}

.navHigh-GreenBlue {
  /*background: rgba(1, 242, 199, .90);*/
  background: #513c8b;
}

.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: #8b0bcb;
}

.navHigh-DarkBlue {
  background: rgba(88, 171, 98, .85);
  background: rgba(88, 171, 98, 1);
  background: #2a2a78;
}

.navHigh-DarkGreen {
  background: #512989;
}

.navHigh-BlackGreen {
  background: #1c0052;
}

.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: #8b0bcb;
  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: #512989;
}

.imgNav .navHigh-Green h5 {
  color: #512989;
}

.imgNav .navHigh-GreenBlue h5 {
  /*color:#201B86;*/
  color: #ffffff;
}

.imgNav .navHigh-LightBlue h5 {
  color: #201B86;
}

.imgNav .navHigh-Yellow h5 {
  color: #512989;
}

.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: #1c0052;
}


.imgNav a:hover .navHigh-White h5 {
  color: #1c0052;
}

.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: #1c0052;
}

.imgNav1 {
  /*border-right: 2px #C3EE36 dotted;*/
  border-bottom: 2px #ffffff dashed;
}

.imgNav2 {
  border-bottom: 2px #ffffff dashed;
}

.imgNav3 {
  /*border-left: 2px #C3EE36 dotted;*/
  border-bottom: 2px #ffffff dashed;
}

.imgNav2End {
  border-bottom: 2px #ffffff dashed;
}


#bookNowButtonGold {
  display: none;
}

#bookNowButtonGold a {
  background-color: #ffffff;
  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 #1c0052 !important;
  }

  .imgNav a {
    padding: .25em 0em;
  }

  .imgNav h5 {
    font-size: 2em;
    color: #512989;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: normal;
    text-shadow: none !important;
  }

  .imgNav .navHigh-DarkBlue h5 {
    color: #512989;
  }

  .imgNav .navHigh-GreenBlue h5 {
    color: #512989;
  }

  .imgNav a:hover h5 {
    color: #1c0052;
  }

  .imgNav a:hover .navHigh-DarkBlue h5 {
    color: #1c0052;
  }

  .imgNav a:hover .navHigh-GreenBlue h5 {
    color: #1c0052;
  }

  .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 #1c0052;
  }

  .dropdown-menu .nav_supplement:last-child {
    border-bottom: 0px solid #ffffff;
  }

  .dropdown-menu .nav_supplement a {
    color: #512989;
    font-size: 2em;
  }

  .dropdown-menu .nav_supplement_blue a {
    color: #2ab5c8;
    font-size: 2.5em
  }

  .dropdown-menu .nav_supplement a i {
    color: #ffffff;
  }

  .dropdown-menu .nav_supplement_blue a i {
    color: #2ab5c8;
  }

  .dropdown-menu .nav_supplement a:hover {
    color: #1c0052;
  }

  .dropdown-menu {
    text-align: left;
  }


  .nav-item.dropdown.show {
    background-color: #ffffff;
    border: none;
  }

  .nav-item.dropdown.show>a {
    background-color: #fff;
    color: #1c0052 !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 #ffffff solid;
  }

  #menu-main-menu>li:last-of-type {
    border-bottom: 0px;
  }

  #menu-main-menu-1>li {
    padding: 10px 0px;
    border-bottom: 2px #1c0052 solid;
  }

  body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
    color: #512989;
    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: #1c0052;
    font-weight: 600;
  }

  .headBook {
    top: -22px;
  }


  .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 #8b0bcb;
  border-bottom: 3px solid #8b0bcb;
  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: #ffffff;
  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: #512989;
  text-align: center;
  font-size: 2.5em;
  font-family: Tungsten;
  line-height: normal;
}

.interactionBuy.infoCard .interactionBuyTitle {
  color: #512989;
  text-align: center;
  font-size: 2em;

}

.interactionBuy .interactionBuySub {
  font-size: 1em;
  color: #1c0052;
  text-align: center;
  font-family: Lato;
}

.interactionBuy.infoCard .interactionBuySub {
  font-size: 1.2em;
  font-weight: bold;
  color: #1c0052;
  text-align: center;
}

.interactionBuy .interactionBuyPrice {
  font-size: 2em;
  color: #1c0052;
  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: #ffffff;
  -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: #ffffff;
  -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: #8b0bcb !important;
  border-color: #ffffff !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: #512989;
}

.bookOnlineButton:hover::after,
.bookOnlineButton:focus::after,
.bookOnlineButton:active::after {
  transform: rotate(-180deg);
  color: #512989;
}


/*Orange */
.bookOnlineButton.orange {
  background-color: #8b0bcb;
  border-color: #ffffff;
}

.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: #ffffff;
}

.bookOnlineButton.yellow:hover::after,
.bookOnlineButton.yellow:focus::after,
.bookOnlineButton.yellow:active::after {
  color: #ffffff;
}


/*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;
}

/*Green */
.bookOnlineButton.green {
  background-color: #512989;
  border-color: #512989;
  color: #ffffff !important;
}

.bookOnlineButton.green:hover,
.bookOnlineButton.green:focus,
.bookOnlineButton.green:active {
  background-color: #ffce00 !important;
  border-color: #ffce00 !important;
  color: #00723f !important;
}

.bookOnlineButton.green:hover::before,
.bookOnlineButton.green:focus::before,
.bookOnlineButton.green:active::before {
  color: #00723f;
}

.bookOnlineButton.green:hover::after,
.bookOnlineButton.green:focus::after,
.bookOnlineButton.green: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 #512989;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #512989;
}

h1.entry-title.side-line {
  display: flex;
  justify-content: left;
  align-items: left;
  text-align: left;
  border-bottom: 0px dashed #512989;
}

h1.entry-title.side-line::after {
  content: '';
  border-top: 2px dashed #512989;
  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 #512989;
    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: #ffffff;
  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 #8b0bcb ;
	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('images/footer-top-bar.jpg');
  background-color: #CAA4E5;
  background-repeat: no-repeat;
  background-size: contain;
}

.subFootLogo {
  text-align: center;
  padding-bottom: 4em;
}

.subFootLogo img {
  width: 300px;
}


#footer-widget a.nav-link {
  color: #222222;
  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: #512989;
  /*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: #ffffff;*/
  background-color: #512989;
  border-bottom: 2px solid #1c0052 !important;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

.subFooterMobile .accordion.collapsed {
  background-color: #ffffff !important;
  background-color: #512989 !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: #512989;
  background-color: #ffffff;
}

.subFooterMobile .accordion:hover h3,
.subFooterMobile .accordion:active h3 {
  color: #1c0052
}

/* 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: #ffffff;
  background-color: #1c0052;
}

.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: #ffffff;
}

#footer-widget-text h3.widget-title {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 400;
}

.footerText {
  /*background-color: #201B86;*/
  background-color: #512989;
  color: #ffffff;
}

#footer-widget-text .footerSocial a {
  font-size: 2em;
  margin-right: 20px;
  color: #ffffff;
}

#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: #000000;
  background-color: #CAA4E5;
}

.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: #ffffff;
  line-height: 1.4;
  overflow: hidden;
  z-index: 0;
}

.blog-card.cardWide {
  margin: 1em auto;
}

.blog-card.cardWideNoPad {
  margin: 0em auto;
}


.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: #ffffff;
  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: #512989;
  text-transform: uppercase;
  font-weight: 400 !important;
  padding-bottom: 0;
}

.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: #1c0052;
}

.blog-card p:first-of-type {
  margin-top: 1.25rem;
}

.blog-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #512989;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}

.blog-card:hover .details {
  left: 0%;
}


/*colors */

/*Orange*/
.event_color_orange.blog-card {
  background-color: #8b0bcb;
}

.event_color_orange.blog-card .description {
  background-color: #8b0bcb;
}

.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: #512989;
}

.event_color_green.blog-card .description {
  background-color: #512989;
}

.event_color_green.blog-card .description a {
  color: #ffffff;
}


.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: #ffffff;
}

.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: #ffffff;
}


/*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: #ffffff;
}

.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: #8b0bcb;
}

.event_color_blue.blog-card .description .read-more a {
  color: #2a2a78;
  background-color: #ffffff;
}

.event_color_blue.blog-card .description .read-more a:hover {
  color: #ffffff;
  background-color: #8b0bcb;
}


/*Teal*/
.event_color_teal.blog-card {
  background-color: #513c8b;
}

.event_color_teal.blog-card .description {
  background-color: #513c8b;
}

.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: #1c0052;
}

.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: #512989;
}


.event_color_yellow.blog-card .description h2 {
  color: #512989;
}

.event_color_yellow.blog-card .description h3 {
  color: #201B86;
}

.event_color_yellow.blog-card p {
  color: #1c0052;
}

.event_color_yellow.blog-card p:first-of-type:before {
  background: #ff4040;
}

.event_color_yellow.blog-card .description .read-more a {
  background: #512989;
  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: #ffffff;
    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: #8b0bcb;
  }

  /*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: #513c8b;
  }

  /*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: #1c0052 !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(../../uploads/2020/02/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: #512989 !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: #ffffff !important;
  border: 0px !important;
  color: #1c0052 !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 #513c8b;
  position: relative;
  margin: 10em 4em 2em 4em;
}

.bday-head {
  background-color: #513c8b;
  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(../../uploads/2020/02/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: #8b0bcb;
  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: #8b0bcb;
  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: #ffffff;
  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: #512989;
  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: #ffffff;
  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: #512989;
}

.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: #1c0052;
  }
}

@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);
  }
}