:root {
  --primary-color:#F78126; /*primary orange*/
  --primary-color-hover:#f88f3f;
  --primary-color-op40:rgba(247,129,39,0.4); 
  --primary-color-op80:rgba(247,129,39,0.8); 
  --primary-color-op90:rgba(247,129,39,0.9); 
  --primary-color-dark: #F78126; 
  --primary-color-light:#F78126; 
  
   
  --secondary-color:#343E5E; /*dark blue*/
  --secondary-color-hover:#3d4a6e;
  --secondary-color-op80:rgba(52,62,94,0.80);
  --secondary-color-op60:rgba(52,62,94,0.6);
  --secondary-color-light:#82A8CA; /*light blue*/
  
    --dark-font:#0D131C;
 
  --soft-grey:#B1B2B6;
  /*box shadows*/
 --bs-v1:#757575  0px 0px 3px;
     --bs-v2:1px 1px 8px #000 inset;
     --bs-v3:1px 1px 2px #717171 inset;
     
     /*fonts*/
     --title-font-color:#343E5E; /*blue*/
      --title-font-family: 'Libre Baskerville', serif;
     
      --desktop-p-large:1.5em;
      --mobile-p-large:1.2em;

}
body {
  overflow-x: hidden;
    /* font-family:var(--body-font-family); */
   /* font-family: 'Helvetica', Libre Franklin, sans-serif; */
    font-family:  'Roboto', sans-serif;
    font-size:18px;
}
/* .page-content{
    overflow-x:hidden;
} */
body,h1, h2, h3, h4,h5,h6, p {
    line-height:1.5;
}
h1:empty, h2:empty, h3:empty, h4:empty,h5:empty,h6:empty, p:empty{
    display:none;
} 
/*-------------------------------------------------------------header----------------------------------*/

/*----------------------------------------------------------transparent navigation---------------------------------*/
    header.master-layout-1:not(.no-banner):not(.scrolled-head){
        background:transparent;
    }
header:not(.no-banner):not(.scrolled-head) ul.child-nav li a{
/*     color: white; /* YOU COLOR HERE FOR THE DROP DOWN MENU LINKS */ 
}
header.master-layout-1 .MyProfile_Member .fullView {
    /* background: var(--primary-color-dark-op80); */
    background:white;
    top: 100px;
}
@media(hover:none) or (max-width:1024px){
 header.master-layout-1 .MyProfile_Member .fullView {
    top: 60px;
}
}

header.master-layout-1 .MyProfile_Member .fullView a{
     color:#2a2a2a;
}
header.master-layout-1 .MyProfile_Member .fullView a:hover, 
header.master-layout-1 .MyProfile_Member .fullView a:focus {
    /* text-decoration: underline; */
    /* color: white; */
    color:#2a2a2a;
    background: var(--primary-color);
}
/* header:not(.no-banner):not(.scrolled-head) #main-menu ul.child-nav:not(.showMobile){
    background:var(--primary-color-dark-op80);
}  */
/* header:not(.no-banner):not(.scrolled-head) #main-menu ul:not(.showMobile) a {
   
    background-color: white;
} */
header #main-menu ul:not(.showMobile) a:hover {
    /* background-color:var(--primary-color-op80); */
     background-color: var(--primary-color);
     color:white;
}
 header:not(.scrolled-head):not(.no-banner) {
  /* To make the header transparent */ 
   /* background: linear-gradient(to bottom, rgba(0,0,0,1) 0% ,  rgba(0,0,0,.2) 50%);*/
      background:transparent;
     
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */
  }

   header.scrolled-head, header.no-banner {
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */
  }


  
 header:not(.scrolled-head):not(.no-banner):after{
content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 180px;
        background-image: linear-gradient(to bottom, #4f4d4d, rgba(0, 0, 0, 0));
        opacity: 0.8;
    z-index: -1
}


  body:not(.module-page) .header-space {
      display: none ; /* Conditionally Removes the header space */
  }
header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav:not(.showMobile) ul#main-menu:not(.child-nav)>li>a,
  header:not(.no-banner):not(.scrolled-head) span,
    header.master-layout-1:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
      color: #fff ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/    


  }

header.master-layout-1:not(.no-banner):not(.scrolled-head) .header-social a{
    color:white;
}     

@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
    .master-layout-1 .logo{
        height: 200px;
    }
    .master-layout-1 #divMainMenu nav #main-menu>li a{
  /* padding-left: 25px;
  padding-right: 25px; */
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}
   header.master-layout-1 .container-fluid{
        height:110px;
        position:relative;
        
    }
    header.master-layout-1 .container-fluid:before{
        content:'';
        width:calc(100% - 260px);
        height:1px;
        background:white;
        display:block;
        position:absolute;
        bottom:0;
        right:30px;
    }
    header.master-layout-1 div#divMainMenu{
        height: 110px;
        
    }
  .master-layout-1 #divMainMenu nav #main-menu {
    
        margin: 0 auto 0 10px;
  }
    header.master-layout-1 #main-menu>li>a{
        line-height:100px;
    }
    header.master-layout-1 #main-menu>li>a:hover,
    header.master-layout-1 #main-menu>li>a.highlighted, 
    header.master-layout-1 #main-menu>li>a.active-link{
        box-shadow: none;
    }
     header.master-layout-1:not(.scrolled-head, .no-banner) #main-menu>li>a:hover:after,
    header.master-layout-1:not(.scrolled-head,.no-banner) #main-menu>li>a.highlighted:after, 
    header.master-layout-1:not(.scrolled-head, .no-banner) #main-menu>li>a.active-link:after{
       content:'';
        width:100%;
        height:2px;
        background:white;
        bottom:30px;
        left:0;
        position: absolute;
        display: block;
    }
     header.master-layout-1:is(.scrolled-head, .no-banner) #main-menu>li>a:hover:after,
    header.master-layout-1:is(.scrolled-head, .no-banner) #main-menu>li>a.highlighted:after, 
    header.master-layout-1:is(.scrolled-head, .no-banner) #main-menu>li>a.active-link:after{
       content:'';
        width:100%;
        height:2px;
        background:var(--primary-color);
        bottom:20px;
        left:0;
        position: absolute;
        display: block;
    }
        .master-layout-1 #divMainMenu nav #main-menu>li>a:hover,
    .master-layout-1 #divMainMenu nav #main-menu>li>a.highlighted,
    .master-layout-1 #divMainMenu nav #main-menu>li>a.active-link{
            box-shadow: none;
    }
    .master-layout-1 #divMainMenu nav #main-menu ul a:hover,
    .master-layout-1 #divMainMenu nav #main-menu ul a:focus {
        background-color: var(--primary-color);
        color: #2a2a2a;
    }
        .master-layout-1 #divMainMenu nav #main-menu>li>a:focus, 
        .master-layout-1 #divMainMenu nav #main-menu ul a:focus, 
        .master-layout-1 #divMainMenu nav #main-menu ul ul a:focus,
         .master-layout-1 #divMainMenu nav #main-menu ul ul ul a:focus{
             background-color: var(--primary-color);
        color: #2a2a2a;
         }
    header.master-layout-1.scrolled-head #main-menu>li>a,
    header.master-layout-1.scrolled-head-temp #main-menu>li>a,
    header.master-layout-1.scrolled-head .header-social a .fa,
    header.master-layout-1.scrolled-head-temp .header-social a .fa{
        line-height:80px;
    }
    header.master-layout-1.scrolled-head .MyProfile_Member,
    header.master-layout-1.scrolled-head-temp .MyProfile_Member,
    header.master-layout-1.scrolled-head .header-top{
        height:80px;
        
    }
    header.master-layout-1 .MyProfile_Member :is(.MyProfile_SignedIn, .MyProfile_SignedOut){
        border-radius: 30px;
        height:60px;
        margin-top:30px;
    }
    header.master-layout-1:not(.scrolled-head, .no-banner) .MyProfile_Member :is(.MyProfile_SignedIn, .MyProfile_SignedOut){
        border:1px solid white;
    }
    header.master-layout-1:is(.scrolled-head, .no-banner) .MyProfile_Member :is(.MyProfile_SignedIn, .MyProfile_SignedOut){
        border:1px solid var(--primary-color);
       
    }
      header.master-layout-1:is(.scrolled-head) .MyProfile_Member :is(.MyProfile_SignedIn, .MyProfile_SignedOut){
        height:50px;
        margin-top:10px;
       
    }
    .master-layout-1:is(.scrolled-head) .MyProfile_Member .MyProfile_SignedIn .SignedIn_container,
    .master-layout-1:is(.scrolled-head) .MyProfile_Member .MyProfile_SignedOut .SignedIn_container{
        height:100%;
        padding:0;
    }
    header.master-layout-1 .MyProfile_Member:focus :is(.MyProfile_SignedIn, .MyProfile_SignedOut){
        background:var(--primary-color);
    }
      header.master-layout-1 .MyProfile_Member:focus{
/*         background:var(--primary-color); */
        background:transparent;
    }
    header.master-layout-1 .MyProfile_Member:focus .MyProfile_Name{
        color:#2a2a2a;
        
    }
    
    header.master-layout-1 .MyProfile_Member :is(.MyProfile_SignedIn){
        padding:10px 15px;
      
    }
     header.master-layout-1 .MyProfile_Member :is(.MyProfile_SignedOut){
        padding:10px 15px;
        
    }
    header.master-layout-1 .MyProfile_Member .MyProfile_Name{
        text-transform: uppercase;
    }
      .master-layout-1~.header-space {
        max-height: 120px;
    }
