:root {
  --primary-color:#5e503F; /*Walnut Brown*/
  --primary-color-op80:rgba(94,81,63, 0.8); /*Walnut Brown op 80*/
  --primary-color-op90:rgba(94,81,63,0.9); /*Walnut Brown op 90*/
  --primary-color-dark: #42382c; /* Dark Walnut Brown*/
  --primary-color-light:#8e8579; /*Walnut Brown light*/
  
  --secondary-color:#EAE0D5; /*cream*/
   --secondary-color-light:#f9f7f4; /*cream white*/
  
  --accent-color: #C6AC8F;
  --accent-color-2: #22333B;
  --accent-color-2-light:  #4e5c62;
  --accent-color-2-op60:rgb(34,51,59,0.6);
  
  --soft-backdrop:#f9f7f4;
     --soft-backdrop-op40:rgba(249,247,244,0.4);
  --soft-backdrop-op80:rgba(249,247,244,0.8);
  --soft-backdrop-op90:rgba(249,247,244,0.9);

  --dark-font: #0A0908 ;/*black*/
  
  /*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:#5e503F; /*blue*/
     --title-font-color-dark:var(--accent-color-2);
     --title-font-family:"PT Serif", serif;
      --secondary-title-font-family:"Chivo", sans-serif;
     --body-font-family:"PT Serif", serif;

     scrollbar-color: var(--primary-color) var(--soft-backdrop);
}
body {
  overflow-x: hidden;
  
}
:is(p,h1,h2,h3,h4,h5,h6):empty,
.contact-card-widget .contact-card-title:empty{
  display: none;
}

.master-layout-1  {
  z-index: 1001;
}
/* light mode*/
@media (prefers-color-scheme: light) {
  :root {
       scrollbar-color: var(--primary-color) var(--soft-backdrop);
      
  }
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
:root {
     scrollbar-color: var(--primary-color) #2a2a2a;
  }
}

/*-----------------------------max width adjustments-------*/
.master-layout-1 .container-fluid {
  max-width:1440px;
  
  } 
  
  /*---------------------------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:1020px;
  
  } */
  
  /* 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%;
      
  }
  .contact-card-widget .inner-wrap{
    max-width:1440px;
    margin:auto;
    width:100%;
    float:unset;   
}
/*------------------------------------------------------header ---------------------------------------*/

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

.master-layout-1 .MyProfile_Member:focus .MyProfile_Name , 
.master-layout-1 .MyProfile_Member .MyProfile_Name {
  color:white;
  color: var(--primary-color-dark);
} 
  
}



header.master-layout-1 .MyProfile_Member .fullView {
  background:var(--primary-color-op80);
  /* top: 100px; */
}

.master-layout-1 #divMainMenu nav #main-menu li, 
.master-layout-1 #divMainMenu nav #main-menu a {
 font-size:18px;
}  
.master-layout-1.scrolled-head #divMainMenu nav #main-menu li, 
.master-layout-1.scrolled-head #divMainMenu nav #main-menu a {
 font-size:16px;
}  
.master-layout-1 #divMainMenu nav #main-menu ul a:hover {
  color:white;
  background:var(--primary-color);
  outline: 2px ridge var(--accent-color);
  outline-offset: -6px;
} 
/*-------------mobile---------------------------*/

.master-layout-1 .MyProfile_Svg svg {
  fill:var(--primary-color)
  }
  .master-layout-1 #menu-button i.fa-bars {
  color:var(--primary-color);
  }
  .master-layout-1 .showMobile i.fa-plus:before {
  content:'\f105';
  }
  .master-layout-1 .showMobile i.fa-minus:before {
  content:'\f107';
  }
  .master-layout-1 .showMobile i.fa-plus:before, 
  .master-layout-1 .showMobile i.fa-minus:before {
  font-size:1.7em;
  font-weight:600;
  color:var(--primary-color);
  
  }
  .master-layout-1 .showMobile i.fa-minus:before {
 
  color:white;
  
  }
  
  .master-layout-1 .showMobile i.fa-plus,
  .master-layout-1 .showMobile i.fa-minus { 
    border-radius: 5px; 
    /* background:var(--primary-color);  */
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  
  .master-layout-1 .showMobile i.fa-plus {
  padding: 18px 25px;
  
  }
  .master-layout-1 .showMobile i.fa-minus { 
    padding: 18px 22px; 
    background:var(--primary-color); 
    box-shadow:var(--bs-v2); 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  .master-layout-1 nav.showMobile #main-menu {
    background:var(--soft-backdrop);
  }
  header.wgt-header nav.showMobile{
  background:var(--primary-color-op90);

  }
  .master-layout-1 nav.showMobile #main-menu ul{
  background:var(--primary-color);
    padding-left:15px;
  }
  
  .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;
  /* border-bottom:2px solid var(--primary-color); */
    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 {
    /* border-bottom:2px solid var(--soft-backdrop);
  */
   text-decoration:underline;
  color:var(--soft-backdrop);
}

