:root{
    --primary-color-light:#3d4b60; /*softer blue of brand*/
    --primary-color-op85:#0d1e38d4;
    --primary-color:#0d1e38; /*brand blue*/
    --secondary-color:#EEEEEE; /* anti-flash white*/
    --secondary-color-op80:#eeeeeecc; /* anti-flash white*/
    --secondary-color-op60:#eeeeee8a; /* anti-flash white*/
    --secondary-color-light:#f3f3f3; /* anti-flash whiter*/
    --accent-color:#6F96D1; /*light blue*/
    --accent-color-light:#9ab6df; /*lighter blue*/
    --soft-white:#FFFEFC; 
    --soft-white-80op:rgba(255,254,252,0.8); 
 /*--secondary-color:#b29758; /* mustard*/
   /*--secondary-color-op80:#b29758c4; /*mustard*/
    /*--secondary-color-light:#d1c19b; /*tan*/
 
    /*--accent-color:#232833; /*grey*/
    /*--accent-color-light:#bdbfc2; /*light grey*/
    --subtitle-font: "Taviraj", serif;
}

#request-information{
 scroll-padding-top: 120px;   
}
body {
    overflow-x: hidden;
    }
.header-social a {
    padding: 0 7px;
    font-size:1.2em;
}
:is(p,h1,h2,h3,h4,h5,h6):empty,
  .contact-card-widget .contact-card-title:empty{
    display: none;
  }
/*---------------------------------------------------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: 500;
        font-size:.9em;
        content: "\f078";
        padding-left: 5px;
        /* color: var(--primary-color-1-75op); */
        color: #fff;
    }

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


/*-------------------------header------------------------------------*/

header:not(.no-banner):not(.scrolled-head) ul.child-nav li a{
  color: #fff; /* YOU COLOR HERE FOR THE DROP DOWN MENU LINKS */
}


@media (min-width:1024px) {
    header.master-layout-2 .logo {
        /* height:110px;
        margin-top:5px; */
        padding: 10px 0;
    }
   /* header.master-layout-2.scrolled-head .logo, header.master-layout-2.scrolled-head-temp .logo {
        height:80px;
    } */
    header.master-layout-2{
        background: var(--primary-color-op85) ;
    }
    header.master-layout-2.no-banner {
        background: var(--primary-color);
    }
    header.master-layout-2 .header-top {
        background:transparent;
    }  
    header.master-layout-2.scrolled-head #main-menu {
        padding-top:10px;
    }
    header:not(.scrolled-head):not(.no-banner).master-layout-2 .header-top{
        background:transparent;
    }
  header:not(.scrolled-head):not(.no-banner) {
      background: var(--primary-color-op85) ; /* 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) ul:not(.child-nav) li a,
  header:not(.no-banner):not(.scrolled-head) span {
      color: var(--soft-white) ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/
  }
    /* header:not(.no-banner):not(.scrolled-head).master-layout-2 div#divMainMenu{
        height:70px;
    } */
    /* header.master-layout-2 nav {
        margin-top:5px;
    } */
        header.master-layout-2 .header-bottom {
            background:transparent;
        }
}

@media(min-width:1024px) and (hover:hover){
   
    /*---------hover effect on nav item-----------*/
    .master-layout-2 #divMainMenu nav #main-menu li a::before{
        content:'';
        position: absolute;
        bottom:2px;
        left:0;
        height:2px;
        width:100%;
        background: white;
        transform-origin: right;
        transform: scaleX(0);
         transition: transform .3s ease-in-out;
        
    }
 
    .master-layout-2 #divMainMenu nav #main-menu li a:hover::before{
         transform-origin: left;
         transform: scaleX(1);
        
    }
 

}

header.master-layout-2 #divMainMenu nav #main-menu li a{
    text-transform: uppercase;
    font-weight:600;
    
}
.master-layout-2 .MyProfile_Member .MyProfile_Name{
    font-weight:600;
}
header.master-layout-2 #main-menu ul {
    background-color: var(--primary-color-op85);
    color: white;
}
header.master-layout-2 #main-menu ul a  {
    background:transparent;
    color:white;
}
header.master-layout-2 #main-menu ul.child-nav a:hover ,
header.master-layout-2 #main-menu ul.child-nav a.active-link  {
    background:var(--secondary-color);
        color:black;
}
    header.master-layout-2 #main-menu>li>a:hover,
