@import url('https://fonts.googleapis.com/css2?family=Palanquin:wght@100;200;300;400;500;600;700&display=swap');/*for testimonial quote*/
:root {
  --primary-color:#002855; /*primary blue*/
  --primary-color-hover:#00346f;
  --primary-color-op80:rgba(0,41,85,0.8); /*primary green*/
  --primary-color-op90:rgba(0,41,85,0.9); /*primary green*/
  --primary-color-dark: #002855; 
  --primary-color-light:#002855; /*primary blue*/
  
 
   
  --secondary-color:#908360; /*yellow*/
  --secondary-color-hover:#908360;

  --secondary-color-light:#BCB19A; /*yellow*/
  --secondary-color-op80:rgba(144,131,96,0.80);
  --secondary-color-op60:rgba(144,131,96,0.6);
  
  


 
  --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:#002855; /*blue*/
      --title-font-family: 'Playfair Display', serif;
     


}
body {
  overflow-x: hidden;
  
}

:is(p,h1,h2,h3,h4,h5,h6):empty,
.contact-card-widget .contact-card-title:empty{
  display: none;
}
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}
/*------------------------------------------------------header ---------------------------------------*/
.master-layout-1 {
  z-index: 2004;
}

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

  .master-layout-1 #divMainMenu nav #main-menu>li>a {
      line-height:80px;
  }
      .master-layout-1 #divMainMenu, 
  .master-layout-1 .container-fluid,    
  .master-layout-1 .MyProfile_Member { 
           height:80px;
  }
   
  .master-layout-1 .MyProfile_Member { 
    z-index:10;
}
header.master-layout-1.scrolled-head .logo {
      /* position: absolute;
      padding:0;
      height:95px;
      z-index: 1000; */
  }
}
@media(hover:hover) and (min-width:1025px) and (max-width: 1500px){
  header.master-layout-1 .container-fluid {
   
padding-left: 0px;
padding-right: 0px;
   
/* height: 136px; */
   
}
  }
@media(min-width:1500px) and (hover:hover){
  header.master-layout-1 .container-fluid {
      padding:0 ;
      padding-left:0;
      padding-right:0;
  }
  .master-layout-1 .MyProfile_Member{
    margin-right:14px;
    }

}
@media(hover:hover) and (min-width:1025px){
  
header.master-layout-1 .MyProfile_Member:focus {
 /* background:varr(--primary-color); */
}
   /* header.master-layout-1 .MyProfile_Member .MyProfile_Name {
      padding-right:15px;
} */
.master-layout-1 .MyProfile_Member {
  /* background:var(--primary-color); */

  /* margin: 11px;
  height: calc(100% - 22px);
  transition: all .3s ease-in;
  border:2px solid var(--primary-color); */
  
}
.master-layout-1 .MyProfile_Member:focus {
   /* background:var(--primary-color-dark); */
}
.master-layout-1.scrolled-head .MyProfile_Member {
/*   
  margin: 11px;
  height: calc(100% - 22px); */
}
.master-layout-1 .MyProfile_Member:focus .MyProfile_Name ,
 .master-layout-1 .MyProfile_Member .MyProfile_Name {
  color:white;
  text-transform: unset;
} 
}


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

}

.master-layout-1 #divMainMenu nav #main-menu li, 
.master-layout-1 #divMainMenu nav #main-menu a {
font-size:18px;

}  
.master-layout-1:not(:has(.showMobile)) #divMainMenu nav #main-menu li, 
.master-layout-1:not(:has(.showMobile)) #divMainMenu nav #main-menu a {
height:70px;

}  
.master-layout-1 .logo {
  padding:0;

}

   header.master-layout-1:not(:has(.showMobile)) .header-social {
    padding: 7px 10px;
    
}
header.master-layout-1:not(:has(.showMobile)) .header-social a {
    padding: 10px 8px;
    font-size:1.3em;
    
}
 @media(hover:none) or (max-width:1024px){
    header.master-layout-1.scrolled-head .logo{
        padding-top:0;
    }
    header.master-layout-1 .logo img {
    padding:10px 0;

  }
    /* header.master-layout-1.scrolled-head .MyProfile_Member {
margin-top:15px;
} */
}

 
  @media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
    header.master-layout-1 .MyProfile_Member .MyProfile_Name{
      
      background:var(--primary-color);
/*       border-radius:10px; */
      color:white;
      font-weight:400;
       height:fit-content;
padding:10px 20px;
      
  }
  .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
    margin-top:15px;
  
}
.master-layout-1.scrolled-head .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
    margin-top: 10px;
}
    header.master-layout-1.scrolled-head .MyProfile_Member .MyProfile_Name{
      /* min-height: 28px; */
      overflow:hidden;
       padding: 16px 10px;
  }
   header.master-layout-1 .MyProfile_Member:hover .MyProfile_Name{
      background:var(--primary-color-hover);
  
      
  }
  header.master-layout-1 .MyProfile_Member .MyProfile_SignedIn,
  header.master-layout-1 .MyProfile_Member .MyProfile_SignedOut{
    padding-left:0;
 
  }
   header.master-layout-1 .MyProfile_Member:focus{
      background:var(--primary-color-hover);
      margin-left:10px;
  }
  header.master-layout-1 .MyProfile_Member:focus .MyProfile_Name{
      color:#ffffff;
  }
 header.master-layout-1 .MyProfile_Member:hover .MyProfile_Name{
      color:#ffffff;
  }
  header.master-layout-1 #main-menu>li>a:hover,
   header.master-layout-1 #main-menu>li>a.highlighted, 
   header.master-layout-1 #main-menu>li>a.active-link{
    box-shadow: 0 -10px 0 -8px white inset;
  }
  header.master-layout-1 #main-menu>li>a{
    line-height: 40px;
  }

 

  }

@media (min-width:1024px) and (max-width:1499px) and (hover:hover){
    .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .SignedIn_container,
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .SignedIn_container{
        margin-right:13px
    }
}
/*-----------------------------------------------------transparent header----------------------*/

header.master-layout-1{
  
    box-shadow:none;
     border-bottom:0;
    background:linear-gradient(to bottom, rgba(0,41,85,0.8), transparent 100%);
   
}
header.master-layout-1.no-banner{
  
    background:var(--primary-color);
   
}
header.master-layout-1 .header-top{
  height:140px;
}
header.master-layout-1 .header-top, header.master-layout-1 .header-bottom {
  
      background:transparent;
  }
  header.master-layout-1.scrolled-head .header-top {
    padding-top:5px;
    height:70px;
  }
      header.master-layout-1.scrolled-head #main-menu{
        padding-bottom:5px;
      }
header.master-layout-1.scrolled-head, 
body:has(.module-page) header.master-layout-1 {
 background:var(--primary-color); 
z-index: 2004;
}



body:not(.module-page):not(.no-banner) .header-space {
display: none ; /* Conditionally Removes the header space */
}