header.master-layout-1 .header-left{
    width:120px;
}
  header.master-layout-1:not(.no-banner) .header-top{
        background: transparent;
      width:200px;
      margin-bottom:18px;
          display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}
  header.master-layout-1:is(.no-banner) .header-top{
        background: white;
      width:200px;
      margin-bottom:18px;
          display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}   
header.master-layout-1 .header-right{
    display: flex;
    flex-direction: row-reverse;
}
 header.master-layout-1:not(.scrolled-head):not(.no-banner) .header-bottom{
        background: transparent;
/*      width:calc(100% - 200px) */

    }
/*     header.master-layout-1:not(.scrolled-head):not(.no-banner) .logo img{
        display: none;
    
    }
    header.master-layout-1:not(.scrolled-head):not(.no-banner) .logo{
       background-image:url('/getmedia/cd20b2f1-9fce-4e10-a391-b45b60ee528e/CCS_white_Logo.aspx');
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
          width:120px;
        height:100%;
    
    } */
 header.master-layout-1 #main-menu>li>a:focus, 
 header.master-layout-1 #main-menu ul a:focus, 
 header.master-layout-1 #main-menu ul ul a:focus, 
 header.master-layout-1 #main-menu ul ul ul a:focus  {
  background-color:var(--primary-color);
  color:white;
 }
 header.master-layout-1:is(.no-banner):not(.scrolled-head) .container-fluid,
header.master-layout-1:is(.no-banner):not(.scrolled-head) .logo,
header.master-layout-1:is(.no-banner):not(.scrolled-head) #main-menu,
header.master-layout-1:is(.no-banner):not(.scrolled-head) div#divMainMenu{
    height:100px;
}

header.master-layout-1:is(.no-banner):not(.scrolled-head) .logo{
    padding:10px 0;
    }

    /*-----fix long member name cut off----*/
     header.master-layout-1 .MyProfile_Member .MyProfile_Name {
      line-height: 16px; 
}
.master-layout-1 .MyProfile_Member .MyProfile_SignedIn .SignedIn_container {
    padding:0;
}
}
@media (pointer: fine) and (min-width: 1440px) {
    .master-layout-1 #divMainMenu {
        width: calc(100% - 400px);
    }
}
/* @media(hover:none) or (max-width:1024px){
   header.master-layout-1:not(.scrolled-head):not(.no-banner) .logo img{
        display: none;
    
    }
    header.master-layout-1:not(.scrolled-head):not(.no-banner) .logo{
       background-image:url('/getmedia/cd20b2f1-9fce-4e10-a391-b45b60ee528e/CCS_white_Logo.aspx');
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;
          width:100%;
        height:calc(100% - 5px);
        margin-top:3px;
    
    } 
} */
.master-layout-1:not(.scrolled-head):not(.no-banner) .logo .static-img img{
    opacity: 0;
}
.master-layout-1:not(.scrolled-head):not(.no-banner) .logo .static-img{
    background-image:url('/getmedia/25177e6f-3b28-4ea1-82ca-8f5ad4260e3e/BalboaYachtClub-White_1.aspx');
    background-size: contain;
    background-repeat: no-repeat;
     background-position: center;
}

/*-----------------------------------------------------mobile nav ----------------------------------------*/


/*-------------mobile---------------------------*/
header.master-layout-1:is(.no-banner, .module-page, .scrolled-head) .MyProfile_Member .MyProfile_Svg svg {
  fill:var(--primary-color);
  }
  header.master-layout-1:has(.showMobile) .MyProfile_Member .MyProfile_Svg svg{
    fill:var(--primary-color);
}
header.master-layout-1 .MyProfile_Member .MyProfile_Svg svg {
  fill:white;
  }
  .master-layout-1:is(.no-banner, .module-page, .scrolled-head)  #menu-button i.fa-bars {
  color:var(--primary-color);
  }

  .icon-m.close-nav {
      /* margin:28px 14px; */
       float:left;
    left: 0;
    right: auto;
    margin: 18px 14px;
  }
  
  .master-layout-1 .showMobile .fa-times {
    color:var(--primary-color);
    height:30px;
/*     color:white; */
  } 
  .master-layout-1 .showMobile i.fa-plus:before {
  content:'\f105';
  }
  .master-layout-1 .showMobile i.fa-minus:before {
  content:'\f107';
  }
  .master-layout-1 .showMobile i.fa-plus:before, 
  .master-layout-1 .showMobile i.fa-minus:before {
  font-size:1.7em;
  font-weight:400;
  color:var(--primary-color);
  
  }
  /* .master-layout-1 .showMobile i.fa-minus:before {
  
  color:white;
  
  } */
  
  .master-layout-1 .showMobile i.fa-plus,
  .master-layout-1 .showMobile i.fa-minus { 
    border-radius: 5px; 
    /* background:var(--primary-color);  */
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  
  .master-layout-1 .showMobile i.fa-plus {
  /* padding: 18px 24px; */
/*       padding: 18px 24px 18px 0; */
      padding:18px 15px 18px;
  
  }
  .master-layout-1 .showMobile i.fa-minus { 
    /* padding: 18px 22px;  */
     padding:18px 15px 18px;
    /* background:var(--accent-color); 
    box-shadow:var(--bs-v2); 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px; */
  }
  .master-layout-1 nav.showMobile #main-menu {
    background:transparent;
  }
  .master-layout-1 nav.showMobile:before {
   content:'';
    background-image:url('/getmedia/2114737b-b113-4257-853d-aebbcb8208f6/BYC_Burgee_Circle.aspx');
      background-size:contain;
      background-repeat: no-repeat;
      background-position: center bottom;
      /* max-width:320px; */
       height: 140px;
    position: relative;
    margin: 20px auto 10px;
    display: block;
  }
  header.wgt-header nav.showMobile{
  /* background:var(--primary-color-light); */
  background:white;
  
  }
  /* .master-layout-1 nav.showMobile #main-menu ul{
    background:var(--primary-color-light);
    padding-left:16px;
  } */
  .fullmenu nav.showMobile .top-nav
   {
      width: calc(100% - 0px);
  }
header.wgt-header nav.showMobile #main-menu {
  /* background-color:var(--primary-color-light); */
  background:white;
/*   border-top:1px solid var(--primary-color-light) */
     padding-bottom: 70px;
}
header.wgt-header nav.showMobile #main-menu li ul {
  background-color:var( --secondary-color-light);
    padding-left:10px;
    padding-right:10px;
}

  .master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a {
  /* color:white; */
 color:#2a2a2a;
      font-weight: 500;
  }
  .master-layout-1 #divMainMenu nav.showMobile #main-menu li ul a {
    border:none;
      
    /* border-bottom:1px solid var(--accent-color); */
    
  }
    .master-layout-1 #divMainMenu nav.showMobile #main-menu a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
  background:transparent;
    text-decoration:underline;
    color:var(--primary-color);
  font-weight:500;
      /* border-left:2px solid var(--accent-color);  */
  }

  .master-layout-1 #divMainMenu nav.showMobile #main-menu ul a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
      color:white;
  }

  
  header.master-layout-1 nav.showMobile #main-menu ul a {
    background:transparent;
    color:#2a2a2a;
  }
header.master-layout-1  nav.showMobile #main-menu a {
  color:#2a2a2a;
    line-height:35px;
    text-align: center;
    width: fit-content;
    display: block;
    flex-grow: unset;
    text-transform: uppercase;
}
header.master-layout-1 .showMobile #main-menu li{
/*   border-bottom:1px solid var(--primary-color-light); */
      justify-content: center;
}
header.master-layout-1 .showMobile #main-menu ul li{
    border-color: white;
}
header.master-layout-1 .showMobile #main-menu ul li:last-child{
    border:none;
}
    header.master-layout-1 .showMobile #main-menu li:has(.child-nav) > a{
   margin-left:30px;
}
header:not(.no-banner):not(.scrolled-head) #main-menu ul.showMobile a:hover {
   color:var(--primary-color);
    text-decoration: underline;
}