header.master-layout-2 #main-menu>li>a.highlighted,
header.master-layout-2 #main-menu>li>a.active-link {
        
    color:var(--secondary-color-light);
}
/*-------------mobile---------------------------*/
.master-layout-2 .showMobile i.fa-plus:before {
    content:'\f105';
    }
    .master-layout-2 .showMobile i.fa-minus:before {
    content:'\f107';
    }
    .master-layout-2 .showMobile i.fa-plus:before, 
    .master-layout-2 .showMobile i.fa-minus:before {
    font-size:1.7em;
    font-weight:600;
    color:white;
    
    }
    
    .master-layout-2 .showMobile i.fa-plus,
    .master-layout-2 .showMobile i.fa-minus {
    
    background:var(--accent-color);
    
    }
    
    .master-layout-2 .showMobile i.fa-plus {
    padding: 18px 25px;
    
    }
    .master-layout-2 .showMobile i.fa-minus {
    padding: 18px 22px;
    background:var(--accent-color);
    border:1px solid var(--primary-color-light);
    
    }
    .master-layout-2 nav.showMobile #main-menu {
        background:var(--primary-color);
    }
    header.wgt-header nav.showMobile{
    background:var(--primary-color-op85);
    }
    .master-layout-2 nav.showMobile #main-menu ul{
    background:var(--primary-color-light);
    }
    
    .master-layout-2 #divMainMenu nav.showMobile #main-menu li a {
    color:white;
    }
    
    .master-layout-2 #divMainMenu nav.showMobile #main-menu a.active-link,
    .master-layout-2 #divMainMenu nav.showMobile #main-menu a.current {
    background:transparent;
    border-bottom:2px solid var(--secondary-color-light);
    color:white;
    
    }
/*-----------------------------header max width adjustments-------*/
.master-layout-2 .container-fluid {
    max-width:1440px;
    /* width:100%; */
       margin:auto;
   } 
   
   /*----------------------------body max-width-------------------------------------------------*/
   section:is(.basic-text-area, .basic-block) p,
   section:is(.basic-text-area, .basic-block):has(p) :is(h1,h2,h3,h4,h5,h6) {
    max-width:1140px;
   
   }
   
   section:is(.basic-text-area, .basic-block) p.centered-text,
   section:is(.basic-text-area, .basic-block):has(p)  :is(h1,h2,h3,h4,h5,h6).centered-text {
     margin-left:auto;
     margin-right:auto;
    }
    section:is(.basic-text-area, .basic-block).center p,
    section:is(.basic-text-area, .basic-block).center:has(p)  :is(h1,h2,h3,h4,h5,h6) {
     margin-left:auto;
     margin-right:auto;
    }
   /*max width adjustments*/
   section .inner-wrap .container, 
   section .theme-secondary:not(.inner-wrap) > div
    {
       max-width:1440px;
      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%;
        
    }
    section[id*="TitleAndSummary_ExtraLarge"]:not(.center, .background-image) [id*="divInnerWrap"]{
        max-width:1440px;
        margin:10px auto;
    }
    .card-widget[id*="ImageAndTextQuickLinks"] .container {
        width: 100%;
        max-width: 1440px;
    }
/*---------------------------------------------------titles-------------------------------------------------------------------*/
section[id*='TitleAndSummary'].theme1 h4 {
    color:var(--primary-color);
   
    
}
section[id*='TitleAndSummary'].theme3 h4 {
    color:var(--accent-color);
   
    
}
.widget-bizform h2 {
    padding: 30px 10px
   
}
section h1:has(u){
    margin: 0px auto 25px;
    width: 100%;
    text-wrap-style: balance;
}
h1 u{
    text-decoration: none;
      position: relative;
      /* padding: 10px 30px; */
     color:var(--primary-color);

}
h1 u::after{
    content:'';
    height:3px;
    background:var(--primary-color);
    bottom:-7px;
    left:10%;
    position: absolute;
     width: 80%;
    animation-name: stretch;
    animation-duration: 4s; 
    animation-timing-function: ease-in-out; 
    animation-delay: 0s;
    animation-direction: normal;
    animation-play-state: running;
}
.basic-text-area:has(h1) h2,
.basic-block:has(h1) h2  {
    text-wrap-style:balance;
    font-size:1.5em;
    /* font-family:var(--subtitle-font); */
    padding-top:20px;
}

