:root {
  --primary-color:#0a528a; /*primary */
  --primary-color-hover:#0d4f87;
  --primary-color-op80:rgba(10, 82, 138,0.8); /*primary */
  --primary-color-op90:rgba(10, 82, 138,0.9); /*primary */
  --primary-color-dark: #06264a; 
  --primary-color-light:#0681C2; 
 
  --accent-color:#0681C2; 
  --secondary-color: #f7f9fc;
 --secondary-color-op90: hsla(216, 45%, 98%, 0.9);

  
   --dark-hover-in:rgba(0,0,0, 0.3);
   --dark-hover-in-op40:rgba(0,0,0, 0.40);
    --dark-hover-in-op80:rgba(0,0,0, 0.80);

    --soft-white-op10:rgba(250, 249, 249, 0.1);
    --soft-white-op20:rgba(250, 249, 249,0.2);
    --soft-white-op80:rgba(250, 249, 249,0.8);
  --soft-grey:#F2F1EC;
  --backdrop-2:#EBE6E2;
  --body-color:#faf9f9;
  /*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:#06264a; 
    --body-font-color:#183653;
     --title-font-family: "Bodoni Moda", serif;
     --body-font-family:"Montserrat", sans-serif;;



}
* {
     font-variation-settings: 'opsz' 0;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}


body {
  overflow-x: hidden;
  
}
button#scrollToTopBtn{
    z-index: 1000;
}

:is(h1,h2,h3,h4,h5,h6):empty,.basic-block p:empty{
    display: none;
}
/*---------title adjustments---------*/
:is(.theme1, .theme3):not(.cho-hero-textwidget, .full-width-quicklinks) :is(h1,h2,h3,h4,h5,h6){
    color:var(--title-font-color);
    line-height:1.02;
    letter-spacing:0.5px;
}
.content-quicklink-menu h2{
    font-size:1.5em;
    font-weight: 500;
    text-transform: uppercase;
    font-family:var(--body-font-family);
}

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

} 

/*---------------------------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; 
}
: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%;
    
}
.contact-card-widget .inner-wrap{
  max-width:1440px;
  margin:auto;
  width:100%;
  float:unset;   
}

/*------------------------------------------------------header ---------------------------------------*/
.master-layout-1 {
  z-index: 2004;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  
  header.master-layout-1 .logo {
     
      padding:3px 0;
      max-height: 140px;
      /* width: 100%; */
      height: 100%;
      margin-left:27px;
  }
  header.master-layout-1 .logo img {
    padding-top:8px;
/*     max-height: 136px; */
  }
  header.master-layout-1.scrolled-head .logo img {
  
    max-height:90px
  }
  header.master-layout-1 .logo img{
    /* min-height: 120px; */
    padding-top:10px;
    padding-bottom:10px;
  }

.master-layout-1 #divMainMenu nav #main-menu li, 
.master-layout-1 #divMainMenu nav #main-menu a,
.master-layout-1 #divMainMenu nav #main-menu ul a {
font-weight:500;
text-transform: uppercase;
}  
   .master-layout-1 #divMainMenu nav #main-menu ul a:hover{
    background:var(--primary-color-light);
    color:white;
   }
}
@media(hover:hover) and (min-width:1025px) and (max-width: 1500px){
  header.master-layout-1 .container-fluid {
   
padding-left: 0px;
padding-right: 0px;
   
/* height: 136px; */
   
}
  }
@media(min-width:1500px) and (hover:hover){
  header.master-layout-1 .container-fluid {
      padding:0 ;
      padding-left:0;
      padding-right:0;
  }
  .master-layout-1 .MyProfile_Member{
    margin-right:14px;
    }

}
/* @media(hover:hover) and (min-width:1025px){
  

.master-layout-1 .MyProfile_Member:focus .MyProfile_Name ,
 .master-layout-1 .MyProfile_Member .MyProfile_Name {
  text-transform: unset;
} 
} */


header.master-layout-1 .MyProfile_Member .fullView {
background:var(--primary-color-op80);

}


 
  @media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
    header.master-layout-1 .MyProfile_Member .MyProfile_Name{
      background:var(--primary-color);
        /* border:1px solid white; */
      border-radius:8px;
      color:white;
      font-weight:500;
       height:fit-content;
       text-align:left;
padding:10px 20px;
      
  }
    .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name{
      padding:10px 30px 10px 20px;
    
    }
   
  .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
    margin-top:25px;
  
}
.master-layout-1.scrolled-head .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
    margin-top: 10px;
}
    header.master-layout-1.scrolled-head .MyProfile_Member .MyProfile_Name{
      /* min-height: 28px; */
      overflow:hidden;
       padding: 16px 20px;
  }
   .master-layout-1.scrolled-head .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name{
      padding:16px 30px 16px 20px;
    }
   header.master-layout-1 .MyProfile_Member:hover .MyProfile_Name{
      background:var(--primary-color-hover);
  
      
  }
  header.master-layout-1 .MyProfile_Member .MyProfile_SignedIn,
  header.master-layout-1 .MyProfile_Member .MyProfile_SignedOut{
    padding-left:0;
 
  }
   header.master-layout-1 .MyProfile_Member:focus{
      background:var(--primary-color-hover);
      margin-left:10px;
  }
  header.master-layout-1 .MyProfile_Member:focus .MyProfile_Name{
      color:#ffffff;
  }
 header.master-layout-1 .MyProfile_Member:hover .MyProfile_Name{
      color:#ffffff;
  }
  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: 0 -10px 0 -8px white inset;
  }
  header.master-layout-1 #main-menu>li>a{
    line-height: 40px;
  }

  }

