/*
Theme Name:   MOHO 2.0 : CBCO
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  BlankSlate Child Theme
Author:       ts
Template:     blankslate

License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  NECtwopointzero
*/


/* Standard breaks
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }
*/



:root {
    --cbco-white: #fff;
    --cbco-black: #111;
    --cbco-grey: #f2f2f2;
    --max-page: 1460px;
    --max-blog: 800px;
    --gap-standard: 40px;
    --page-pad-mob: 20px; 
    --page-pad-desk: 40px;
    --pad-Y-mob: 40px;
    --pad-Y-desk: 90px;
    --border-rad: 3px;

}

/*reset*/
html,
body {
    margin: 0;
    padding: 0;
    min-width: 330px;

}
* {
    color: var(--cbco-black);
}
main {
    background-color: var(--rch-white);
}
p {
    margin-block-start: 5px;
    margin-block-end: 8px;
}
ul {
    padding-left: 0;
}

/*fonts*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap");
@font-face {
  font-family: "GTWalsheim";
  src: url("fonts/GTWalsheim.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GTWalsheim Bold";
  src: url("fonts/GTWalsheim-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


body {
    font-family: 'GTWalsheim', serif;
    font-size: 17px;
    line-height: 1.5rem;

}

@media (min-width: 1100px) {
    body {
        font-size: 19px;
        line-height: 1.6rem;
    }
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'GTWalsheim Bold', sans-serif;
    margin-block-start: 1rem !important;
    margin-block-end: 1rem !important;

}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'GTWalsheim Bold', sans-serif;
    margin-block-start: 1rem !important;
    margin-block-end: 1rem !important;

}

h1, .h1 {
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: -.05rem;
    margin: 0;
}
h2, .h2 {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: -.05rem;
    margin: 0;
    
}
h3, .h3 {
font-size: 1.5rem;
    line-height: 1.8rem;

}


@media (min-width: 768px) {
    h1, .h1 {
        /*
        font-size: 4.2rem;
        line-height: 4.7rem;
        */
        font-size: 54px;
        line-height: 62px;
    }
}


/*buttons*/
.bod-butt {
    padding: 15px 26px;
    background-color: var(--cbco-black);
    cursor: pointer;
    border: none;
    border-radius: 2px;
    transition: all .2s ease;
    margin-top: 20px;
}
.bod-butt a {
    color: var(--cbco-white);
    text-decoration: none;
    letter-spacing: +.05rem;
    font-size: 19px;
}
.bod-butt:hover {

    background-color: var(--cbco-white);

}
.bod-butt:hover a {
    color: var(--cbco-black);
}

/*images*/
img {
    width: 100%;
    height: auto;
   border-radius: var(--border-rad);
}






@media (max-width: 500px) {
    a.download-link::after,
    a.offsite-link::after {
font-size: 12px;
    }
}


/*simple flex*/
section {
    min-height: 200px;
    margin: 0 auto;
}
section .roww {
    display: flex;
    flex-direction: column;
    max-width: var(--max-page);
    padding: var(--pad-Y-mob) 0;
        margin: 0 auto;
}
section .roww .coll {
    flex: 1;
    padding: 0 20px;
}

@media (min-width: 768px) {
    section .roww {
        flex-direction: row;
    
         padding: var(--pad-Y-desk) var(--page-pad-desk);
    }
    section .roww .coll {
    flex: 1;

}
}
@media (min-width: 1200px) {
 section .roww .coll {
    flex: 1;
    padding: 0 var(--gap-standard);
}

   
}










/*sections**************************/
/*sect: all whats on*/
section.sect-all-events  {
    flex-wrap: wrap;
padding-top: 0;
    
}
section.sect-all-events .roww {
    flex-wrap: wrap;
gap: 20px;
padding-bottom: 10px;
box-sizing: border-box;
    
}
section.sect-all-events .roww .coll{
    padding-bottom: 20px;
   padding-left: 0;
   padding-right: 0;


}
section.sect-all-events .roww a {
    text-decoration: none;
    color: var(--cbco-black) !important;
}
section.sect-all-events .roww a:hover {
    text-decoration: underline;

}
section.sect-all-events .roww a.block-link {

display: block;
padding: 15px;
height: 100%;
border-radius: var(--border-rad);

transition: all .3s ease;
}
section.sect-all-events .roww a.block-link * {
transition: all .3s ease;
}