/*-----------------------------------------------------transparent header----------------------*/
/* .master-layout-1 .header-right .header-top, .master-layout-1 .header-right .header-bottom {
  background:transparent;
} */
header.master-layout-1 .header-top{
background: transparent;
} 

header.master-layout-1 {
 background:var( --soft-backdrop-op40);
      backdrop-filter: blur(10px);

}
header.master-layout-1.scrolled-head {
 background:var( --soft-backdrop-op80);
      

}

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


.master-layout-1 #divMainMenu nav #main-menu li a{
  color: var(--dark-font) ; /*-----when your nav is not transparent*/
  letter-spacing: .5px;
 font-weight:500;
 font-family:var(--secondary-title-font-family);
}


.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:var(--primary-color);
color:var(--primary-color);
}


@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: var(--dark-font) ;  /* 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:var(--primary-color-dark) ; 
}
    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(--soft-backdrop-op80);
        
    }

    header.master-layout-1:not(.scrolled-head) .header-top {
      height: 70px;
  }
  header.master-layout-1.scrolled-head .header-top {
    height: 40px;
}
      header.master-layout-1 .header-bottom {
        background:transparent;
      }
    header.master-layout-1 #divMainMenu nav #main-menu{
     /* padding-top:5px; */
  }
     header.master-layout-1.scrolled-head #divMainMenu nav #main-menu{
     /* padding-top:12px; */
  }
  /* header.master-layout-1:not(.scrolled-head) .static-img {
    height: 100px;
     
    } */
     header.master-layout-1:not(.scrolled-head) .logo{
      padding:10px 0;
    }
  header.master-layout-1.scrolled-head .logo {
      height:80px;
  }
    header.master-layout-1 #main-menu>li>a {
      line-height: 45px;
  }
  header.master-layout-1.scrolled-head #main-menu>li>a {
      line-height: 40px;
  }

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

/*-----------------------buttons------------------*/
:is(.theme1,.theme2,.theme3) .theme-secondary a.btn, 
:is(.theme1,.theme2,.theme3) .theme-secondary .e3-button,
:is(.theme1,.theme2,.theme3) .theme-secondary .FormButton.btn, 
:is(.theme1,.theme2,.theme3)  a.btn, 
:is(.theme1,.theme2,.theme3) a.e3-button{
  position: relative;
  transition: color 0.5s, transform 0.3s, background-color 0.2s;
  padding: 1em 2em; 
  border: 3px solid transparent;
  background-color: var(--primary-color);
  color: #fff; 
  border: none;
  overflow: hidden;
  box-shadow: none;
  border-radius: 3px; 
}
:is(.theme1,.theme2,.theme3) .theme-secondary .FormButton.btn {
padding:unset;
}
:is(.theme2) .theme-secondary a.btn, 
:is(.theme2) .theme-secondary .e3-button,
:is(.theme2) .theme-secondary .FormButton.btn, 
:is(.theme2)  a.btn, 
:is(.theme2) .e3-button{
   background-color: var(--secondary-color);
  color: var(--dark-font) ; 
}

:is(.theme1,.theme2,.theme3)  .theme-secondary a.btn:hover, 
:is(.theme1,.theme2,.theme3) .theme-secondary .e3-button:hover,
:is(.theme1,.theme2,.theme3) .theme-secondary .FormButton.btn:hover,
:is(.theme1,.theme2,.theme3)  a.btn:hover, 
:is(.theme1,.theme2,.theme3) .e3-button:hover{
  color: black;
z-index: 1;
}


:is(.theme1,.theme2,.theme3)  .theme-secondary a.btn:after, 
:is(.theme1,.theme2,.theme3) .theme-secondary .e3-button:after,
:is(.theme1,.theme2,.theme3)  .theme-secondary .FormButton.btn:after,
:is(.theme1,.theme2,.theme3)  a.btn::after, 
:is(.theme1,.theme2,.theme3) .e3-button::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%; 
  height: 200px; 
  background-color: var(--soft-backdrop-op40); 
   border-radius: 50%;
  transform: translate(-25%, -75px) scale(0.1);
  opacity: 1;
    z-index: -1;
  transition: transform 0.5s ease-in-out, opacity 0.3s, background-color 0.3s;
}
:is(.theme2) .theme-secondary a.btn:after, 
:is(.theme2) .theme-secondary .e3-button:after,
:is(.theme2) .theme-secondary .FormButton.btn:after, 
:is(.theme2)  a.btn:after, 
:is(.theme2) .e3-button:after{
   background-color: var(--primary-color-light);
  color: #fff ; 
}