.master-layout-1 i.fa-times:before {
 content:'';
    height: 20px;
    width: 20px;
    display: block;
    transform: translateY(8px);
    background-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5059 1.19336L9.19238 7.50586L16 14.3135L14.8066 15.5059L7.99902 8.69824L1.19238 15.5059L0 14.3135L6.80664 7.50586L0.494141 1.19238L1.68652 0L8 6.31348L14.3135 0L15.5059 1.19336Z" fill="%23F78126"/></svg>');
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}
    header.master-layout-1:has(.showMobile) .MyProfile_Member .MyProfile_SignedIn,
 header.master-layout-1:has(.showMobile) .MyProfile_Member .MyProfile_SignedOut{
        z-index: 100000;
        position: absolute;
        right: 0;
        top: 0;
}
header.master-layout-1:has(.showMobile) .MyProfile_Member .fullView {
z-index: 100000;
    top:160px;
/*     background-color:var(--primary-color); */
    background:white;
      width:calc(100vw - 35px);
    left:auto;
    right:0;
    padding-top:0;
    min-height:100vh;
    position: absolute;
}

header.master-layout-1:has(.showMobile) .MyProfile_Member .fullView a{
    line-height: 2;
    text-align: center;
    /* border-bottom:1px solid var(--primary-color-light); */
}
header.master-layout-1:has(.showMobile) .MyProfile_Member .fullView a:hover{
   outline:0;
    text-decoration: underline;
    color:var(--primary-color);
      background: white;
    
}

.master-layout-1 #menu-button i.fa-bars{
    position: relative;
}
.master-layout-1 #menu-button i.fa-bars:before {
 content:'';
    height:25px;
    width:25px;
    display:block;
    transform: translateY(5px);
      background-image:url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="0.75" x2="18" y2="0.75" stroke="%23F78126" stroke-width="1.5"/><line y1="6.75" x2="18" y2="6.75" stroke="%23F78126" stroke-width="1.5"/><line y1="12.75" x2="18" y2="12.75" stroke="%23F78126" stroke-width="1.5"/></svg>');
     background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}
.master-layout-1:not(.no-banner, .module-page,.scrolled-head) #menu-button i.fa-bars:before {
     background-image:url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="0.75" x2="18" y2="0.75" stroke="%23FFFFFF" stroke-width="1.5"/><line y1="6.75" x2="18" y2="6.75" stroke="%23FFFFFF" stroke-width="1.5"/><line y1="12.75" x2="18" y2="12.75" stroke="%23FFFFFF" stroke-width="1.5"/></svg>');
}

nav:has(.showMobile) .mobile-logo-redirect{
    position: absolute;
    left:calc(50% - 100px);
    width:200px;
    top:0;
    height:170px;
}
/*----------------------buttons--------------------*/
.e3-button, .btn{
    text-transform: uppercase;
    font-weight:600;
}
/*---------------------------------------------system spacing overrides--------------------------------------*/
.basic-text-area .col-sm, .basic-text-area .col-sm-1, .basic-text-area .col-sm-10, .basic-text-area .col-sm-11, .basic-text-area .col-sm-12, .basic-text-area .col-sm-2, .basic-text-area .col-sm-3, .basic-text-area .col-sm-4, .basic-text-area .col-sm-5, .basic-text-area .col-sm-6, .basic-text-area .col-sm-7, .basic-text-area .col-sm-8, .basic-text-area .col-sm-9, .basic-text-area .col-sm-auto{
  padding-left:16px;
  padding-right:16px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left:16px;
  padding-right:16px;
}

/*-----------------------------max width adjustments-------*/
.master-layout-1 .container-fluid {
max-width:1440px;
/* border-bottom:1px solid white; */

} 

/*---------------------------body max-width-------------------------------------------------*/

/*max width adjustments*/
section .inner-wrap .container, 
section .theme-secondary:not(.inner-wrap) > div
{
   max-width:1440px;
   width:100%;
  margin:auto;
  float:none; 
}
.col-fw .container {
  width:100%;
}

:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .inner-wrap .container, 
 :is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .theme-secondary:not(.inner-wrap) > div{
     max-width:100%;
    
}
.container:has(.col-100) {
    max-width: 1440px;
    width:100%;
}

.contact-card-widget .inner-wrap{
  max-width:1440px;
  margin:auto;
  width:100%;
  float:unset;   
}

 /*-------------------------------.max-width-1170------------------------------------*/
.max-width-1170 .inner-wrap > div {
    max-width:1170px;
    
}
/*---------------------custom class max-width-900-------------------*/ 
.max-width-900 .inner-wrap .container {
  max-width:900px;
  text-wrap-style:pretty;
}
/*------------------------custom class max-width-500---------------------*/ 
.max-width-580 .inner-wrap .container {
  max-width:580px;
  text-wrap-style:pretty;
}
/*------------------------------impactful-p---------------------*/
.impactful-p p {
    font-size:var(--desktop-p-large);
}
.impactful-p p a.e3-button{
    font-size:18px;
}
@media(max-width:767px){
    .impactful-p p {
    font-size:var(--mobile-p-large);
}
.impactful-p p a.e3-button{
    font-size:16px;
}
}
/*------------------------------------------page-line-break-------------------------------*/
.page-line-break .row {
   padding: 40px 0;
    margin:auto;
}
.page-line-break hr {
     border-top:3px solid var(--secondary-color-light)
}
.page-line-break .container {
    padding:0;
}
@media (max-width:767px){
   
.page-line-break .row {
    padding: 25px 0 15px;
}
}
@media(min-width:1470px){
    .page-line-break .row .col-sm{
        padding:0
    }
}
/*------------------------------------bg-texture-----------------------------------------*/
.bg-texture .inner-wrap{
    background:url('/getmedia/a85c22b7-17d1-429d-8467-b4381bc34538/5571591-weich-schwankendes-wasser-wellenlinie-hintergrund-vektor_1.aspx');
 background-position: center;
    background-size:cover;
    display: block;
}
.bg-texture .inner-wrap .container{
    padding-top:40px;
    padding-bottom:40px;
}
/*---------------------------------banner-------------------------------*/
@media(min-width:768px){
    body:has(.banner-text-overlay) header:not(.scrolled-head):not(.no-banner):after{
      background:none;
  }
    .cho-hero-textwidget.trueheight100{
        height:100vh;
    }
    body:has(.banner-text-overlay) .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
        content:"";
        display: block;
        background:linear-gradient(to bottom, #4f4d4d -5%, rgba(11,11,11,0.58) 40%);
        width:100%;
        height:100%;
        left:0px;
        top:0px;
        position: absolute;
         }
         .cho-hero-textwidget {
    text-shadow: none;
}
body:not(.EditMode) section.banner-text-overlay{
    z-index: 3;
}
     .cho-hero-textwidget.height100 {
           height: calc(100vh - 30px);
        }

    .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg{
        position: relative;
    }
}

@media(max-width:1199px){
    .cho-hero-textwidget.trueheight100.video-widget{
    height:100%;
}
}

 
 @media(min-width:757px){
.cho-hero-textwidget.height75, 
.cho-hero-textwidget.height75 .cho-hero-textwidget-bg{
           min-height:450px;
        }
 }
/*-------------------------------------banner-text-overlay--------------------------------*/

   body:has(.banner-text-overlay) .cho-hero-textwidget.height75 .scroll-chevron {
  display: none;
}
section.banner-text-overlay .inner-wrap .container {
      max-width:900px;
        text-wrap-style:pretty;
     margin:auto auto auto;
        
  }
  
.banner-text-overlay .col-sm {
    max-width:900px;
   padding: 20px;
/*     padding-left:40px */
    text-wrap-style:pretty;
    margin:auto;
    text-align: center;
    
}
.banner-text-overlay .col-sm p {
      font-size:var(--desktop-p-large);
}
 @media(min-width:768px){
     body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-text-overlay,
  body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-text-overlay{
   top: 0%;
      height:75vh;
 }
 body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-text-overlay .container,
  body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-text-overlay .container{
      padding-top:0px;
      height: 75vh;
  }
    body:not(.EditMode) section.banner-text-overlay{
       position:absolute;
  } 
 
  section.banner-text-overlay .inner-wrap {
   background:transparent;

     }
     .banner-text-overlay .col-sm {
          padding-top:95px;
         color:white;
     }
     
  }

body:is(.EditMode) .banner-text-overlay .col-sm{
    color:black;
}
   body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-text-overlay .row,
  body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-text-overlay .row{
      height:100%;
  }

 
@media(max-width:767px){
    .banner-text-overlay .col-sm p {
      font-size:var(--mobile-p-large);
}
}
/*------------------------------------logo-banner-----------------------------------------*/
.logo-banner .row{
    position: relative;
    margin-top:150px;
    margin-bottom:30px;
}

