.officer-carousel-hidden {
    display:none;
}

.bg-70 h2 {
    background: #fff;
    width:90%;
    color: #201c35;
    padding: 20px;
    border-radius: 40px;
    display:block;
    margin:40px auto;
}

.carouselswitch {
    float:right;
    margin-right:15px;
    display:flex;
    margin-bottom: 5px;
}

.carouselswitch p {
    margin-bottom: 0px;
    margin-right: 8px;
    margin-top: 1px;
    font-size:15px;

}

.switchy {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
    float: none;
}

.switchy input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slidertoggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0; 
    bottom: 0;
    background-color: #357b73;
    transition: 0.4s;
    border-radius: 34px;
    width: 100%;
    height: 100%;
}

.slidertoggle:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 22px;
    border-radius: 50%;
    right: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}

input:checked + .slidertoggle {
    background-color: #cfcfcf;
}

input:checked + .slidertoggle:before {
    transform: translateX(-21px); 
}

.featured-events-box {
    background:#fff;
    border-bottom: 10px solid #41b5e6
}
.featured-events-box-text {
    padding:10px;
}
.featured-events-box-text h3 {
    color:#201c35 !important;
    font-size:30px;
}
.social-row .featured-events-box-text h3 {
    color:#201c35 !important;
    font-size:25px;
}

