/*
Theme Name: Jungle Dormant
Theme URI: https://JungleIsland.com
Author: Keys3
Author URI: https://keys3.com/
Version: 1.0
*/

/*--------------------------------------------------------------
# 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;
}

a:active,
a:hover {
  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;
}




body{
	font-family: 'Lato', sans-serif;
}


.heroImage{
	background-image:url("./images/hero.jpg");
	height:678px;
	background-size:cover;
	background-position:top;
}

.eventsHero{
	background-image:url("./images/events-hero.jpg");
	height:650px;
	border-bottom:18px solid #decb99;
}

.celebrateHero{
	background-image:url("./images/celebrate-hero.jpg");
	height:650px;
	border-bottom:18px solid #5bbbbc;
}

.weddingsHero{
	background-image:url("./images/weddings-hero.jpg");
	height:650px;
	border-bottom:18px solid #adb7da;
}

.heroRow{
	margin-left:8rem;
	margin-right:8rem
}

.heroImage img, .joiaLogo{
	max-width:100%;
}

.joiaSection{
	background-image:url("./images/joia-bg.jpg");
	min-height:651px;
	background-size:cover;
	background-position:top;
	padding-left:0px;
	padding-right:0px;
}
.joiaLogo{
	text-align: center;
	margin-top: 6rem;
}


#navbarResponsive{
	background:rgba(255,255,255,.47);
	padding:.5rem 0px .5rem 1.25rem;
}

.navbar-toggler{
	background-color:#a8b15b !important;
	border: 0px !important;
}

.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");
}


.nav-link{
	color:#000 !important;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.85rem;
}

.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.navbar-brand{
	margin-right:30%;
	padding-left:15px;
}

.navbar{
	padding-right:0rem;
	padding-left:0rem;
}
.navbar .container-fluid{
	padding-right:0rem;
	padding-left:0rem;
}

.navbar-toggler {
	background-color:#fff;
	margin-right:1rem;
}

#logo-blue{
	display:none;
	transition: all 0.2s ease 0s;
}

#logo-blue img{
	width:50%;
}

.navbar-scrolled{
	background-color:#fff;
	border-bottom:2px solid #a8b15b;
	transition: all 0.3s ease 0s;
}

.navbar-scrolled #navbarResponsive{
	background-color:transparent;
	flex-direction: row-reverse;
	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;
}

.navbar-scrolled .nav-item.active a:after {
    content: '';
	width: 75%;
	background-color: #000;
	display: block;
	border-radius: 6px;
	height: 3px;
	margin: 4px auto 0px auto;
}


/*BLOOM SECTION */
#events{
	background-image:url("./images/bloom-top-bg.png");
	background-repeat:no-repeat;
	min-height:350px;
	background-size:auto auto;
	background-position:top center;
	padding-left:0px;
	padding-right:0px;
	padding-top:14rem;
	padding-bottom:3rem;
}
.eventBgTop{
	background-image:url("./images/events-bg-top.jpg") !important;
	min-height:240px !important;
	padding-top: 1rem !important;
}

.eventBgTop h1,.weddingsText h1{
	font-size: 1.5rem !important;
	font-weight: bold !important;
}
.eventBgTop p,.weddingsText p{
	padding-left:10rem;
	padding-right:10rem;
}

#celebrate{
	background-image:url("./images/bloom-bot-bg.png");
	background-repeat:no-repeat;
	min-height:369px;
	background-size:auto auto;
	background-position:bottom center;
	padding-left:0px;
	padding-right:0px;
	padding-top:3rem;
	padding-bottom:7rem;
}

@media (max-width: 650px) {
	#events{
		background-size:200% auto;
	}
	#celebrate{
		background-size:150% auto;
	}
}


/*FOOTER SECTION */
#siteFooter{
	background-color:#a8b15b;
	padding-top:4rem;
	padding-bottom:3rem;
}

.eventsFooter{
	background-color:#decb99 !important;
}
.celebrateFooter{
	background-color:#5bbbbc !important;
}
.weddingsFooter{
	background-color:#adb7da !important;
}

.footerTop{
	border-bottom:2px solid #000;
	margin:0rem 8rem 0rem 8rem;
}

.footerTop .nav-link{
	font-size:1rem;
	padding:0rem;
}
.footerBot{
	margin:0rem 8rem 0rem 8rem;
}

.footerCopyright{
	font-weight:600;
	font-size:.85rem;
}