:is(.theme1,.theme2,.theme3)  .theme-secondary a.btn:hover::after, 
:is(.theme1,.theme2,.theme3)  .theme-secondary .e3-button:hover::after,
:is(.theme1,.theme2,.theme3)  .theme-secondary .FormButton.btn:hover::after,
:is(.theme1,.theme2,.theme3)  a.btn:hover::after, 
:is(.theme1,.theme2,.theme3) .e3-button:hover::after{
  opacity: 1;
  transform-origin: 50% 50%;
  transform: scale(1) translate(-25%, -75px);
}

/*----------------------------------banner-accent -----------------------------*/
  .banner-accent.basic-block .inner-wrap {
      height:auto;
     
  }
  .banner-accent.basic-block .inner-wrap .basic-block-wrapper {
      margin-top:40px;
      margin-bottom:40px;
  }
  .banner-accent h1 {
      font-size:3.8em;
      color:var(--title-font-color-dark);
      text-wrap-style:balance;
  }
.banner-accent h1:not(:has(span)) {
    border-image:linear-gradient(to left, transparent 0%, var(--accent-color) 20%, var(--primary-color) 50%, var(--accent-color) 80%, transparent 100%) 1; 
    border-width:5px;
    border-style:solid;
   border-top: 0;
     border-left: 0;
     border-right: 0;
    padding-bottom:30px;
}
  .banner-accent h1:has(span) {
      font-size:2.5em;
      color:var(--title-font-color-dark);
  }
  .banner-accent.theme1 .theme-secondary-op75 {
      background: linear-gradient(to bottom, #f9f7f4 0%, rgba(249, 247, 244,  .25) 30% ,rgba(249, 247, 244,  .25) 70%,  #f9f7f4 100%);
  }
  @media(max-width:767px){
    .banner-accent h1 {
      font-size:2.8em;
    }
     .banner-accent h1:has(span) {
       font-size:2em;
     }
 }

/*-------------------------------------.banner-title-overlay--------------------------------*/
  section.banner-title-overlay h2{
      font-size:2.8em;
      max-width:700px;
      text-wrap-style:balance;
  }
  section.banner-title-overlay h3{
      font-size:1.4em;
      max-width:700px;
      text-wrap-style:balance;
  }
  section.banner-title-overlay .col-sm {
    text-align: center;
    margin: 20px 0;
  }
  @media(min-width:1025px){
    body:not(.EditMode) section.banner-title-overlay{
     position:absolute;
     z-index: 1000;
    } 
    section.banner-title-overlay .col-sm {
    text-align: unset;
    margin: 0;
  }
    section.basic-text-area.banner-title-overlay :is(h1,h2,h3,h4,h5,h6, p) {
        color:white;
        text-shadow: 1px 1px 3px black;
    }
    section.banner-title-overlay .inner-wrap {
     background: transparent;
        width:100%; 
  }
    section.banner-title-overlay .inner-wrap .container {
        width:90%;
        max-width:1440px;
    }
    
    .page-content:has(.banner-title-overlay) .cho-hero-textwidget:is(.height100, .height75, .video-widget):after {
      content:'';
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 80%;
      background: linear-gradient(to bottom, rgba(0,0,0,0.6) 30%, transparent 100%);
      z-index: 100;
  }
  
  }
  @media(min-width:768px) and (max-width:1024px){
       section.banner-title-overlay h2, section.banner-title-overlay h3{
          max-width:700px;
           margin-left:auto;
           margin-right:auto;
      }
  
    /*---------------------adjust heigh of banners-----*/
    .cho-hero-textwidget.height100 {
      height:50vh;
    }
    .cho-hero-textwidget.height75 {
      height:50vh;
    }
    
  }
  @media(min-width:1024px){
      body:not(.EditMode) section.banner-title-overlay{
    top:calc(25vh + 120px);
          /* top:100px; */
    } 
    .page-content:has(.banner-title-overlay) .cho-hero-textwidget:is(.height100, .height75, .video-widget):after {
      content:'';
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 100%;
      background: linear-gradient(to right, rgba(0,0,0,0.3) 40%, transparent 100%);
      z-index: 1000;
  }
  }
  @media(min-width:1440px){
      section.banner-title-overlay .inner-wrap .container {
        width:100%;
        max-width:1440px;
    }
    
  }
  @media(max-width:1023px) {
     section.banner-title-overlay h2{
      font-weight:400;
      font-size:2em;
       /* text-wrap-style:unset; */
     
  }
  section.banner-title-overlay h3{
      font-weight:400;
      font-size:1.3em;
    text-wrap-style:balance;
     
  }
  section.basic-text-area.banner-title-overlay.theme1 h1  {
    color:var(--accent-color-2)
}
  }
  @media(min-width:1024px) and (max-width:1199px){
    .banner-title-overlay.hidden-sm {
        display: block !important; /*required to off set other important in global styling*/
    } 
    }
/*-----------------------------------------page-header overlay-----------------------------------*/

.page-header h1 {
border-image:linear-gradient(to left, transparent 0%, var(--accent-color) 20%, var(--primary-color) 50%, var(--accent-color) 80%, transparent 100%) 1; 
border-width:5px;
border-style:solid;
border-top: 0;
border-left: 0;
border-right: 0;
max-width:800px;
margin:auto;
}
.page-header:not(.banner-title-overlay).theme1 h1 {
color:var(--accent-color-2)
}
@media(min-width:768px){
   body:not(.EditMode) section.banner-title-overlay.page-header {
 top:calc(40vh + 100px);
       /* top:100px; */ 
 } 
 .page-content:has(.page-header.banner-title-overlay) .cho-hero-textwidget:is(.height100, .height75, .height50, .video-widget):after{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.7) 100%);
  z-index: 1000;  
  }
}
  /*-----------------------------------hero banner title on banner-------------------------------*/
  