section.theme2 h1 u {
    color:white;
}
section.theme2 h1 u::after {
    background:white;
}
@keyframes stretch {
  0% {
    transform: scale(.2);

    }

  100% {
transform: scale(1);
  }
}
@media(max-width:500px){
    h2 u{
        padding: 10px;
        line-height:inherit;
    }
}
/*---------------------------------------------------buttons-------------------------------------------------------------------*/
a.e3-button {
    margin: 6px 0;
}
.theme1 a.btn:hover, 
.theme1 a.e3-button:hover{
    outline: 1px solid var(--primary-color);
    outline-offset: 5px;
}

.theme2 a.btn:hover,
.theme2 a.e3-button:hover{
    outline: 1px solid var(--secondary-color-light);
    outline-offset: 5px;
}

.theme3 a.btn:hover,
.theme3 a.e3-button:hover{
    outline: 1px solid var(--accent-color);
    outline-offset: 5px;
}
.expandable-content-widget.theme2 a {
    color:#2a2a2a;

}
.expandable-content-widget.theme2 a.expandable-content-link, .expandable-content-widget.theme2 a.expandable-content-link:hover{
    color:white;
}
.expandable-content-widget.theme2 a:hover {
    color:var(--primary-color);
  
}

.expandable-content-widget.theme2 .e3-button, 
.widget-bizform .FormPanel .FormButton, 
.FormPanel .FormButton  {
    background:var(--primary-color);
    color:white;
}
.expandable-content-widget.theme2 .e3-button:hover, 
.widget-bizform .FormPanel .FormButton.btn:hover, 
.FormPanel .FormButton.btn:hover{
     outline: 1px solid var(--primary-color);
    outline-offset: 5px;
    background:var(--primary-color-light);
    color:white;
}

.widget-bizform .FormPanel .FormButton, .FormPanel .FormButton {
    font-family: Muli,sans-serif;

}

/*-------------------------hero banner -----------------*/
.rotating-image-banner-slider .slick-dots {
    z-index: 1000 ;
  }

/*---------------------------------------------------static banner------------------------------------*/
@media(min-width:768px){
    .cho-hero-textwidget.height100{
        height:calc(100vh);
    }
    .cho-hero-textwidget.height50{
        height: 70vh;
    }
}


/*---------------------------Title and Summary------------------------------------*/
/* $("[id*='TitleAndSummary'].img-block img").removeClass('hidden') */
/* $("[id*='TitleAndSummary'].img-block").removeAttr('style') */
/* [id*='TitleAndSummary'].img-block {
    background:var(--primary-color-light);
}  */

.basic-block:not(.background-image) {
    padding: 20px 0;
}
.basic-block.theme2 {
    background:var(--primary-color);
}

.basic-block .basic-block-wrapper .img-block{
    height:auto;
    position: relative;
    overflow: inherit;
    min-height: 350px;
}
.basic-block .basic-block-wrapper .img-block:before{
    
    background:var(--primary-color-light);
    content:'';
    position: absolute;
    height:calc(100% + 80px);
    top:-40px;
    width:calc(100%);

}

section.basic-block .theme-secondary div.basic-block-wrapper{
    align-items: stretch;
    margin: 40px 0;
   
}
/*custom class narrow*/
section.basic-block.narrow .theme-secondary div.basic-block-wrapper {
    margin: 10px 0;
}
.basic-block .basic-block-wrapper [id*='TitleAndSummary'].img-block img{
/*     margin-top:10%; */
    object-fit: cover;
    height:100%;
    position: absolute;
    
   
}

    /* (image on right) */
section[id*='TitleAndSummary'].theme1 .img-block.col-sm-push-6:before {
   background:linear-gradient(to left,transparent 10%,var(--primary-color)10%, var(--primary-color-light) 90%, transparent 90%);
}
/* (image on left) */
section[id*='TitleAndSummary'].theme1 .img-block:not(.col-sm-push-6):before {
  background:linear-gradient(to right,transparent 10%,var(--primary-color)10%, var(--primary-color-light) 90%, transparent 90%);
}
    /* (image on right) */
 section[id*='TitleAndSummary'].theme2 .img-block.col-sm-push-6:before {
    background:linear-gradient(to right,transparent 10%,var(--secondary-color-op60)10%, var(--secondary-color-op80) 90%, transparent 90%);
}
    /* (image on left) */