section.sect-all-events .roww a.block-link:hover {
    background-color: var(--cbco-black);
    color: var(--cbco-white);
}
section.sect-all-events .roww a.block-link:hover * {
  color: var(--cbco-white);
}
section.sect-all-events .roww .Restaurant a.block-link img {
    
}
section.sect-all-events .roww a.block-link:hover img {
    transform: scale(.99);
}
section.sect-all-events .roww a.block-link:hover .fott {
    transform: translate(1%, 1%);
}






section.sect-all-events .roww h2 {
font-size: 35px;
    font-weight: 100;
    line-height: 40px;
    max-width: 500px;
    margin-bottom: 8px;
    
}

section.sect-all-events .roww p {

    max-width: 600px;
    padding-top: 5px;
    margin-top: 5px;
    margin-bottom: 0;
}

section.sect-all-events .roww h2 a {
    text-decoration: none;
    color: #222;
    font-weight: 100;
}

section.sect-all-events .roww h2 a:hover {
    text-decoration: underline;

}
section.sect-all-events .roww .bod-butt {
margin-top: 30px;

}
  section.sect-all-events .roww .coll .details {
display: flex;
flex-direction: row;
padding-bottom: 15px;
text-transform: uppercase;
}
  section.sect-all-events .roww .coll .details p:nth-child(1) {

flex: 1;
}
  section.sect-all-events .roww .coll .details p:nth-child(2) {
justify-self: flex-end;

}


@media (min-width: 768px) {
    section.sect-all-events .roww .coll {
        width: calc(50% - 10px);
        flex: none;
        margin-bottom: 60px;
    }
      section.sect-all-events .fott h2{
        margin-top: 20px;
    }
}


section.sect-all-events .roww .Restaurant .details p {
    max-width: none;
}



/*sections**************************/
/*sect: banner*/
section.banner {
    background: rgb(0, 0, 0);
    width: 100%;
    min-height: 600px;
    z-index: -1;
    padding-top: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

section.banner .roww {
    max-width: none;
}


section.banner.drk::before {
    content: '';
    background: rgb(0, 0, 0);
    width: 100%;
height: 600px;
    position: absolute;
    top: 0;

    opacity: .5;
}


section.banner .cent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
   z-index: +1;
    text-align: center;
    position: relative;
}
section.banner .cent h1,
section.banner .cent p  {
 color: var(--cbco-white);
}


section.banner .cent .contt {
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

section.banner .cent img {
    max-width: 280px;
    padding-bottom: 20px;
}

section.banner .first-of-several {
    background-color: var(--cbco-white);
    margin-bottom: 10px;

}
section.banner .first-of-several a {
    color: var(--cbco-black);

}
section.banner .first-of-several:hover {
    filter: invert(1);

}


@media (min-width: 1100px) {
    section.banner {

        min-height: 800px;

    }
      section.banner h1 {

        font-size: 94px;

    }
 section.banner .cent  {
        height: 800px;
    }
section.banner .first-of-several {

    margin-bottom: 0;

}
   
    section.banner .cent img {
        max-width: 570px;
    }
    section.banner.drk::before {
 
height: 800px;
    
}
   
}

@media (min-width: 1100px) {
    section.banner {

        padding-left: 0;
        padding-right: 0;

    }


}








/*sect: featured-swiper*/
.featured-swiper {
 
    background-color: var(--cbco-black);
position: relative;
}




.featured-swiper * {
 
    color: var(--cbco-white) !important;

}
.featured-swiper .swipecontt {
    max-width: 1385px;
    margin: 0 auto;
    padding: 50px 20px;
}
.featured-swiper #swipe-buttons {
display: none;

}
.featured-swiper .headd {
    display: flex;
    justify-content: space-between;
}
.featured-swiper #swipe-buttons .swiper-button-prev,
.featured-swiper #swipe-buttons .swiper-button-next  {
    
    background: var(--cbco-white);

    width: 50px;
    height: 50px;
    border-radius: 100%;