body:is(.module-page):has(.cho-hero-textwidget) .header-space{
    display:none;
}
.master-layout-1 #divMainMenu nav #main-menu li a{
color: white ; /*-----when your nav is not transparent*/
 

}
.master-layout-1 #divMainMenu nav #main-menu ul a:hover {
  background:var(--primary-color-hover);
  color:white;
  
} 

.master-layout-1:not(.no-banner):not(.scrolled-head) svg, 
.master-layout-1:not(.no-banner):not(.scrolled-head) #menu-button i.fa-bars,
header.master-layout-1 .MyProfile_Member .MyProfile_Svg svg{
fill:white;
color:white;
}


@media (min-width:1024px) and (hover:hover) {
header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a,
header:not(.no-banner):not(.scrolled-head) span
{
    color: white ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/

}

.master-layout-1 #divMainMenu nav #main-menu>li>a:hover , 
header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a:hover,
.master-layout-1 #divMainMenu nav #main-menu>li>a.active-link , 
header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a.active-link {

  color:white; 
  box-shadow: 0 -10px 0 -7px #ffffff inset;
}

  header.master-layout-1 #main-menu>li>a:focus,
  header.master-layout-1 #main-menu ul a:focus, 
  header.master-layout-1 #main-menu ul ul a:focus,
  header.master-layout-1 #main-menu ul ul ul a:focus {
      background:var(--primary-color-op80);
      
  }


}
/* @media(min-width:1024px) and (max-width:1440px){
header.master-layout-1 .logo{
   margin-left:3%;
 }
} */

@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  header.master-layout-1.scrolled-head .container-fluid {
/*     height:85px; */
  }
  header.master-layout-1 .header-bottom nav ul{
    position:relative;
  }
       header.master-layout-1 .header-bottom nav ul:before {
         content:'';
         height:1px;
         width:100%;
         top:15px;
         right:0;
         position:absolute;
         background:var(--primary-color);
       } 
  header.master-layout-1.scrolled-head .header-bottom nav ul:before {
        
         height:0px;
        
       } 
       body:not(:has(.post-card-banner)) header:not(.scrolled-head):not(.no-banner):after{
content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 30vh;
        background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
        opacity: 0.5;
    z-index: -1
}
}

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

.master-layout-1 .MyProfile_Svg svg {
  fill:white;
  }
  .master-layout-1 #menu-button i.fa-bars {
  color:white;
  }
 .icon-m.close-nav {
      /* margin:28px 14px; */
       float:left;
    left: 0;
    right: auto;
    margin: 9px 14px;
  }
  .master-layout-1 .showMobile .fa-times {
    color:white;
 
  }

  .master-layout-1 .showMobile i.fa-plus:before {
  content:'\f107';
  
  }
  .master-layout-1 .showMobile i.fa-minus:before {
  content:'\f107';
   transform: rotate(180deg);
    display:inline-block;
  }
    
   
  .master-layout-1 .showMobile i.fa-plus:before, 
  .master-layout-1 .showMobile i.fa-minus:before {
  font-size:1.7em;
  font-weight:400;
  /* color:var(--primary-color); */
  
  }
  .master-layout-1 .showMobile i.fa-minus:before {
  
  color:white;
  
  }
  
  .master-layout-1 .showMobile i.fa-plus,
  .master-layout-1 .showMobile i.fa-minus { 
    border-radius: 5px; 
    /* background:var(--primary-color);  */
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  
  .master-layout-1 .showMobile i.fa-plus {
  /* padding: 10px 15px; */
  padding: 18px 24px 18px 0;
  
  }
  .master-layout-1 .showMobile i.fa-minus { 
    padding: 10px 22px; 
    background:transparent; 
     padding: 18px 22px 18px 0;
    /* box-shadow:var(--bs-v2);  */
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  .master-layout-1 nav.showMobile #main-menu {
    background:transparent;
  }
  .master-layout-1 nav.showMobile:before {
   content:'';
      background-image:url('/getmedia/a8052535-7a7f-464c-83b4-e11aebb71dd4/PCC_Logo_-_White.aspx');
      background-size:contain;
      background-repeat: no-repeat;
      background-position: center bottom;
      width:250px;
      height:100px;
  
      position: relative;
      margin: 50px auto 10px;
      display: block;
  }
  header.wgt-header nav.showMobile{
  background:var(--primary-color);
  
  }
  header.wgt-header nav.showMobile li a{
/* text-align: center;
width:fit-content; */
flex-grow:unset;
  
  }
  /* header.wgt-header nav.showMobile li {
    justify-content: start;
  
  } */
  
  .master-layout-1 nav.showMobile #main-menu ul{
  background:var(--primary-color);
    padding-left:16px;
  }
  .fullmenu nav.showMobile .top-nav
   {
      width: calc(100% - 0px);
  }
  /* .master-layout-1 #divMainMenu nav.showMobile #main-menu li a {
  color:#2a2a2a;
  } */
  .master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a {
  color:white;
  }
  
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
  background:transparent;
    text-decoration:underline;
  /* color:var(--primary-color); */
  font-weight:600;
  }
  .master-layout-1 #divMainMenu nav.showMobile #main-menu ul a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu  ul a.current {
   text-decoration:underline;
  /* color:var(--primary-color); */
  color:white;
  }
  header.master-layout-1 nav.showMobile #main-menu ul a {
    background:transparent;
  }
header.wgt-header nav.showMobile #main-menu li ul {
  background-color:var(--primary-color-hover);
    padding-left:10px;
    padding-right:10px;
}

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

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


    header.master-layout-1:has(.showMobile) .MyProfile_Member .MyProfile_SignedIn,
 header.master-layout-1:has(.showMobile) .MyProfile_Member .MyProfile_SignedOut{
        z-index: 100000;
        position: absolute;
        right: 0;
        top: 0;
    }

header.master-layout-1:has(.showMobile) .MyProfile_Member .fullView {
z-index: 100000;
    top:160px;
    background-color:var(--primary-color);
      width:calc(100vw - 25px);
    left:auto;
    right:0;
    padding-top:0;
    min-height:100vh;
    position: absolute;
}

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

nav:has(.showMobile) .mobile-logo-redirect{
    position: absolute;
    left:calc(50% - 100px);
    width:200px;
    top:0;
    height:160px;
    /* border:1px solid red; */
}
  /*-----------------------------mobile-only nav item--------------------------*/
  .master-layout-1 #divMainMenu nav #main-menu li.mobile-only {
    display: none;
}
.master-layout-1 #divMainMenu nav.showMobile #main-menu li.mobile-only {
    display: flex;
}
/* header.master-layout-1.scrolled-head .MyProfile_Member {
margin-top:5px;
} */
/*----- 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:.8em;
      content: "\f107";
      margin-left: 8px;
      color: #fff;
      transition: transform .3s ease-out;
        transform-origin: 50% 50%; /* center rotation point */
      display:inline-block;
  }
   
    #main-menu > li:hover>a:after{
        transform: rotate(180deg);
    }
  /*------------------ 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;
      padding-top:8px;
  }
  /*--------------------- 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;
  }
}
/*-----------------------------max width adjustments-------*/
.master-layout-1 .container-fluid nav {
max-width:1440px;
}
/*---------------------------body max-width-------------------------------------------------*/

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

:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .inner-wrap .container, 
 :is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .theme-secondary:not(.inner-wrap) > div{
     max-width:100%;
    
}
.contact-card-widget .inner-wrap{
  max-width:1440px;
  margin:auto;
  width:100%;
  float:unset;   
}
 /*-------------------------------.max-width-1170------------------------------------*/
.max-width-1170 .inner-wrap > div {
    max-width:1170px;
    
}
/*custom class max-width-900*/ 
.max-width-900 .inner-wrap .container {
  max-width:900px
}
/*-------------------------header post-card-banner tweak------------------*/
/* @media(hover: hover) and (pointer:fine) and (min-width:1025px),screen and (-ms-high-contrast:none) and (min-width:1025px) {
  body:has(.post-card-banner) .master-layout-1 #divMainMenu nav #main-menu{
    margin: 0 auto 0 0;
}
body:has(.post-card-banner) .master-layout-1 #divMainMenu {
    left:0px;
    transform:translatex(0);
}
} */
/*------------------------------------hero banner image & .post-card-banner------------------------------*/
.cho-hero-textwidget.height100 {
    height:100vh;
}
.post-card-banner.cho-hero-textwidget.height100{
    position: relative;
    z-index: -1;
}
.post-card-banner .cho-hero-textwidget-bg:before{
    background:linear-gradient(to bottom, rgb(0 41 85 / 60%), transparent 100%);
    content:'';
    width:100%;
    height:200px;
    top:0;
    left:0;
    position: absolute;
    z-index: 3;
}
.post-card-banner.cho-hero-textwidget.height100:before{
    outline: 2px ridge white;
    outline-offset: -20px;
    content:'';
    width:100%;
    top:65px;
    left:0;
    height:calc(100% - 65px);
    position: absolute;
    z-index: 100;
}
.post-card-banner.cho-hero-textwidget .cho-hero-textwidget-bg{
/*     background-position: center -65px; */
}
.post-card-banner.cho-hero-textwidget.height100:after{
    
    content:'';
    width:100%;
    bottom:0px;
    left:0;
    height:calc(157px);
    position: absolute;
    z-index: 10;
    background:linear-gradient(to top, rgba(0,4,7,0.8), transparent 100%);
}
.post-card-banner  .cho-hero-textwidget-bg {
    height:100vh;
    min-height:800px
}


@media(max-width:767px){
  .post-card-banner.cho-hero-textwidget.height100:after{
    background:transparent;
  }
  .col-fw:has(.post-card-banner) {
    display: flex;
}
    .post-card-banner  .cho-hero-textwidget-bg {
    height:100vh;
    flex:1;
    /* min-height:800px; */
}
.cho-hero-textwidget.cho-hero-textwidget.height100 {
    height:100vh;
    flex:1;
     /* min-height:800px; */
}
@media (min-width: 768px) {
    .cho-hero-textwidget.height75{
        height: 73vh;
        max-height:650px;
    }
}
}

/*------------------------------------------banner-title-overlay-------------------------------------*/

.banner-title-overlay {
    position: absolute;
    margin:auto;
    
}
.banner-title-overlay .inner-wrap {
    background:transparent;
    height:calc(100vh);
}

