:root {
  --primary-color:#3B5254; /*teal blue*/
  --primary-color-hover:#466163;
  --primary-color-op80:rgba(59,83,84,0.8); 
  --primary-color-op90:rgba(59,83,84,0.9); 
  --primary-color-dark: #29393b; 
  --primary-color-light:#768687; 
 --secondary-color:#2C362F;/*green*/
   
    /* --accent-color:#A27B5C; brown use sparingly*/
    --accent-color:#cb8c25; /*chip*/

 --soft-white: #fff; /*white*/
  --back-drop-1:#ffffff; /*white*/
  /*--back-drop-2:#DCD7C9; sandy*/
  --back-drop-2:#ffefce; /*bunker*/
  --back-drop-2-light:#f9f1e3; /*bunker*/
  --back-drop-2-hover:#c8c0aa;
    --backdrop-op90: rgba(220,215,201,0.90);
   
  --soft-grey:#a9a9a9;
  /*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:#29393b;
     --title-font-family:"Open Sans", sans-serif;
     --body-font-family: "Lato", sans-serif
  
 


}

body {
  overflow-x: hidden;
}

.basic-block.theme1 h2, 
.basic-block.theme1 h3,
.basic-block.theme1 h4{
  color:var(--secondary-color);
}



/*-------------------------------------max width adjustments--------------------------------------------*/

section .inner-wrap .container, 
section .theme-secondary:not(.inner-wrap) > div
{
   max-width:1440px;
  margin:auto;
  float:none; 
  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%;
    
}
.contact-card-widget .inner-wrap,
.widget-scorecard .inner-wrap,
.expandable-content-widget .inner-wrap{
  max-width:1440px;
  margin:auto;
  width:100%;
  float:unset;   
}
:is(p,h1,h2,h3,h4,h5,h6):empty,
.contact-card-widget .contact-card-title:empty,
.contact-card-widget .staff-category-title{
  display: none;
}

/*------------------------------------------max-width-1170-------------------------*/
.max-width-1170 .inner-wrap  .container{
    max-width:1170px;
    width:100%;
    margin-left:auto;
     margin-right:auto;
    float:unset;
    
}
/*----------------------------------------------------------transparent navigation---------------------------------*/

header:not(.no-banner):not(.scrolled-head) ul.child-nav li a{
/*     color: white; /* YOU COLOR HERE FOR THE DROP DOWN MENU LINKS */ 
}
.master-layout-4 .logo {
  padding: 5px 0;
}
@media (min-width:1024px) {
    header.master-layout-4 .header-top{
        background: transparent;
    }
  header:not(.scrolled-head):not(.no-banner) {
   background: linear-gradient(to bottom, rgba(0,0,0,1) 0% ,  rgba(0,0,0,.1) 98%,  transparent 100%) ; /* To make the header transparent */

      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */
  }


  body:not(.module-page) .header-space {
      display: none ; /* Conditionally Removes the header space */
  }
header:not(.no-banner):not(.scrolled-head).master-layout-4 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a,
  header:not(.no-banner):not(.scrolled-head) span,
    header.master-layout-4:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
      color: #fff ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/
         text-shadow: 1px 1px 1px black;
  }
    .master-layout-4 #divMainMenu nav #main-menu>li>a {
        color:white;
        text-transform: uppercase;
    }
       /* body:not(.EditMode) header.master-layout-4:not(.no-banner):not(.scrolled-head) .static-img{
    filter: drop-shadow(1px 0px 1px black);
 
    }     */
}
.EditMode header.master-layout-4{
  top:0;
}

body:not(.EditMode) header.master-layout-4{
/*       background:transparent; */
        height:auto;
    z-index:9999;
}
header.master-layout-4:not(.no-banner):not(.scrolled-head) .header-bot {
  background:transparent;
}


header.master-layout-4:not(.no-banner).scrolled-head .MyProfile_Member .MyProfile_Name{
    color:#fff;

}


header.master-layout-4 .showMobile #main-menu li ul{
padding-left:10px;
    padding-right:10px;
    background-color:var( --primary-color);
}
header.master-layout-4 .showMobile #main-menu li{
  border-bottom:1px solid var(--accent-color);
}
header.master-layout-4 .showMobile #main-menu a.active-link, 
header.master-layout-4 .showMobile #main-menu a.current{
 background:var( --primary-color);
    border-left:3px solid white; 
   
}
.master-layout-4 #menu-button i.fa, 
.fullmenu nav .top-nav li i{
    color:white;
}

.master-layout-4 #divMainMenu nav #main-menu a{
  font-weight:400;
   font-size:17px;
}
@media(max-width:1024px){
.master-layout-4 #divMainMenu nav #main-menu a{

   font-size:16px;
}
}
.master-layout-4 .MyProfile_Svg svg{
  fill:white;
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
.master-layout-4 #divMainMenu nav #main-menu>li a{
  /* padding-left: 25px;
  padding-right: 25px; */
  padding-left: 15px;
  padding-right: 15px;
}
header.master-layout-4 .header-bot #main-menu {
  text-align:right;
}
}

/* header.master-layout-4 .showMobile #main-menu ul:has(li) {
  background:var(--primary-color);
} */