@media (min-width:1024px) {
    .social-row .featured-events-box-text {
        min-height:140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .equal-height-col {
        display: flex;
        width: 100%;
    }
    
    .equal-height-col .col-xs-12 {
        padding:10px 40px 40px 40px;
    }
    
    .equal-height-col .col-lg-8 .equal-height-right h2 {
        background:#fff;
        color:#201c35;
        padding:20px;
        margin-left:-150px;
        z-index:10;
        width:80%;
        border-radius:40px;
    }
    
    .equal-height-col .col-lg-8 .equal-height-right-p {
        padding-left:50px;
        padding-top:50px;
        padding-right:150px;
    }
    
    .equal-height-col .col-lg-4 .equal-height-left {
       margin-top:190px;
       margin-right:-100px;
       z-index:5;
    }
    
    .equal-height-col .col-lg-8 .equal-height-left h2 {
        background: #fff;
        color: #201c35;
        padding: 20px;
        margin-right: -208px;
        z-index: 10;
        width: 80%;
        float: right;
        position: relative;
        border-radius:40px;
        
    }
    
    .equal-height-col .col-lg-8 .equal-height-left-p {
        padding-right:50px;
        padding-top:50px;
        padding-left:150px;
        text-align:right;
        float:right;
    }
    
    .equal-height-col .col-lg-4 .equal-height-right {
       margin-top:160px;
       margin-left:-100px;
       z-index:5;
    }
    .equal-height-col .lightblue-bg {
        background-image: url(../png/guild-mermaid-500x600.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: lighten;
        background-position: -72px 20px;
    }
    .equal-height-col .purple-bg {
        background-image: url(../png/guild-mermaid-500x600-w.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: overlay;
        background-position: -72px 20px;
    }
    
    .equal-height-col .green-bg {
        background-image: url(../png/guild-mermaid-500x600.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: luminosity;
        background-position: -72px 20px;
    }
    
    .equal-height-left img {
       z-index:10;
       position:relative;
    }
    
    .featured-events-row {
        margin-left:-400px;
    }
    
    .social-row {
        margin-right: -280px;
        position: relative;
        z-index: 40;
        padding-left:100px;
    }
    
    .equal-height-col .featured-events-row .col-xs-12 {
        padding: 10px;
    }
    
    .equal-height-col .social-row .col-xs-12 {
        padding: 10px;
    }
}

@media (max-width:1200px) and (min-width:1020px) {
    .equal-height-col .col-lg-8 .equal-height-right-p {
        padding-right:20px;
    }
    .equal-height-col .col-lg-8 .equal-height-left-p {
        padding-right:20px;
    }
}

@media (max-width:1024px) {
    .equal-height-right,
    .equal-height-left {
        padding-left: 30px;
        padding-right: 30px;
    }
    .equal-height-col .col-lg-8 .equal-height-right h2 {
        background:#fff;
        color:#201c35;
        padding:20px;
        width:90%;
        margin-top:-50px;
        border-radius:40px;
    }
    .equal-height-col .col-lg-4 .equal-height-left {
        height:50px;
    }
    .equal-height-col .col-lg-8 .equal-height-left h2 {
        background:#fff;
        color:#201c35;
        padding:20px;
        width:90%;
        margin-top:-50px;
    }
    .equal-height-col .col-lg-4 .equal-height-right {
        height:50px;
    }
}

.featured-events-box-fa {
    min-height:140px;
    border-radius:40px;
    background-color:#4ca89d;
    display: flex;
    justify-content: center;
    align-items: center;
}

.featured-events-box-fa .fa-solid {
    font-size:80px;
    color:#fff;
    text-align:center;
}

@media (max-width:1020px) {
    .venue-comparison-table th:first-child, 
    .venue-comparison-table td:first-child {
        position:sticky;
        left:-1px;
        background:#fff;
    }
}
.venue-comparison-table thead th {
    text-align:center !important;
    font-weight: normal;
}
.venue-comparison-table th,
.venue-comparison-table td {
    vertical-align:middle !important;
    text-align:center !important;
}
.venue-comparison-table td,
.venue-comparison-table th {
    font-weight: normal;
}
.venue-comparison-table .text-left {
    text-align:left !important;
}
.venue-comparison-table .no-border-left {
    border: none !important;
}

.venue-comparison-table .full-width-td {
    background:#201c35 !important;
    color:#fff;
    padding:10px;
    text-transform:uppercase;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight:bold;
    font-size:18px;
}

.venue-comparison-nav {
    border-radius:0;
    border:0;
}

.venue-comparison-nav:after {
    content: '';
    position: absolute;
    left: 46.5%;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #201c35;
    clear: both;
}

.venue-comparison-nav .nav-tabs>li.active>a, 
.venue-comparison-nav .nav-tabs>li.active>a:hover, 
.venue-comparison-nav .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #e46a53;
    border-bottom:0;
    text-decoration:none;
    border-radius: 0;
    border-bottom:0;
    border:0;
    margin-top:1px;
}

.venue-comparison-nav .nav-tabs>li>a {
    text-decoration:none;
    border-radius: 0;
    padding: 20px 5px;
    border-bottom:0;
}

.venue-comparison-nav .nav>li>a:hover {
    text-decoration: none;
    background-color: #7d2a19;
    border:0;
    border-bottom:0;
}

.top-box-links a:hover,
.top-box-links a:focus {
    text-decoration:none;
}

.top-box-links .well {
    border-radius:40px;
    transition-duration: 0.5s;
}

.top-box-links .well:before {
    position: absolute;
    height: 30px;
    width: 60px;
    left: 2px;
    top: -10px;
    content: "";
    background-color: #40b5e5;
    border-radius:40px;
}

.top-box-links a:hover .purple-well {
    background-color: #292347;
    transition-duration: 0.5s;
}

.top-box-links a:hover .blue-well {
    background-color: #0e0b16;
    transition-duration: 0.5s;
}

.top-box-links a:hover .green-well {
    background-color: #1f4944;
    transition-duration: 0.5s;
}

#availablespaces .sort select {
    width:100%;
    padding:10px;
    border-radius:5px;
}

.white-well {
    border-radius:0px;
}

.heading-well {
    margin-top:30px;
    border-radius:40px;
    width: 97%;
    margin-left: 3%;
}

.heading-well:before {
    position: absolute;
    height: 40px;
    width: 200px;
    left: 15px;
    top: 10px;
    content: "";
    background-color: #41b5e6;
    border-radius:40px;
}

@media (max-width:992px) {
    .heading-well:before {
        position: absolute;
        height: 50px;
        width: 50px;
        left: 15px;
        top: 0px;
        content: "";
        background-color: #41b5e6;
    }
}

.contact-us-well {
   position: fixed;
   bottom: 0;
   right:0;
   width: 130px;
   height: 75px;
   text-align:center;
   margin-right:20px;
   border-radius:30px;
   transition-duration: 0.5s;
   z-index:60;
   border: 2px solid #fff !important;
}

.contact-us-well:hover {
   background-color: #295f59;
   transition-duration: 0.5s;
}

@media (max-width:992px) {
    .contact-us-well {
       position: fixed;
       bottom: 0;
       right:0;
       width: 100px;
       height: 60px;
       text-align:center;
       margin-right:10px;
    }
    .contact-us-well p {
       font-size:12px;
    }
}

.venue-blocks h2 {
    font-size:25px;
}

.well-room-features {
    width: 85%;
    display: block;
    margin: 0 auto;
    margin-top:-50px;
    box-shadow: 0px 10px 12px 1px rgb(137 137 137 / 49%) !important;
    border-right: 10px solid #41b5e6 !important;
    border-radius:40px;
    z-index:50;
    position: relative;
}

@media (max-width:992px) {
    .well-room-features {
        width: 95%;
        text-align:center;
    }
}

.well-room-features .fa-solid {
    font-size:40px;
    color:#41b5e6;
    margin-bottom:10px;
}

.venue-search-function img {
    border-radius:40px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel .btn-white {
    color: #585858;
}
.carousel .btn-white.btn-purple {
    color: #fff;
}
.carousel .btn-white:hover {
    background-color: #3F366F;
    border-color: #3F366F;
}

.carousel .carousel-right-btn {
    margin-left: -3px;
}

.carousel .btn {
    border-radius:0px;
}

@media (max-width:992px) {
    .carousel .btn {
        font-size:14px !important;
    }
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.test-boxes h3 {
    background: #fff;
    color: #201c35 !important;
    padding: 20px;
    border-radius:40px;
}

.test-boxes .fa-quote-left {
    float:left;
}

.test-boxes .fa-quote-left,
.test-boxes .fa-quote-right {
    font-size:65px;
}

.test-boxes .fa-quote-right {
    margin-top:-10px;
}

@media (max-width: 1020px) {
    .test-boxes .pull-right {
        float: right !important;
    }
}

.test-boxes {
    border-left:12px solid #41b5e6 !important;
}

.test-user {
    display: flex;
    align-items: center;
}

.test-user .fa-user {
    font-size: 25px;
    color: #fff;
    background-color: #e46a53;
    padding: 10px;
    border-radius: 50%;
    margin-left: -15px;
    padding-left: 11px;
}