.banner-title-overlay img{
    height:30vh;
}
.banner-title-overlay .container {
    display: block;
    justify-content: center;
    align-items:center;
    margin-top:auto;
    margin-bottom:auto;
    inset:0;
    position: absolute;
/*     height:calc(100vh - 200px); */
    height:fit-content;
    padding-top:30px;
}
.banner-title-overlay .container .row {
    margin:auto;
    display: block;
}
.banner-title-overlay :is(h1,h2,h3,h4,h5,h6,p){
    color:white;
    text-shadow: 1px 2px 1px black;
}
.banner-title-overlay h1{
    font-size:2em;
}
.banner-title-overlay h1 strong{
    font-size:1.5em;
}
@media(max-height:600px) or (max-width:500px){
    .banner-title-overlay img{
    height:25vh;
}
.banner-title-overlay .container {
    padding-top:10px;
}
.banner-title-overlay h1{
    font-size:1.6em;
}

}
.banner-title-overlay .container{
    opacity: 0;
    transform: scale(0.8);
    transform-origin: center;
    animation: fadeScaleIn 5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeScaleIn {
    from {
        opacity: 0;
        transform: scale(0.2);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/*---------------------------------------------text area titles-----------------------------*/
.basic-text-area:has(h1) h2 {
    font-size:1.5em;
}
.basic-text-area.theme1:not(.banner-title-overlay) h1 {
    color:var(--title-font-color);
}



/*-------------------------texture-bg & page-heading backdrop------------------------------*/

.texture-bg,.basic-text-area:has(h1).page-heading {

    background-position: center;
    background-size: cover;
    background-repeat: repeat;
/*     z-index: -1; */
    /* background-image:url('/getmedia/0cb854e0-8bdd-433e-9cf1-2e2300d96685/AdobeStock_367555004-texture.aspx'); */
     background-image:url('/getmedia/4853e025-bf76-4994-b71d-53e5aed8fb6e/AdobeStock_461177920-texture.aspx');
}
.texture-bg .inner-wrap:before {
        content:'';
    width:110%;
    height:100%;
    left:-5%;
    top:0;
    position: absolute;
    box-shadow: inset 0px 0px 30px 20px #ffffff;
    
}
.texture-bg.theme2 .inner-wrap:before {
       
    box-shadow: inset 0px 0px 30px 20px var(--primary-color);
    
}
.basic-text-area:has(h1).page-heading .inner-wrap:before {
        content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    position: absolute;
    background:linear-gradient(to bottom, transparent 80%, white);
  display:block;
    
}
.basic-text-area:has(h1).page-heading.theme2 .inner-wrap:before {
       
    background:linear-gradient(to bottom, transparent 80%, var(--primary-color));
  
    
}
.texture-bg .inner-wrap,
.basic-text-area:has(h1).page-heading .inner-wrap{
    background:rgba(255,255,255,0.55);
    position: relative;
    
}
.texture-bg.theme2 .inner-wrap,
.basic-text-area:has(h1).page-heading.theme2 .inner-wrap{
    background:var(--primary-color-op80);
    position: relative;
    
}
.texture-bg .inner-wrap .container,
.basic-text-area:has(h1).page-heading .container{
   margin-top:60px;
    margin-bottom:60px;
    
}

@media(max-width:767px){
 
    .texture-bg .inner-wrap .container,
.basic-text-area:not(.banner-title-overlay):has(h1).page-heading .container{
   margin-top:30px;
    margin-bottom:30px;
    
}
}
.page-heading h1{
    position: relative;
    margin-bottom:20px;
}
.page-heading h1:after{
    position: absolute;
    content:'';
    width:160px;
    height:3px;
    border-radius: 50%;
/*     background:linear-gradient(to left, var(--secondary-color), transparent 45%, var(--secondary-color) 50%, transparent 55%, var(--secondary-color)); */
    background:var(--secondary-color);
    bottom:-5px;
    left:calc(50% - 80px);
    
}
.page-heading h2 {
    margin-bottom:24px;
}
.page-heading p{
    max-width:900px;
    text-align: center;
    margin:0px auto 10px;
}
/*-----------------------------------value-cards-----------------------------*/
.value-cards img {
    object-fit: contain;
    object-position: center;
    height:100px;
}
.value-cards h4 {
    font-size:1.8em;
    margin-top:10px;
    color:var(--primary-color);
    font-family:var(--title-font-family);
}
.value-cards p {
    text-wrap-style:pretty;
}
.value-cards .col-sm {
  padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
       min-width:fit-content;
    
}

@media(max-width:1024px){
    .value-cards .col-sm {
        -ms-flex-preferred-size: unset;
      flex-basis: unset;
      -webkit-box-flex: unset;
      -ms-flex-positive: unset;
      flex-grow: unset;
      max-width: 20%;
        min-width:fit-content;
    }
    .value-cards h4 {
        font-size:1.2em;
    }
    .value-cards  .row {
        justify-content: center;
    }
}
@media(max-width:767px){
    .value-cards .col-sm img {
        height:70px;
    }
    .value-cards .col-sm h4 {
        font-size:1em;
    }
    
     
}
/*--------------------------------image and text quick links-----------------------------*/

.cho-quicklink-tile .cho-quicklink-tile-image img{
object-fit: cover;
height:100%;

}
@media(max-width:767px){
    .cho-quicklink-tile{
        max-width:500px;
        
    }
    .cho-quicklink-tile .cho-quicklink-tile-image.image1-1, 
    .cho-quicklink-tile-large .cho-quicklink-tile-image.image1-1{
    padding-top: 70%;
   }
}
/*------------------------------------------overlay-v2-----------------------*/
.overlay-v2 .theme-primary-hover-in{
    background-color:rgba(0,0,0,.0);
}
.overlay-v2 .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
    justify-content: flex-end;
}
.overlay-v2 .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b .widget1-title{
/*     background-color:rgba(0,0,0,.8); */
    background-color:var(--primary-color-op80);
}
.overlay-v2 .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b .widget1-title h4{
    text-align: center;
    padding: 10px;
    margin:0;
}
/*---------------------------------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:var(--secondary-color);
/*    background:var(--primary-color-light-2); */
  background:var(--primary-color-dark);
}

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

.content-quicklink-menu-a:before {
  display: block ;
  margin-left: 20px;
  margin-top: -5px;
}
/*-------------------------------custon class icon-ql----------------------*/
.icon-ql h4:before {
  display: block ;
  margin-left: 0px;
  margin-bottom: 12px;
}

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

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

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

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

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

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

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



a[class*=calendar].content-quicklink-menu-a:before,
.icon-ql h4[class*=calendar]:before {
  content: "\ebcc";
}
a[class*=contact].content-quicklink-menu-a:before,
.icon-ql h4[class*=contact]:before {
  content: "\e94c";
}

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


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


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


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

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

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


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


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


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

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


a[class*=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,
.icon-ql h4[class*=roster]:before,
.icon-ql h4[class*=profile]:before,
.icon-ql h4[class*=list]:before,
.icon-ql h4[class*=directory]:before  {
  content: "\e896";
}
a[class*=roster-book].content-quicklink-menu-a:before,
.icon-ql h4[class*= roster-book]:before {
  content: "\f53d";
}

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

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

}
a[class*=tennis].content-quicklink-menu-a:before,
.icon-ql h4[class*=tennis]:before{
content: "\ea32";
}
a[class*=fitness].content-quicklink-menu-a:before,
.icon-ql h4[class*=fitness]:before{
content: "\eb43";
}
/*--------------------------------history banner------------------------------*/
.cho-hero-textwidget.history-banner h2{
    font-size:3.7em;
    text-shadow: none;
    font-family:var(--title-font-family);
}
.cho-hero-textwidget.history-banner h4{
    font-size:2.3em;
    text-shadow: none;
}
.cho-hero-textwidget.history-banner .cho-hero-textwidget-bg{
   filter: grayscale(80%) brightness(100%);
}
.cho-hero-textwidget.history-banner{
    position: relative;
    height:60vh;
}
.cho-hero-textwidget.history-banner:after{
    content:'';
    display: block;
    height:20%;
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    background:linear-gradient(to bottom, transparent, rgba(255,255,255,1));
}
@media(max-width:767px){
    .cho-hero-textwidget.history-banner{
    height:400px;
    }
    .cho-hero-textwidget.history-banner .cho-hero-textwidget-bg{
        position: relative;
        min-height: 400px;
       filter:grayscale(80%) brightness(80%)
    }
    .cho-hero-textwidget.history-banner .cho-hero-textwidget-content{
        position: absolute;
        bottom:60px;
        top:unset;
        color:white;
    }
    .cho-hero-textwidget.history-banner h2{
    font-size:3em;
   
}
.cho-hero-textwidget.history-banner h4{
    font-size:1.8em;
 
}
}
/*-----------------------------------------------------custom timeline----------------------------*/

.timeline h2 {
    font-size:4.5em;
    color:var(--title-font-color);
    margin-bottom:24px;
    font-family:var(--title-font-family);
    position: relative;
}

.timeline h2:after {
   content:'';
    display: block;
    height:2px;
    width:120px;
    position: absolute;
    bottom:-10px;
    left:0;
    background:var(--secondary-color);
}
.timeline.basic-block .basic-block-wrapper .img-block{
     filter: grayscale(80%) brightness(100%);
    transition: filter .3s ease-in;
}
.timeline.basic-block:hover .basic-block-wrapper .img-block{
     filter: grayscale(0%) brightness(100%);
    transition: filter .3s ease-in;
}
.timeline-slider-container .slick-list {
    width:100vw;
    margin-top:40px;
    
}

.timeline-slider-container {
        float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    display: block;
    
}
.timeline-slider-container .theme-secondary {
    padding: 10px 0 50px !important; /*required to override system*/
}
.slick-dotted.timeline-slider-container{
    margin-bottom:0;
    margin-top:40px;
}
.slick-dotted.timeline-slider-container .slick-dots {
    bottom:initial;
    background:transparent;
    display: flex;
    justify-content: center;
   width:fit-content;
    margin: 20px auto;
    position: relative;
    flex-direction: row;
        flex-wrap:wrap;
/*     border-top:2px solid var(--accent-color); */

}


.timeline-slider-container .slick-dots li button {
    /* font-size:1.8em; */
    font-size:1.2em;
    font-weight:600;
    line-height: 1;
    color:black;
    position: relative;
    font-family: var(--title-font-family);
    width:auto;
    height:auto;
    
}
.timeline-slider-container .slick-dotted .slick-dots li button {
    width:auto;
    height:auto;
}
.timeline-slider-container .slick-dots li {
min-width:60px;
    min-height: 40px;
    width:auto;
    height:auto;
    position: relative;
    margin: 10px 16px;
    
 
}

.timeline-slider-container .slick-dots li:before {
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    top:-21px;
    left:22px;
    background:white;
    border-radius: 50%;
    border:3px solid var(--secondary-color)
    
}
.timeline-slider-container .slick-dots li:after{
    content:'';
    position:absolute;
    width:calc(100% + 50px);
    height:2px;
    top:-12px;
    left:-25px;
    z-index: -1;
    background:var(--secondary-color); 
}
.timeline-slider-container .slick-dots li:last-of-type:after{
     width:83%;
}
.timeline-slider-container .slick-dots li:first-of-type:after{
   
    background:linear-gradient(to left, var(--secondary-color) 55%, transparent 55%); 
}
.timeline-slider-container .slick-dots li:last-of-type:after{
   
    background:linear-gradient(to right, var(--secondary-color) 90%, transparent 90%); 
}
.timeline-slider-container .slick-dots li.slick-active:before {
    background:var(--primary-color)
}
@media(max-width:1023px){
    .timeline-slider-container .theme-secondary {
        padding: 0px 0 20px !important;
    }
}
@media(max-width:767px){
    .timeline.basic-block .basic-block-wrapper .img-block{
        order:2;
    }
    .timeline-slider-container .slick-list{
        margin-top:10px;
    }
}
@media(min-width:500px){
.timeline-slider-container .slick-dots li:first-of-type{
    margin-left:65px;
}
}

/*------------------------scorecard-imgs---------------------*/
.scorecard-imgs .col-sm:first-of-type{
   flex-basis: unset;
    width:60%;
}
.scorecard-imgs .col-sm:last-of-type{
   flex-basis: unset;
    width:30%;
}

.scorecard-imgs .col-sm img{
    object-fit: contain;
    object-position: center;
    max-height: 900px;
    width:100%;
}


@media(max-width:767px){
    .scorecard-imgs .col-sm:first-of-type{
    width:100%;
}
.scorecard-imgs .col-sm:last-of-type{
    width:100%;
}

.scorecard-imgs .col-sm img{
    max-height: auto;
}
}
/*-----------------------------------------ts-img-slider and show-alt --------------------------------*/
.ts-img-slider .col-sm:not(.slick-slider){
  align-content: center;
}
.ts-img-slider .col-sm.slick-slider {
      -ms-flex-preferred-size: unset;
      flex-basis: unset;
      -webkit-box-flex: unset;
      -ms-flex-positive: unset;
      flex-grow: unset;
      max-width: 50%;
  padding-bottom:40px;
  overflow: hidden;
  margin: auto;
      height: fit-content;
}


.ts-img-slider.show-alt .img-slide {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
.ts-img-slider img {
  /* object-fit: cover;
  min-height: 456px; */
    object-fit: cover;
  height: 456px;
}
.ts-img-slider img[alt*="contain"]{
    object-fit: contain;
}
.ts-img-slider.show-alt .img-slide h4 {
  width:60%;
  clear:both;
  margin-bottom: 0;
  margin-top: 5px;
  font-size:1.4em;
  padding: 5px 0;
  text-transform: uppercase;
   
}
.ts-img-slider.show-alt.theme1 .img-slide h4 {
  color:var(--title-font-color);
   
}
.ts-img-slider .slick-dotted .slick-dots {
  /*     transform: translateY(20px); */
    width:fit-content;
    right:14px;
  }
  .ts-img-slider .slick-dotted .slick-dots li button{
    background-color:var(--primary-color-light);
     transition: all .3s ease;
    transform-origin: center;
    transform: scaleX(1);
    margin:auto;
  
   
  }
  .ts-img-slider .slick-dotted .slick-dots li.slick-active button{
    background-color:var(--primary-color);
    width:28px;
    transform: scaleX(1.5);
    border-radius: 4px;
   
  }
  .ts-img-slider .slick-dotted .slick-dots li.slick-active {
    width:fit-content;
    padding: 0 5px;
  
  }



.ts-img-slider.theme2 .slick-dotted .slick-dots li button{
background-color:var(--secondary-color-light);


}
.ts-img-slider.theme2 .slick-dotted .slick-dots li.slick-active button{
background-color:var(--secondary-color);


}

@media(max-width:767px){
  .ts-img-slider .col-sm.slick-slider {
      max-width:100%;
      order:2;
  }
  .ts-img-slider .slick-arrow.slick-next {
    right: 0px;
}
.ts-img-slider img {
  
  min-height: 250px;
}
}
/*---------------------------------title accent lines-----------------------------------*/
.basic-block:not(.timeline):has(h3) h2, .ts-img-slider:has(h3) h2,
.widget-bizform:has(h3) h2 {
  font-size:1.4em;
  font-family:var(--body-font-family);
  margin-bottom: 8px;
  padding-bottom:6px;
  font-weight:600;
  text-transform: uppercase;
  border-bottom:1px solid var(--secondary-color);
/*      border-left:1px solid var(--secondary-color); */
  width:90%;
 
}
.basic-block:not(.timeline):has(h2) h3, .ts-img-slider:has(h2) h3,
.widget-bizform:has(h2) h3 {
  font-size:2.3em;
/*     text-wrap-style:balance; */
  font-family:var(--title-font-family);
}
.basic-block:not(.timeline):has(h2).theme1 h3,
 .ts-img-slider:has(h2).theme1 h3,
 .widget-bizform:has(h2).theme1 h3 {
  color:var(--title-font-color);
}
.basic-block:not(.timeline):has(h2).theme2 h3,
 .ts-img-slider:has(h2).theme2 h3,
 .widget-bizform:has(h2).theme2 h3 {
  color:var(--secondary-color-light);
}
.basic-block:not(.timeline).background-image:is(.leftfull, .rightfull) h3 {
    color:unset;
}


.basic-block , .ts-img-slider {
 text-wrap-style:balance;
}
.basic-block:not(.timeline).center:has(h3) h2,
.widget-bizform:has(h3) h2 {
  width:70%;
  margin-left:15%;
}
/*---------------------------------title and summary-----------------------*/

@media (min-width: 768px) {
    .basic-block .basic-block-wrapper .img-block {
        min-height: 520px;
    
    
    }
    .basic-block .basic-block-wrapper .text-block{
        padding: 40px 0px;
    }
}

/*------------------------slick slider controls--------------------*/
.slick-arrow {
  background-color:var(--primary-color);
}
.theme2 .slick-arrow {
  background-color: var(--primary-color-dark);
}

/*-----------------------------------------testimonials slider----------------------------------------------*/


.testimonial-slider blockquote {
    border:none;
    background:transparent;
    margin-top:40px;
/*      font-family: var(--title-font-family); */
     font-size: 1.3em;
    margin-bottom:0;
}
.testimonial-slider blockquote p  {
    margin-bottom:0;
}
.testimonial-slider .text-block-wrapper {
    margin:60px auto 0px;
    text-wrap-style:balance;
}
.testimonial-slider .text-block-wrapper:before {
/*     content:'\f10e'; */
    content:'"';
    position:absolute;
/*     font-size:3em; */
    font-size:15em;
    line-height: 40px;
    padding-top:40px;
    color:var(--primary-color);
/*     font-family: FontAwesome; */
    font-family: "Palanquin", sans-serif;
    top:0px;
    left: calc(50% - 30px);
    /* left:calc(50%); */
    width:60px;
        
}

.testimonial-slider p strong {
    color:var(--primary-color);
     font-size: 1.4em;
    font-style:italic;
    font-weight:500;
     font-family: var(--title-font-family);
  
}
/* .testimonial-slider.theme1 {
    box-shadow: 0 0 30px 25px var(--secondary-color) inset;
} */
.basic-block:is(.testimonial-slider) .basic-block-wrapper .text-block-wrapper{
    width:100%;
}
.testimonial-slider.basic-block.background-image.theme2 :is(p, p strong), 
.testimonial-slider.basic-block.theme2 .text-block-wrapper:before{
    color:white;
}
.testimonial-slider.background-image .inner-wrap{
    height:100%;
    min-height:64vh;
}
.testimonial-slider.basic-block .basic-block-wrapper {
    padding:30px 15px 15px;
}

.testimonial-slider.basic-block.background-image {
    min-height: 64vh;
    height:100%;
}
.testimonial-slider.basic-block {
    min-height: 500px;
    height:100%;
}
.slick-track:has(.testimonial-slider ) {
  top:-1px;
}

.slider-container {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    display: block;
}
.slick-dots li:only-child {
    display: none;
}
.slider-container:has(.testimonial-slider) .slick-dots li button {
    background:var(--primary-color-light);
    margin:auto;
    opacity:0.8;
}
.slider-container:has(.testimonial-slider) .slick-dots li.slick-active button {
    background:var(--primary-color);
}
.slider-container:has(.testimonial-slider) .slick-dots {
    width:fit-content;
    margin: 10px auto;
    position: relative;
    transform: translatey(-40px);
    -webkit-transform: translatey(-40px);
    -moz-transform: translatey(-40px);
    -ms-transform: translatey(-40px);
    -o-transform: translatey(-40px);
}

.slider-container.slick-dotted.slick-slider {
    margin: 24px 0 48px;
}
.testimonial-slider.slick-dots li button {
    margin: 0 auto;
}
@media(max-width:767px){
  .slider-container.slick-dotted.slick-slider {
    margin: 44px 0;
} 
.testimonial-slider blockquote {
    margin-top:20px;
    padding:0;
  
}
   .testimonial-slider .text-block-wrapper {
    margin:20px auto 0px;

    
}
 .testimonial-slider .text-block-wrapper:before{
        top:-40px;
    }

}
/*---------------------------------padding-md , padding-lg--------------------------------*/
.basic-text-area.extra-padding-sm .row{
    padding: 16px;
}

@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;
   }
}
/*-----------------------link animation----------------------------*/
section:not(.simple-footer-widget) a:not(.e3-button, .btn, .flex-equal-height, .expandable-content-link,.latest-news-link, [id*="Footer"]),
.contact-card-widget:is(.card-view,.full-card) .contact-card-wrapper .contact-card-item .card-details .card-details-inner a{
    position: relative;
    text-decoration: none;
}
a:is(#Login_hplMemberRegistration, [id*="ResetPassword"]){
    border:none;
}
section:not(.simple-footer-widget) a:not(.e3-button, .btn, .flex-equal-height,.expandable-content-link,.latest-news-link, [id*="Footer"]):after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: var(--secondary-color);
    transform-origin: right;
    transform: scaleX(1);
    transition: transform 0.3s ease;
}
section:not(.simple-footer-widget) a:not(.e3-button, .btn, .flex-equal-height,.expandable-content-link,.latest-news-link, [id*="Footer"]):hover:after{
    transform: scaleX(0);
}
section:not(.simple-footer-widget).theme3 a:not(.e3-button, .btn, .flex-equal-height,.expandable-content-link,.latest-news-link, [id*="Footer"]):after {
    background-color: white;
}
section .pagination-number a{
    position:unset;
    text-decoration: none;
    
}
section .pagination-number li a:after{
    display: none;
}
@media(max-width:1200px){
section.contact-card-widget a:has(.fa):after{
    width:0;
}
}
/*------------------------------------tabbed-content--------------------------*/
 .vertical-tab .tab-content-content .tab-content-item{
        padding:0;
    }
 .vertical-tab h2.normal-font{
    margin-bottom:30px;
 }