@media (min-width:1024px) and (max-width:1499px) and (hover:hover){
    .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .SignedIn_container,
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .SignedIn_container{
        margin-right:13px
    }
}
/*-----------------------------------------------------transparent header----------------------*/
header.master-layout-1{
   border-bottom:5px solid var(--primary-color-light);
   background:white;
   /* padding-top:10px; */
   /* padding-bottom:10px; */
}
.master-layout-1 .container-fluid {
  z-index:1000;
  height:140px;
}
header.master-layout-1:after{
  content:'';
     background-image: url('/getmedia/31301b36-1b2a-4eff-812d-11c65d4dac0c/pattern-blue-boat-scaled.aspx');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  z-index:-1;
  opacity:0.04;
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  display:block;
}

header.master-layout-1 .header-top{
  height:140px;
}
header.master-layout-1 .header-top, header.master-layout-1 .header-bottom {
  
      background:transparent;
  }
  header.master-layout-1.scrolled-head .header-top {
    padding-top:5px;
    height:70px;
  }
      header.master-layout-1.scrolled-head #main-menu{
        padding-bottom:5px;
      }

.master-layout-1 #menu-button i.fa-bars,
.master-layout-1 .MyProfile_Member .MyProfile_Svg svg
{
  fill:var(--primary-color-light);
color:var(--primary-color-light);
}


.master-layout-1 #divMainMenu nav #main-menu>li>a:hover , 
.master-layout-1 #divMainMenu nav #main-menu>li>a.active-link {
   color:var(--primary-color-light);
  box-shadow: none;

}




@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  header.master-layout-1.scrolled-head .container-fluid {
    height:83px;
  }
.master-layout-1 .MyProfile_Member,
  .master-layout-1  #divMainMenu{
    height:140px;
  }
  .master-layout-1 #divMainMenu nav #main-menu>li>a{
    line-height:140px;
  }
  header.master-layout-1.scrolled-head .header-bottom nav ul:before {
        
         height:0px;
        
       } 
       
header .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name::after{
  margin-left:0;
      content:'';
}
.MyProfile_Member .MyProfile_SignedIn::after {
      content: "";
    font-family: FontAwesome;
    position: absolute;
    right:20px;
    top:56px;
    color:white;
    display: block;
    z-index: 200px
}
.scrolled-head .MyProfile_Member .MyProfile_SignedIn::after {
   
    top:28px;
   
}
}
@media(hover:hover)and (pointer:fine)and (min-width:1025px) and (max-width:1499px),
screen and (-ms-high-contrast:none)and (min-width:1025px) and (max-width:1499px) {

    .MyProfile_Member .MyProfile_SignedIn::after{
        right:30px;
    }
}

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

header.master-layout-1:has(.showMobile) .MyProfile_Member .MyProfile_Svg svg {
  /* fill:white; */
  fill:var(--primary-color-light);
  }
  .master-layout-1 #menu-button i.fa-bars {
  color:white;
  background: var(--primary-color-light);
  padding: 5px 10px;
  border-radius: 5px;
  }
 .icon-m.close-nav {
      /* margin:28px 14px; */
       float:left;
    left: 0;
    right: auto;
    margin: 9px 14px;
  }
  .master-layout-1 .showMobile .fa-times {
    color:var(--primary-color-light);
    /* color:var(--primary-color); */
 
  }

  .master-layout-1 .showMobile i.fa-plus:before {
  content:'\f107';
  
  }
  .master-layout-1 .showMobile i.fa-minus:before {
  content:'\f107';
   transform: rotate(180deg);
    display:inline-block;
  }
    
   
  .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(--accent-color); */
  color:var(--primary-color);
  
  }
  /* .master-layout-1 .showMobile i.fa-minus:before {
  
  color:#2a2a2a;
  
  } */
  
  .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: 10px 15px; */
  padding: 18px 24px 18px 0;
  
  }
  .master-layout-1 .showMobile i.fa-minus { 
    padding: 10px 22px; 
    /* background:var(--primary-color);  */
     padding: 18px 22px 18px 0;
    /* 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/3d05c8e0-195d-4f35-933d-89668b3fc5a3/The-Surf-Club-Logo-Branded.aspx');
      background-size:contain;
      background-repeat: no-repeat;
      background-position: center bottom;
      width:250px;
      height:100px;
  
      position: relative;
      margin: 50px auto 10px;
      display: block;
  }
  header.wgt-header nav.showMobile{
  background:white;
  
  }
  header.wgt-header nav.showMobile li a{
/* text-align: center;
width:fit-content; */
flex-grow:unset;
  
  }
  /* header.wgt-header nav.showMobile li {
    justify-content: start;
  
  } */
  
  .master-layout-1 nav.showMobile #main-menu ul{
  /* background:var(--primary-color); */
    padding-left:16px;
  }
  .fullmenu nav.showMobile .top-nav
   {
      width: calc(100% - 0px);
  }
  .master-layout-1 #divMainMenu nav.showMobile #main-menu li a {
  color:#2a2a2a;
  /* color:white; */
   text-transform:uppercase;
    font-weight:500;
  }
  .master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a {
  color:#2a2a2a;
  }
   .master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a:hover {
  color:white;
  background:var(--primary-color-light);
  }
  
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
 
    text-decoration:underline;
  color:var(--primary-color-light);
  font-weight:600;
  }
  /* .master-layout-1 #divMainMenu nav.showMobile #main-menu ul a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu  ul a.current {
   text-decoration:underline;
  color:var(--primary-color);
  } */
  header.master-layout-1 nav.showMobile #main-menu ul a {
    background:transparent;
  }