position: static;
}
.featured-swiper #swipe-buttons div::after {
color: var(--cbco-black);
font-weight: 600;

}
.featured-swiper #swipe-buttons .swiper-button-prev {


}
.featured-swiper #swipe-buttons .swiper-button-next {

}
.featured-swiper #swipe-buttons .swiper-button-prev::after {
transform: translateX(-2px) scale(.5    );

}
.featured-swiper #swipe-buttons .swiper-button-next::after {
transform: translateX(2px) scale(.5);

}
.featured-swiper .swiper-pagination {
position: relative;
top: auto;
bottom: auto;
padding-top: 30px;
}
.featured-swiper .swiper-pagination-bullet {
height: 16px;
width: 16px;
border-radius: 20px;
transition: all .2s ease;
background: var(--cbco-white);
opacity: .1;
}
.featured-swiper .swiper-pagination-bullet-active {
background: var(--cbco-white);
width: 50px;
opacity: 1;
}
@media (min-width: 1200px) {
    .featured-swiper .swipecontt {
   
    padding: 100px 40px;


}
.page-id-956 .featured-swiper .swiper-slide {
    flex: 1;
}
.featured-swiper .swiper-slide:hover a  {
   text-decoration: none;
}
.featured-swiper .swiper-slide:hover img {
    opacity: .7;
    transition: all .3s ease;
}
.featured-swiper #swipe-buttons {

    width: 200px;
    display: flex;
    position: relative;
    align-self: flex-end;
    /* overflow: hidden; */


        align-content: center;
justify-content: flex-end;
        flex-wrap: wrap;
        gap: 10px;
}
}


/*Single: Event*/
section.event-single .roww {
    max-width: var(--max-blog);
    padding-top: 100px;
}
@media (max-width: 500px) {
    section.event-single .roww {
    padding-top: 30px;
    }
}

section.event-single .roww h1 {
    margin-bottom: 20px;
}

section.event-single .roww h2 {
    margin-bottom: 20px;
    font-weight: 100;
}

section.event-single .single-event-foot {
    padding-top: 40px;
    border-top: 1px #444 solid;
    text-align: center;
    margin-top: 30px;
}
section.event-single .buttons .bod-butt:nth-of-type(1) {
    background-color: var(--cbco-black);
 
}
section.event-single .buttons .bod-butt:nth-of-type(1) a {
    color: var(--cbco-white);
 
}
section.event-single .buttons .bod-butt:nth-of-type(1):hover {
    background-color: var(--cbco-black);
 
}
section.event-single .buttons .bod-butt:nth-of-type(1):hover a {
    color: var(--cbco-white);
 
}























/*utilities*/
.no-padd {
    padding: 0 !important;
}

.no-margg {
    margin: 0 !important;
}

.no-bordd {
    border: none !important;
}

.flxdir-col {
    flex-direction: column;
}

.flxdir-row {
    flex-direction: row;
}
.switch {
    order: 2;
}
.desk {
    display: none;
}
@media (min-width: 1200px) {
    .desk {
    display: block;
    }
    .mob {
        display: none;
    }
}








/*VIDEO*/

.banner iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    /* 16:9 aspect ratio */
    min-height: 100%;
    min-width: 130%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #222;
}

@media (max-width: 1400px) {

    .banner iframe {
        height: 100vh;
        width: 177.78vh;
        /* Maintain 16:9 aspect ratio */
    }
}

.control-button {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;

    position: absolute;
    right: 40px;
    bottom: 100px;
    transform: scale(.7);

}
@media (max-width: 996px) {
.control-button {
  
    bottom: 30px;
  

}
}
.control-button img {
    width: 20px;
    height: 20px;
}

