/*
 Theme Name:   River District Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

.brx-content, .brxe-container, .brxe-block {
  max-width: 100%;
  box-sizing: border-box;
}

.brxe-button{
	cursor:pointer;
}

/* slider fixes */
.river-slider .splide__arrow{
	padding: 5px !important;
}

.third-slider .splide__arrow{
	padding: 5px !important;
}

.third-slider-right .splide__slide{
	margin-right:15px !important;
}

.third-slider-left .splide__slide{
	margin-left:15px !important;
}

.third-slider-left .splide__list{
	position:relative;
	left:-45px;
}


.third-slider .splide__slide:after{
	content:"";
	position:absolute;
	height:100%;
	width:100%;
	background:rgba(0,0,0,.4);
	z-index:2;
}

.third-slider-noshadow .splide__slide:after{
	background:rgba(0,0,0,0);
}

.third-slider-noshadow .river-inner-slide-block:after{
	content:"";
	position:absolute;
	height:100%;
	width:100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));
	z-index:2;
	top:0;
	left:0;
}

.third-slider-noshadow .river-inner-slide-block {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.third-slider-noshadow .bricks-button{
	margin-top:auto;
}



.river-slider,
.river-slider .splide__track,
.river-slider .splide__list,
.river-slider .splide__slide {
  height: 100%;
}

.river-slider .splide__slide > div {
  height: 100%;
}

.river-slider .splide__slide {height: auto !important;}

.gradient-four {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at top left, #ffe800 0%, transparent 70%),
    radial-gradient(circle at top right, #6bc62a 0%, transparent 70%),
    radial-gradient(circle at bottom left, #009ade 0%, transparent 70%),
    radial-gradient(circle at bottom right, #00a5b5 0%, transparent 70%);
  background-blend-mode: screen;
  background-size: cover;
}

.annual-active {
  outline: 2px solid black; /* highlight active button */
  background:#99CE43;
  background-color:#99CE43 !important;
}

.annual-event-btn, .plan-visit-btn{
	cursor:pointer;
}

.plan-36 p, .plan-family p, .plan-outdoor p{
	margin-bottom:10px;
}
.plan-36 h3, .plan-family h3, .plan-outdoor h3{
	margin-top:40px;
	margin-bottom:0px;
}
.plan-36 h3:first-of-type, .plan-family h3:first-of-type, .plan-outdoor h3:first-of-type{
	margin-top:0px;
	margin-bottom:0px;
}

.green-light {
  position: relative;
  display: inline-block;
}

.green-light:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; 
  height: 5px;
  width: 100%;
  background-color: #99CE43;
}

.plan-section {
  display: none;      /* hidden initially */
  opacity: 0;         /* start transparent */
  transition: opacity 0.4s ease;
}

.plan-section.show {
  display: flex;      /* flex layout active */
}

.plan-section.show.fade-in {
  opacity: 1;         /* fade in */
}

/* menu fixes for desktop*/
@media (min-width: 992px) {
	
	
	
	.nav-dropdown:hover {
	    color: #99ce43;
	}
	
	.nav-dropdown:hover .menu-item{
		    color: black;
	}
	
	.nav-dropdown .brx-dropdown-content {
	  min-width: 330px;      
	  max-width: 330px;     
	  display: flex;
	  flex-direction: column;
	}

	.nav-dropdown .brx-dropdown-content > li > a {
	  display: block;        
	  white-space: normal;  
	  box-sizing: border-box;
	}

	.nav-dropdown .brx-dropdown-content {
	  margin-top: 6px; 
	}
}

@media (max-width: 991px) {
	
	.third-slider-right .splide__slide{
	margin-right:0px !important;
	}

	.third-slider-left .splide__slide{
	margin-left:0px !important;
	}
	
	.third-slider-left .splide__list{
		position:relative;
		left:0px;
	}

	.brx-mobile-menu {
	position: relative;
	}

	.nav-close-btn {
	position: absolute;
	top: 4rem;       
	right: 3.5rem;     
	z-index: 1001; 
	}
}