@media(hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){

/*---------------socials----------------*/
header.master-layout-4 .header-top .header-social {
  float:right;
}
header.master-layout-4 .header-top {
  border-bottom: 2px solid rgba(255,255,255,0.58);
  /* width: calc(90% - 300px);
  margin-left: calc(5% + 300px); */
  width: calc(78% - 300px);
  margin-left: calc(11% + 300px);
  margin-top:20px;
  
}
  header.master-layout-4 .header-bot .logo {
     max-width:400px;
     width:300px;
     /* margin-left:2%; */
     margin-left:8%;
     height:100%;
     position: absolute;
     top:5px;
  } 

  header.master-layout-4.scrolled-head .header-bot .logo img {
padding-bottom:15px;
  }
     header.master-layout-4:not(.scrolled-head) .header-bot {
      height: 60px;
  }
  header.master-layout-4:not(.scrolled-head) .header-bot #main-menu>li>a {
      line-height:60px;
  }
  header.master-layout-4 .header-bot div#divMainMenu {
    /* width: calc(70%); */
    width:calc(78% - 340px);
      margin-left: calc(150px);
  }
  header.master-layout-4 .header-top {
      font-size:1.2em;
  }
  header.master-layout-4 .header-top .header-social .fa {
      font-size:1em;
  }
  .header-social div[id$="SocialMediaIcons"]{
    display:flex;
}
.header-social div[id$="SocialMediaIcons"] a {
    display: flex;
    min-width: 39px;
    min-height: 20px;
    height:39px;
    justify-content: center;
    align-items: flex-end;
    padding:10px;
    margin-bottom: 3px;
    
}
.header-social .fa-facebook {
    width:12px;
}  
}
/*add custom number to header*/
header.master-layout-4 .club-number-header{
  display: none;
}
header.master-layout-4.scrolled-head .club-number-header{
  line-height: 32px;
}
header.master-layout-4 .club-number-header{
  line-height: 39.9px;
  float:right;
  margin-right:10px;
  font-size:.9em; 
}
header.master-layout-4 .club-number-header a {
  color:white;
}
header.master-layout-4 .fa-phone {
  margin-right:5px;
}
/*-----------------------------------------------------mobile nav ----------------------------------------*/

@media(hover: hover) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){
  header.master-layout-4 .club-number-header{
    display:block;
  }
}

header.wgt-header nav.showMobile #main-menu {
  background-color:var(--primary-color);
     
}
header.wgt-header nav.showMobile #main-menu li ul {
  background-color:var( --back-drop-2-light);
}
header.wgt-header nav.showMobile #main-menu li ul a {
  color:#2a2a2a;
}
header.wgt-header nav.showMobile #main-menu a {
  color:white
} 

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

  .icon-m.close-nav {
      margin:28px 14px;
  }
  .master-layout-4 .showMobile .fa-times {
    /* color:var(--primary-color); */
    color:white;
  } 
  .master-layout-4 .showMobile i.fa-plus:before {
  content:'\f105';
  }
  .master-layout-4 .showMobile i.fa-minus:before {
  content:'\f107';
  }
  .master-layout-4 .showMobile i.fa-plus:before, 
  .master-layout-4 .showMobile i.fa-minus:before {
  font-size:1.7em;
  font-weight:600;
    color:white;
  /* color:var(--primary-color); */
  
  }
  .master-layout-4 .showMobile i.fa-minus:before {
  
  color:white;
  
  }
  
  .master-layout-4 .showMobile i.fa-plus,
  .master-layout-4 .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-4 .showMobile i.fa-plus {
  padding: 18px 24px;
  
  }
  .master-layout-4 .showMobile i.fa-minus { 
    padding: 18px 22px; 
    background:var(--primary-color-dark); 
    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-4 nav.showMobile #main-menu {
    background:transparent;
  }
  .master-layout-4 nav.showMobile:before {
   content:'';
    background-image:url('/getmedia/742c8d23-8618-4efc-8c67-c4c07a0945ef/SJCC_Logo_Primary-02_white.aspx');
      background-size:contain;
      background-repeat: no-repeat;
      background-position: center bottom;
      max-width:320px;
      height:100px;
      position: relative;
      margin: 40px auto 10px;
      display: block;
  }
  header.wgt-header nav.showMobile{
  background:var(--primary-color);
  
  }
  .master-layout-4 nav.showMobile #main-menu ul{
  background:var(--primary-color-dark);
    padding-left:16px;
  }
  .fullmenu nav.showMobile .top-nav
   {
      width: calc(100% - 0px);
  }

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




/*-----------------------------------------ADDING CHEVRONS---------------------------------------------------*/

/*----- WE WANT THE CHEVRON'S OR ANY INDICATOR TO START FROM WHERE THE HAMBURGER MENU STOPS WHICH IS 1025PX----*/
@media(hover:hover)and (pointer:fine)and (min-width:1025px),
screen and (-ms-high-contrast:none)and (min-width:1025px) {


  /*--------- WE APPLY THE ICON AS A PSEUDO ELEMENT FOR ALL LINKS AS DEFAULT------*/
  #main-menu li>a:after {
      font-family: "FontAwesome";
      font-weight: 100;
      font-size:0.8em;
      content: "\f078";
      padding-left: 5px;
      color:var(--back-drop-2);
  }

  /*------------------ WE THEN OVERRIDE IT WITH A RULE THAT SAYS, IF THE a ELEMENT DOES'NT HAVE ANY CHILDREN, WE REMOVE THE ICON ----------*/

  #main-menu li>a:only-child:after {
      content: '';
  }



  /*---------------- TO AVOID REPETITIVE CODE, WE JUST ROTATE THE CHEVRON ICON FOR THE CHILD NAV ---------------*/
  #main-menu .child-nav a:after {
      display: inline-block;
      transform: rotate(270deg);
      padding-left: 0;

  }


  /*--------------------- IF CHEVRON IS NOT USED AS AN ICON, YOU CAN EITHE REMOVE THE CODE ABOVE THIS LINE OR REINSTATE A NEW ICON THAT ACCOMMODATES YOUR SITUATION ----*/


  /*----------------- THIS JUST FIXES THE SPACING OF THE ICON AND THE SUBMENU JUST SO IT IS NOT RIGHT NEXT TO EACH OTHER WHIL MAKING SURE IT EXPANDS TO EITHER SIDES OF THE BOX ---------*/
  #main-menu .child-nav a {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
}

/*--------------------------------------------------------------end of header--------------------------------------------*/

/*--------------------------------------------------headings ------------------------------------------------------------------*/
.basic-text-area.theme1 h1 {
  padding: 20px 10px;
   overflow: hidden;
  
}
.basic-text-area h1:has(u) {
  margin-bottom: 0;
}
.basic-text-area h1 u {
  text-decoration: none;
  position: relative;
  padding:0 10px ;
   background:#fff;
  z-index: 10;
 
}
.basic-text-area .col-sm:has(h1 u):before {
  content:'';
  position:absolute;
  /* height:3px; */
  /* width:80%; */
 /* top:40%; */
  z-index: 1;
  /* left:10%;  */
  height: 2px;
  width: 60%;
  top: 50%;
  left: 20%;
 
}
.basic-text-area.theme1 .col-sm:has(h1 u):before{
  background-color:var(--primary-color);
}
.basic-text-area.theme2 .col-sm:has(h1 u):before{
  background-color:white;
}