.logo-banner .row:before{
    display: block;
    content: '';
    position: absolute;
    top:-120px;
    width:140px;
    height:90px;
    background-image:url('/getmedia/2495dec7-c7f9-4ca4-bd3f-c018019ed089/Burgee_waving.aspx');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: calc(50% - 70px);
}
.logo-banner h1,
.logo-banner h2{
    position: relative;
   margin-bottom: 24px;
}
.logo-banner h1:after,
.logo-banner:not(:has(h1)) h2:after{
    content:'';
    position: absolute;
    width:80px;
        height:3px;
    background:var(--primary-color);
    bottom:-6px;
    left:calc(50% - 40px)
    
}
/*-----------------------------------title font colors----------------------------------*/
.basic-text-area:is(.theme1, .theme3):not(.banner-text-overlay, .background-img-cards) h3 {
    color:var(--title-font-color)
}
/*-------------------------------------------page-heading-----------------------------*/

.page-heading .row{
    padding: 20px;
}
.page-heading ul {
    list-style: none;
    margin:0;
    padding:0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
 
}
.page-heading ul li {
    padding: 10px 20px;
    border-right: 1px solid var(--secondary-color);
    color:var(--title-font-color);
}
.page-heading ul li:last-of-type {
    border-right:none;
}
.page-heading ul li a{
    font-size:var(--desktop-p-large);
    text-decoration: none;
  
}
.page-heading .theme-secondary a{
      color:var(--title-font-color);
}

@media(max-width:767px){
    .page-heading ul li a{
    font-size:var(--mobile-p-large);
  
}
}
/*-----------------remove-min-height---------------------*/
.remove-min-height.quicklink-text-bg .quicklink-text-bg-container {
    min-height: auto;
}
@media(max-width:767px){
    .remove-min-height.quicklink-text-bg .quicklink-text-bg-container {
   padding-bottom: 20px;
}
}
/*---------------------------------custom-alert-color----------------*/
.custom-alert-color.announcement-bar-widget .alert{
    background:var(--secondary-color);
}
.custom-alert-color.announcement-bar-widget .alert a:hover{
    background:var(--primary-color);
}
/*---------------------------------padding-md , padding-lg--------------------------------*/
.padding-md .container {
    padding: 30px 15px;
  }
.padding-lg .container {
    padding: 44px 15px;
  }
@media(min-width:768px){
    .padding-md .container {
    padding: 44px 15px;
  }
  .padding-lg .container {
    padding: 72px 15px;
  }
}
@media(min-width:1200px){
  section.basic-block.padding-lg .basic-block-wrapper {
     padding:96px 0;
  }
  section.basic-block.padding-md .basic-block-wrapper {
      padding:44px 0;
   }
}
/*---------------img-contained-------------*/
.img-contained.basic-block .basic-block-wrapper .img-block, 
.img-contained.basic-block .basic-block-wrapper .img-block img{
    background-size:contain;
    object-fit: contain;
}
/*---------------------------expandable-2-col---------------*/
.expandable-2-col .collapse .row{
    align-items: center;
}
/*-----------------------------------title and summary----------------------------*/

@media(min-width:900px){
        .basic-block .text-block-wrapper.col-sm-10{
          width: 100%;
        }
        .basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
          margin-left:0%;
        }
        .basic-block:not(.background-image, .center,  .max-width-block) .basic-block-wrapper .text-block {
          width: 50%;
          padding: 16px 28px;
           
        }
         .basic-block:not(.background-image) .basic-block-wrapper .text-block  .text-block-wrapper{
          padding: 0px;
           
        } 
            .basic-block:not( .max-width-block) .basic-block-wrapper .img-block {
        min-height: 520px;
        margin: 28px;
        width: 46%;
    }
         
    }
   
    @media(min-width:1440px){
      
        section.basic-block:not( .max-width-block) .basic-block-wrapper {
          padding:20px 0;
        }
/*         section.basic-block:not(.padding-lg, .padding-md) .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
            padding-top: 44px;
            padding-bottom:16px;
          } */
         .basic-block:not(.background-image, .center, .max-width-block) .basic-block-wrapper .text-block {
          width: 50%;
        }
          .basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
          margin-left:0%;
        }
         .basic-block .text-block-wrapper.col-sm-10{
          width: 100%;
        }
             .basic-block:not(.background-image, .max-width-block) .basic-block-wrapper .text-block.col-sm-pull-6  .text-block-wrapper{
          padding: 0px 50px 0 0;
           
        } 
             .basic-block:not(.background-image, .max-width-block) .basic-block-wrapper .text-block:not(.col-sm-pull-6)  .text-block-wrapper{
          padding: 0px 0px 0 50px;
           
        } 
        }
        @media(min-width:1440px) and (max-width:1524px){
          section.basic-block:not( .max-width-block)  .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
            padding-left:16px;
            padding-right:16px;
          }
        }
        @media(max-width:900px){
          .basic-block  .basic-block-wrapper .img-block:before {
         content:'';
          width:0%;
          height:0%;
            border:none;
        }
        .basic-block  .basic-block-wrapper {
            flex-direction: column;
           
        }
        .basic-block.background-image  .basic-block-wrapper {
            justify-content:center;
           
            }
            .basic-block  .basic-block-wrapper .img-block,    
        .basic-block  .basic-block-wrapper .text-block {
                width:100%;
            right:0;
            left:0;
        }
    }
  /*---------------------------------max-width-block ------------------------*/

.max-width-block.basic-block .theme-secondary{
    max-width:1440px;
    margin:auto;
    padding:0 !important; /*needed to override system*/
}
    .basic-block.max-width-block .basic-block-wrapper .text-block
 {
        width: 100%;
        padding: 30px 16px;
    }


.max-width-block.basic-block .img-block img {
    object-fit: cover;
    height:100%;
    width:100%;
    
}
.max-width-block.basic-block .img-block {
    height:auto;
    min-height: 550px;
}
 .basic-block.max-width-block .text-block-wrapper.col-sm-offset-1 {
          margin-left:0%;
     width:100%;
        }

@media(max-width:767px){
    .max-width-block.basic-block .img-block {
    height: auto;
    max-height: 350px;
    background:none;
    min-height: 200px;
}
    .max-width-block.basic-block .img-block img {
    max-height:350px;
   
}
}
@media(min-width:900px){
       .basic-block.max-width-block .basic-block-wrapper .text-block {
          width: 50%;
          padding:44px;
           
        }
   

}

/*-----------------------------------------------quicklinks------------------------------------*/
.ql-tiles .full-width-quicklink-wrapper{
    background:rgba(11,11,11,0.5);
}
 
.ql-tiles.full-width-quicklinks .full-width-quicklink-container{
        margin:0px auto;
        width:calc(100% - 32px);

    }

    .ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item {
        margin:8px;
        text-transform: uppercase;
    }
@media(min-width:768px){
    .ql-tiles.full-width-quicklinks .full-width-quicklink-container{
        margin:8px auto;
        width:calc(100% - 32px);

    }

    .ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item {
        margin:0 8px;
    }
    .ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item:first-of-type {
        margin:0 8px 0 0;
    }
    .ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item:last-of-type {
        margin:0 0 0 8px;
    }
  }
@media(min-width:1440px){
    .ql-tiles.full-width-quicklinks .full-width-quicklink-container{
    max-width:1440px;
    margin:16px auto;
    
}
    .ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item {
    margin:0 16px;
}
.ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item:first-of-type {
    margin:0 16px 0 0;
}
.ql-tiles.full-width-quicklinks .full-width-quicklink-container .quicklink-flex-item:last-of-type {
    margin:0 0 0 16px;
}
}
/*--------------------------------image and text quick links-----------------------------*/
 .theme1 .theme-primary-hover-in,
.theme2 .theme-primary-hover-in{
    background-color:rgba(11,11,11,0.3);
    color:white;
}
.cho-quicklink-tile .cho-quicklink-tile-image img{
object-fit: cover;
height:100%;

}
@media(max-width:767px){
    .cho-quicklink-tile{
        max-width:500px;
        
    }
    .cho-quicklink-tile .cho-quicklink-tile-image.image1-1, 
    .cho-quicklink-tile-large .cho-quicklink-tile-image.image1-1{
    padding-top: 70%;
   }
}
/*---------------------------------quicklink menu----------------------------*/
/*--------------------------------quick links side menu icons------------------------------------------*/
.content-quicklink-menu.theme1 .content-quicklink-menu-list {
  background:var(--secondary-color);
}

.content-quicklink-menu.theme1 .content-quicklink-menu-list a{
  color:white;
}
.content-quicklink-menu.theme1 .content-quicklink-menu-list a:hover{
  color:white;
/*    background:var(--primary-color-light-2); */
  background:var(--secondary-color-hover);
}
/* ----------------------------------------------------------------------*/
/* ------                       SET ICONS for  quicklinks                            -----*/
/* ----------------------------------------------------------------------*/
/*important in root*/
/*<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />*/
.content-quicklink-menu-a {
  align-items: center;
  justify-content: start;
}

.content-quicklink-menu-a:before {
  display: block ;
  margin-left: 20px;
  margin-top: -5px;
}


    /*-------------- THIS IS YOUR FALLBACK ICON ----------------*/

a.content-quicklink-menu-a:before {
   content: "\e86c";
     font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1em;      /* controls icon size */
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}


/*------------ ICONS START HERE, ADD MORE IF NEEDED ------------*/