.control-button:hover {
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 1400px) {
    .control-button {
        right: 20px;
    }
}







/*******************************************************************************************************/
/*******************************************************************************************************/
/*Navigation*/
/*******************************************************************************************************/
.menu-toggle {
    top: 7px;
}
header .container {
    width: 100%;

    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 0;
  
}
.components {
    display: flex;
        max-width: var(--max-page);
        margin: 0 auto;
        border-bottom: 1px solid var(--cbco-black);

}
.components #logotype .logo-wrap {
    height: 45px;
    position: relative;
   
}
.components #logotype .logo-wrap.desk {
padding-left: 38px;
   
}
.components #logotype .logo-wrap.mob a {
    padding-left: 7px;
   
}
.components #logotype .logo-wrap a {
    display: block;
    overflow: hidden;
}
.components #logotype .logo-wrap a img {
    height: 45px;
    width: auto;
    border-radius: 0 0 var(--border-rad) var(--border-rad);
}



@media (min-width: 1200px) {
   .components{
        border-bottom: 0px solid var(--cbco-black);
}
    .components #logotype .logo-wrap {
        width: 180px;
        position: relative;
        
    
}
   .components #logotype .logo-wrap a img {
        width: 180px;
       height: auto;
        
    
}
}





header {

    animation: menuin .3s ease-out forwards;
    position: sticky;
    top: 0;
    z-index: 1000;

}

@keyframes menuin {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.main-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    position: relative;
}

.logo {
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

/*scrolled styles*/
.gsap-scrolled-down header {

        box-shadow: 0px 3px 30px -1px rgb(139 132 113 / 10%);
    transform: translateY(0);
}

header .components {
    background-color: var(--cbco-white);
     
}


.gsap-scrolled-down .components #logotype::after {
    background-color: var(--cbco-white);

}



.gsap-scrolled-down .hamburger,
.gsap-scrolled-down .hamburger::before {
    background-color: var(--cbco-white);
}

.gsap-scrolled-down.men-open .hamburger,
.gsap-scrolled-down.men-open .hamburger::before {
    background-color: var(--cbco-white);
}


/* Navigation List */
.primary-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

header .menu-item {
    position: relative;
    
   

}

header .menu-item a,
header .menu-item span {
    text-decoration: none;
    font-size: 1rem;
    opacity: .5;
    transition: opacity .3s ease-out;
    color: var(--cbco-white);
    font-weight: 700;
        letter-spacing: .05rem;

}

header .menu-item.current-menu-item a {
    text-decoration: none;
    color: var(--cbco-white);
    opacity: 1;
    transition: opacity .3s ease-out;
}

body.home header .menu-item a {
    transition: opacity .3s ease-out;
    opacity: 1;

}

.nav-link {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 0.8rem;
    padding: 0 10px;
    display: block;
    height: 44px;
    line-height: 44px;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #fff;
}

/* sub-menu Toggle Button */
.sub-menu-toggle {
    background: none;
    border: none;
    color: var(--cbco-white);
    cursor: pointer;
    font-size: 0.7rem;
    padding: 0 5px;
    display: none;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.sub-menu-toggle i {
   
    color: var(--cbco-white);

}

/* sub-menu */
.sub-menu {
    position: absolute;
    top: 45px;
    left: 0;
background: transparent;
    min-width: 200px;
    border-radius: var(--border-rad);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    z-index: 100;
    padding: 10px 0;
    border: 0px solid rgba(255, 255, 255, 0.253);
}



.sub-menu li {
    list-style: none;
        color: #fff;
}

.sub-menu a {
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    display: block;
    font-size: 0.9rem;
    transition: background-color 0.3s ease;
    border: none !important;
    
}
.sub-menu li a::after {
    display: none !important;
    
}

.sub-menu a:hover {
  opacity: .1 !important;
}

/* Mobile Menu Toggle - Modified for 2 lines */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 1001;
    position: fixed;
top: 7px;
    right: 10px;
}

.hamburger {
    display: block;
    position: relative;
    width: 18px;
    height: 2px;
    background-color: var(--cbco-black);
    transition: all 0.3s ease;
    margin: 6px 0;
}