@media(max-width:767px){
    .vertical-tab .tab-content-nav{
        flex-basis:100%;
    }
    .vertical-tab .tab-content-content{
        flex-basis: 100%;
        padding:20px 0;
    }
   
}
/*-------------------------tabbed-v2---------------------------*/
@media(max-width:1439px){
.tabbed-v2 .tab-content-content .row{
    flex-direction: column-reverse;
 
}
.tabbed-v2 .tab-content-content .col-sm{
    flex-basis: auto;
}

.tabbed-v2 .tab-content-content img{
    max-height:350px;
    width:100%;
    margin-bottom:16px;
    object-fit: cover;
}
}
/*----------------------------------------------------------expandable--------------------------*/
/*------------------------------------------------------------------expandable content-----------------------------------------------------------*/
.expandable-content-widget .inner-wrap {
    display: flex;
  }
  .expandable-content-widget .expandable-content-wrapper {
    max-width: 1440px;
    width:100%;
    margin:0 auto;
  }
  .expandable-content-widget .expandable-content-heading {
    padding: 0;
      border-bottom:1px solid var(--secondary-color);
      font-size:1.2em;
     
  }
  .expandable-content-widget .expandable-content-heading .expandable-content-link{
    padding: 12px 16px;
      
  }
.expandable-content-widget.theme1 .e3-button:hover{
    color:white;
     /* color:var(--primary-color-darkest); */
}
  
 .expandable-content-widget.theme2 .expandable-content-heading .expandable-content-link:hover{
      border-bottom:1px ridge var(--secondary-color);
      background-color:var(--primary-color-hover);
     
  }
  
 .expandable-content-widget.theme1 .expand-arrow{
    background:transparent;
}

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

  .expandable-content-widget.theme2 .expand-arrow{
      /* background-color:var(--accent-color);
      */background:transparent;
      color:white;
  }
  .expandable-content-widget.theme2 a:hover .expand-arrow {
    /* background-color:var(--primary-color-dark); */
    background:transparent;
   
    color:white;
  }
  .expandable-content-widget.theme2 .row a:not(.e3-button):hover {
    color:var(--primary-color-hover);
  }
  .expandable-content-widget a.e3-button{
    background:var(--primary-color-dark);
    color:white;
}
.expandable-content-widget a.e3-button:hover{
    background:var(--primary-color-hover);
    color:white;
}
@media(hover:none){
.expandable-container .expand-arrow {
    width:32px;
    height:30px;
}
.expandable-container .expand-arrow:before {
    padding-left:10px;
    line-height:30px;
    
}
}
/*----------upcoming birthdays---------------*/
.upcoming-birthday-widget {
    padding: 0 16px;
}
/*-----------------------contact cards--------------------*/
@media(max-width:1460px){
    .contact-card-widget.full-card .contact-card-wrapper , 
    .contact-card-widget h2
    {
        padding: 0 16px;
    }
}
/*-------------------------------cards-4-col---------------------*/
@media(min-width:1200px){
    .contact-card-widget.card-view.cards-4-col .contact-card-wrapper .contact-card-item {
        width: 21.68%;
        margin: 20px 1.66%
    }
}