.basic-text-area.theme2 .col-sm:has(h1 u):before{
  background-color:var(--back-drop-2);
}

/*-------------section headers----------------------------------*/
.section-header.background-image{
  display: flex;
  align-items: flex-end;

}
section[id*="TitleAndSummary_ExtraLarge"].center.section-header .inner-wrap{
  margin:0;
}
@media(min-width:767px){
  .section-header.background-image{

  background-attachment: fixed;
}
 .section-header.background-image {
  min-height: 450px;
} 
  .section-header.background-image .inner-wrap {
  min-height: 120px;
  height:120px;

}
}
.section-header.background-image {
  min-height: 400px;
  height:50vh;
}
@media(min-width:1200px){
  .section-header.background-image {
    min-height: 65vh;
  }
}
.section-header.background-image .inner-wrap {
  min-height: 90px;
  /* height:90px; */
  height:auto;

}
.section-header.background-image h2{
  margin-bottom:0;
}
/*----------------------------------------------------Title and summary background banner parallex---------------------------*/
section[id*="TitleAndSummary"].center:not(.background-image)
{
min-height:350px;
  position: relative;
  height:100%;

}

section[id*="TitleAndSummary"].center:not(.background-image) .text-block {
  padding: 35px 0
}
section[id*="TitleAndSummary_ExtraLarge"].theme1.center:not(.section-header) .inner-wrap{
 margin: auto 0;
  height:auto;
/*     background:none; */
}


/*-----------------custom class .static-img to give default-------------*/
/*image on right*/
section[id*='TitleAndSummary']:not(.static-img) .basic-block-wrapper .img-block.col-sm-push-6 {

  /* background-size:contain;
  background-position:center right; */
  /* background-attachment:fixed; */
  
}
/*image on left*/
section[id*='TitleAndSummary']:not(.static-img) .basic-block-wrapper .img-block:not(.col-sm-push-6) {
   /* background-size:contain;
  background-position:center left; */
  /* background-attachment:fixed; */
}

/*---------------------------custom class .pattern-bg-----------------------------------------*/
section.pattern-bg {
    position: relative;
    overflow: hidden;
}
section.pattern-bg:before {
  position: absolute;
   background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
  content:'';
   background-image: url('/getmedia/8fd70b23-4679-453f-86bd-9992871dd41e/white-leather-texture-bg-2f396eab-0be3-4ba7-a14d-dfca6de868d3Image_by_jannoon028_on_Freepika.aspx');
  opacity: .5;
  height: 100%;
  top:0;
      width:100vw;
  min-height:350px;
}
@media(max-width:767px){
  section.pattern-bg:before {

    inset: 0; 
  }
}
/*-------------------------------custom class accent banner--------------------------------*/
.accent-banner h1 {
  font-size:2.8em;
  width:fit-content;
  margin:auto;
  position: relative;
  padding: 20px;
  
}
.accent-banner h1:before,
.accent-banner h1:after{
  content:'';
  height: 4px;
  width:20%;
  position: absolute;
  top:60%;
  background:var(--primary-color);
}

.accent-banner h1:before{
  left:-20%;

}
.accent-banner h1:after{
  right:-20%;
 
}
.accent-banner h1 span{
  font-size:.65em;
 
}

.accent-banner h1 {
  display: flex;
  flex-direction: column;
}

@media(max-width:767px){
  .accent-banner h1:before,
.accent-banner h1:after{
  display:none;
}
  .accent-banner h1 {
    font-size:1.8em;
  }
}

/*--------------------------------rotating image banner fix--------------------------*/
.rotating-image-banner-slider .slick-arrow {
  z-index: 1000 !important;
}


/* /getmedia/4c2fdff7-caed-4547-94b9-f5e89d1477b1/annie-spratt-xz485Eku8O4-unsplash.aspx */ /*i think i like this the best*/
/* /getmedia/686d9661-e7e0-4ebb-bdc9-1a0614de7ab0/nordwood-themes-R53t-Tg6J4c-unsplash.aspx */
/* /getmedia/c8eaac7c-081e-4330-976f-7c197e34a748/sirisvisual-Qh6yUFl7P5E-unsplash.aspx */

/*----------------------------------------text quick links that is .quick-nav------------------------*/
body:not(.EditMode) .quick-nav.quicklink-text-bg {
  position: sticky;
  top:100px;
  z-index: 100; 
  
}
@media(max-width:1023px) or (hover:none){
  body:not(.EditMode) .quick-nav.quicklink-text-bg {
  top:70px;
}
}
.quick-nav.quicklink-text-bg  .quicklink-text-bg-container{
  min-height: 30px;
}


.quick-nav.quicklink-text-bg .quicklink-text-container a {
  border-top:0;
  border-bottom: 0;
  border-right:0;
      height:auto;
}
.quick-nav.quicklink-text-bg .quicklink-text-container a:hover{
  border-color:#2a2a2a;
}
.quick-nav.quicklink-text-bg .quicklink-text-container a:hover h4{
  color:var(--primary-color);
  text-decoration: underline;
  border-right:2px;
 
}
.quick-nav.quicklink-text-bg.theme2 .quicklink-text-container a:hover h4{
  color:var(--back-drop-2);
}

.quick-nav.quicklink-text-bg .quicklink-text-wrapper{
  padding: 10px 0;
}


.quick-nav.quicklink-text-bg .quicklink-text-content{
  padding:0;
}
.quick-nav.quicklink-text-bg .quicklink-text-content p {
  display: none;
}
.quick-nav.quicklink-text-bg .quicklink-text-content h4 {
  margin:0;
  font-size:1.2em;
  transition:all .5s ease-in;
  font-weight:500;
}