header.wgt-header nav.showMobile #main-menu li ul {
  background-color:var(--secondary-color);
    padding-left:10px;
    padding-right:10px;
}

  .master-layout-1 #divMainMenu nav.showMobile #main-menu li ul a {
    border:none;
     padding: 20px;
    /* border-bottom:1px solid var(--accent-color); */
  }
header.master-layout-1  nav.showMobile #main-menu a {
 
    line-height:35px;
    text-align: center;
    width: fit-content;
    display: block;
    flex-grow: unset;
}
header.master-layout-1 .showMobile #main-menu li{
  /* border-bottom:1px solid var(--primary-color-light); */
      justify-content: center;
       min-height: 67px;
}
header.master-layout-1 .showMobile #main-menu ul li{
    border-color: white;
    color:var(--body-font-color);
}

header.master-layout-1 .showMobile #main-menu li:has(.child-nav) > a{
   margin-left:44px;
}
header:not(.no-banner):not(.scrolled-head) #main-menu ul.showMobile a:hover {
   background-color:var(--primary-color-hover)
}


    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:140px;
    background-color:white;
      width:calc(100vw - 25px);
    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;
    color:#2a2a2a;
    /* border-bottom:1px solid var(--primary-color-light); */
}

nav:has(.showMobile) .mobile-logo-redirect{
    position: absolute;
    left:calc(50% - 100px);
    width:200px;
    top:0;
    height:160px;
    /* border:1px solid red; */
}

/*----------------------------align nav items to the right----------------------*/
/* .master-layout-1 #divMainMenu nav:not(.showMobile){
  
    margin: 0 0 0 auto;
}
.master-layout-1 #divMainMenu nav:not(.showMobile) #main-menu{ 
        margin: 0 0 0 auto;
} */

@media(pointer:fine) and (min-width:1440px){
    .master-layout-1 .container-fluid {
    position: relative;
}
  .master-layout-1 #divMainMenu {
        width: calc(100% - 580px);
    }
    /* .master-layout-1 #divMainMenu nav:not(.showMobile){
      max-width:1000px;
        width:fit-content;
    } */
    /* .master-layout-1 #divMainMenu{
        width: calc(100% - 850px);
        transform: none;
        right:300px;
        left:auto;
    } */
}
 /*--------------------------max-width-700------------------------*/
  .max-width-700 :is(p,h1,h2,h3,h4,h5,h6,ul,ol, .col-sm, .text-block-wrapper) {
    width:100%;
    max-width:700px;
    margin-left:auto;
      margin-right:auto;
    text-wrap-style:pretty;
}
body:has(.append-to-form.max-width-700) .widget-bizform p {
    max-width: 700px;
    margin-left:auto;
    margin-right:auto;
}
 
 /*--------------------------max-width-900------------------------*/
  .max-width-900 :is(p,h1,h2,h3,h4,h5,h6,ul,ol, .col-sm, .text-block-wrapper) {
    width:100%;
    max-width:900px;
    margin-left:auto;
      margin-right:auto;
    text-wrap-style:pretty;
}
body:has(.append-to-form.max-width-900) .widget-bizform p {
    max-width: 900px;
    margin-left:auto;
    margin-right:auto;
}
/*--------------------------max-width-1170------------------------*/
  .max-width-1100 :is(p,h1,h2,h3,h4,h5,h6,ul,ol, .col-sm, .text-block-wrapper) {
    width:100%;
    max-width:1170px;
  margin-left:auto;
      margin-right:auto;
    text-wrap-style:pretty;
}
body:has(.append-to-form.max-width-1100) .widget-bizform p {
    max-width: 1170px;
    margin-left:auto;
    margin-right:auto;
}
/*---------------banner title--*/
section.banner-title .inner-wrap .container{
   max-width:1170px;
   
}



/*--------------------------basic-text-area--------------*/

.theme2:is(.basic-text-area, .basic-block:not(.background-image)) .theme-secondary{
    position: relative;
}
.theme2:is(.basic-text-area, .basic-block:not(.background-image)) .theme-secondary:before{
    content:'';
     background-image: url('/getmedia/31301b36-1b2a-4eff-812d-11c65d4dac0c/pattern-blue-boat-scaled.aspx');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  z-index:0;
  opacity:0.04;
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  display:block;
}
.theme2:is(.basic-text-area, .basic-block:not(.background-image)) .theme-secondary .container{
    z-index: 100;
    position: relative;
    padding:20px 
}