.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner .detail-item{
    padding: 0 12px;
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-photo {
    border-radius: 0;
    background-color:var(--primary-color);
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-details-inner h3 {
    font-size:1.7em;
}
.contact-card-widget:is(.card-view, .full-card) .contact-card-wrapper .card-details-inner h4 {
    font-size:1.3em;
    color:var(--title-font-color);
}



/*---------------------------------------custom class fade-light and fade-dark & narrow-fade------------------------------*/
/*fade block is added by script*/
.faded-block{
  content:'';
  width:100%;
  height:150px;
  position: absolute;
  top:-1px;
  left:0;
  z-index:-1;
  }
  .narrow-fade .faded-block{
  height:50px;
  }
  .widget-bizform:has(.faded-block) .background-image {
  z-index: 3;
  }
  section:not(.widget-bizform):has(.faded-block) .inner-wrap {
  z-index:3;
  position: relative;
  }
  .fade-light .faded-block{
  background:linear-gradient(to bottom, #ffffff 0%, transparent 100%);
  }
  .fade-dark .faded-block{
  background:linear-gradient(to bottom, var(--primary-color) 0%, transparent 100%);
  }
  @media(min-width: 1024px ) {
  section.widget-bizform:has(.faded-block) .inner-wrap .container {
   margin:120px auto 90px;
  }
  section.narrow-fade:has(.faded-block) .inner-wrap .container {
    margin:20px auto 30px;
   
  }
  }
  /*-----------------------------------------------------------------bg-grey---------------------------------*/
  .bg-grey.theme1 .theme-secondary {
    background:linear-gradient(to bottom, rgba(247,247,247,0.6) 90%, transparent);
}

.bg-grey--solid {
    background: rgba(247,247,247,0.6); /* solid color */
}

.subheading.bg-grey {
    padding-top:30px;
}
@media(max-width:767px){
    .subheading.bg-grey {
    padding-top:10px;
}
}
  /*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
  
  .widget-bizform .background-image .container{
  background:var(--secondary-color-op80);
  padding: 44px 20px;
  height:100%;
  margin: 20px 20px;
  width: calc(100% - 40px);
  /* box-shadow: 1px 1px 3px 2px #d4d4d4; */
  
  }
  .widget-bizform.bg-repeat .background-image{
  background-repeat: repeat;
    background-size: contain;
  }
  .widget-bizform.theme2 .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;
    }
  }
  