.footerCopyright a{
	color:#000;
	text-decoration:underline;
}

.navFooter{
	
	
	
}
.navFooter ul li{
	list-style:none;
	padding-right:3rem;
	padding-top:3rem;
	display:inline-block;
}
.navFooter ul{
	
}

.navFooter ul li a{
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.socialFooter a{
	color:#000;
	font-size:1.25rem;
	text-decoration:none;
}

.socialFooter .iconColor{
	color:#fff;
}


/*Bloom Section*/
.bloomBgTile{
	background-image:url("./images/bloomBgTile.png");
	background-repeat:no-repeat;
	min-height:332px;
}

.bloomTileRight{
	background-position:top right;
}
.bloomBgTile img{
	border-radius: 10px;
	max-width: 100%;
}

h1.bloomTitle{
	color:#232543;
	font-size:1.5rem;
	font-weight:bold;
}




@media (max-width: 991px) {
	.heroRow{
		margin-left:0rem;
		margin-right:0rem
	}
	.heroImage {
		height: 475px;
		background-position: bottom;
	}
	
	.navbar {
		background-color:#fff;
	}
	
	.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;
	}
	#navbarResponsive{
		background-color:transparent;
		flex-direction: row-reverse;
		transition: all 0.3s ease 0s;
	}
	
	
	.footerTop{
		margin:0rem 2rem 0rem 2rem;
	}
	.footerBot{
		margin:0rem 2rem 0rem 2rem;
	}
	
	.navFooter{
		text-align:center !important;
	}
	.socialFooter{
		text-align:center !important;
	}
	.logoFooter{
		text-align:center !important;
	}
	.footerCopyright{
		text-align:center !important;
	}
	.navFooter ul li{
		list-style:none;
		padding-left:1rem;
		padding-right:1rem;
		padding-top:2rem;
		display:inline-block;
	}
	
	.bloomBgTile{
	/*background-image:none;
	min-height:auto;
	text-align:center !important;
	padding:0px !important;*/
	margin-top:3em;
	}
	
	.eventBgTop p, .weddingsText p{
		padding-left:1rem;
		padding-right:1rem;
	}
}



/*--------------------------------------------------------------
# TRIPLESEAT LEAD
--------------------------------------------------------------*/
#tripleseat_embed_form {
   display: inline-block;
	max-width: 700px;
	text-align: left;
	width: 100%;
	padding: 20px !important;
	background-color: #fff !important;
}

#tripleseat_embed_form h2{
	color:#000;
}

#tripleseat_embed_form label{
	color:#000;
}

#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: 0px 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: #a8b15b !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;
}

.tripleForm{
	text-align:center;
	margin-bottom:2rem;
}

.tripleForm table{
	width:100%;
}

.tripleFormEvents input, .tripleFormEvents select, .tripleFormEvents textarea{
	background-color:#decb99 !important; 
}

.tripleFormCelebrate input, .tripleFormCelebrate select, .tripleFormCelebrate textarea{
	background-color:#5bbbbc !important; 
}

.tripleFormWeddings input, .tripleFormWeddings select, .tripleFormWeddings textarea{
	background-color:#adb7da !important; 
}

@media (max-width: 575px) {
#tripleseat_embed_form {
    padding: 3px !important;
}
}


/*ADDED FOR CAROUSEL*/
#carousel {
  overflow: hidden;
  height: 460px;
  position: relative;
  margin-top:8.5rem;
  /*transform: translateY(-50%);*/  
}

#carousel img{
	border:25px solid #fff;
	border-radius:20px;
}

.eventsCarousel{
	background: linear-gradient(to top, #decb99 55%, white 0%); 
}

.celebrateCarousel{
	background: linear-gradient(to top, #5bbbbc 55%, white 0%); 
}

.weddingsCarousel{
	background: linear-gradient(to top, #adb7da 55%, white 0%); 
}
.eventsCarousel #carousel img, .celebrateCarousel #carousel img, .weddingsCarousel #carousel img{
	border:25px solid #f7f7f7;
}

.eventsCarousel #carousel, .celebrateCarousel #carousel, .weddingsCarousel #carousel{
	margin-top:2rem;
}
#carousel div {
  position: absolute;
  transition: transform 1s, left 1s, right 1s, opacity 1s, z-index 0s;
  opacity: 1;
}
#carousel div img {
  width: 400px;
  transition: width 1s;
}
#carousel div.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(12%) translateX(-50%);
}
#carousel div.hideLeft img, #carousel div.hideRight img, #carousel div.prevLeftSecond img,#carousel div.nextRightSecond img{
  width: 330px;
}
#carousel div.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(12%) translateX(-50%);
}