@media(min-width:768px){        
.cho-hero-textwidget .cho-hero-textwidget-content.background-overlay {
   background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.7) 100%);
}
}
.cho-hero-textwidget .cho-hero-textwidget-content.background-overlay .duo-title:has(h1) {
border-image:linear-gradient(to left, transparent 0%, var(--accent-color) 20%, var(--primary-color) 50%, var(--accent-color) 80%, transparent 100%) 1; 
border-width:5px;
border-style:solid;
border-top: 0;
border-left: 0;
border-right: 0;
}

/*---------------------hero banner image-----------------------*/
@media(min-width:1024px){
  .cho-hero-textwidget.height100 {
      height:100vh;
  }
}
/*--------------------------------rotating image banner fix--------------------------*/
.rotating-image-banner-slider .slick-arrow {
z-index: 1000;
}
.rotating-image-banner-slider .slick-dots {
z-index: 1000 ;
}
.slick-dots li:only-child {
display: none;
}

/*---------------------------------Video banner headers-----------------------------*/
  #heroText:has(h2:empty) {
      display: none;
  }
  .video-banner-new {
    max-height: calc(100vh);
    overflow: hidden;
  }
  .video-widget .scroll-chevron {
      display: none;
  }
  @media (max-width: 1023px) {
  #iframeVideo{
  height: 200% ;
  top: -50% ;
  transform: translate(-50%) ;
  -webkit-transform: translate(-50%) ;
  -moz-transform: translate(-50%) ;
  -ms-transform: translate(-50%) ;
  -o-transform: translate(-50%) ;
}
  }

/*----------------------------custom class dynamic-margin-large---------------------------------*/

section.dynamic-margin-large div > .basic-block-wrapper {
  margin: 100px auto 50px; 
}

@media( max-width:900px){
  section.dynamic-margin-large div > .basic-block-wrapper {
  margin: 50px auto 30px; 
}

}

/*-------------------------------------------title and summary----------------------------------*/
.basic-block h3 {
  font-size:1.6em;
  line-height:1.1;
    font-family:var(--secondary-title-font-family);
    font-weight:200;
/*     text-wrap-style:balance; */
}

.basic-block h2 {
  font-size:2.5em;
  line-height:1.1;

/*   text-wrap-style:balance; */
}

.basic-block .basic-block-wrapper .img-block img {
object-fit: cover;
object-position: center;
max-height:400px;
}
@media(min-width:768px){
      .basic-block .basic-block-wrapper .img-block {
      min-height: 500px;
  }
}
@media(min-width:900px){
  .basic-block .text-block-wrapper.col-sm-10{
    width: 100%;
  }
  .basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
    margin-left:0%;
  }
   /* .basic-block:not(.background-image , .center) .basic-block-wrapper .text-block {
    width: 50%;
    padding: 15px 35px;
     
  } */
  .basic-block:not(.background-image , .center) .basic-block-wrapper .text-block.col-sm-pull-6 {
    padding: 15px 30px 15px 0px;
  }
   .basic-block:not(.background-image , .center) .basic-block-wrapper .text-block {
    width: 50%;
    padding: 15px 0px 15px 30px;
  }
    .basic-block:is(.center) .basic-block-wrapper .text-block .text-block-wrapper{
    width: 100%;
    max-width:1024px;
    margin:auto;
  }
  }
  @media(min-width:1200px){
    div:is([class*="col-50"], [class*="col-30"]) .basic-block h2 {
        font-size:2.3em;
    }
}
  @media(min-width:1440px){
  section.basic-block .basic-block-wrapper {
    padding:20px 0;
  }
   .basic-block:not(.background-image, .center) .basic-block-wrapper .text-block {
    width: 50%;
  }
    .basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
    margin-left:0%;
  }
   .basic-block .text-block-wrapper.col-sm-10{
    width: 100%;
  }
      
  }
  