.widget-bizform p{
 text-wrap-style:balance;
    max-width:900px;
    margin: 20px auto;
}
.widget-bizform h2 {
    margin-top:20px;
}

  @media(min-width:1441px){
  .widget-bizform .background-image .container{
  
  margin: 10% auto;
  }
  }
  .widget-bizform.theme2:not(:has(.background-image)){
  position: relative;
  }
  .widget-bizform.theme2:not(:has(.background-image)):before {
  background:var(--primary-color);
  content:'';
  width:150vw;
  left:-25vw;
  height:100%;
  position: absolute;
  z-index: -1;
  
  }
  .checkbox-list-horizontal label {
    margin-right:10px;
}
.widget-bizform.theme2 .form-control{
    color:white;
}
.widget-bizform.theme2 .FormPanel :is(.form-control:focus, .form-control:active){
    color:#2a2a2a;
}
  /*-------------------------------------------------------------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;
  
  }
  
  .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(--secondary-color-op80); */
  /*     box-shadow: var( --bs-v1); */
  }
  .widget-bizform .FormPanel .form-control:focus {
  border-bottom: 1px solid var(--secondary-color);
  background-color: #fafbfc;
  outline: 1px solid var(--primary-color);
  box-shadow: var(--bs-v3);
  }
  .FormPanel .EditingFormControlNestedControl .form-control-text,
  .FormPanel .EditingFormValueCell .form-control-text {
    margin-top:6px;
    font-weight:bold;
    color:var(--primary-color-dark);
  }
  .theme2 .FormPanel .EditingFormControlNestedControl .form-control-text,
  .theme2  .FormPanel .EditingFormValueCell .form-control-text{
    color:white;
  }
  .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
     border:1px solid var(--primary-color-light);
     border-radius: 3px;
     min-height:44px;
     margin-bottom:4px;
     padding-top:6px;
     padding-left: 12px;
     margin-left: 3px;
     width: calc(100% - 6px);
  }
  .widget-bizform .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
    border:none;
    height:30px;
    border-bottom:1px solid var(--primary-color-light);
  }
  .widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
   background:transparent;
  }
  .widget-bizform.theme2 .EditingFormValueCell input, 
  .widget-bizform.theme2 .EditingFormValueCell textarea,
  .widget-bizform.theme2 .EditingFormValueCell select,
  .widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
  border: 1px solid var(--primary-color-light);
  background: var(--primary-color-op80);
  }
  .widget-bizform.theme2 .FormPanel .form-control:focus {
  border-bottom: 1px solid var(--secondary-color);
  background-color: white;
  outline: 1px solid var(--secondary-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.theme2 tr.label  .EditingFormLabel{
  color:white;
  }
  
  
  
  .widget-bizform .radio {
  margin-left: -9px;
  display: flex;
  flex-wrap: wrap;
  }
  .widget-bizform .radio input {
  margin-bottom: 10px;
  margin-right: 3px;
  margin-left: 10px;
  }
  .widget-bizform .radio label {
  flex-grow: 1;
  min-width: -moz-max-content;
  min-width: max-content;
  }
  .widget-bizform:has(.full, .half, .third, .comments) tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  
  .widget-bizform .title {
  font-size: 2rem;
  }
  .widget-bizform table.checkbox tr{
  width: 50%;
  }
  .widget-bizform:has(.full, .half, .third, .comments) tr.one-line {
  flex-direction: row;
  justify-content: flex-start;
  }
  .widget-bizform:has(.full, .half, .third, .comments) tr.one-line input[id*="checkbox"]{
  margin-top:6px;
  }
  @media(max-width:1024px){
  .widget-bizform table.checkbox tr{
  width: 100%;
  }
  .FormPanel .FieldLabel, .FormPanel .EditingFormLabel {
    text-align: left;
  }
  }
  .widget-bizform .full {
  width: 100%;
  }
  .widget-bizform .full .EditingFormControlNestedControl .form-control {
  max-width: 100%;
  }
  @media (max-width: 1024px) {
  .widget-bizform .full {
  width: 100%;
  }
  }
  .widget-bizform .half {
  width: 50%;
  }
  .widget-bizform .half .EditingFormControlNestedControl .form-control {
  max-width: 100%;
  }
  @media (max-width: 1024px) {
  .widget-bizform .half {
  width: 100%;
  }
  }
  .widget-bizform .comments {
  width: 100%;
  }
  .widget-bizform .comments .EditingFormControlNestedControl .form-control{
  max-width: 100%;
  height: 8rem;
  }
  @media (max-width: 1024px) {
  .widget-bizform .comments {
  width: 100%;
  }
  }
  .widget-bizform .third {
  width: 33%;
  }
  .widget-bizform .third .EditingFormControlNestedControl .form-control {
  max-width: 100%;
  }
  @media (max-width: 1024px) {
  .widget-bizform .third {
  width: 100%;
  }
  }
  
  
  .widget-bizform tr:has(input[type*="submit"]){
  display: flex;
  justify-content: center;
  align-items: center;
  margin:20px; 
  width: 100%;
  
  
  }
  .widget-bizform input[type*="submit"]{
  font-size:16px;
  height:43px;
  line-height:unset;
  font-weight:500;
/*   text-transform: uppercase; */
  }
  
  .widget-bizform div[id*="viewBiz_pM_pMP"] {
  text-align: center;
      font-size:1.5em;
  }
/* ----------------------------------------------------------------------*/
/* ------                       Scroll To Top                            -----*/
/* ----------------------------------------------------------------------*/
.scrollTop {
    position: fixed;
    bottom: 3%;
    right: 3%;
    z-index: 99;
    cursor: pointer;
    transition: 0.3s ease all;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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


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

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

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

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

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

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

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

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

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


/*-----------------------------------------login page----------------------------------*/
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn{
    background:var(--primary-color);
    color:white;
}
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn:hover{
    background:var(--primary-color-hover);
    color:white;
}
.login-widget-wrapper .login-form-wrapper .login-form-logon:after{
    color:white;
}
.login-widget-bg {
  background-color:var(--primary-color);
}



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


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

/*-------------------------------------------------hide-footer - for home page---------------------------*/
body:has(.hide-footer) footer .basic-text-area{
    display: none;
}
body:has(.hide-footer) footer{
    position: absolute;
    bottom:0;
}
body:has(.hide-footer) footer .footer-bg {
    background:transparent;
    border-top:0;
}
@media(max-width:767px){
    body:has(.hide-footer) footer {
        position:relative;
        background:var(--primary-color);
    }
}
/*-------------------------hide home page footer---------------------------*/
body:not(:has(.hide-footer)) .simple-footer-widget .footer-top-line {
    display: none;
}
/*----------------------------------------------------------footer--------------------------------------------*/
footer .basic-text-area .inner-wrap .container{
    max-width:1080px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 25px 15px 15px;
}
footer .basic-text-area .inner-wrap {
background:var(--primary-color-dark);
}

footer .basic-text-area h6{
    font-size:1em;
    font-weight:600;
}
footer .basic-text-area  a{
    text-decoration: none;
}
footer .basic-text-area  a:hover{
    text-decoration: underline;
}
footer .basic-text-area  address{
   font-style: normal;
}
/* footer .basic-text-area img{
    height:200px;
}
footer .basic-text-area div[id*="divCol2"],
footer .basic-text-area div[id*="divCol3"]{
   padding-top:20px;
} */
footer .header-social {
    text-align: center;
}
footer .header-social a {
    padding: 10px 8px;
    font-size:1.3em;
}
.simple-footer-widget a:hover,
.simple-footer-widget a:focus{
    text-decoration: underline;
    color:var(--secondary-color);
}
.simple-footer-widget{
border-width:2px;
}
footer h5{
    font-size:1.3em;
    font-weight:500;
    margin-bottom:6px; 
}
footer p{
    margin:0px 0 6px;
}
footer h3{
    font-family:var(--title-font-family);
}
footer .basic-text-area img {
max-height:150px;
  width:auto;
  max-width:unset;
    object-fit: contain;
}

footer .basic-text-area div[id*="divCol"] {
display: flex;
flex-direction: column;
    justify-content: start;

}
footer .basic-text-area div[id*="divCol1"]{
    max-width:10%;
}
footer .basic-text-area div[id*="divCol2"]{
    max-width:40%;
    text-wrap-style:pretty;
    justify-content: center;
}
footer .basic-text-area div[id*="divCol3"],
footer .basic-text-area div[id*="divCol4"]{
    max-width:25%;
}

@media(max-width:1023px){
    footer .basic-text-area .row{
        flex-direction: row;
        align-items: center;
       
    }
    footer .basic-text-area div[id*="divCol"] {
        flex-basis: auto;
         justify-content: center;
        text-align: center;
        margin-top:16px;
    }
      footer .basic-text-area div[id*="divCol1"]{
    max-width:42%;
          align-items: end;
}
     footer .basic-text-area div[id*="divCol2"]{
    max-width:55%;
         text-align: left;
         align-items: start;
}
    footer .basic-text-area div[id*="divCol2"] h3{
    max-width:50%;
        
}
    footer .basic-text-area div[id*="divCol3"],
footer .basic-text-area div[id*="divCol4"]{
    max-width:50%;

}
}
@media(max-width:767px){
    footer h5{
        font-size:1.1em;
    }
    footer h3{
        font-size:1.5em;
    }
     footer .basic-text-area div[id*="divCol"] {
        flex-basis: auto;
         justify-content: center;
        text-align: center;
         align-items: center;
        max-width:100%;
    }
     footer .basic-text-area div[id*="divCol2"] h3{
    max-width:100%;
        
}
 footer .basic-text-area img{
    margin:auto;
        display: block;
    }
}