.quick-nav.quicklink-text-bg .quicklink-text-tile {
  padding: 0;    
}

.quick-nav.quicklink-text-bg .quicklink-text-tile:first-of-type a{
  border-left:0;
}


@media(min-width:768px) {
.quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(3)) .quicklink-text-tile {
  width:33%;
}
.quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(4)) .quicklink-text-tile {
  width:25%;
}
.quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile {
  width:20%;
}
  
}

@media(max-width:1024px){
  
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile {
  width:33%;
}
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile:nth-of-type(4),
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile:nth-of-type(5){
      width:50%;
  }
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile:nth-of-type(4) a{
      border-left:0;
  }
 
}
@media(max-width:767px){
body:not(.EditMode)  .quick-nav.quicklink-text-bg{
      position: relative;
      top:0;
      padding-bottom: 30px;
  }
body:not(.EditMode)  .quick-nav.quicklink-text-bg .quicklink-text-container {
      flex-flow: row wrap;
      --webkit-flex-flow:row wrap;
  }
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(3)) .quicklink-text-tile,
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(4)) .quicklink-text-tile,
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile{
  width:50%;
   margin-bottom: 0;
}
.quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile:nth-of-type(4) a{
      border-left:2px solid;
  }
   .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile:nth-of-type(5) a {
       border-left:0;
  }
  
  .quick-nav.quicklink-text-bg .quicklink-text-tile:nth-of-type(3) a {
      border:none;
  }
  
}
@media(max-width:450px){
  body:not(.EditMode) .quick-nav.quicklink-text-bg{
      padding-bottom:10px;
  }
  .quick-nav.quicklink-text-bg .quicklink-text-container {
      flex-direction: column;
  }
  .quick-nav.quicklink-text-bg .quicklink-text-tile a{
      border:none;
  }
  .quick-nav.quicklink-text-bg .quicklink-text-container:has(> :last-child:nth-child(5)) .quicklink-text-tile:nth-of-type(4) a{
      border-left:none;
  }
  
}

/*--------------------------------------------------mobile-only-btn------------------------------------*/


@media(min-width:1200px){
body:not(.EditMode) .mobile-only-btn {
    display: none;
}
}
body:not(.EditMode) .mobile-only-btn .col-sm a.e3-button {
     position: fixed;
}
.mobile-only-btn .col-sm a.e3-button {
    width:0px;
    padding:0px 3px;
    min-width:fit-content;
    border-radius: 50%;
    background:var(--accent-color);
    color:var(--accent-color);
     
    top:150px;
    right:3px;
    z-index: 1000;
    
} 
.mobile-only-btn .col-sm a:before {
    content:"\f05a";
    font-family:FontAwesome;
    color:white;
    margin-left:7px;
    font-size:2em;
    
}
.mobile-only-btn .col-sm a.e3-button:hover,
.mobile-only-btn .col-sm a.e3-button:focus{
    background:var(--primary-color-hover);
     color:var(--primary-color-hover);
}

/*-----------------------------dark-overlay --------------------*/
.dark-overlay .theme-primary-hover-in{
    background:rgba(0,0,0,0.50)
}
.dark-overlay h4 {
    font-weight:600;
    font-size:1.8em;
    margin-bottom:0;
}


/*-----------------------------------------full width quick links--------------------------------------------*/
.full-width-quicklinks:not(.quick-nav) .full-width-quicklink-container .quicklink-flex-item {
  margin:3%;
  position: relative;
  overflow: visible;

}
.full-width-quicklinks:not(.quick-nav) .full-width-quicklink-container .quicklink-flex-item:before,
.full-width-quicklinks:not(.quick-nav) .full-width-quicklink-container .quicklink-flex-item:after {
   content:'';
  position: absolute;
  width:100%;
  height:100%;
   z-index: -1;
   transform: translatey(0%) translatex(0%);
   transition: all .5s ease-in;
 
}
.full-width-quicklinks:not(.quick-nav) .full-width-quicklink-container .quicklink-flex-item:before {
  left:-4%;
  top:-4%;
  background-color:var(--primary-color);
}
.full-width-quicklinks:not(.quick-nav) .full-width-quicklink-container .quicklink-flex-item:after {
  right:-4%;
  bottom:-4%;
  background-color:var(--back-drop-2);
 
}
.full-width-quicklinks:not(.quick-nav) .quicklink-flex-item:hover:before {

   left:-4%;
  top:-4%; 
   transform: translatey(8%)translatex(8%);
}
.full-width-quicklinks:not(.quick-nav)  .quicklink-flex-item:hover:after{

   right:-4%;
  bottom:-4%; 
  transform: translatey(-8%) translatex(-8%);
}
 

.full-width-quicklinks:not(.quick-nav) .quicklink-flex-item:hover .fwql-img {
      transform: scale(1);
}
.full-width-quicklinks:not(.quick-nav) .quicklink-flex-item .fwql-img {
 filter: drop-shadow(-2px 0px 5px rgba(0,0,0,0.52));
}
.full-width-quicklinks:not(.quick-nav)  .theme-primary-hover-in h3 {
  position: relative;
}
.full-width-quicklinks:not(.quick-nav)  .theme-primary-hover-in h3:before {
content:'';
  position: absolute;
  bottom:-6px;
  height: 2px;
  left:-5%;
  width:110%;
 transform: scale(0);
  background-color:white;
  transition: transform 0.8s ease-out;
}
.full-width-quicklinks:not(.quick-nav)  .theme-primary-hover-in:hover h3:before {
transform-origin: center;
  transform: scale(1);

}