/*---------------impactful-p-------------------*/
.impactful-p p {
    font-size:20px;
}
.impactful-p p :is(.btn, .e3-button){
    font-size:16px;
}


/*-----------------------------p -font size -----------------------*/
@media(max-width:767px){
    .impactful-p p {
        font-size:16px;
}
}

/*---------------------------------padding-md , padding-lg, .padding-top-lg, padding-bottom-lg,padding-top-md ,padding-bottom-md, override-padding-bottom-sm--------------------------------*/


@media(min-width:768px){
    .padding-md .container {
    padding: 44px 16px;
  }
  .padding-top-md .container{
    padding: 44px 16px 0 16px;
  }
  .padding-bottom-md .container{
    padding: 0 16px 44px 16px;
  }
  .padding-lg .container {
    padding: 88px 16px;
  }
   .padding-top-lg .container{
    padding: 88px 16px 0 16px;
  }
    .padding-bottom-lg .container{
       padding: 0 16px 88px 16px;
    }
    .widget-bizform.padding-bottom-lg .inner-wrap{
    padding: 20px 16px 88px 16px !important;  /*override system*/
  }
}
@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;
   }
    section.basic-block.padding-top-md .basic-block-wrapper{
    padding: 44px 0 0 0;
  }
  section.basic-block.padding-bottom-md .basic-block-wrapper{
    padding: 0 0 44px 0;
  }
  section.basic-block.padding-top-lg .basic-block-wrapper{
    padding: 96px 0 0 0;
  }
   
  section.basic-block.padding-bottom-lg .basic-block-wrapper{
    padding: 0 0 96px 0;
  }
}
@media(max-width:767px){
    .padding-md .container {
    padding: 24px 16px;
  }
  .padding-top-md .container{
    padding: 24px 16px 0 16px;
  }
  .padding-bottom-md .container{
    padding: 0 16px 24px 16px;
  }
  .padding-lg .container {
    padding: 44px 16px;
  }
   .padding-top-lg .container{
    padding: 44px 16px 0 16px;
  }
    .padding-bottom-lg .container{
    padding: 0 16px 44px 16px;
  }
  .remove-padding-mobile .container{
    padding: 0px 16px;
  }
    
    .widget-bizform.padding-bottom-lg .inner-wrap{
    padding: 20px 16px 44px 16px !important; /*override system*/
  }
}
@media(max-width:1119px){
  section.basic-block.padding-lg .basic-block-wrapper {
     padding:44px 0;
  }
  section.basic-block.padding-md .basic-block-wrapper {
      padding:24px 0;
   }
    section.basic-block.padding-top-md .basic-block-wrapper{
    padding: 24px 0 0 0;
  }
  section.basic-block.padding-bottom-md .basic-block-wrapper{
    padding: 0 0 24px 0;
  }
  section.basic-block.padding-top-lg .basic-block-wrapper{
    padding: 44px 0 0 0;
  }
   
  section.basic-block.padding-bottom-lg .basic-block-wrapper{
    padding: 0 0 44px 0;
  }
}
@media(max-width:767px){
  section.basic-block.padding-lg .basic-block-wrapper {
     padding:12px 0;
  }
  section.basic-block.padding-md .basic-block-wrapper {
      padding:12px 0;
   }
    section.basic-block.padding-top-md .basic-block-wrapper{
    padding: 12px 0 0 0;
  }
  section.basic-block.padding-bottom-md .basic-block-wrapper{
    padding: 0 0 12px 0;
  }
  section.basic-block.padding-top-lg .basic-block-wrapper{
    padding: 12px 0 0 0;
  }
   
  section.basic-block.padding-bottom-lg .basic-block-wrapper{
    padding: 0 0 12px 0;
  }
}


/*--------------------------------------title and summary--------------------------*/
.basic-block.background-image h2{
    color:unset;
}
.basic-block.background-image.theme1 :is(h1,h2,h3,h4,h5,h6){
    color:var(--title-font-color);
    text-shadow: none;
    
}
.basic-block.background-image.theme1 :is(p, ul,ol, a:not(.e3-button,.btn)){
    color:#2a2a2a;
    text-shadow: none;
    
}
.basic-block p {
  font-size:1.1em;
  line-height:1.9;
  max-width:680px;
  font-weight:500;
}
.basic-block:has(h3) h2{
  font-size:1.3em;
  font-weight:500;
  font-family:var(--body-font-family);
  text-transform:uppercase;
}
.basic-block:has(h3):is(.theme1, .theme3) h2{
  color:var(--primary-color);
}
.basic-block:has(h2) h3{
  font-size:3.5em;
  font-weight:500;
 
}
.basic-block.background-image.theme1.leftfull .inner-wrap{
/*     background:linear-gradient(to right, rgba(255,255,255,0.8), transparent) */
    background:linear-gradient(
        90deg,
       rgba(255,255,255,0.97) 0%,
     rgba(255,255,255,0.90) 36%,
      rgba(255,255,255,0.52) 62%,
      rgba(255,255,255,0.10) 100%
    )
}
.basic-block.background-image.theme2.leftfull .inner-wrap{
/*     background:linear-gradient(to right, rgba(255,255,255,0.8), transparent) */
    background:linear-gradient(
        90deg,
       rgba(10, 82, 138,0.97) 0%,
     rgba(10, 82, 138,0.90) 36%,
      rgba(10, 82, 138,0.52) 62%,
      rgba(10, 82, 138,0.10) 100%
    )
}
.basic-block.background-image.leftfull .text-block-wrapper{
    margin-left:0;
}
.basic-block:not(.center) h2:after{
    margin:10px auto 10px 0 ;
}
.basic-block.center .text-block {
    padding-top:64px;
    padding-bottom:64px;
}
.basic-block.center .text-block-wrapper {
    max-width:700px;
    margin:auto;
   
}