#carousel div.prev {
  z-index: 5;
  left: 30%;
  transform: translateY(0px) translateX(-75%);
}
#carousel div.prev img,  #carousel div.next img{
  width: 400px;
}
#carousel div.prevLeftSecond {
  left: 0%;
  z-index: 4;
  transform: translateY(12%) translateX(-50%);
  opacity: 0.7;
}

#carousel div.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
  z-index: 5;
  left: 70%;
  transform: translateY(0px) translateX(-25%);
}

#carousel div.nextRightSecond {
  z-index: 4;
  left: 100%;
  transform: translateY(12%) translateX(-50%);
  opacity: 0.7;
}


.buttons {
 text-align:center;
 color:#fff;
 font-size:.85rem
}

.buttons i{
	padding:0rem .25rem;
	transition: color 0.5s;
}

.dotNavSelected{
	color:#6e97a9;
}

.eventsCarousel .dotNavSelected{
	color:#a8976f;
}

.celebrateCarousel .dotNavSelected{
	color:#378f92;
}

.weddingsCarousel .dotNavSelected{
	color:#886fa8;
}



@media (max-width: 1875px) {
	#carousel {
		height: 400px;
	}
	
	#carousel img{
		border-width:20px !important;
		border-radius:15px;
	}
	
	#carousel div img {
	  width: 350px;
	}
	#carousel div.prev img,  #carousel div.next img{
	  width: 350px;
	}
	#carousel div.hideLeft img, #carousel div.hideRight img, #carousel div.prevLeftSecond img,#carousel div.nextRightSecond img{
	  width: 280px;
	}
	
	#carousel div.prev {
	  left: 30%;
	}
	#carousel div.next {
	  left: 70%;
	}
}




@media (max-width: 1375px) {
	#carousel {
		height: 340px;
	}
	#carousel img{
		border-width:15px !important;
		border-radius:15px;
	}
	
	#carousel div img {
	  width: 300px;
	}
	#carousel div.prev img,  #carousel div.next img{
	  width: 300px;
	}
	#carousel div.hideLeft img, #carousel div.hideRight img, #carousel div.prevLeftSecond img,#carousel div.nextRightSecond img{
	  width: 230px;
	}
	
	#carousel div.prev {
	  left: 25%;
	}
	#carousel div.next {
	  left: 75%;
	}
}


@media (max-width: 950px) {
	#carousel {
		height: 460px;
	}
	#carousel img{
		border-width:15px !important;
		border-radius:15px;
	}
	
	#carousel div img {
	  width: 350px;
	}
	#carousel div.prev img,  #carousel div.next img{
	  width: 350px;
	}
	#carousel div.hideLeft img, #carousel div.hideRight img, #carousel div.prevLeftSecond img,#carousel div.nextRightSecond img{
	  width: 280px;
	}
	
	#carousel div.prev {
	  left: 10%;
	}
	#carousel div.next {
	  left: 90%;
	}
}

@media (max-width: 685px) {
	#carousel {
		height: 385px;
	}
	#carousel img{
		border-width:5px !important;
		border-radius:15px;
	}
	
	#carousel div img {
	  width: 300px;
	}
	#carousel div.prev img,  #carousel div.next img{
	  width: 300px;
	}
	#carousel div.hideLeft img, #carousel div.hideRight img, #carousel div.prevLeftSecond img,#carousel div.nextRightSecond img{
	  width: 230px;
	}
	
	#carousel div.prev {
	  left: 10%;
	}
	#carousel div.next {
	  left: 90%;
	}
}

@media (max-width: 575px) {
	#carousel {
		height: 350px;
	}
	#carousel img{
		border-width:5px !important;
		border-radius:15px;
	}
	
	#carousel div img {
	  width: 250px;
	}
	#carousel div.prev img,  #carousel div.next img{
	  width: 250px;
	}
	#carousel div.hideLeft img, #carousel div.hideRight img, #carousel div.prevLeftSecond img,#carousel div.nextRightSecond img{
	  width: 180px;
	}
	
	#carousel div.prev {
	  left: -10%;
	}
	#carousel div.next {
	  left: 110%;
	}
	
	#carousel div.prevLeftSecond, #carousel div.nextRightSecond {
		display:none;
	}
}