@media(max-width:900px){
.basic-block .basic-block-wrapper {
    flex-direction: column;
   
}
    .basic-block .basic-block-wrapper .img-block,    
.basic-block .basic-block-wrapper .text-block {
        width:100%;
    right:0;
    left:0;
}
     
.basic-block .basic-block-wrapper .text-block-wrapper {
    margin-left:0;
    width: 100%;
 padding: 30px 10px;
}
}

@media(max-width:767px){
  .basic-block h3 {
  font-size:1.4em;
}

.basic-block h2 {
  font-size:2em;

}
.basic-block .basic-block-wrapper {
   flex-direction: column;
}
.basic-block:not(.center, .background-image,.no-image) .img-block {
   
   margin-left:auto;
   margin-right:auto;
   left:0;
   width:100%;
   /* max-height: 430px; */
}

.basic-block:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block {
    right:0;
    width:100%;
    /* min-height:350px; */
}
.basic-block:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block-wrapper {
    right:0;
    margin:10px 0px;
    padding: 10px 0px;
    width:100%;
    /* min-height:350px; */
}
}
@media(min-width:900px) and (max-width:1440px){
  .basic-block .basic-block-wrapper:has(.img-block.col-sm-push-6){
      padding-right:40px;
  }
  .basic-block .basic-block-wrapper:has(.img-block.col-sm-6){
      padding-left:40px;
  }
  .basic-block .basic-block-wrapper .img-block.col-sm-push-6{
      margin-left:15px;
  }
  .basic-block .basic-block-wrapper .img-block.col-sm-6{
      margin-right:15px;
  }
  .basic-block .basic-block-wrapper {
      padding-top:20px;
      padding-bottom:20px;
  }
}


.basic-block.background-image .inner-wrap {
min-height:400px;
}
.basic-block.background-image {
min-height:400px;
}

.basic-block.background-image .basic-block-wrapper {
justify-content: center;
} 
.basic-block.background-image.center .basic-block-wrapper .text-block {
justify-content: center;
}
.basic-block.background-image.center .basic-block-wrapper .text-block .text-block-wrapper {
margin:auto;
width:80%;
text-wrap-style:balance;
}

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

.basic-text-area.info-cards .col-sm {
    box-shadow:2px 2px 8px #9f9f9f;
    padding:0 0 15px 0;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    text-wrap-style:balance;
}
.basic-text-area.info-cards .e3-button {
  margin: 15px 0;
}
.basic-text-area.info-cards .col-sm  div:has(.e3-button) {
  margin-top:auto;
}
.basic-text-area.info-cards .col-sm :is(h3,h4,h5,h6, p) {
    padding: 5px 20px;
}

.basic-text-area.info-cards .col-sm :is(h3,h4,h5,h6) {
    margin-top:15px;
  color:var(--title-font-color);
}

.basic-text-area.info-cards .col-sm p {
    margin-top:10px;
    margin-bottom:10px;
}

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

div:is([class*="col-50"], [class*="col-70"], [class*="col-30"],[class*="col-100"]) .basic-text-area.info-cards .col-sm {
  box-shadow:2px 2px 5px #9f9f9f;
}
div:is([class*="col-50"], [class*="col-70"], [class*="col-30"],[class*="col-100"]) .basic-text-area.info-cards.theme2 .col-sm {
  background:var(--primary-color);
    color:white;

}
div:is([class*="col-50"], [class*="col-70"], [class*="col-30"],[class*="col-100"]) .basic-text-area.info-cards.theme2 .col-sm :is(h3,h4,h5,h6) {  
  color:white;
}
div:is([class*="col-50"], [class*="col-70"], [class*="col-30"],[class*="col-100"]) .basic-text-area.info-cards.theme2 .inner-wrap {
    background:none;
}
@media(max-width:767px){
 .basic-text-area.info-cards .col-sm {
    margin: 10px;
}
} 

@media(min-width:767px){
    
     div:is([class*="col-50"], [class*="col-70"], [class*="col-30"]) .basic-text-area.info-cards .col-sm{
       flex-basis: unset;
         width:45%;
         margin: 20px 2.5%;
    }
    
}

@media(min-width:1200px){
    div:is([class*="col-50"], [class*="col-70"], [class*="col-30"]) .basic-text-area.info-cards .col-sm{
        margin-bottom:30px;
    width:90%;
    margin-left:5%;
    }
    div:is([class*="col-50"], [class*="col-70"], [class*="col-30"]) .basic-text-area.info-cards .row{
        flex-direction: column;
    }
.col-50-left:has(.sticky-element) {       
      
        position: sticky;
        top: 300px ;
        padding-bottom: 100px;
    }
}

/*------------------------------------------member-cards---------------------------------*/
.basic-text-area.member-cards .container {
  max-width:1440px;
  width:100%;
}
.basic-text-area.member-cards img {
object-fit: cover;
height:250px;
width:100%;

}