.basic-block .basic-block-wrapper .img-block img{
    height:300px;
    object-fit: cover;

}
@media(max-width:1440px) and (min-width:768px){
    /* .basic-block:not(.center, .background-image) .basic-block-wrapper .img-block.col-sm-push-6 {
        margin-right:40px;
        width:calc(50% - 40px);
    }
    .basic-block:not(.center, .background-image) .basic-block-wrapper .img-block:not(.col-sm-push-6) {
        margin-left:40px;
        width:calc(50% - 40px);
    } */
    .basic-block:not(.center, .background-image) .basic-block-wrapper .col-sm-offset-1{
        margin-left:40px;
    }
}
@media(max-width:767px){
    /* .basic-block:not(.center, .background-image) .basic-block-wrapper .img-block{
        width:calc(100% - 40px);
        margin:auto;
    }  */
     .basic-block.center .text-block {
    padding-top:24px;
    padding-bottom:24px;
} 
.basic-block .basic-block-wrapper .text-block{
        padding: 30px 20px;
    }
     .basic-block:has(h2) h3{
     font-size:2.8em;
    }
}
@media(min-width:1460px){
     .basic-block:not(.center, .background-image) .basic-block-wrapper{
       padding-top:16px;
         padding-bottom:16px;
    }
}
/*---------override-padding-bottom-sm------------*/
.override-padding-bottom-sm.basic-block .text-block {
    padding-bottom: 16px;
}


/*------------------------------------image and text quick link-------------------------------------*/
.cho-quicklink-tile .cho-quicklink-tile-image img {
    height:100%;
    object-fit: cover;
}
.card-widget .flex-equal-height{
    flex-flow:row wrap;
}
/* .card-widget:has(.image-background) .theme-secondary :is(h2,h3,h4,h5,h6){
    color:unset;
} */
.card-widget:has(.image-background) .theme-secondary :is(h2,h3,h4,h5,h6,p) {
    color: white;
}
.card-widget:has(.image-background) .theme-secondary a:hover :is(h2,h3,h4,h5,h6,p) {
    color: white;
}
.card-widget:has(.image-background).theme2 .theme-secondary a:hover :is(h2,h3,h4,h5,h6,p) {
    color: #2a2a2a;
}
.card-widget h4{
  font-size:1.7em;
}
.card-widget h5{
  font-size:1.3em;
}
:is(.theme1, .theme2, .theme3) .theme-primary-hover-in {
    background-color: rgba(0,0,0,0.5);
}
.quicklink-flex-item p.full-width-quicklink-text {
    
        font-weight: 500;
    }
.cho-quicklink-tile:has(.image-background) .cho-quicklink-basic-wrapper .cho-quicklink-content-1b :is(h4,h5, p){
    font-weight:500;
}

.full-width-quicklinks h3.normal-font{
 font-size:2em; 
}


/*------------expandable and tabbed button fix---------*/
 :is(.expandable-content-widget, .tab-content).theme2 .col-sm a{
    color:#2a2a2a;
    
}
:is(.expandable-content-widget, .tab-content).theme2 .col-sm a.e3-button{
    color:#2a2a2a;
    border:1px solid var(--primary-color);
    
}
:is(.expandable-content-widget, .tab-content).theme2 .col-sm a.e3-button:hover{
    color:white;
    background:var(--primary-color-hover);
    
}
:is(.expandable-content-widget, .tab-content).theme2 .col-sm a:hover{
    color:var(--primary-color);
    
}
 /*------------------------------------------------------------------expandable content-----------------------------------------------------------*/
.expandable-content-widget .inner-wrap {
  display: flex;
}
.expandable-content-widget .expandable-content-wrapper {
  max-width: 1440px;
  width:100%;
  margin:0 auto;
    background:transparent;
}

.expandable-content-widget .expandable-content-heading {
  padding: 0;
    border-bottom:1px solid var(--primary-color);
    font-size:1.25em;
    font-family:var( --title-font-family);
}
.expandable-content-widget .expand-arrow,
 .expandable-content-widget .expandable-content-link:hover, 
.expandable-content-widget .expandable-content-link:focus
{
    padding:5px 10px;
    
}
.expandable-content-widget .expandable-content-heading .expandable-content-link{
  padding: 12px 15px;
    
}
/* .expandable-content-widget.theme1 .expandable-content-link{
     
    background:transparent;
} */

.expandable-content-widget.theme2 .expandable-content-heading .expandable-content-link{
    border-bottom:1px solid white;
}
.expandable-content-widget.theme2 .expandable-content-heading{
     border-bottom:none;
    background:var(--primary-color);
}
.expandable-content-widget.theme2 .expandable-content-link:hover{
     
    background:var(--primary-color-hover);
}