.hamburger::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: var(--cbco-black);
    top: -6px;
    left: 0;
    transition: all 0.3s ease;
}

.gsap-scrolled-down .hamburger {
    background-color: var(--cbco-black);
}
.gsap-scrolled-down .hamburger::before {
    background-color: var(--cbco-black);
}


/* Menu Toggle Active State - Modified for 2 to 1 line collapse */
.menu-toggle[aria-expanded="true"] .hamburger {
    transform: rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .hamburger::before {
    transform: rotate(-90deg);
    top: 0;
}

#menu-footer .sub-menu-toggle,
#menu-footer .sub-menu-toggle *,
#menu-footer .sub-menu  {
    display: none !important;
}

/* Desktop Styles (>1200px) */
@media (min-width: 1201px) {
    header {
        position: fixed;
        top: 0;
        width: 100%;
    }
    .main-nav {

    height: 65px;

}

    header .book-now {
        display: none;
    }

    header .container {
        padding-left: 0;
        padding-right: 60px;
     
    }

    header .components {
        height: auto;
     background-color: transparent;
        justify-content: flex-start;
        align-items: center;
    }

    .gsap-scrolled-down .container {
        background-color: var(--cbco-white);
    }

    .gsap-scrolled-down header .components {
    height: auto;
    align-items: center;
    padding-top: 0;

    }

    .gsap-scrolled-down .components #logotype::after {
        width: 110px;
        height: 110px;

    }

 
header #logotype {
transform: translateY(-10px);
}   

  

    .main-nav {
        width: 100%;
    }

    .primary-menu {
        justify-content: end;
        gap: 30px;
    }

    header .menu-item {
        display: flex;
        align-items: center;
        font-size: .9rem;
    }

    header .menu-item a,
    header .menu-item span {
     
        color: var(--cbco-white);
    
    }

    .gsap-scrolled-down header .menu-item {
        font-size: .9rem;
        color: var(--cbco-black);
    }

        .gsap-scrolled-down header .menu-item a,
        .gsap-scrolled-down header .menu-item span {
   
        color: var(--cbco-black);
    }

  

    .gsap-scrolled-down header .menu-item.current-menu-item a::after {
        display: block;
        content: '';
        position: absolute;
          top: 36px;
        height: 10px;
        background-color: var(--cbco-black);
        width: 100%;
        animation: currentin .6s ease-in forwards;
        transform-origin: bottom;
        
    }

  .gsap-scrolled-down header .menu-item.current_page_ancestor a {
    
        opacity: 1;
    }

    .gsap-scrolled-down header .menu-item.current_page_ancestor a::after {
            display: block;
        content: '';
        position: absolute;
          top: 36px;
        height: 10px;
        background-color: var(--cbco-black);
        width: 100%;
        animation: currentin .6s ease-in forwards;
        transform-origin: bottom;
        opacity: 1;
    }



.gsap-scrolled-down header .sub-menu .menu-item.current-menu-item a::after {
      display: none;
        
    }
    @keyframes currentin {
        from {
            transform: scaleY(0);
        }

        to {
            transform: scaleY(1);
        }
    }

    .sub-menu-toggle {
        display: inline-flex;
        color: var(--cbco-white);
    }
      .sub-menu-toggle i {
  
        color: var(--cbco-white);
    }

    .gsap-scrolled-down header .sub-menu-toggle {
        color: var(--cbco-black);
    }
      .gsap-scrolled-down header    .sub-menu-toggle i {
  
        color: var(--cbco-black);
    }

    .sub-menu {
       background-color: var(--cbco-white);
        border: 1px solid rgba(255, 255, 255, 0.253);
    }

      .sub-menu .menu-item a {
       color: var(--cbco-black) !important;
    }


   .gsap-scrolled-down header .sub-menu {
    

border-top-left-radius: 0;
border-top-right-radius: 0;
    }

   .gsap-scrolled-down header .sub-menu .menu-item {
    color: var(--cbco-black);
    }
    .menu-item:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);


    }


    .menu-item:hover .sub-menu-toggle {
        transform: rotate(180deg);
    }
}