a[class*=hire].content-quicklink-menu-a:before{
  content: "\ebcb";
}

a[class*=employee].content-quicklink-menu-a:before {
  content: "\e7fd";
}

a[class*=portal].content-quicklink-menu-a:before,
a[class*=history].content-quicklink-menu-a:before{
  content: "\eb85";
}

a[class*=board].content-quicklink-menu-a:before,
a[class*=governance].content-quicklink-menu-a:before{
  content: "\e90e";
}


a[class*=calendar].content-quicklink-menu-a:before {
  content: "\ebcc";
}


a[class*=documents].content-quicklink-menu-a:before,
a[class*=quercus].content-quicklink-menu-a:before,
a[class*=laws].content-quicklink-menu-a:before{
  content: "\f5a0";
}


a[class*=bookings].content-quicklink-menu-a:before{
  content: "\ef85";
}


a[class*=court].content-quicklink-menu-a:before {
  content: "\eaf6";
}
 


a[class*=dine].content-quicklink-menu-a:before,
a[class*=table].content-quicklink-menu-a:before{
 content: "\f295";
}

a[class*=dining].content-quicklink-menu-a:before{
  content: "\e56c";
}
a[class*=breakfast].content-quicklink-menu-a:before{
 content: "\efef";
}

a[class*=lunch].content-quicklink-menu-a:before,
a[class*=dinner].content-quicklink-menu-a:before{
  content: "\ef35";
}
a[class*=wine-list].content-quicklink-menu-a:before{
  content: "\f1e8";
}


a[class*=management].content-quicklink-menu-a:before{
  content: "\e7ef";
}


a[class*=golf].content-quicklink-menu-a:before ,
a[class*=tee].content-quicklink-menu-a:before{
  content: "\eb45";
}


a[class*=order].content-quicklink-menu-a:before{
  content: "\e854";
}

a[class*=directory].content-quicklink-menu-a:before,
a[class*=staff].content-quicklink-menu-a:before {
  content: "\e653";
}


a[class*=roster].content-quicklink-menu-a:before,
a[class*=profile].content-quicklink-menu-a:before,
a[class*=list].content-quicklink-menu-a:before,
a[class*=directory].content-quicklink-menu-a:before  {
  content: "\e896";
}


a[class*=minutes].content-quicklink-menu-a:before,
a[class*=documents].content-quicklink-menu-a:before,
a[class*=form].content-quicklink-menu-a:before,
a[class*=policies].content-quicklink-menu-a:before,
a[class*=postings].content-quicklink-menu-a:before{
  content: "\f385";
}


a[class*=account].content-quicklink-menu-a:before,
a[class*=statement].content-quicklink-menu-a:before {
  content: "\e70d";
}
a[class*=newsletter].content-quicklink-menu-a:before{
  content: "\eb81 ";
}
a[class*=reciprocal].content-quicklink-menu-a:before {
  content: "\ea09";
}
a[class*=accommodation].content-quicklink-menu-a:before {
  content:"\e53a";
}
a[class*=aquatics].content-quicklink-menu-a:before,
a[class*=swimming].content-quicklink-menu-a:before{
  content: "\eb48";

}
a[class*=tennis].content-quicklink-menu-a:before{
content: "\ea32";
}
a[class*=fitness].content-quicklink-menu-a:before{
content: "\eb43";
}
a[class*=conditions].content-quicklink-menu-a:before{
content: "\e29c";
}
a[class*=directors].content-quicklink-menu-a:before{
content: "\f8d9";
}
a[class*=discover].content-quicklink-menu-a:before{
content: "\e54b";
}

/*----------------------------------------------------------expandable--------------------------*/
/*------------------------------------------------------------------expandable content-----------------------------------------------------------*/
.expandable-content-widget .inner-wrap {
    display: flex;
  }
  .expandable-content-widget .expandable-content-wrapper {
    max-width: 1440px;
    width:100%;
    margin:0 auto;
  }
  .expandable-content-widget .expandable-content-heading {
    padding: 0;
      border-bottom:1px solid var(--primary-color);
      font-size:1.2em;
     
  }
  .expandable-content-widget .expandable-content-heading .expandable-content-link{
    padding: 12px 16px;
      

}

 .expandable-content-widget.theme3 .expandable-content-heading .expandable-content-link:hover{
      border-bottom:1px ridge var(--accent-color);
      background-color:var(--primary-color-hover);
     
  }
  
 .expandable-content-widget.theme1 .expand-arrow{
    background:transparent;
}

   .expandable-content-widget.theme1 .expandable-content-link:hover, 
  .expandable-content-widget.theme1 .expandable-content-link:focus
  {
      background:var(--primary-color);
      color:#2a2a2a;
  }
.expandable-content-widget.theme3 .expandable-content-heading{
    background:var(--primary-color);
   
}
.expandable-content-widget.theme3 .expandable-content-heading .expandable-content-link{
      border-bottom:1px ridge var(--accent-color);
      /* color:white; */
/*       color:var(--primary-color-darkest); */
  }

  .expandable-content-widget.theme3 .expand-arrow{
      /* background-color:var(--accent-color);
      */background:transparent;
      color:white;
  }
  .expandable-content-widget.theme3 a:hover .expand-arrow {
    /* background-color:var(--primary-color-dark); */
    background:transparent;
   
    color:white;
  }
  .expandable-content-widget.theme3 .row a:not(.e3-button):hover {
    color:var(--primary-color-hover);
  }

@media(hover:none){
.expandable-container .expand-arrow {
    width:32px;
    height:30px;
}
.expandable-container .expand-arrow:before {
    padding-left:10px;
    line-height:30px;
    
}
}
/*--------------------------------info-cards -----------------------------------------------*/
.basic-text-area.info-cards {
    position:relative;
}


.basic-text-area.info-cards img {
  object-fit: cover;
  height:300px;
  width:100%;
 
}
.img-contained.info-cards img {
  object-fit: contain;
  
}
.img-contained.info-cards  .col-sm p:has(img),
 .basic-text-area.info-cards  .col-sm p:has(img){
    margin-top:15px;
}
.basic-text-area.info-cards .col-sm {
    box-shadow:2px 2px 4px #9f9f9f;
    padding:0 0 25px 0;
    margin: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    text-wrap-style:balance;
     /* min-width: 350px; */
     min-width:300px;
    
}
.basic-text-area.info-cards .e3-button {
  margin: 15px 0;
}
.basic-text-area.info-cards .col-sm  div:has(.e3-button) {
  margin-top:auto;
}
.basic-text-area.info-cards .col-sm :is(h3,h4,h5,h6, p) {
    padding: 5px 10px;
}
.basic-text-area.info-cards .col-sm h3 {
  font-size:1.6em;
    margin-top:15px;
        margin-bottom:5px;
        font-weight:500;
}
.basic-text-area.info-cards .col-sm ul{
    margin: 5px 20px 15px 10px;
    list-style-position: inside; 
    padding:0;
}

.basic-text-area.info-cards .col-sm h4 {
  margin-bottom:5px;
}


.basic-text-area.info-cards .col-sm p {
    margin-top:5px;
    margin-bottom:5px;
    padding: 0 24px;
}

.basic-text-area.info-cards.theme1 .col-sm{
background:#fafafa;
color:#2a2a2a;
 box-shadow:2px 2px 8px #c0c0c0;
} 
.basic-text-area.info-cards.theme3 .col-sm{
color:#2a2a2a;
 box-shadow:2px 2px 5px #d4d4d4;
} 


.theme2.basic-text-area.info-cards .col-sm{
    background:var(--secondary-color-hover);
    box-shadow: none;
}


.basic-text-area.info-cards .col-sm:not(:has(img)){
    padding:25px 16px;
}