section[id*='TitleAndSummary'].theme2 .img-block:not(.col-sm-push-6):before {
    background:linear-gradient(to left,transparent 10%,var(--secondary-color-op60)10%, var(--secondary-color-op80) 90%, transparent 90%);
}
    /* (image on right) */
section[id*='TitleAndSummary'].theme3 .img-block.col-sm-push-6:before {
   background:linear-gradient(to left,transparent 10%,var(--accent-color) 10%, var(--accent-color-light) 90%, transparent 90%);
}
/* (image on left) */
section[id*='TitleAndSummary'].theme3 .img-block:not(.col-sm-push-6):before {
  background:linear-gradient(to right,transparent 10%,var(--accent-color) 10%, var(--accent-color-light) 90%, transparent 90%);
}


@media(min-width:768px){
    /* (image on right) */
section[id*='TitleAndSummary'] .img-block.col-sm-push-6 {
    transform:translate(-20px)
}
/* (image on left) */
section[id*='TitleAndSummary'] .img-block:not(.col-sm-push-6) {
    transform:translate(20px)
}
}

@media(max-width:768px){
    .basic-block .basic-block-wrapper .img-block{
        margin: 40px 0;
    }
}
/*-------------------------quick link themeing-----------------------*/
.content-quicklink-menu.theme2 .content-quicklink-menu-list {
    background:var(--primary-color);
}

.content-quicklink-menu.theme2 .content-quicklink-menu-a {
    color:white;
}
.content-quicklink-menu.theme2 .content-quicklink-menu-a:hover {
    background-color:var(--primary-color-light)
}
/*--------------------------------quick links side menu icons------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ------                       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";
  }
  
  /*------------ 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";
  }
  


/*------------------------------------------------------text and image quick links-------------------------------------------*/
section:is(.theme1, .theme2, .theme3) .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background,
 .cho-quicklink-tile-large .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
    background:linear-gradient(to bottom,#000 0%,transparent 80%,#000 100%);
/*      background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,0.64) 40%,rgba(0,0,0,0.64) 60%,transparent 120%); */
    justify-content: flex-start;
    color:white;
    transition: all .3s ease-in;
        
}
.theme2 .cho-quicklink-tile .cho-quicklink-basic-wrapper:hover .cho-quicklink-content-1b.image-background, 
.theme2  .cho-quicklink-tile-large .cho-quicklink-basic-wrapper:hover .cho-quicklink-content-1b.image-background{
    background:var(--secondary-color);
    color:var(--primary-color)
 
}
.theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper:hover .cho-quicklink-content-1b.image-background, 
.theme1 .cho-quicklink-tile-large .cho-quicklink-basic-wrapper:hover .cho-quicklink-content-1b.image-background{
    background:var(--primary-color);
 
}
.theme3 .cho-quicklink-tile .cho-quicklink-basic-wrapper:hover .cho-quicklink-content-1b.image-background, 
.theme3  .cho-quicklink-tile-large .cho-quicklink-basic-wrapper:hover .cho-quicklink-content-1b.image-background{
    background:var(--accent-color);
 
}

:is(.theme1, .theme3) .cho-quicklink-tile .cho-quicklink-basic-wrapper:hover .image-background .widget1-title h4{
 color:white;  
}
.theme2 .cho-quicklink-tile .cho-quicklink-basic-wrapper:hover h4 {
    color:var(--primary-color);
}
.cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b .cho-quicklink-para, .cho-quicklink-tile-large .cho-quicklink-basic-wrapper .cho-quicklink-content-1b .cho-quicklink-para{
text-align: justify;
}