/* Desktop Styles (>1400px) */
@media (min-width: 1400px) {
    header .container {
        padding-left: 50px;
        padding-right: 50px;
    }

}

/* Desktop Styles (>1500px) */
@media (min-width: 1500px) {
    header .container {
        padding-left: 0px;
        padding-right: 0px;
    }

}

/* Tablet and Mobile Styles */
@media (max-width: 1200px) {
    .menu-toggle {
        display: block;
       
    }

    .primary-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--cbco-black);
        flex-direction: column;
        justify-content: flex-start;
        padding: 60px 40px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
      
    }

    .primary-menu.active {
        transform: translateX(0);
    }

    header .menu-item {
        width: 100%;

        margin-bottom: 15px;
    }
    
    header .sub-menu .menu-item {


        margin-bottom: 1px;
    }

    header .sub-menu .menu-item a:hover {
background-color: transparent;
    }


    header .menu-item a,
      header .menu-item span{

        font-size: 1.3rem;
    }
     header .menu-item.book-now-style  {
       margin-top: 15px;
       
    }
   header .menu-item.book-now-style a {
        padding: 5px 10px;
    }
    .nav-link {
        padding: 12px 0;
        height: auto;
        line-height: normal;
        font-size: 1rem;
    }

    .sub-menu-toggle {
      display: inline-block;
        /* position: absolute; */
        right: 0;
        top: 12px;
        /* padding: 0px 12px; */
      
        height: 25px;
        width: 25px;
        border-radius: 50px;
        margin-left: 12px;
    
    }

    .sub-menu {
        position: static;
        background-color: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0;
    }

    .sub-menu.active {
        max-height: 500px;
    }

    .sub-menu a {

        padding: 10px 20px;
    }

    .sub-menu a:hover {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .sub-menu-toggle.active {
        transform: rotate(180deg);
    }
}


/*double buttons*/

button.first-of-several {

}

button.first-of-several:hover {


}

button.first-of-several a {
 
}

button.first-of-several:hover a {
 
}

button.first-of-several+button:hover {

  
}

button.first-of-several+button:hover a {
   

}

section.banner button.first-of-several {
   
}
section.banner button.first-of-several:hover  {
  
 }
section.banner button.first-of-several:hover a {

}
section.banner button.first-of-several+button:hover a {
    

}



/*block: Divider*/
.divider {
    padding-top: 0 !important;
    min-height: 20px;
}
.divider * {
    padding-top: 0;
     padding-bottom: 0;
}



/*block: title-center*/
.title-center .roww {
max-width: var(--max-blog);
}
@media (max-width: 1200px) {
    .title-center .roww h1 {
font-size: 2rem;
    line-height: 2.5rem;
}
}

@media (min-width: 1200px) {
 .title-center .roww .coll {
    padding: 0;
} 
}




/*block: title-center*/

.tc-card-block {
    padding: 50px 20px;
    max-width: var(--max-page) !important;
}
@media (min-width: 1400px) {
   .tc-card-block {
    padding: 80px var(--page-pad-desk);
} 
}


/*block: opening-hrs*/
.opening-hrs {
    background-color: var(--cbco-black);

}
.opening-hrs * {

    color: var(--cbco-white);
}
.opening-hrs .table {
    display: flex;
    gap:40px;
    flex-direction: column;
    max-width: 300px;

}
.opening-hrs .table .table-head {
    display: flex;
    gap:40px;
    flex-direction: row;

}
.opening-hrs .table .table-bodd {
    display: flex;
    gap:10px;
    flex-direction: column;

}
.opening-hrs .table .table-bodd .tr {
    display: flex;
    gap:40px;
    flex-direction: row;

}
.opening-hrs .table .left,
.opening-hrs .table .right {
   flex: 1;
   min-width: 80px;

}
.opening-hrs .bod-butt {
   filter: invert(1);

}
@media (min-width: 1400px) {
  
}