.basic-text-area.member-cards .col-sm {
  box-shadow:2px 2px 8px #9f9f9f;
  padding:28px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items:center;
/*     justify-content: space-between; */
  text-wrap-style:balance;
  text-align: center;
}
.basic-text-area.member-cards ul {
  margin:0 0 36px 0;
  padding:0;
  list-style: none;
  
}
.basic-text-area.member-cards ul li {
padding:8px 0;
  border-bottom:1px solid var(--primary-color);
}
.basic-text-area.member-cards .e3-button {
/*   margin: 16px 0; */
  margin-top:auto;
 
  
}


.basic-text-area.member-cards .col-sm h4 {
  font-size:1.4em;
}

.basic-text-area.member-cards .col-sm :is(h3,h4,h5,h6) {
  
color:var(--title-font-color);
}

@media(max-width:1200px){
  .basic-text-area.member-cards .col-sm {
 min-width:350px;
}
}

@media(max-width:500px){
  .basic-text-area.member-cards .col-sm {
 min-width:90%;
}
}
/*--------------------------custom class accent-hr to make hr look like headings underline-----*/
.accent-hr hr {
  border-image:linear-gradient(to left, transparent 0%, var(--accent-color) 20%, var(--primary-color) 50%, var(--accent-color) 80%, transparent 100%) 1; 
  border-width:3px;
  border-style:solid;
  border-top: 0;
  border-left: 0;
  border-right: 0;

}
/*--------------------------------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 .cho-quicklink-basic-wrapper .cho-quicklink-content-1b{
    min-height: fit-content;
}
.cho-quicklink-tile .cho-quicklink-tile-image.image1-1{
    padding-top:50%;
}
.cho-quicklink-tile {
  max-width:500px;
}
.quicklink-text-bg .quicklink-text-tile {
 
  max-width: 500px;
}
}
/*---------------------------------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-soft-color); */
/*    background:var(--primary-color-light-2); */
  background:var(--primary-color-dark);
}
/* ----------------------------------------------------------------------*/
/* ------                       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";
  margin-right:8px;
}

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

/*---------------------------------------tabbed content---------------------------------*/
.tab-content .tab-content-nav ul li:hover, 
.tab-content .tab-content-nav ul li.active-tab {
    background: var(--secondary-color);
   
}
.tab-content span#tab-mobile-selection {
    background: var(--secondary-color);
}
.tab-content.small .tab-content-nav ul li:hover, 
.tab-content.small .tab-content-nav ul li.active-tab {
     background: var(--secondary-color);
}
.tab-content.small .tab-content-nav ul li {
    background: var(--secondary-color-light);
}
/*------------------------------------------------------------------expandable content-----------------------------------------------------------*/
.expandable-content-widget .inner-wrap {
  display: flex;
}
.expandable-content-widget .expandable-content-wrapper {
  max-width: 1440px;
  width:100%;
  margin:0 auto;
}
.expandable-content-widget .expandable-content-heading {
  padding: 0;
    border-bottom:1px solid var(--primary-color);
    font-size:1.25em;
}
.expandable-content-widget .expandable-content-heading .expandable-content-link{
  padding: 12px 15px;
    
}

.expandable-content-widget.theme2 .expandable-content-heading .expandable-content-link{
    border-bottom:1px ridge var(--primary-color-dark);
}

.expandable-content-widget.theme1 .expand-arrow,
 .expandable-content-widget.theme1 .expandable-content-link:hover, 
.expandable-content-widget.theme1 .expandable-content-link:focus
{
    background:var(--primary-color);
    color:white;
}
.expandable-content-widget.theme2 .expand-arrow{
    background-color:var(--secondary-color);
    color:black;
}
.expandable-content-widget.theme2 a:hover .expand-arrow {
  background-color:var(--primary-color);
  color:white;
}
.expandable-content-widget.theme2 .row a:not(.e3-button):hover {
  color:var(--primary-color-light);
}


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

.widget-bizform .background-image .container{
background:var( --soft-backdrop-op90);
padding: 40px 20px;
height:100%;
margin: 20px 20px;
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: 20px auto;
  }
}
@media(min-width:1441px){
.widget-bizform .background-image .container{

margin: 40px auto;
}
}
.widget-bizform.theme2:has(:not(.background-image)){
position: relative;
}
.widget-bizform.theme2:has(:not(.background-image)):before {
background:var(--primary-color);
content:'';
width:150vw;
left:-25vw;
height:100%;
position: absolute;
z-index: -1;

}

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