.basic-text-area.info-cards .col-sm a {
   word-break: break-all;
}
@media(max-width:767px){
 .basic-text-area.info-cards .col-sm {
    margin: 10px;
}
    .basic-text-area.info-cards .col-sm{
        width:calc(100% - 20px);
    }
}
/*-------------------------------custom-contact-cards---------------------------------------------*/
.custom-contact-cards h3{
    font-size:1.8em;
    margin-bottom: 0;
}
.custom-contact-cards h4{
    font-size:1.3em;
}
.custom-contact-cards img{
    border-radius: 50%;
    max-height: 250px;
    max-width:250px;
    width:100%;
    height:100%;
    border:1px solid var(--secondary-color);
    outline: 1px solid var(--secondary-color);
    outline-offset: -8px;
    object-fit: cover;
    object-position: top;
    margin:20px auto;
}
.custom-contact-cards .col-sm{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    text-align: center;
    padding:10px;
    border:1px solid var(--secondary-color);
    margin:10px;
    background-color:#fafafa;
     min-width: 350px;
}
.custom-contact-cards ul{
margin: 5px 20px 15px 10px;
    list-style-position: inside; 
    padding:0;
}
/*-------------------------------contact cards---------------------------------------------*/
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}
 
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-photo{
    background-color:var(--primary-color);
    border:2px solid black;
    outline:2px solid black;
    outline-offset: 10px;
  
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-photo :is(.persona-head, .persona-body){
    background-color:#fff;
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-details-inner h3{
    font-size:1.7em;
   padding:1px 10px 0;
    color:var(--title-font-color);
    font-weight:600;
}

.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-details-inner h4{
    font-size:1.3em;
    padding:0 10px;
     
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-details-inner .detail-item .fa{
    color:var(--primary-color);
    font-size:1.5em;
}
@media (min-width: 768px) {
    .contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-details{
        padding-left: 40px;
    }
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner {
        padding-top: 1em;
    }

}
/*----------------------------scroll icon-------------------------------*/
.cho-hero-textwidget .scroll-chevron .fa{
    border:3px solid white;
    border-radius: 100%;
    padding: 5px 12px;
    box-shadow: 0 0px 3px 0px var(--soft-grey);
}
.cho-hero-textwidget .scroll-chevron .fa:hover{
    background:var(--primary-color);
}
/*-------------------------------gallery-carousel---------------------------------*/
.gallery-carousel.modal-gallery-widget .my-gallery a{
    height:400px;
}
.gallery-carousel.modal-gallery-widget {
    padding-bottom: 100px;
}
.gallery-carousel .slick-arrow{
    top:unset;
    bottom:-80px;
}
.gallery-carousel .slick-arrow{
    background:transparent;
    color:var(--primary-color);
}
.slick-prev:before, 
.slick-next:before{
    color:var(--primary-color);
    font-size:32px !important; /*required*/
    font-weight: bold;
    transition:font-size .2s ease-in;
}
.slick-arrow:hover:before{
    color:var(--primary-color); 
    font-size:24px !important; /*required*/
    font-weight: normal;
}


.gallery-carousel .slick-arrow.slick-prev{
    left:calc(50% - 60px);
}
.gallery-carousel .slick-arrow.slick-next{
    right:calc(50% - 60px);
}
/*--------------------------tableWrap-------------*/
.tableWrap .e3-table-wrap{
display: flex;
justify-content: center;
}
/*-----------------------default table--------------*/
.col-sm.e3-table-wrap table th{
    background:var(--secondary-color);
    color:white;
}
.theme2 .col-sm.e3-table-wrap table th{
    background:var(--secondary-color-hover);
    color:white;
}
.col-sm.e3-table-wrap  table{
    width:calc(100% - 20px);
    margin: 10px;
    border:1px solid var(--soft-grey);
}
.col-sm.e3-table-wrap table tr:nth-child(odd){
    background:#fafafa;
  
}
.col-sm.e3-table-wrap table td{
    
    border-bottom: 1px solid var(--soft-grey)
}
/*-----------------------table-v2--------------*/
.table-v2 .col-sm table th{
    background:var(--secondary-color);
    color:white;
    padding:10px;
}
.table-v2.theme2 .col-sm table th{
    background:var(--secondary-color-hover);
    color:white;
}
.table-v2 .col-sm  table{
    width:calc(98% - 20px);
    margin: 10px;
 
}
.table-v2 .col-sm table tr:nth-child(odd){
    background:#fafafa;
  
}
.table-v2 .col-sm table td{
    padding: 5px 10px;
    border-bottom: 1px solid var(--soft-grey);
}
.table-v2 .col-sm table td:empty{
    padding: 16px;
    border-bottom: unset;
    background-color:none;
}
.table-v2 table img {
    max-width: 100px;
    height:50px;
    object-fit: contain;
    margin:auto;
    display: block;
}

/*-------------------------table-menu------------------------*/

.table-menu .col-sm table {
    max-width:700px;
    margin:auto;
   
}
.table-menu .col-sm table a {
    text-decoration: none;
}
.table-menu .col-sm table a:hover {
    text-decoration: underline;
}
.table-menu .col-sm table tr:last-of-type td{
    border:none;
}
@media(max-width:767px){
    .table-menu .col-sm table {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .table-menu .col-sm table  tbody{
        width:100%;
    }
 .table-menu .col-sm table  tr{
        display: flex;
        flex-direction: row;
     flex-wrap: wrap;
      justify-content: center;
    }
    .table-menu .col-sm table  td{
        width:33%;
        text-align: center;
        padding-top:8px;
        padding-bottom:8px;
    }
.table-menu .col-sm.e3-table-wrap table tr:nth-child(odd){
    background:transparent;
}
.table-menu .col-sm table  :is(td:nth-of-type(1),td:nth-of-type(2),td:nth-of-type(3)){
    background:#fafafa;
}
.table-menu .col-sm table tr:last-of-type :is(td:nth-of-type(1),td:nth-of-type(2),td:nth-of-type(3)){
    border-bottom:1px solid var(--soft-grey);
}
}
/*---------------------add to table itself---- table-override-columns------------*/
.col-sm.e3-table-wrap  table.table-override-columns{
    border:none;
}
.row .col-sm table.table-override-columns  td {
    
    width:50%;
    border:none;
    
}
.row .col-sm table.table-override-columns  tr {
    background:none;
}
@media(max-width:767px){
  .row .col-sm table.table-override-columns  td,
      table.table-override-columns  td {
    width: 100%;
    display: flex;
    flex-direction: column;
}  
}
/*----------------------------------------contact-card (text area) -----------------------------*/
:is(.col-100) .contact-card .inner-wrap,
.contact-card .inner-wrap{
    max-width:1000px;
    margin:auto;
    float:unset;
} 
.contact-card .inner-wrap{
    border:4px ridge var(--primary-color);
}
.contact-card .col-sm:not(:has(img)){
    padding:40px;
     
}
.contact-card img {
    object-fit: cover;
    width:100%;
    height:100%;
}
.contact-card h4{
    position: relative;
    margin-bottom:40px;
    text-wrap-style:balance;
}
.contact-card h4:after{
    content:'';
    width:80px;
    height:2px;
    background-color:white;
    position: absolute;
    bottom:-20px;
    left:0;
}
.contact-card p {
    font-size:var(--desktop-p-large);
}
.contact-card p strong{
    font-size:1.3em;
}
@media(max-width:767px){
    .contact-card p {
    font-size:var(--mobile-p-large);
}
    .contact-card .col-sm:not(:has(img)){
    order:2;
     
}
.contact-card .col-sm:has(img){
    order:1;
}
}

.background-img-cards img{
 
    height:100%;
    width:100%;
    object-fit: cover;
    display: block;
    
}
.background-img-cards .col-sm:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to bottom, transparent 0%,var(--primary-color-op40) 100%);
    z-index: 2;
}
.background-img-cards.theme3 .col-sm:before,
.background-img-cards.v2-blue .col-sm:before{
 
    background:linear-gradient(to bottom, transparent 0%,var(--secondary-color-op60) 100%);
 
}
.background-img-cards .col-sm {
    min-height:450px;
    padding:0;
    margin:16px;
    position: relative;
    overflow: hidden;
}
.background-img-cards .col-sm h3{
    position: absolute;
    bottom:0;
    left:40px;
    color:white;
    text-shadow: 0px 0px 5px black;
     z-index: 10;
}

/*---------------------------background-img-cards-ql-----------------------------------*/
.background-img-cards-ql:is(.theme1, .theme2) .theme-primary-hover-in{
    background:linear-gradient(to bottom, transparent 0%,var(--primary-color-op40) 100%);
    color:white;
  text-shadow: 0px 0px 5px black;
}
.background-img-cards-ql:is(.theme1, .theme2) .theme-primary-hover-in:hover{
    background-color:var(--primary-color);
    text-shadow: none;
}
.background-img-cards-ql:is(.theme3, .v2-blue) .theme-primary-hover-in{
    background:linear-gradient(to bottom, transparent 0%,var(--secondary-color-op60) 100%);
}
.background-img-cards-ql:is(.theme3, .v2-blue) .theme-primary-hover-in:hover{
    background-color:var(--secondary-color);
    color:white;
}
.background-img-cards-ql:is(.theme3, .v2-blue) .cho-quicklink-tile .cho-quicklink-basic-wrapper .theme-primary-hover-in:hover .widget1-title{
    color:white;
}

.background-img-cards-ql .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
    justify-content: flex-end;
}

.background-img-cards-ql  .cho-quicklink-basic-wrapper{
    min-height:450px;
}
@media(max-width:767px){
    .background-img-cards-ql .cho-quicklink-tile {
        max-width:100%;
        padding:0;
    }
}

/*-------------------------------latest news------------------*/
.news-widget .latest-news-content h4 {
    font-size:1.4em;
}
.latest-news-row-widget .latest-news-content-row .latest-news-img-tile{
    padding-top: 250px;
    background-size:cover;
}
.latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details{
    padding-left:25px;
    padding-right:25px;
}
/*---------------------------------------custom class fade-light and fade-dark & narrow-fade------------------------------*/
/*fade block is added by script*/
.faded-block{
  content:'';
  width:100%;
  height:150px;
  position: absolute;
  top:-1px;
  left:0;
  z-index:-1;
  }
  .narrow-fade .faded-block{
  height:50px;
  }
  .widget-bizform:has(.faded-block) .background-image {
  z-index: 3;
  }
  section:not(.widget-bizform):has(.faded-block) .inner-wrap {
  z-index:3;
  position: relative;
  }
  .fade-light .faded-block{
  background:linear-gradient(to bottom, #ffffff 0%, transparent 100%);
  }
  .fade-dark .faded-block{
  background:linear-gradient(to bottom, var(--secondary-color) 0%, transparent 100%);
  }
  @media(min-width: 1024px ) {
  section.widget-bizform:has(.faded-block) .inner-wrap .container {
   margin:120px auto 90px;
  }
  section.narrow-fade:has(.faded-block) .inner-wrap .container {
    margin:20px auto 30px;
   
  }
  }

 /*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
  
 .widget-bizform:not([id*="zoneLG100"], .max-width-block-form) .background-image .container{
  background:var(--secondary-color-op80);
  padding: 44px 20px;
  height:100%;
  margin: 20px 20px;
  width: calc(100% - 40px);
  /* box-shadow: 1px 1px 3px 2px #d4d4d4; */
  
  }
  /*----------------------------custom class .max-width-block-form--------------------*/
 .col-100 .widget-bizform,
.col-100 .widget-bizform .background-image,
.col-100 .widget-bizform .background-image .container,
.col-100 .widget-bizform .background-image .container:before,
.max-width-block-form.widget-bizform,
 .max-width-block-form.widget-bizform .background-image,
.max-width-block-form.widget-bizform .background-image .container,
 .max-width-block-form.widget-bizform .background-image .container:before{
    border-radius: 10px;
  }
.max-width-block-form.widget-bizform{
    padding-top:20px;
    padding-bottom:20px;
}
 .max-width-block-form.widget-bizform .background-image,
.max-width-block-form.widget-bizform .background-image .container,
 .max-width-block-form.widget-bizform .background-image .container:before{
    max-width:1440px;
     margin:auto;
     float:unset;
  }
  .col-100 .widget-bizform .widget-bizform-wrapper,
   .max-width-block-form.widget-bizform .widget-bizform-wrapper {
    width:90%;
    margin:auto;
    float:unset;
    z-index: 2;
    position:relative;
}
.col-100 .widget-bizform .background-image .container,
.max-width-block-form.widget-bizform .background-image .container{
/*     position: relative; */
height:100%;
     padding: 44px 20px;
      
}

.col-100 .widget-bizform .background-image .container:before,
.max-width-block-form.widget-bizform .background-image .container:before{
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    display: block;
    top:0;
    left:0;
    z-index: 1;
    background-color:var(--secondary-color-op80);
}

  .widget-bizform.bg-repeat .background-image{
  background-repeat: repeat;
    background-size: contain;
  }
 
  @media(min-width:1024px){
    .widget-bizform:not([id*="zoneLG100"], .max-width-block-form) .background-image .container {
      width:95%;
        margin: 3% auto;
    }
  }
  @media(min-width:1280px){
    .widget-bizform:not([id*="zoneLG100"], .max-width-block-form) .background-image .container {
      width:95%;
      margin: 5% auto;
    }
  }
  @media(max-width:1024px){
        .col-100 .widget-bizform .widget-bizform-wrapper {
    width:100%;
}
.col-100 .widget-bizform .background-image .container{
     padding: 24px 0px;
}
.max-width-block-form.widget-bizform .background-image .container{
     padding: 24px 0px;
}
}
.widget-bizform p{
 text-wrap-style:balance;
    max-width:900px;
    margin: 20px auto;
}
.widget-bizform h2 {
    margin-top:20px;
    z-index: 3;
    position: relative;
}

  @media(min-width:1441px){
   .widget-bizform:not([id*="zoneLG100"], .max-width-block-form) .background-image .container{
  
  margin: 10% auto;
  }
  }
 
  .checkbox-list-horizontal label {
    margin-right:10px;
}
.widget-bizform.theme3 .form-control{
    color:white;
}
.widget-bizform.theme3 .FormPanel :is(.form-control:focus, .form-control:active){
    color:#2a2a2a;
}
  /*-------------------------------------------------------------custom biz form------------------------------------------*/
  .widget-bizform tr td, .widget-bizform tr th {
    border-color:transparent;
}
  .widget-bizform div[id*="divContainer"] {
  padding: 20px;
  max-width: 1170px;
  }
  .widget-bizform .container{
  width:auto;
  max-width: 990px;
  }
  .widget-bizform .FormPanel {
  width: fit-content;
  margin: auto;
  }
  .widget-bizform .FormPanel .form-control {
  height:44px;
  }
  .widget-bizform.theme2 .FormPanel .form-control {
    background-color:var(--secondary-color-op80);
    border-color:var(--soft-grey);
    color:white;
}
.widget-bizform.theme2 .FormPanel .form-control:focus{
    color:#2a2a2a;
}
  .widget-bizform .EditingFormTable {
  display: block;
  width:90%;
  /*     margin:0 auto; */
  }
  .widget-bizform:has(.full, .half, .third, .comments) tr {
  display: flex;
  flex-direction: column;
    justify-content: space-between;
  
  }
  
  .widget-bizform .FormPanel .FieldLabel, 
  .widget-bizform  .FormPanel .EditingFormLabel {
  text-align: left;
  }
  .widget-bizform .EditingFormValueCell input, 
  .widget-bizform .EditingFormValueCell textarea,
  .widget-bizform .EditingFormValueCell select {
  border: 1px solid var(--primary-color-hover);
  /* background: var(--secondary-color-op80); */
  /*     box-shadow: var( --bs-v1); */
  }
  .widget-bizform .FormPanel .form-control:focus {
  border-bottom: 1px solid var(--accent-color);
  background-color: #fafbfc;
  outline: 1px solid var(--primary-color);
  box-shadow: var(--bs-v3);
  }
  .FormPanel .EditingFormControlNestedControl .form-control-text,
  .FormPanel .EditingFormValueCell .form-control-text {
    margin-top:6px;
    font-weight:500;
    color:var(--secondary-color);
  }
  .FormPanel .EditingFormControlNestedControl .calendar-action, .FormPanel .EditingFormValueCell .calendar-action{
    color: unset;
}
  .theme3 .FormPanel .EditingFormControlNestedControl .form-control-text,
  .theme3  .FormPanel .EditingFormValueCell .form-control-text{
    color:white;
  }
   .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
     border:1px solid var(--primary-color-hover);
     border-radius: 3px;
     min-height:44px;
     margin-bottom:4px;
     padding-top:6px;
     padding-left: 12px;
     margin-left: 3px;
     width: calc(100% - 6px);
  }
 .widget-bizform:is(.theme2, .backgrond-image) .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
   
     background:var(--secondary-color-op80);
      border: 1px solid var(--soft-grey);
    
  }
  .widget-bizform .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
    border:none;
    height:30px;
    border-bottom:1px solid var(--primary-color-hover);
  }

  
  .widget-bizform tr[id*="space_break"] {
  margin-top:20px;
  border-top:1px solid #c8c6c6;
  }
  
  .widget-bizform tr.label .EditingFormLabel{
  font-family: var(--title-font-family);
  font-size:2.3em;
  font-style:italic;
  color:var(--title-font-color);
  margin:30px 0 0px;
  }
  .widget-bizform.theme2 tr.label  .EditingFormLabel{
  color:white;
  }
  
  
  
  .widget-bizform .radio {
  margin-left: -9px;
  display: flex;
  flex-wrap: wrap;
  }
  .widget-bizform .radio input {
  margin-bottom: 10px;
  margin-right: 3px;
  margin-left: 10px;
  }
  .widget-bizform .radio label {
  flex-grow: 1;
  min-width: -moz-max-content;
  min-width: max-content;
  }
  .widget-bizform:has(.full, .half, .third, .comments) tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  
  .widget-bizform .title {
  font-size: 2rem;
  }
  .widget-bizform table.checkbox tr{
  width: 50%;
  }
  .widget-bizform:has(.full, .half, .third, .comments) tr.one-line {
  flex-direction: row;
  justify-content: flex-start;
  }
  .widget-bizform:has(.full, .half, .third, .comments) tr.one-line input[id*="checkbox"]{
  margin-top:6px;
  }
  @media(max-width:1024px){
  
  .widget-bizform table.checkbox tr{
  width: 100%;
  }
  .FormPanel .FieldLabel, .FormPanel .EditingFormLabel {
    text-align: left;
  }
  }
  .widget-bizform .full {
  width: 100%;
  }
  .widget-bizform .full .EditingFormControlNestedControl .form-control {
  max-width: 100%;
  }
  @media (max-width: 1024px) {
  .widget-bizform .full {
  width: 100%;
  }
  }
  .widget-bizform .half {
  width: 50%;
  }
  .widget-bizform .half .EditingFormControlNestedControl .form-control {
  max-width: 100%;
  }
  @media (max-width: 1024px) {
  .widget-bizform .half {
  width: 100%;
  }
  }
  .widget-bizform .comments {
  width: 100%;
  }
  .widget-bizform .comments .EditingFormControlNestedControl .form-control{
  max-width: 100%;
  height: 8rem;
  }
  @media (max-width: 1024px) {
  .widget-bizform .comments {
  width: 100%;
  }
  }
  .widget-bizform .third {
  width: 33%;
  }
  .widget-bizform .third .EditingFormControlNestedControl .form-control {
  max-width: 100%;
  }
  @media (max-width: 1024px) {
  .widget-bizform .third {
  width: 100%;
  }
  }
  
  
  .widget-bizform tr:has(input[type*="submit"]){
  display: flex;
  justify-content: center;
  align-items: center;
  margin:20px; 
  width: 100%;
  
  
  }
  .widget-bizform input[type*="submit"]{
  font-size:16px;
  height:43px;
  line-height:unset;
  font-weight:500;
/*   text-transform: uppercase; */
  }
  
  .widget-bizform div[id*="viewBiz_pM_pMP"] {
  text-align: center;
      font-size:1.5em;
  }