.card-widget.theme3 .theme-secondary{
      background:linear-gradient(to bottom,transparent 10%,var(--primary-color-light) 10%, var(--primary-color-light) 90%,transparent 90%);
/*     background:var(--primary-color-light); */
}
.card-widget .cho-quicklink-tile{
    box-shadow: 1px 0px 5px 4px rgba(0,0,0,0.46);
}
@media(max-width:768px){
    .cho-quicklink-tile {
        max-width:95%;
        padding:0;
    }
}
@media(hover:none){
    .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background, .cho-quicklink-tile-large .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
    background:linear-gradient(to bottom,transparent -20%,rgba(0,0,0,0.64) 40%,rgba(0,0,0,0.64) 60%,transparent 120%);
    justify-content: center;
   
}
    .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b .cho-quicklink-para, .cho-quicklink-tile-large .cho-quicklink-basic-wrapper .cho-quicklink-content-1b .cho-quicklink-para{
/*     min-height:auto; */
}
}
/*---------------------------quick links ------------------------------*/
.theme2.full-width-quicklinks .quicklink-flex-item:hover .large-bkgd h3, .theme2.full-width-quicklinks .quicklink-flex-item:hover .large-bkgd p, .theme2.full-width-quicklinks .quicklink-flex-item:focus .large-bkgd h3, .theme2.full-width-quicklinks .quicklink-flex-item:focus .large-bkgd p{
    color:white;
}


/*-------------------------------------------------------quick links masonary------------------------------------*/ 


@media(max-width:767px){
    .full-width-quicklinks.theme2 .full-width-quicklink-wrapper.large-bkgd {
        padding: 20.5% 0 20.5%;
    }
}
 
 .full-width-quicklinks.theme2 .full-width-quicklink-content:after,
.full-width-quicklinks.theme2 .full-width-quicklink-content:before {
   position: absolute;
   
   top: 9px;
   right: 9px;
   bottom: 9px;
   left: 9px;
   content: '';
   opacity: 0;
   -webkit-transition: opacity .35s, -webkit-transform .35s;
   transition: opacity .35s, transform .35s;
 }
 
 .full-width-quicklinks.theme2 .full-width-quicklink-content:before {
   border-top: 2px solid var(--secondary-color-light); 
    border-bottom: 2px solid var(--secondary-color-light); 
   -webkit-transform: scale(0, 1);
   transform: scale(0, 1);
 }
 
.full-width-quicklinks.theme2 .full-width-quicklink-content:after {
   border-right: 2px solid var(--secondary-color-light); 
   border-left: 2px solid var(--secondary-color-light); 
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
 }
 