.widget-bizform div[id*="divContainer"] {
padding: 20px;
max-width: 1170px;
}
.widget-bizform .container{
width:auto;
max-width: 990px;
}
.widget-bizform .FormPanel {
width: fit-content;
margin: auto;
}
.widget-bizform .FormPanel .form-control {
height:45px;
}
.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(--soft-backdrop-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:45px;
   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(--soft-backdrop-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:43px;
text-transform: uppercase;
}

.widget-bizform div[id*="viewBiz_pM_pMP"] {
text-align: center;
    font-size:1.5em;
}

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

/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
display: none;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .card-title h4 {
  color:var(--primary-color);
  font-style: italic;
  font-size:1.3em;
}

.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo {
  border:2px solid var(--accent-color-2);
  background-color:var(--primary-color);
  
}
.theme1.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa{
color:var(--primary-color);
}

section.contact-card-widget.card-view:is(.theme1,.theme2) .contact-card-wrapper .contact-card-item{
box-shadow: 1px 2px 4px #eee;
  
}

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

.theme3.contact-card-widget.card-view  {
background-color:var(--primary-color);

}

.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 h4,
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner a
{
color:white;
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa {
color:var(--secondary-color);
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner a:hover{
color:var(--secondary-color);
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo  {

background-color:var(--primary-color-dark);

}


section[id*="100"].theme2.contact-card-widget, 
section[id*="30"].theme2.contact-card-widget,
section[id*="70"].theme2.contact-card-widget,
section[id*="50"].theme2.contact-card-widget{
background-color:transparent;
}

section[id*="30"].theme3.contact-card-widget,
section[id*="70"].theme3.contact-card-widget,
section[id*="50"].theme3.contact-card-widget{
background-color:transparent;
}
section[id*="100"].theme3.contact-card-widget:before{
background-color:var(--primary-color);
  content:'';
  width:200vw;
  height:100%;
  position: absolute;
  top:0;
  left:-50vw;
}


/*---------------------------------------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:0;
left:0;
z-index:-1;
}
.narrow-fade .faded-block{
height:50px;
}
.widget-bizform:has(.faded-block) .background-image {
z-index: 3;
}
section:not(.widget-bizform):has(.faded-block) .inner-wrap {
z-index:3;
position: relative;
}
.fade-light .faded-block{
background:linear-gradient(to bottom, var(--soft-backdrop) 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;
 
}
}

/*-------------------------------------------------------------custom gallery pagination----------------------------------*/
.modal-gallery-widget-wrapper .my-gallery a{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}

.custom-gallery-pagination .container {
width:100%;
}
/*----------------------------------------pagination navigation--------------------------------*/
.custom-gallery-pagination .modal-gallery-widget-wrapper .my-gallery{
width:100%;
max-width: 1440px;
  margin:auto;
}
nav.pg-nav{
background: none;
display: flex;
justify-content: center;
padding: 10px 0;
position: relative;
left: 0;
margin: 0 auto; 
z-index: 1000;  


}

.theme1 nav.pg-nav a {
    color:var(--primary-color);
}
.theme2 nav.pg-nav a {
    color:white;
}

ul[id*="navPagination"]{
display:flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
margin-top:0;
margin-bottom: 0;
flex-wrap:wrap;
justify-content: center;
}
nav.pg-nav .page-link {
padding: 0.5rem 0.75rem;
border: 1px solid #ededed;
font-size:18px;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
nav.pg-nav .page-item:has([id*="prev"]),
nav.pg-nav .page-item:has([id*="next"]){
margin:auto 0;
height:29px;

}
nav.pg-nav .page-item [id*="prev"],
nav.pg-nav .page-item [id*="next"]{
margin:auto 5px;
}

nav.pg-nav .page-item.active a{
text-decoration: underline;
font-weight:bold;
color:white;
background:var(--primary-color);
}
.theme2 nav.pg-nav .page-item.active a{

color:var(--primary-color);
background:white;
}

nav.pg-nav li {
list-style: none;
height: 29px;
margin: 5px 0;
}

.pag-disable {
z-index: 2;
/* color: #381be7; */
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
cursor: not-allowed;
display:none;
}
/*--important part to for pagination, change title if using elsewhere----*/
.custom-gallery-pagination .my-gallery a.pag-dis{
display: none;
}
/*------------------------------------------------------------------custom class gallery-pagination------------------------------*/


.custom-gallery-pagination .my-gallery {
justify-content: space-evenly;
}
@media (min-width: 1024px){
.custom-gallery-pagination.modal-gallery-widget .demo-gallery a, 
.custom-gallery-pagination.modal-gallery-widget .my-gallery a {
  width: calc(25% - 20px);
   height:200px;
    
}
}

@media (max-width: 767px){ 
.custom-gallery-pagination.modal-gallery-widget .demo-gallery a, 
.custom-gallery-pagination.modal-gallery-widget .my-gallery a {
  width: calc(50% - 20px);
    height: calc(40vh - 50px);
    
}

}
@media (max-width: 500px){ 
.custom-gallery-pagination.modal-gallery-widget .demo-gallery a, 
.custom-gallery-pagination.modal-gallery-widget .my-gallery a {
  width: calc(100% - 20px);
    height: 20vh;
    
}

}


/*---------------------------- gallery-slider-------------------------------------------*/
.gallery-slider .slick-list { 
  margin-bottom:30px;
}
.gallery-slider:is(.theme1,.theme2) .slick-dots li.slick-active button{ 
background-color:var(--primary-color);
}

.gallery-slider:is(.theme1,.theme2) .slick-dots li button{ 
background-color:var(--secondary-color);
}


.gallery-slider .my-gallery a {
  height:250px;
}

.gallery-slider .container {
  width:100%;
  max-width:1440px;
}

/*------------------Masonary gallery--------------------------*/

.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery {
width: 100%;
padding: 1rem;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem; 
grid-auto-rows: 200px; 
grid-auto-flow: row dense; 
}
@media(max-width:1024px){
.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery {
grid-auto-rows: 150px; 
}
}
@media(max-width:700px){
.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 180px; 
}
}
.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery a {
width: 100%;
height: 100%;
max-width: 100%;
display: block; 
}

.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery a img {
object-fit: cover;
}

.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery a:nth-child(1n) {
grid-row: span 1;
grid-column: span 1; 
}

.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery a:nth-child(2n) {
grid-row: span 1;
grid-column: span 1; 
}

.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery a:nth-child(3n) {
grid-row: span 2; /* Span 2 rows for the 3rd item */
grid-column: span 1; 
}

.modal-gallery-widget:not(.custom-gallery-pagination, .gallery-slider) .my-gallery a:nth-child(4n) {
grid-column: span 2; /* Span 2 columns for the 4th item */
grid-row: span 2;
}
/*-------------------------------------footer backdrop-------------------------*/
footer {
  background-image:url('/getmedia/88f0b5df-d904-45e9-9745-33782acebe15/background-texture-dark.aspx');
  background-size:contain;
 background-color:var(--primary-color);

}
footer .basic-text-area .inner-wrap, .footer-bg {
   background:transparent;
}

/*------------------------general footer------------------------- */
.footer-bg .footer-top-line {
  display: none;
}
footer .basic-text-area ul {
  list-style:none;
  padding-left:0;
}
footer .basic-text-area h5 {
  text-transform: uppercase;
}
footer .basic-text-area {
  padding-top:60px;
  padding-bottom: 30px;
}
footer .basic-text-area .col-sm {
 -ms-flex-preferred-size: unset;
      flex-basis: unset;
      -webkit-box-flex: unset;
      -ms-flex-positive: unset;
      flex-grow: unset;
      max-width: unset;
}
footer .basic-text-area .col-sm[id*="divCol1"]{
  width:25%;
  padding: 30px 60px 30px 0;
}
footer .basic-text-area .col-sm[id*="divCol2"]{
  width:40%;
  text-wrap-style:balance;
}
footer .basic-text-area .col-sm[id*="divCol3"]{
  width:20%;
}
footer .basic-text-area .col-sm[id*="divCol4"]{
  width:15%;
}
footer .basic-text-area .col-sm:not([id*="divCol1"]){
  margin-top: 6%;
  
}
footer .basic-text-area .col-sm[id*="divCol3"] a {
  font-size:1.1em;
}
footer .header-social a {
  font-size:1.8em;
  padding: 10px;
 
}

footer .header-social a:first-of-type {
  padding-left: 0px;
}
footer .basic-text-area a {
  text-decoration: none;
}
footer .basic-text-area a:hover {
  text-decoration: underline;
}

@media(max-width:1100px){
  footer {
      padding-top:0%;
  }
  
  footer .basic-text-area {
  padding-top:40px;
  padding-bottom: 0px;
  }
  footer .basic-text-area .col-sm[id*="divCol1"] img{
      /* display: none; */
      height:200px;
      display:block;
      margin:auto;
  }
  footer .basic-text-area .col-sm[id*="divCol1"]{
      width:100%;
      padding:0;
      /* height:200px; */
      
  }

  footer .basic-text-area .col-sm:is([id*="divCol2"]){
      width:40%;
      text-align: center;
      text-wrap-style:balance;
  }
    footer .basic-text-area .col-sm:is([id*="divCol3"],[id*="divCol4"]){
      width:30%;
        display: flex;
        flex-direction:column;
        align-items: center;
        text-align: center;
      
  }
  footer .header-social a:first-of-type {
   padding-left: 10px;
  }
  
}
@media(max-width:800px){
  footer .basic-text-area {
  padding-top:40px;
  padding-bottom: 0px;
  }

  footer .basic-text-area .col-sm[id*="divCol1"] {
      margin-bottom:20px;
      padding: 0;
  }
  footer .basic-text-area .col-sm:is([id*="divCol2"],[id*="divCol3"],[id*="divCol4"]){
     width:100%;
       margin-top:20px;
      
  }
  footer .basic-text-area ul{
      margin-top:0;
  }
  footer .header-social a:first-of-type {
   padding-left: 10px;
  }
  
}