/*block: mobile-image-gallery*/
#gallery-section {
    width: auto !important;
    max-width: var(--max-page) !important;
    padding-top: var(--pad-Y-mob) !important;
     padding-bottom: var(--pad-Y-mob) !important;
}

@media (min-width: 1200px) {
    #gallery-section {
 padding-top: var(--pad-Y-desk) !important;
     padding-bottom: var(--pad-Y-desk) !important;
    }
}

/*block: cbco-faq*/
.cbco-faq {
    width: auto !important;
    max-width: var(--max-blog) !important;

           padding: var(--pad-Y-mob) var(--page-pad-mob) !important;
           
}
.cbco-faq__item {
    border-radius: var(--border-rad) !important;
}

@media (min-width: 1200px) {
.cbco-faq {

           padding: var(--pad-Y-desk) var(--page-pad-desk) !important;
}
}





/*block: basic-2col*/
.basic-2col .coll {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.basic-2col .coll p,
.basic-2col .coll h1,
.basic-2col .coll h2,
.basic-2col .coll h3,
.basic-2col .coll h4
 {
    max-width: 545px;
}
.basic-2col .coll .bod-butt {
   width: fit-content;
}
.basic-2col.bg-grey {
    background-color: var(--cbco-grey);
}
.basic-2col.bg-black {
    background-color: var(--cbco-black);
}
.basic-2col.bg-black * {
    color: var(--cbco-white);
}
.basic-2col.bg-black .bod-butt  {
    background-color: var(--cbco-white);
}

.basic-2col.bg-black .bod-butt * {
    color: var(--cbco-black);
}




/*block: rch-fom*/
.rch-form input {
    padding: 30px !important;
}
.rch-form input[type="checkbox"]
 {
     padding: initial !important;
}

.rch-form input[type="submit"] {
    padding: 20px 30px !important;
    font-weight: 700 !important;
    letter-spacing: .05rem !important;
    background: var(--cbco-black) !important;
}

.rch-form label,
.rch-form legend {
    font-weight: 700 !important;
}















/**/
.basic-1col-text a {
   
    color: var(--cbco-black) !important;
    text-decoration: none !important;
}
.basic-1col-text a:hover {
    color: var(--cbco-black) !important;
    opacity: .6;
    text-decoration: underline !important;
}





.basic-1col-text .roww {
max-width: var(--max-blog);
}




@media (max-width: 500px) {
    .banner .bod-butt.first-of-several {
        margin-bottom: 10px;
    }  
}



.page-id-78 .banner .cent img {
    padding-bottom: 30px;
}

section.basic-1col-text {
    min-height: 200px;
}




/***********************/

.home section.swipe-content .roww {
    padding-top: 10px;
}


.gallery .swiper-slide {
    background-color: transparent !important;
    padding: 0 !important;
}
.gallery .swiper-slide .img-wrapp {
    width: 100%;
    height: 100%;
    max-height: 200px;
    overflow: hidden;
}
.gallery .swiper-slide .img-wrapp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 1200px) {
    .gallery .swiper-slide .img-wrapp {
    
        max-height: 350px;
      
    }
    .gallery.twoorless .swiper-slide  {
    
      margin-right: 0;
      
    }
    .gallery.twoorless .swiper-slide:first-of-type  {
    
        margin-right: 50px !important;
        
      }
}


.page-id-103 h3  {
    margin-top: 0 !important;
}


body .basic-2col-text:first-of-type {
    padding-top: 150px;
}



/*footer*/
footer {
   background-color: var(--cbco-black);
   padding-top: 100px;
}
footer .roww {
    margin: 0 auto;
}
footer .roww .coll {
    color: var(--cbco-white);
}
footer .roww .coll * {
    color: var(--cbco-white);
}
footer .roww .coll ul li {
    list-style: none;
}
footer .roww .coll a {
    text-decoration: none;
}


header + section:first-of-type {
    padding-top: 100px;
}
header + section.banner {
    padding-top: 0;
}