@media(max-width:767px) {
  .full-width-quicklinks:not(.quick-nav) .full-width-quicklink-container .quicklink-flex-item {
      margin: 4% 5%;
  }
}
/*------------------------------balance-center--------------------------------*/
.basic-text-area.balance-center .inner-wrap .row{
    text-wrap-style:pretty;
    text-align: center;
    margin-left:auto;
  margin-right:auto;
    
}
.basic-text-area.balance-center .inner-wrap .row :is(p,ul){
    max-width:900px;
   margin-left:auto;
  margin-right:auto;
}
.balance-center hr {
    max-width:1000px;
        margin:auto;
}
   
  
.basic-text-area.balance-center .inner-wrap .row :is(h1,h2,h3,h4,h5,h6){
    max-width:1170px;
   margin-left:auto;
  margin-right:auto;
}
/*------------------------------------------centered-tab-text-blurbs----------------------------------------*/
.centered-tab-text-blurbs .row {
 align-items: center;
}


/*------------------------------------------------------------contact cards---------------------------------------*/

.contact-card-widget.theme1 .contact-card-wrapper .card-details-inner h3, 
.contact-card-widget.theme2 .contact-card-wrapper .card-details-inner h3{
    color:var(--primary-color);
    font-weight:bold;
}
.contact-card-widget.theme3 .contact-card-wrapper .card-details-inner h3 {
    color:var(--accent-color);
    font-weight:bold;
}

.contact-card-widget.theme2 {
    background:var(--primary-color);
}
.contact-card-widget.theme2 a:hover {
    color:var(--primary-color)
}
.contact-card-widget.theme3 {
    background:var( --back-drop-2-light);
}

.contact-card-widget .div-add-to-contact {
    display: none;
}
  .contact-card-widget.full-card.theme2 .contact-card-wrapper .contact-card-item {
        background:var( --back-drop-2-light);
/*         max-width: 90%; */
        
    }
.contact-card-widget.full-card .contact-card-wrapper .card-photo,
.contact-card-widget.card-view .contact-card-wrapper .card-photo{
    background:var(--primary-color);
    background-repeat:no-repeat;
  background-size:cover;
}
.contact-card-widget .contact-card-wrapper .card-details-inner :is(h3,h4){
  text-wrap-style:balance;
}
@media(min-width:768px){
     .contact-card-widget.full-card.theme2 .contact-card-wrapper .contact-card-item {
        margin-left:auto;
         margin-right:auto;
        max-width: 1170px;
        
    }
     .contact-card-widget.full-card.theme1 .contact-card-wrapper .contact-card-item {
        margin-left:auto;
         margin-right:auto;
        max-width: 1170px;
        
    }
}
.contact-card-widget.full-card .contact-card-wrapper .card-bio:after
 {
    box-shadow: 0 -71px 67px -54px var(--back-drop-2) inset;
}
/*------------------------------------------expandable content --------------------------------------*/

.expandable-content-widget .inner-wrap {
  display: flex;

}

.expandable-content-widget .expandable-content-wrapper {
  max-width: 1080px;
  width:100%;
  margin:0 auto;
}
.expandable-content-widget .expandable-content-heading {
  padding: 0;
}
.expandable-content-widget .expandable-content-heading .expandable-content-link {
  padding: 12px 15px;
}

.expandable-content-widget.theme1 .expandable-content-wrapper .expandable-content-wrapper a, 
.expandable-content-widget.theme2 .expandable-content-wrapper .expandable-content-wrapper a {
  color:var(--primary-color);
}
.expandable-content-widget.theme3 .expandable-content-wrapper .expandable-content-wrapper a {
  color:var(--accent-color);
}