.expandable-content-widget.theme1 .expand-arrow,
 .expandable-content-widget.theme1 .expandable-content-link:hover, 
.expandable-content-widget.theme1 .expandable-content-link:focus
{
    background:var(--primary-color);
    color:white;
    
}
.expandable-content-widget.theme2 .expand-arrow{
    background-color:var(--primary-color);
    color:white;
}
.expandable-content-widget.theme2 a:hover .expand-arrow {
  background-color:var(--primary-color-hover);
  color:white;
}
/* .expandable-content-widget.theme2 .row a:not(.e3-button):hover {
  color:var(--primary-color);
} */
/*-----------------------------------tabbed content---------------------------------*/
.tab-content .tab-content-nav {
  /* font-family:var(--title-font-family); */
  font-size:1.4em;
}


@media(max-width:900px){
    .vertical-tab .tab-content-nav{
        flex-basis: 100%;
        margin-bottom:20px;
    }
    .vertical-tab .tab-content-content{
    flex-basis: 100%;
    }
    .vertical-tab .tab-content-content .tab-content-item {
      padding: 0;
    }
}

/*-----------------------tab-content-center---------------*/
.tab-content-center .tab-content-item{
    height:100%;
    display: flex;
}
 /*---------------------------------------------------------------contact cards-------------------------------------------------------*/
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}
.contact-card-widget.card-view  .card-details-inner .detail-item h3 {
    
    color:var(--title-font-color);
    margin-bottom:5px;
}
.contact-card-widget .card-details-inner .detail-item h4 {
  font-size:1.3em;
    /* font-family:var(--body-font-color); */
}
.contact-card-widget.card-view .contact-card-wrapper .card-photo {
    /* border-radius: 0; */
    background-color:var(--primary-color);
    box-shadow: 1px 1px 0px 0px var(--soft-grey);
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
   box-shadow: 1px 0px 3px 1px #a1a1a1;
    border:none;
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .contact-card-item{
    background-color:var(--soft-grey);
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa  {
    color:var(--primary-color);
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa:hover  {
    color:var(--primary-color-dark);
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-photo{
    background-position: top;
}


.contact-card-widget:is(.card-view, .full-card).theme2 .contact-card-wrapper .contact-card-item
 {
    background-color: var(--secondary-color);
     color:black;
}
.contact-card-widget:is(.card-view, .full-card).theme2 .contact-card-item :is(h3,h4,a){
    color:black;
}
.contact-card-widget:is(.card-view, .full-card).theme2 .contact-card-item  a:hover{
   color:var(--primary-color);
}
.contact-card-widget:is(.card-view, .full-card).theme3 .contact-card-wrapper .contact-card-item{
    background-color:var(--accent-color);
  color:white;
}
.contact-card-widget:is(.card-view, .full-card).theme3 .contact-card-item :is(h3,h4,a){
    color:white;
}
.contact-card-widget:is(.card-view, .full-card).theme3 .contact-card-item  a:hover{
   color:var(--primary-color);
}
/*---------------------------------quicklink menu----------------------------*/
/*--------------------------------quick links side menu icons------------------------------------------*/
.content-quicklink-menu.theme1 .content-quicklink-menu-list {
  background:transparent;
}
.content-quicklink-menu.theme1 .content-quicklink-menu-list a{
  color:var(--primary-color);
  border:1px solid var(--primary-color);
  border-radius:5px;
  background:var(--body-color);
}
.content-quicklink-menu.theme1 .content-quicklink-menu-list a:hover{
  color:white;
  background:var(--primary-color-hover);
}
.content-quicklink-menu.theme2 .content-quicklink-menu-list a {
  background:var(--primary-color);
}
.content-quicklink-menu.theme2 .content-quicklink-menu-list a{
  color:white;
  border:1px solid var(--primary-color-dark);
  border-radius:5px;
}
.content-quicklink-menu.theme2 .content-quicklink-menu-list a:hover{
  color:white;
  background:var(--primary-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;
}
/*-------------------------------custon class icon-ql----------------------*/
.icon-ql h4:before{
  display: block ;
  margin-left: 0px;
  margin-bottom: 12px;
}


    /*-------------- 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: 1.5em;      /* 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;
}

.icon-ql a h4:before{
  content: "\e86c";
     font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;      /* controls icon size */
  display: block;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.icon-ql:is(.theme1,.theme3) a h4:before{
color:white;
  font-size: 1.7em;
}

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

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

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

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

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


a[class*=calendar].content-quicklink-menu-a:before,
.icon-ql h4[class*=calendar]: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,
.icon-ql h4[class*=documents]:before,
.icon-ql h4[class*=quercus]:before,
.icon-ql h4[class*=laws]:before{
  content: "\f5a0";
}


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


a[class*=court].content-quicklink-menu-a:before,
.icon-ql h4[class*=court]:before {
  content: "\ea32";
}
 


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

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

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


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


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


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

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

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

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,
.icon-ql h4[class*=minutes]:before,
.icon-ql h4[class*=documents]:before,
.icon-ql h4[class*=form]:before,
.icon-ql h4[class*=policies]:before,
.icon-ql h4[class*=postings]:before{
  content: "\f385";
}


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

}
a[class*=tennis].content-quicklink-menu-a:before,
.icon-ql h4[class*=tennis]:before{
content: "\ea32";
}
a[class*=fitness].content-quicklink-menu-a:before,
.icon-ql h4[class*=fitness]:before{
content: "\eb43";
}

a[class*=rules].content-quicklink-menu-a:before,
.icon-ql h4[class*=rules]:before{
content: "\f1c2";
}
a[class*=handbook].content-quicklink-menu-a:before,
.icon-ql h4[class*=handbook]:before{
content: "\f3e7";
}
a[class*=food].content-quicklink-menu-a:before,
.icon-ql h4[class*=food]:before{
content: "\f1f2";
}
a[class*=guidelines].content-quicklink-menu-a:before,
.icon-ql h4[class*=guidelines]:before{
content: "\f53c";
}
a[class*=contact].content-quicklink-menu-a:before,
.icon-ql h4[class*=contact]:before{
content: "\e94c";
}
a[class*=handicap].content-quicklink-menu-a:before,
.icon-ql h4[class*=handicap]:before{
content: "\ea7d";
}
a[class*=resources].content-quicklink-menu-a:before,
.icon-ql h4[class*=resources]:before{
content: "\e02f";
}

a[class*=news].content-quicklink-menu-a:before,
.icon-ql h4[class*=news]:before{
content: "\e032";
}

/*---------------------------------------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(--primary-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;
   
  }
  }
  /*------append to form --------------*/
  .widget-bizform div[id*="TextArea"] hr {
    width:80px;
    margin:10px auto;
    border-color:var(--primary-color);
    border-width:2px;
}
.widget-bizform div[id*="TextArea"] .col-sm {
    padding: 16px 20px 32px;
}
  /*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
  
  .widget-bizform  .container{
  background:var(--secondary-color);
      color:var(--body-font-color);
  padding: 44px 20px;
  height:100%;
  margin: 20px 20px;
  /* box-shadow: 1px 1px 3px 2px #d4d4d4; */
  
  }
.widget-bizform.theme2 .theme-secondary .FormPanel .btn-icon{
    color:var(--body-font-color)
}
  .widget-bizform.bg-repeat .background-image{
  background-repeat: repeat;
    background-size: contain;
  }
  .widget-bizform.theme3 .container{
  background:var(--primary-color-op90);
      color:white;
  }
  
  @media(min-width:1024px){
    .widget-bizform .background-image .container {
      width:95%;
        margin: 3% auto;
    }
  }
  @media(min-width:1280px){
    .widget-bizform .background-image .container {
      width:95%;
      margin: 5% auto;
    }
  }
  @media(min-width:1441px){
  .widget-bizform .background-image .container{
  
  margin: 10% auto;
  }
  }
  /* .widget-bizform.theme2:has(:not(.background-image)){
  position: relative;
  }
  .widget-bizform.theme2:has(:not(.background-image)):before {
  background:var(--primary-color);
  content:'';
  width:150vw;
  left:-25vw;
  height:100%;
  position: absolute;
  z-index: -1;
  
  } */
  
  /*-------------------------------------------------------------custom biz form------------------------------------------*/
.widget-bizform .row :is(p,h2,h3,h4,h5,h6) {
    padding: 0 16px;
  }
  .widget-bizform div[id*="divContainer"] {
  padding: 44px 0px;
  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 .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 .container .required-mark {
    color:rgb(173, 20, 20);

}
  .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-light);
 background: rgba(255 255 255 / 10%);
  /*     box-shadow: var( --bs-v1); */
  }
  .widget-bizform .FormPanel .form-control:focus {
  border-bottom: 1px solid var(--primary-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:bold;
    color:var(--primary-color-dark);
  }
  .theme2 .FormPanel .EditingFormControlNestedControl .form-control-text,
  .theme2  .FormPanel .EditingFormValueCell .form-control-text{
    color:var(--body-font-color);
  }
  .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
     border:1px solid var(--primary-color-light);
     border-radius: 3px;
     min-height:44px;
     margin-bottom:4px;
     padding-top:6px;
     padding-left: 12px;
     margin-left: 3px;
     width: calc(100% - 6px);
  }
  .widget-bizform .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
    border:none;
    height:30px;
    border-bottom:1px solid var(--primary-color-light);
  }
  .widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
   background:transparent;
  }
  .widget-bizform.theme2 .EditingFormValueCell input, 
  .widget-bizform.theme2 .EditingFormValueCell textarea,
  .widget-bizform.theme2 .EditingFormValueCell select,
  .widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
  border: 1px solid var(--primary-color-light);
  background: #ffffff;
  }
  .widget-bizform.theme2 .FormPanel .form-control:focus {
  border-bottom: 1px solid var(--accent-color);
  background-color: white;
  outline: 1px solid var(--accent-color-hover);
  }
  .widget-bizform.theme3 .FormPanel .icon-calendar:before {
    color:white;
}
.widget-bizform.theme3 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
    background: rgba(255 255 255 / 10%);
}
  .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:2em;
  color:var(--title-font-color);
  margin:30px 0;
    padding-bottom:10px;  
  }
