@charset "utf-8";
/* CSS Document */
#content {
  padding: 38px 0 40px !important;
}
.col-container {
  display: flex !important;
  width: 100% !important;
}
.col {
  flex: 1 !important;
  margin: 20px;
  background: #ffffff;
  border: 0;
  box-shadow: 5px 5px 20px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 10%);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 550px) {
  .col-container {
    display: block !important;
  }
}
.img-responsive {
  width: 100% !important;
  height: auto;
}
.contentNotImage {
  padding: 20px;
  line-height: 1.35em;
  min-height: inherit;    
}

@media (max-width: 550px) {
.contentNotImage {  
  min-height: 128px;    
}
}



.contentNotImage p {
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
}
.page-content ol li, .page-content ul li {
  line-height: 1.2em !important;
  margin-bottom: 5px !important;
}
.page-content ul > li:before {
  top: 10px !important;
}
div > div.alternate-content.page-content > p {
  line-height: 1.4em !important;
}

/*.alternating-blocks .alternate-block-item .alternate-content {
    padding: 36px 1.25vw 0.5vw 2vw !important;
}*/

.alternating-blocks-v2 .alternate-block-item.from-right {
  margin: 0px !important;
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content {
  padding: 10px 19px;
  margin: 20px;
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper {
  background-color: rgb(255 255 255 / 87%) !important;
}

section.acm-block.alternating-blocks  > div > article:nth-child(odd) > div {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; 
}
section.acm-block.alternating-blocks  > div > article:nth-child(even) > div {
    display: flex;
    align-items: center;
    flex-direction: row; 
}

@media (max-width: 550px) {    
section.acm-block.alternating-blocks  > div > article:nth-child(odd) > div {
    display: inherit;
}
section.acm-block.alternating-blocks  > div > article:nth-child(even) > div {
    display: inherit;
}
}





.page-content hr {
  height: 2px;
  background: #b2b2ae66;
}
.categories-plus-slider .tile .content {
  opacity: .92 !important;
}
/*.h1, h1 {
	color: red !important;
}*/

.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}
.reduceFontSize {
    font-size: .85em;
}

@media (max-width: 1024px) {
.alignLeft {
	float: inherit;
}
.alignRight {
	float: inherit;
}
.reduceFontSize {
    font-size: 1em;
}    
}

/*.categories-plus-slider .tile .content {    
    width: 95% !important;
}*/


.image-chart-blocks .block-item .block-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}

.image-chart-blocks .block-item {  
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
}

.image-chart-blocks .block-item .thumbnail {
    position: unset !important;
    min-height: 400px !important;
}
.image-chart-blocks .block-item .block-content-wrapper .block-top-section h3 {     
    margin-bottom: 10px !important;
    /*font-weight: 400 !important;*/
    font-size: 32px !important;
    padding-bottom: 12px; 
    border-bottom: 1px solid #979797;
}
.image-chart-blocks .block-item .block-content-wrapper {    
    text-align: left !important;
}
.image-chart-blocks > div > article > div > div.block-content-wrapper.page-content > div.block-content > ul > li {
    margin-bottom: 4px !important;
    font-size: 1.05em;
    font-weight: 500;
}
.image-chart-blocks .block-item .block-wrapper {
    position: relative;
   margin: 0px !important;
    padding: 30px 0px;
}
/*.image-chart-blocks .block-item .block-wrapper:hover {
    background-color: #fbfbfb;  
}*/

.image-chart-blocks {   
    margin-bottom: 0px !important;
}
section.accordions-acm.acm-block {
    margin-bottom: 30px;
}

.reserveYourDayBtn {
    font-size: 22px;
    padding: 10px 30px;
    border: none;
    width: auto;
    background-color: #5b517b;
    color: #fff;
    text-decoration: none;
}
.reserveYourDayBtn:hover {
    background-color: #282239;
    text-decoration: none !important;
}

.fleXrow {
  display: flex;
}
/* Create two equal columns that sits next to each other */
.fleXcolumn {
  flex: 50%;
  padding: 5px 10px;
 /*  height: 300px; Should be removed. Only for demonstration */
}
.fleXcolumn3 {
  flex: 33.3%;
  padding: 5px 10px;
 /*  height: 300px; Should be removed. Only for demonstration */
}


@media (max-width: 769px) {
  .fleXrow {
  display: block;       
} 
.fleXrow :last-of-type {
   padding-bottom: 20px; 
}     
.fleXcolumn100 {
  display: block;
  padding: 5px;    
 /*  height: 300px; Should be removed. Only for demonstration */
}
.fleXcolumn100 p {
  margin-bottom: 4px !important;    
 /*  height: 300px; Should be removed. Only for demonstration */
}     
}


/* MODAL CSS/HTML */
/* The Modal (background) 
https://www.w3schools.com/howto/howto_css_modals.asp */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0%;
 padding-top: 7%;    
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(255,255,255,0.7); /* Fallback color */
  background-color: rgba(255,255,255,0.7); /* Black w/ opacity */
}

/* Modal Header */
.modal-header {
  padding: 14px 12px 1px 12px;
  /*background-color: #5cb85c;
  color: white;*/
}

/* Modal Body */
.modal-body {
    padding: 16px;
}
.modal-body p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 0px solid #888;
  width: 400px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Add Animation */
@keyframes animatetop {
  from {center: -300px; opacity: 0}
  to {center: 0; opacity: 1}
}

/* fix slider with catagories 
.categories-plus-slider { 
    margin-bottom: 36px !important;
} */

@media (max-width: 767px) {
.categories-plus-slider .category-buttons {    
    z-index: 5 !important;
}
/*.categories-plus-slider .category-buttons {
    position: initial !important;
}*/   
.categories-plus-slider .category-buttons button.active {
    background-color: #585858 !important;
    color: white !important;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600 !important;
}  
.categories-plus-slider .category-buttons button.active:after {
   border-top-color: white !important;
}    
/*.categories-plus-slider .category-buttons button {
    display: block !important;
    border: 1px solid #45396a !important;
}*/
/*.categories-plus-slider .categories {
    padding-top: 10px !important;
} */
.categories-plus-slider { 
    margin-bottom: 12% !important;
}     
}


.bannerLarge {
    display: inherit !important;
    width: 100%;
    height: auto;
}
.bannerMobile { 
    display: none !important;
    width: 100%;
    height: auto;
}

@media (max-width: 550px) {
.bannerLarge {
    display: none !important;
}
.bannerMobile { 
    display: inherit !important;
}
}

.hideBanner01 {
    display: none;
}
.hideBanner02 {
    display: none;
}
.hideBanner03 {
    display: inherit;
}