.expandable-content-widget.theme1 .expandable-content-wrapper .expandable-content-wrapper a.e3-button, 
.expandable-content-widget.theme2 .expandable-content-wrapper .expandable-content-wrapper a.e3-button {
  color:#fafafa;
  background:var(--primary-color);
}
.expandable-content-widget.theme3 .expandable-content-wrapper .expandable-content-wrapper a.e3-button {
  background-color:var(--back-drop-2);
  color:#2a2a2a;
}
.expandable-content-widget.theme1 .expandable-content-wrapper .expandable-content-wrapper a.e3-button:hover, 
.expandable-content-widget.theme2 .expandable-content-wrapper .expandable-content-wrapper a.e3-button:hover {
  
  background:var(--primary-color-hover);
}
.expandable-content-widget.theme3 .expandable-content-wrapper .expandable-content-wrapper a.e3-button:hover {
  background-color:var(--back-drop-2-hover);
  
}
/*------------------------------------------------------------------------score-card---------------------------------*/
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-stats > div {
    
    padding:12px;
  
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-stats-slope .widget-scorecard-snr-info>div, .widget-scorecard .widget-scorecard-display .widget-scorecard-stats-rating .widget-scorecard-snr-info>div{
  padding:12.8px 0;  
}

.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-tees ul li{
    width:80px;
}

.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-tees .tee-border{
    background:none;
    outline: 5px solid #edeae4;
    border:1px solid #2a2a2a;

    border-radius: 50%;
   
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes-title .widget-scorecard-title-static>div.static-title-hole {
    padding: 14.8px 20px;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-tees .tee-yardage{
    margin-top:5px;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-tees ul {
    margin-top:0;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-tees .border1{
    border-radius: 50% 50% 0% 0% ;
 
}

.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-tees .border2 {
    border-radius: 0 0 50% 50%;
    
}

.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-image img {
    width: 100%;
    object-fit: cover;
    height:300px;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div.active-tab{
     background:var(--primary-color);
}

.widget-scorecard:not(.course-tour):has(.hole.active-tab[data-tab="10"]):has(.widget-scorecard-details-wrapper[data-tab="10"].active-tab.hidden) 
  .hole.active-tab[data-tab="10"] a,
.widget-scorecard:not(.course-tour):has(.hole.active-tab[data-tab="1"]):has(.widget-scorecard-details-wrapper[data-tab="1"].active-tab.hidden) 
  .hole.active-tab[data-tab="1"] a{
    color: #2a2a2a;
}

.widget-scorecard:not(.course-tour):has(.hole.active-tab[data-tab="10"]):has(.widget-scorecard-details-wrapper[data-tab="10"].active-tab.hidden) 
  .hole.active-tab[data-tab="10"],
.widget-scorecard:not(.course-tour):has(.hole.active-tab[data-tab="1"]):has(.widget-scorecard-details-wrapper[data-tab="1"].active-tab.hidden) 
  .hole.active-tab[data-tab="1"] {
    background: none;
}


.widget-scorecard:not(.course-tour):has(.widget-scorecard-details[data-tab="1"].active-tab) .hole.active-tab[data-tab="1"],
.widget-scorecard:not(.course-tour):has(.widget-scorecard-details[data-tab="10"].active-tab) .hole.active-tab[data-tab="10"]{
    background:var(--primary-color);
}
 
    
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div.active-tab a{
   
    color:white;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div
{
   width:74px;
   
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-tees-wrapper .widget-scorecard-tees>div {
    width:74px;
}


.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div:has(a:hover){
    background:var(--primary-color-hover);
    color:white;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div a:hover{
    background:var(--primary-color-hover);
    color:white;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div a{
    font-size:1.25em;
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes-title.add-bkgd-color,
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper,
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title,
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes-title .widget-scorecard-title-static .static-title-hole,
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes-title .widget-scorecard-title-static .par,
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div:hover,
.widget-scorecard .widget-scorecard-display .widget-scorecard-display-slope .snr-title, .widget-scorecard .widget-scorecard-display .widget-scorecard-display-rating .snr-title
{
    background:var( --back-drop-2-light)
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper {
    background:#edeae4;
}
.widget-scorecard .widget-scorecard-tab .tab{
    background:var( --back-drop-2-light)
}
.widget-scorecard .widget-scorecard-tab .tab.active-tab{
     background:var(--primary-color);
    border-color:var(--primary-color-hover);
}
.widget-scorecard .widget-scorecard-tab .tab.active-tab:hover,
.widget-scorecard .widget-scorecard-tab .tab:hover
{
     background:var(--primary-color-hover);
     border-color:var(--primary-color);
   
}
.widget-scorecard .widget-scorecard-tab .tab.active-tab a,
.widget-scorecard .widget-scorecard-tab .tab:hover a{
    color:white;
}
@media(max-width:767px){
     .widget-scorecard .widget-scorecard-display-holes-title {
        width: 100px;
    }
    .widget-scorecard .widget-scorecard-display-holes{
        width:calc(100% - 100px);
    }

}

@media(min-width:768px){
       
    .widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-image img {
   
    height:350px;
}

    .widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-info {
        
        display: flex;
        flex-direction: column;
        min-height:350px;
        justify-content: center;
}
    .widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-stats > div:first-of-type {
    width:20%; 
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-stats > div:nth-of-type(2) {
    width:30%;
 
}
.widget-scorecard .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .widget-scorecard-details-stats > div:last-of-type {
    width:50%;
    padding-left:30px;
}
}
.widget-scorecard .inner-wrap {
    max-width:1440px;
    width:100%;
    margin:auto;
}

/*---------------------------------------------------course-tour---------------------------------------------*/
.course-tour .inner-wrap {
    max-width:1440px;
    width:100%;
   
}
.course-tour .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-tees-wrapper,
.course-tour .widget-scorecard-display .widget-scorecard-display-holes-title .widget-scorecard-title-static div[class*="tee"],
.course-tour .widget-scorecard-display .widget-scorecard-display-holes-title .par-handicap,
.course-tour .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-stats-par .widget-scorecard-title-wrapper .widget-scorecard-title,
.course-tour .widget-scorecard-tab .tab[data-tab="snr"] {
  
    display: none;
}
.course-tour .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-stats-par{
  margin:0;
}
/* .course-tour .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper.active-tab.hidden{
    display: block !important;
    
} */

/* .course-tour .widget-scorecard-display-wrapper.active-tab:has(.hole.active-tab) .widget-scorecard-details-wrapper.active-tab.hidden{
    display: block !important;
} */

.course-tour .widget-scorecard-display .widget-scorecard-details .widget-scorecard-details-wrapper .close-details{
    display: none;
}



/*---------------------------------quicklink menu----------------------------*/
  /*--------------------------------quick links side menu icons------------------------------------------*/
  .content-quicklink-menu.theme1 .content-quicklink-menu-list {
    background:var(--primary-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(--primary-color-hover);
  }
  /* ----------------------------------------------------------------------*/
  /* ------                       SET ICONS for  quicklinks                            -----*/
  /* ----------------------------------------------------------------------*/
  
  .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: "\f058";
    font-family: "FontAwesome";
    width:5px;
  }
  
  /*------------ ICONS START HERE, ADD MORE IF NEEDED ------------*/
  
  a[class*=hire].content-quicklink-menu-a:before {
    content: "\f21a";
  }
  
  a[class*=employee].content-quicklink-menu-a:before {
    content: "\f233";
  }
  
  a[class*=portal].content-quicklink-menu-a:before,
  a[class*=history].content-quicklink-menu-a:before {
    content: "\f2c2";
  }
  
  a[class*=board].content-quicklink-menu-a:before,
  a[class*=governance].content-quicklink-menu-a:before {
    content: "\f0c0";
  }
  
  
  a[class*=calendar].content-quicklink-menu-a:before {
    content: "\f073";
  }
  
  
  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: "\f07c";
  }
  
  
  a[class*=bookings].content-quicklink-menu-a:before {
    content: "\f274";
  }
  
  
  a[class*=court].content-quicklink-menu-a:before {
    content: "\f271";
  }
   
  
  
  a[class*=dine].content-quicklink-menu-a:before,
  a[class*=table].content-quicklink-menu-a:before,
  
  a[class*=dining].content-quicklink-menu-a:before,
  a[class*=breakfast].content-quicklink-menu-a:before,
  a[class*=lunch].content-quicklink-menu-a:before,
  a[class*=dinner].content-quicklink-menu-a:before,
  a[class*=wine-list].content-quicklink-menu-a:before {
    content: "\f0f5";
  }
  
  
  a[class*=management].content-quicklink-menu-a:before {
    content: "\f0c0";
  }
  
  
  a[class*=golf].content-quicklink-menu-a:before ,
  a[class*=tee].content-quicklink-menu-a:before {
    content: "\f276";
  }
  
  
  a[class*=order].content-quicklink-menu-a:before {
    content: "\f10b";
  }
  
  a[class*=directory].content-quicklink-menu-a:before,
  a[class*=staff].content-quicklink-menu-a:before {
    content: "\f02d";
  }
  
  
  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: "\f007";
  }
  
  
  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: "\f15c";
  }
  
  
  a[class*=account].content-quicklink-menu-a:before,
  a[class*=statement].content-quicklink-menu-a:before {
    content: "\f2bb";
  }
/*---------------------------------padding-md , padding-lg--------------------------------*/


@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;
}
}


/*---------------------------------------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, var(--soft-white) 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;
   
  }
  }

/*-------------------------------has script to take text area and place into form as title---------------*/
body:not(.EditMode) .append-to-form {
    display: none;
    } 

/*----------------------append-to-form styling------------*/

.widget-bizform .row :is(p,h2,h3,h4,h5,h6) {
    max-width:1000px;
    margin:auto;
    text-wrap-style:balance;
}


.widget-bizform .row h2{
  position: relative;
  margin-bottom:20px;
}


.widget-bizform div[id*="TextArea"]  {
  margin-bottom:15px;
  padding:5px 15px;
}
/*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
    
    .widget-bizform .background-image .container{
    background:var(--backdrop-op90);
    padding: 44px 20px;
    height:100%;
    margin: 20px 20px;
    width:calc(100% - 40px);
    /* box-shadow: 1px 1px 3px 2px #d4d4d4; */
    
    }
    .widget-bizform.bg-repeat .background-image{
    background-repeat: repeat;
      background-size: contain;
    }
    .widget-bizform.theme3 .background-image .container{
    background:var(--primary-color-op90);
    }
    @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 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 .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; */
      padding-bottom: 10px;
      /* margin-bottom: 10px; */
      /* border-bottom: 1px solid #e0e0e0; */
    
    }
    /*-custom class- .input-row*/
.widget-bizform:has(.full, .half, .third, .comments) tr.input-row {
  flex-direction:row;
/*     align-items:center; */
} 
    .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: var( --back-drop-2-light);
    /*     box-shadow: var( --bs-v1); */
    }
    .widget-bizform .FormPanel .form-control:focus {
    border-bottom: 1px solid var(--primary-color-light);
    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);
    }
    .widget-bizform.theme2 .FormPanel .form-control,
    .widget-bizform.theme2 .FormPanel .form-control-text {
    color:white;
}

.widget-bizform.theme2 .FormPanel .form-control option,
.widget-bizform.theme2 .FormPanel .form-control:focus {
    color:#2a2a2a;
}
.widget-bizform.theme2 .EditingFormValueCell input, 
    .widget-bizform.theme2 .EditingFormValueCell textarea,
    .widget-bizform.theme2 .EditingFormValueCell select {
    border: 1px solid var(--primary-color-light);
    background: var(--primary-color-hover);
    /*     box-shadow: var( --bs-v1); */
    }
    /* .theme2 .FormPanel .EditingFormControlNestedControl .form-control-text,
    .theme2  .FormPanel .EditingFormValueCell .form-control-text{
      color:white;
    } */
    .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
       border:1px solid var(--primary-color-light);
       border-radius: 3px;
       min-height:44px;
       margin-top: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);
    }
    .theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
  background:var(--backdrop)
}
    .widget-bizform.theme3 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
     background:transparent;
    }
    .widget-bizform.theme3 .EditingFormValueCell input, 
    .widget-bizform.theme3 .EditingFormValueCell textarea,
    .widget-bizform.theme3 .EditingFormValueCell select,
    .widget-bizform.theme3 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
    border: 1px solid var(--primary-color-light);
    background: var(--backdrop);
    }
    .widget-bizform.theme3 .FormPanel .form-control:focus {
    border-bottom: 1px solid var(--primary-color);
    background-color: white;
    outline: 1px solid var(--primary-color-light);
    }
    
    .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.theme3 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, .two-third) 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, .two-third) tr.one-line {
    flex-direction: row;
    justify-content: flex-start;
    }
    .widget-bizform:has(.full, .half, .third, .comments, .two-third) tr.one-line input[id*="checkbox"]{
    margin-top:6px;
    }

    .widget-bizform .two-third {
      width: 66%;
      }
  .widget-bizform .two-third .EditingFormControlNestedControl .form-control {
      max-width: 100%;
      }
    @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:44px;
    line-height:44px;
    font-family:var(--body-font-family);
    font-weight:400;
    /* text-transform: uppercase; */
    }
    
    .widget-bizform div[id*="viewBiz_pM_pMP"] {
    text-align: center;
        font-size:1.5em;
    }

    /*-------------------------------------drop-shaodw-box------------------------------*/