.full-width-quicklinks.theme2  .quicklink-flex-item:hover .full-width-quicklink-content::after,
.full-width-quicklinks.theme2  .quicklink-flex-item:hover .full-width-quicklink-content::before,
 .full-width-quicklinks.theme2 .quicklink-flex-item:hover .full-width-quicklink-content:after,
 .full-width-quicklinks.theme2 .quicklink-flex-item:hover .full-width-quicklink-content:before {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 
 .full-width-quicklinks.theme2 .quicklink-flex-item .fwql-img {
   transform: scale(1.2);
 }
 
 .full-width-quicklinks.theme2 .quicklink-flex-item:hover .fwql-img {
   transform: scale(1) ;
 }
 
 .full-width-quicklinks.theme2 .quicklink-flex-item {
   margin: 20px 10px ;
   border: 2px solid var(--primary-color) ;
   box-shadow: var(--primary-color) 0px 20px 30px -10px;
 }
 .full-width-quicklinks.theme2 .full-width-quicklink-wrapper{
   height: 100% ;
   width: 100% ;
 }
 
 .full-width-quicklinks.theme2 .quicklink-flex-item:hover .full-width-quicklink-wrapper{
   background-color: var(--primary-color);
 }


/*-------------------- FOUR COLUMNS -----------*/
 @media (min-width: 768px) {
   section.full-width-quicklinks.theme2 .four-ql {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 150px 150px 150px 150px;
   }
 

   section.full-width-quicklinks.theme2 .four-ql .full-width-quicklink-wrapper, 
     section.full-width-quicklinks.theme2 .five-ql .full-width-quicklink-wrapper{
       padding: 0 !important;
   }
      section.full-width-quicklinks.theme2:nth-child(odd) .four-ql>a:nth-child(1) {
       grid-row: 3/ 5;
       grid-column: 2 / 4;
   }
  
    section.full-width-quicklinks.theme2:nth-child(odd) .four-ql>a:nth-child(2) {
       grid-row: 1/ 3;
       grid-column: 1 / 3;
   }
    section.full-width-quicklinks.theme2:nth-child(odd) .four-ql>a:nth-child(3) {
       grid-row: 3/ 5;
       grid-column: 1 / 2;
   }
   section.full-width-quicklinks.theme2:nth-child(odd) .four-ql>a:nth-child(4) {
       grid-row: 1/ 3;
       grid-column: 3 / 4;
   }
  section.full-width-quicklinks.theme2:nth-child(even) .four-ql>a:nth-child(1) {
       grid-row: 3/ 5;
       grid-column: 2 / 4;
   }
  
    section.full-width-quicklinks.theme2:nth-child(even) .four-ql>a:nth-child(2) {
       grid-row: 1/ 3;
       grid-column: 1 / 3;
   }
    section.full-width-quicklinks.theme2:nth-child(even) .four-ql>a:nth-child(3) {
       grid-row: 3/ 5;
       grid-column: 1 / 2;
   }
   section.full-width-quicklinks.theme2:nth-child(even) .four-ql>a:nth-child(4) {
       grid-row: 1/ 3;
       grid-column: 3 / 4;
   }

  
 /*-------------------- FIVE COLUMNS -----------*/
 
 
 section.full-width-quicklinks.theme2 .five-ql {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: 150px 150px 150px 150px;
   }
   section.full-width-quicklinks.theme2:nth-child(odd) .five-ql>a:nth-child(1) {
       grid-row: 1/ 5;
       grid-column: 1 / 2;
   }
    section.full-width-quicklinks.theme2:nth-child(odd) .five-ql>a:nth-child(2) {
       grid-row: 1/ 3;
       grid-column: 2 / 4;
   }
    section.full-width-quicklinks.theme2:nth-child(odd) .five-ql>a:nth-child(3) {
       grid-row: 3/ 5;
       grid-column: 2 / 3;
   }
   section.full-width-quicklinks.theme2:nth-child(odd) .five-ql>a:nth-child(4) {
       grid-row: 1/ 3;
       grid-column: 4 / 5;
   }
   section.full-width-quicklinks.theme2:nth-child(odd) .five-ql>a:nth-child(5) {
       grid-row: 3/ 5;
       grid-column: 3 / 5;
   }
 
   section.full-width-quicklinks.theme2:nth-child(even) .five-ql>a:nth-child(1) {
       grid-row: 1/ 3;
       grid-column: 1 / 2;
   }
    section.full-width-quicklinks.theme2:nth-child(even) .five-ql>a:nth-child(2) {
       grid-row: 1/ 3;
       grid-column: 2 / 4;
   }
    section.full-width-quicklinks.theme2:nth-child(even) .five-ql>a:nth-child(3) {
       grid-row: 3/ 5;
       grid-column: 1 / 3;
   }
   section.full-width-quicklinks.theme2:nth-child(even) .five-ql>a:nth-child(4) {
       grid-row: 1/ 5;
       grid-column: 4 / 5;
   }
   section.full-width-quicklinks.theme2:nth-child(even) .five-ql>a:nth-child(5) {
       grid-row: 3/ 5;
       grid-column: 3 / 4;
   }
   
 }

 /*--------------------------------image and text quick links-----------------------------*/
 .cho-quicklink-tile .cho-quicklink-tile-image img{
    object-fit: cover;
    height:100%;
  }

/*--------------------------------------------------------------------------------text area -----------------------------------------------------------*/
.basic-text-area .container {
    padding: 30px 0;
}
@media(max-width:768px){
   .basic-text-area .container {
    padding: 15px 10px;
} 
    .basic-text-area .row{
        margin:0;
    }
}


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


.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo  {
    width:100%;
    max-width:100%;
    border-radius: 0;
    background-color:var(--primary-color);
    
}
@media(max-width:1023px){
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo  {
    height:250px;
    }
}
section.contact-card-widget.card-view:is([class*="theme"]) .contact-card-wrapper .contact-card-item{
    padding:0;
    box-shadow: -1px 4px 3px #e0e0e0;
}
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner{
        padding: 15px;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h4 {
  font-style:italic;
    font-size:1.5em;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h3  {
  color:var(--primary-color-light);
}

.div-add-to-contact {
  display: none;
}

.theme2.contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
    background-color:var(--primary-color);
   
}

.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h4,
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h3,
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner a,
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa{
    color:white;
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner a:hover{
    color:var(--secondary-color-light);
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo  {
  
    background-color:var(--primary-color-light);
    
}
 /*--------------------------------table  default look theme1-----------------*/
section:not(.widget-bizform).theme1 table th {
    background:var(--primary-color);
    color:#FFFFFF;
}

section:not(.widget-bizform).theme1 table td,
section:not(.widget-bizform).theme1 table {
   border:1px solid #d5cfcf;
}
 /*-----------------------------score card coloring---------------------------------------*/
.widget-scorecard.theme2 .widget-scorecard-tab .tab.active-tab, 
.widget-scorecard.theme2 .widget-scorecard-tab .tab:hover,
.widget-scorecard.theme2 .widget-scorecard-selected-tab{
    background:var(--primary-color-light);
/*    border-bottom-color: var(--accent-color); */
    color:white;
}
.widget-scorecard.theme2 .widget-scorecard-tab .tab {
    background:var(--primary-color);
    
}
.widget-scorecard.theme2 .widget-scorecard-tab .tab a,
.widget-scorecard.theme2 .widget-scorecard-selected-tab a{
    color:white;  
}

.widget-scorecard.theme2 .widget-scorecard-display .widget-scorecard-display-holes-title .widget-scorecard-title-static .static-title-hole, 
.widget-scorecard.theme2 .widget-scorecard-display .widget-scorecard-display-holes-title .widget-scorecard-title-static .par,
.widget-scorecard.theme2 .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title {
   
    background:var(--primary-color);
    color:white;
}
.widget-scorecard.theme2 .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title  a {
    color:white;
}
.widget-scorecard.theme2 .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title  a:hover,
.widget-scorecard.theme2 .widget-scorecard-display .widget-scorecard-display-holes .widget-scorecard-title-wrapper .widget-scorecard-title>div:hover{
    color:white;
     background:var(--primary-color-light);
}
/*-------------------------------------------------------------------biz form -----------------------------------------------------------*/

.widget-bizform .background-image .container{
    background:var(--soft-white-80op);
    padding: 20px;
    height:100%;
    margin: 20px 20px;
}
.widget-bizform.theme2 .background-image .container{
    background:var(--primary-color-op85);
}
@media(min-width:1441px){
    .widget-bizform .background-image .container{
   
    margin: 40px auto;
}
}

/*-------------------------------------------------------------custom biz form------------------------------------------*/

.widget-bizform div[id*="divContainer"] {
    padding: 20px;
}
.widget-bizform .container{
    width:auto;
    max-width: 990px;
}
.widget-bizform .FormPanel {
    width: fit-content;
    margin: auto;
}
.widget-bizform .EditingFormTable {
  display: block;
    width:90%;
/*     margin:0 auto; */
}
.widget-bizform:has(.full, .half, .third, .comments) tr {
  display: flex;
  flex-direction: column;
        justify-content: space-between;

}

.widget-bizform .FormPanel .FieldLabel, 
.widget-bizform  .FormPanel .EditingFormLabel {
    text-align: left;
  }
.widget-bizform .EditingFormValueCell input, 
.widget-bizform .EditingFormValueCell textarea,
.widget-bizform .EditingFormValueCell select {
  border: 1px solid var(--primary-color);
  background: var(--soft-white-80op);
}
.widget-bizform .FormPanel .form-control:focus {
    border-bottom: 2px solid var(--primary-color);
    background-color: #fafbfc;
    outline: 1px solid var(--primary-color-light);
}

.widget-bizform.theme2 .EditingFormValueCell input, 
.widget-bizform.theme2 .EditingFormValueCell textarea,
.widget-bizform.theme2 .EditingFormValueCell select {
  border: 1px solid var(--primary-color-light);
  background: var(--soft-white-80op);
}
.widget-bizform.theme2 .FormPanel .form-control:focus {
    border-bottom: 2px solid var(--secondary-color);
    background-color: #fafbfc;
    outline: 1px solid var(--secondary-color-light);
}


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

 
/*-----------------------------------Login form------------------------------------------------------------------*/
.login-widget-wrapper {
    background-color:var(--soft-white-80op);
    
}
.login-widget-wrapper .login-form-wrapper .login-widget-form-group .login-widget-label{
    font-weight:bold;
}
.login-widget-wrapper .login-form-wrapper .login-widget-form-group .login-widget-form-control{
    border-color:var(--primary-color-light);
}
.theme1 .login-widget-wrapper .login-form-wrapper .login-form-logon .btn:hover{
    background:var(--primary-color-light);
    color:white;
}