.widget-bizform tr.label  .FieldLabel{
border-bottom:1px solid var(--accent-color);
  margin-top:20px;
}
.widget-bizform .FormPanel .EditingFormControlNestedControl .form-control.hasDatepicker{
    width:calc(100% - 60px)
}
.widget-bizform .FormPanel .icon-calendar:before {
    font-size:30px;
    line-height: 1.4;

}
@media(max-width:767px){
    .widget-bizform tr.label .EditingFormLabel{
  font-size:1.6em;
  }
}
  .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:18px;
  height:43px;
  line-height:43px;
  padding-left: 50px;
  padding-right: 50px;
  /* text-transform: uppercase; */
  }
  
  .widget-bizform div[id*="viewBiz_pM_pMP"] {
  text-align: center;
      font-size:1.5em;
  }


  /*-----------------------------------------login page----------------------------------*/
 .login-widget-bg h2 {
    font-size:2em;
}
.login-widget-bg h3 {
    font-size:2em;
}
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn{
    background:var(--primary-color);
    color:white;
    /* color:black; */
}
.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;
    /* color:black; */
}
.login-widget-bg {
 
  background: linear-gradient(var(--primary-color-op80), var(--primary-color-op80)), url('/getmedia/31301b36-1b2a-4eff-812d-11c65d4dac0c/pattern-blue-boat-scaled.aspx') center center / cover no-repeat;

}