.drop-shadow-box .col-sm {
    box-shadow:0px 0px 3px 2px #bfbfbf;
    border: 2px ridge var(--accent-color);
   
    padding:20px;
}
@media(min-width:1024px){
body:not(.EditMode) .col-30-right:has(.sticky){
    position: sticky;
    top:140px;
     z-index: 1000;
}
}
/*----------------------------checkmark-list -------------------------*/

.checkmark-list .col-sm ul{
    padding: 0px 10px;
    /* column-count: 3;
    column-gap: 60px; */
      column-count: auto;
    column-width: 30ch;
}
.checkmark-list .col-sm ul li{
    padding: 10px 20px;
    break-inside: avoid;
    
}
 .checkmark-list .col-sm ul li {
    list-style: none;
    position: relative;
    padding-left: 1.5em;
}

.checkmark-list .col-sm ul li::before{
    content: '\f00c';
    font-family: FontAwesome;
    font-weight: 500;
    color: var(--accent-color);
    position: absolute;
    left: 0;
    top: 0.6em;
}
/* .checkmark-list.theme2 .col-sm ul li::before{

    color: var(--accent-color);
   
} */
/*------------------------------------------------------.info-cards and first-card--------------------------------------*/
.basic-text-area.info-cards.first-card-fw .col-sm:first-of-type{
    flex-basis: auto;
   

}
.basic-text-area.info-cards img {
  object-fit: cover;
  height:250px;
  width:100%;
 
}