/*---------------------------------------------------footer-------------------------------*/
/*---simple footer overrides-*/
.footer-top-line {
    display: none;
}
/*----------------socials-------------*/
div[id*="SocialMediaIcons"] a{
    font-size:1.6em;
    padding: 10px 6px;
    display: inline-block;
}
div[id*="SocialMediaIcons"] a:first-of-type{
    padding: 10px 6px 10px 0;
}

/*-----------------------------------------login page----------------------------------*/
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn{
    background:var(--primary-color);
    color:white;
}
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn:hover{
    background:var(--primary-color-hover);
    color:white;
}
.login-widget-wrapper .login-form-wrapper .login-form-logon:after{
    color:white;
}
.login-widget-bg {
  background-color:var(--secondary-color);
}
.simple-login  .login-form-wrapper:before{
    content:'';
    display: block;
    background-image:url('/getmedia/2114737b-b113-4257-853d-aebbcb8208f6/BYC_Burgee_Circle.aspx');
    background-size: contain;
    background-repeat: no-repeat;
    width:100px;
    height:100px;
    margin:auto;
}
.simple-login .login-widget-wrapper h3{
        text-align:center;
        font-size:1.5em;
    line-height: 1;
    margin-top:20px;
        font-family:var(--title-font-family);
   
}