/*----------------------------------------------------Footer----------------------------------------------------------*/
footer .basic-text-area .theme-secondary,
footer .theme2:is(.basic-text-area, .basic-block:not(.background-image)) .theme-secondary:before,
.footer-bg{
    background:transparent;
    color:white;
}
.footer-bg a{
    color:white;
}
footer{
    background:var(--primary-color-dark);
    position: relative;
     padding:70px 24px 30px;
    
}
footer:before{
     content:'';
     background-image: url('/getmedia/31301b36-1b2a-4eff-812d-11c65d4dac0c/pattern-blue-boat-scaled.aspx');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  z-index:1;
  opacity:0.04;
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  display:block;
}
footer .theme2.basic-text-area .theme-secondary:before{
    background:none;
}
.footer-top-line p {
    display: none;
}

footer .basic-text-area .theme-secondary,
footer .basic-text-area .theme-secondary a{
    /* color:var(--soft-white-op80); */
    text-decoration: none;
    /* line-break: anywhere; */
}
footer .basic-text-area .theme-secondary a:hover{
    text-decoration: underline;
}
footer .basic-text-area .col-sm{
  padding:0 40px;
}
footer .basic-text-area div[id*="divCol1"]{
  padding-left:20px;
  min-width: 30%;
}

footer .basic-text-area div[id*="divCol4"]{
  padding-right:20px;
}
footer .basic-text-area img {
    max-height:150px;
    margin-bottom:20px;
    display: block;
}
footer .basic-text-area h4 {
    font-size:20px;
    margin-bottom:1.2em;
    font-weight:500;
    text-transform: uppercase;
}
footer .basic-text-area p {
    font-size:16px;
    margin-bottom:6px;
  max-width:500px
}
footer .basic-text-area ul {
    list-style: none;
    padding:0;
    margin:0;
}
footer .basic-text-area ul li {
   
    padding:5px 0;
    
}
footer .basic-text-area div[id*="divCol3"] p {
    margin-top:0px;
}
footer .basic-text-area address{
    font-style:normal;
}
footer .basic-text-area .container{
    padding-top:32px;
    padding-bottom:32px;
    
}
.footer-content-padding .container{
  border-top: 1px solid rgba(255, 255, 255, 0.5);
    /* padding-top:20px; */
    width:calc(100% - 40px);
    max-width:1440px;
    z-index: 2;
    position: relative;
    /* color:#2a2a2a; */
    
}

.basic-text-area .header-social{
  margin-top:12px;
}
.basic-text-area .header-social a{
    background:white;
  border-radius:5px;
  color:#000;
    padding:5px 2px;
    
    max-width:35px;
    width:35px;
  font-size:1.4em;
  text-align:center;
    margin: 5px;
    display: block;
    
}
.basic-text-area .header-social a:hover{
    color:var(--primary-color);
}
.basic-text-area .header-social > div {
    display: flex;
}
/* .simple-footer-widget .footer-content-padding .footer-top-line .fa{
    padding:0;
} */
    .simple-footer-widget .footer-content-padding .footer-bottom-line{
        padding-top:6px;
    }
   .simple-footer-widget .footer-content-padding {
    padding: 0 0 22px 0;
   }
@media(max-width:1023px){
 
    footer .basic-text-area img {
        max-height: 150px;
    }
    footer .basic-text-area div[id*="divCol"] {
        text-align: center;
         padding-bottom: 20px;
    }
    footer .basic-text-area div[id*="divCol1"]{
        flex-basis: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
       padding: 40px;
       
    }
    
footer .basic-text-area div[id*="divCol4"]{
  padding-right:40px;
}
    footer .basic-text-area div[id*="divCol1"] p {
        margin-top:6px;
    }
   .basic-text-area .header-social > div{
    justify-content: center;
}
}