.basic-text-area.info-cards .col-sm {
    box-shadow:2px 2px 8px #9f9f9f;
    padding:0 0 25px 0;
    margin: 10px;
    display: flex;
    flex-direction: column;
    text-wrap-style:pretty;
    
}
.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 {
    padding: 20px;
}
.info-cards p {
    margin-bottom:6px;
}


.basic-text-area.info-cards .col-sm h4 {
  margin-bottom:5px;
        margin-top:15px;
  color:var(--title-font-color);
}

.basic-text-area.info-cards .col-sm :is(h5) {
    font-size:1.2em;
     margin-bottom:5px;
    text-wrap-style:pretty;
}


.basic-text-area.info-cards.theme1 .col-sm{
background:var(--backdrop-2);
color:#2a2a2a;
 box-shadow:2px 2px 5px #777777;
} 

.basic-text-area.info-cards.theme2 .theme-secondary {
    background:transparent;
}
.basic-text-area.info-cards.theme2 .col-sm{
    background:var(--primary-color);
}
.basic-text-area.info-cards.theme2 .col-sm h4 {
  
  color:white;
}

@media(max-width:767px){
 .basic-text-area.info-cards .col-sm {
    margin: 10px;
}
} 

@media(min-width:768px){
    .basic-text-area.info-cards:has(.col-sm:nth-child(4)) .col-sm {
  min-width:40%;
}
}
/*-----------------last-card-half---------------------*/
@media(min-width:768px){
    .basic-text-area.info-cards.last-card-half .col-sm:last-of-type {
 max-width:calc(50% - 20px);
       
    }
}
/*---------------------------BOD-Cards (for the board on contact us)------------------------------*/
.BOD-Cards table td {
    padding:15px 20px;
   display: flex;
    flex-direction: column;
    margin:10px;
    box-shadow: 0px 0px 3px 0px rgba(85,85,85,0.53);
    min-width:180px;
}
.BOD-Cards table tr {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    
}
.BOD-Cards table td p {
    margin:5px;
    text-align: center;
}
.BOD-Cards table{
    border-spacing: 15px;
}
.BOD-Cards table td:empty, .BOD-Cards table td:not(:has(img, p)) {
    display: none;
}
.BOD-Cards table td img {
    object-fit: cover;
    width:100%;
    height:225px;
    min-width:150px;
}

@media(max-width:600px){
    .BOD-Cards table tr {
        flex-direction: column;
    }
}
/*-----------------------------------------login page----------------------------------*/
.theme1 .login-widget-wrapper{
  background-color:#000000ab;
      color:white;
}
.theme1 .login-widget-wrapper .fa {
  color:var(--primary-color);
}
section.theme1 .login-widget-wrapper a, .theme1 .login-widget-wrapper .login-form-wrapper .login-widget-form-group .login-widget-label {
  color:white;
}
.login-widget-wrapper .login-form-wrapper .login-widget-form-group .login-widget-form-control {
  background:white;
}

.login-widget-bg {
  background-color:var(--primary-color);
}

.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;
 }

/*---------------------------footer--------------------------------*/

footer .basic-text-area .inner-wrap {
  background:none;
}
footer:before {
  background: url('/getmedia/8fd70b23-4679-453f-86bd-9992871dd41e/white-leather-texture-bg-2f396eab-0be3-4ba7-a14d-dfca6de868d3Image_by_jannoon028_on_Freepika.aspx');
  background-attachment: fixed;
  background-size:cover;
  position: absolute;
  display: block;
  content: '';
  width:100%;
  height:calc(100%);
  top:0;
  left:0;
  opacity: .7;
  
}
footer {
  background-color:white;
  position: relative;
  padding: 10px 30px 20px;
}
footer .basic-text-area .container {
  max-width: 1440px;
  width:100%;
}
footer .basic-text-area img {
  /* filter:drop-shadow(1px 1px rgba(0,0,0,0.72)); */
  max-height: 180px;
  margin: auto;
  display: block;
  padding: 5px;
  
}
@media(max-width:767px){
  footer .basic-text-area img {
  max-height: 200px;
  padding: 20px;
  
}
}

.footer-bg {
  background:none;
  color:black;
}
.footer-bg a {
  color:black;
}
.basic-footer-widget {
  font-size:1em;
}
.basic-footer-widget .footer-content-padding {
  padding:10px 0 0px;
}

footer a[href*="tel:"], 
footer a[href*="fax:"]{
  text-decoration: none;
  font-size:1.1em;
}
/*-------address in footer------*/
footer .basic-text-area .col-sm:has(address) {
  display: flex;
  flex-direction: column;
    text-align: center;
    align-items:center;
}
footer .basic-text-area address {
  display:flex;
  flex-direction:column;
  align-items: center;
/*   margin: 20px 0; */
/*   order:2; */
}

/*----------------footer titles----*/
footer h4 {
  font-weight: bold;
  color:var(--primary-color)
}

/*--------------footer icons----------*/
.footer-icons {
  margin-right:10px;
}
.footer-socials a {
  font-size:1.8em;
/*     margin: 8px; */
  padding:5px;
  width:39px;
  height:39px;
  text-align: left;
}
.footer-socials{
  display: flex;
}



@media(min-width:768px){
  footer .basic-text-area .col-sm:not(:first-of-type) {
     margin-top:40px;
  } 
  footer .basic-text-area div[id$="divCol4"] {
    display: flex;
    flex-direction: column;
    align-items:flex-end;
  }
  }

  @media(max-width:767px){
    footer .basic-text-area .col-sm:not(:first-of-type) {
    display: flex;
        flex-direction: column;
        text-align: center;
 } 
   footer .basic-text-area .col-sm:last-of-type {
       margin-top:20px;
   }
   
   .footer-socials {
       justify-content: center;
   }
   footer .basic-text-area p {
  margin-top:0;
   }
}

@media(max-width:767px){ 
  .section-header.background-image{
  
    background-attachment: unset;
  }
  
  section.pattern-bg:before, footer:before  {
      background-attachment: initial;
  }
  
  }