@media(max-width:1200px) and (min-width:767px){
.login-widget-wrapper {
    width:80%;
    max-width:800px;
}
}
.simple-login .login-text-wrapper {
    display:none;
}
.simple-login .login-form-wrapper {
    width:100%;
    margin-bottom:30px
}
.simple-login  .login-widget-wrapper {
    max-width:550px;
    width:100%;
    position:relative;
    z-index:3;
}


@media(max-width:767px){
    .simple-login  .login-widget-wrapper {
    max-width:100%;
   
}
    .simple-login .login-widget-wrapper h3{
        font-size:2em;
       
    }
  .simple-login .login-form-wrapper {
    margin-top:0;
    margin-bottom:40px;
}
}
/*-----------------------footer-top---------------------------------------*/

.footer-top .row {
    flex-direction: column;
    /* padding: 40px 0;
    margin:auto;
     border-top:3px solid var(--secondary-color-light) */
}
.footer-top .col-sm{
     -ms-flex-preferred-size:unset;
        flex-basis: unset;
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
    
    color:var(--title-font-color);
}
 .footer-top p {
        font-size:3em;
     font-family:var(--title-font-family);
    }
.footer-top .col-sm ul {
    display: flex;
    justify-content: space-evenly;
    padding: 0px 0 60px;
}
.footer-top ul li{
    padding: 20px;
    }
.footer-top ul li img {
    object-fit: contain;
    width:auto;
    height:100px;
}
@media (max-width:767px){
    .footer-top p {
        font-size:2em;
    }
.footer-top .row {
    padding: 25px 0 15px;
}

.footer-top .col-sm ul {
    padding: 0px 0 0px;
}
.footer-top ul li{
    padding: 10px;
    }
.footer-top ul li img {
 
    height: 40px;
}
}
/*------------------------------------------------footer-main-----------------------------*/
.footer-main .inner-wrap:before{
    content:'';
    z-index: 2;
    background:var(--secondary-color-light);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    display: block;
    height:80px;
    width:100%;
    top:-78px;
    left:0;
    position: absolute
    
}
.footer-main .inner-wrap:after{
    content:'';
    z-index: 1;
    background:var(--soft-grey);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    display: block;
    height:110px;
    width:100%;
    top:-108px;
    left:0%;
    position: absolute
    
}
.footer-main .inner-wrap{
    margin-top:110px;
    background:var(--secondary-color-light);
    position: relative;
    
   
}
.footer-main .inner-wrap .container{
     max-width:1200px;
    z-index: 3;

}
.footer-main ul li, .footer-top ul li{
    list-style: none;
  
}
.footer-main ul,
 .footer-top ul{
    padding:unset;
    margin:0;
  
}
.footer-main address{
    font-style: normal;
}
footer .footer-main address {
    font-size:1.1em;
}
footer .footer-main a[href*="tel"],
footer .footer-main a[href*="mail"]{
    font-size:1.1em;
    text-decoration: none;
}
.footer-main ul{
    column-count:2;
    column-gap:30px;
}
.footer-main ul a{
    text-decoration: none;
    font-size:1.5em;
    font-family:var(--title-font-family);
    text-transform:uppercase;
    
}
.footer-main .row{
    justify-content: space-between
}
.footer-main div[id*="divCol"]{
    color:var(--dark-font);
     
}
.footer-main div[id*="divCol1"],
.footer-main div[id*="divCol5"]{
    -ms-flex-preferred-size:unset;
        flex-basis: unset;
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
        max-width: 100%;
    display: flex;
justify-content: center;
    
}
.footer-main div[id*="divCol3"]{
    width:50%;
    max-width:550px;
     -ms-flex-preferred-size:unset;
        flex-basis: unset;
        -webkit-box-flex: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
    
        
}
.footer-main div[id*="divCol2"]{
      max-width:250px;
}
.footer-main div[id*="divCol4"]{
    max-width:180px;
}
.footer-main div[id*="divCol1"]{
    padding:10px 0 60px;
}
.footer-main div[id*="divCol5"]{
    flex-direction: row;
    justify-content: space-around;
    padding:40px 0 0px;
}
.footer-main div[id*="divCol5"] p {
    font-size:1.5em;
    font-weight:500;
    font-family: var(--title-font-family);
     
}
.footer-main h6 {
    font-size: 1.5em;
    font-weight:500;
    text-transform:uppercase;
}


@media (max-width:767px){
     
    .footer-main div[id*="divCol3"],
    .footer-main div[id*="divCol2"],
    .footer-main div[id*="divCol4"]{
    width:100%;
    max-width:100%;
    padding-bottom:20px;
        text-align: center;
}
    .footer-main div[id*="divCol3"]{
        padding: 20px 20px 40px 0;
    }

    .footer-main div[id*="divCol1"]{
    padding:10px 0 40px;
}
.footer-main div[id*="divCol5"]{
 
    padding:0px 0 0px;
}
}

@media(max-width:500px){
   
    .footer-main ul{
   
    column-gap:16px;
}
    .footer-main ul a,.footer-main h6, 
    .footer-main div[id*="divCol5"] p{
        font-size:1.2em;
    }
}

/* ----------------------------------------------------------------------*/
/* ------                       Scroll To Top                            -----*/
/* ----------------------------------------------------------------------*/
.scrollTop {
    position: fixed;
    bottom: 3%;
    right: 3%;
    z-index: 99;
    cursor: pointer;
    transition: 0.3s ease all;
    display: flex;
    justify-content: center;
    align-items: center;
}

#scrollTop:hover {
    transform: scale(1.15);
}

i.fa.fa-chevron-circle-up {
    color: var(--primary-color);
}

.scrollTopBtn {
    color: var(--primary-color);
    font-size: 2.2em;
    padding-left: 9px;
}


@-webkit-keyframes border-transform {
  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}

.progress-wrap {
  position: fixed;
  right: 40px;
  bottom: 40px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: 'FontAwesome';
  content: '\f176';
  text-align: center;
  line-height: 50px;
  font-size: 26px;
  color: var(--accent-color);
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::after {
  opacity: 0;
}

.progress-wrap::before {
  position: absolute;
  font-family: 'FontAwesome';
  content: '\f176';
  text-align: center;
  line-height: 50px;
  font-size: 26px;
  opacity: 0;
  background: var(--primary-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 1;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: var(--primary-color);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}