@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:#15417A; /*primary blue*/
  --primary-color-hover:#194d90;
  --primary-color-op80:rgba(21,65,122,0.8); /*primary blue*/
  --primary-color-op90:rgba(21,65,122,0.9); /*primary blue*/
  --primary-color-dark: #113462; 
  --primary-color-light:#b9c6d7; /*primary blue*/
 
  --accent-color: #B5AA8A;
  --accent-color-light:#B8B18E;
 
  --secondary-soft-color:#fcfcfa;
  --secondary-soft-color-op80:rgba(252,252,250,0.80);
  --secondary-soft-color-op60:rgba(252,252,250,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:#113462; /*blue*/
     --title-font-family: "Libre Baskerville", serif;
     --body-font-family:Roboto, sans-serif;

     /*font sizes*/
     --h2-desktop:1.5em;
     --h2-tab:1.3em;
     --h2-mobile:1.1em;
   
     --h3-desktop:2.5em;
     --h3-tab:1.8em;
     --h3-mobile:1.6em;
     scrollbar-color: var(--primary-color) var(--secondary-soft-color);


}
body {
  overflow-x: hidden;
  
}

:is(p,h1,h2,h3,h4,h5,h6):empty,
.contact-card-widget .contact-card-title:empty{
  display: none;
}
/* light mode*/
@media (prefers-color-scheme: light) {
  :root {
       scrollbar-color: var(--primary-color) var(--secondary-soft-color);
      
  }
}
/* 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 ---------------------------------------*/
.master-layout-1 {
  z-index: 1004;
}

@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;
  }
  .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(min-width:1500px){
  .master-layout-1 .container-fluid {
      padding:0;
  }

}
@media(hover:hover) and (min-width:1025px){

header.master-layout-1 .MyProfile_Member:focus {
 background:var(--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);

}

.master-layout-1 #divMainMenu nav #main-menu li, 
.master-layout-1 #divMainMenu nav #main-menu a {
font-size:18px;
}  
.master-layout-1 .logo {
  padding:0;

}
@media(hover:none) or (max-width:1023px){
  .master-layout-1 .logo img {
      display: none;
  }
  .master-layout-1 .logo a {
      width:75px;
      height:50px;
      margin: 10px auto;
      background:url('/getmedia/b422d214-d214-49c0-8641-4af61b657896/brand-blue-logo.aspx');
      background-size: contain;
      background-repeat:no-repeat;
      background-position: center;
      
  }
}
/*-----------------------------------------------------transparent header----------------------*/

header.master-layout-1 {
/* background:var(--secondary-soft-color-op60); */
    /* backdrop-filter: blur(10px); */
    background:var(--secondary-soft-color);
}
header.master-layout-1.scrolled-head {
/* background:var(--secondary-soft-color-op80); */
background:var(--secondary-soft-color);
z-index: 1001;
}

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: #2a2a2a ; /*-----when your nav is not transparent*/
letter-spacing: .5px;


}
.master-layout-1 #divMainMenu nav #main-menu ul a:hover {
  color:white;
  background:var(--primary-color);
  outline: 1px solid white;
    outline-offset: -6px;
} 

.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: #2a2a2a ;  /* 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(--secondary-soft-color-op80);
      
  }


}
/* @media(min-width:1024px) and (max-width:1440px){
header.master-layout-1 .logo{
   margin-left:3%;
 }
} */
/*-------------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(--secondary-soft-color);
}
header.wgt-header nav.showMobile{
background:var(--primary-color-op90);

}
.master-layout-1 nav.showMobile #main-menu ul{
background:var(--primary-color-dark);
  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;
  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(--secondary-soft-color);
}

/*----------------------------------buttons-------------------------------------*/
.e3-button, a.btn, 
.master-layout-1 .MyProfile_Member, 
.expandable-content-widget.theme2 .row a.e3-button {
  transition: all 0.35s;
  box-sizing: border-box;
  position: relative;
  /* text-transform: uppercase; */
}
:is(.theme1) .e3-button,
:is(.theme1) a.btn, 
:is(.theme1) .theme-secondary .e3-button,
.expandable-content-widget.theme2 .row a.e3-button 
{
   border-width:3px;
    border-color:var(--primary-color);
}
:is(.theme2, .theme3) .e3-button,
:is(.theme2, .theme3) a.btn, 
:is( .theme2, .theme3) .theme-secondary .e3-button{
   border-width:3px;
    border-color:var(--accent-color);
}


.e3-button::before, .e3-button::after,
a.btn::before,  a.btn::after,
.master-layout-1 .MyProfile_Member::before, 
.master-layout-1 .MyProfile_Member::after,
.expandable-content-widget.theme2 .row a.e3-button::before, 
.expandable-content-widget.theme2 .row a.e3-button::after{
  position: absolute;
  top: 0;
  left: 0;
  border-color: white;
  border-style: solid;
  transition: all 0.35s;
  content: "";
  z-index: 1;
}
.expandable-content-widget.theme2 .row a.e3-button{
    background:var(--primary-color);
    color:white;
    border-width:1px;
    outline: 2px solid var(--primary-color);
    
}
.expandable-content-widget.theme2 .row a.e3-button:hover{
    background:var(--primary-color-dark);
}

.theme2 .e3-button::before,
.theme2  .e3-button::after,
.theme2 a.btn::before, 
.theme2 a.btn::after{
  border-color: white;
}

/* Left and right borders */
.e3-button::before,  
a.btn::before,
.master-layout-1 .MyProfile_Member::before,
.expandable-content-widget.theme2 .row a.e3-button::before{
  width: 100%;
  height: 100%;
  border-width: 1px 0 1px 0; 
}
/* Top and bottom borders */
.e3-button::after,  
a.btn::after,
.master-layout-1 .MyProfile_Member::after,
.expandable-content-widget.theme2 .row a.e3-button::after{
  width: 100%;
  height: 100%;
  border-width: 0 1px 0 1px; 
}

/* On hover, remove the borders */
.e3-button:hover::before,  
a.btn:hover::before,
.master-layout-1 .MyProfile_Member:hover::before,
.expandable-content-widget.theme2 .row a.e3-button:hover::before{
  width: 0;
  height: 100%;
  border-width: 0;
}

.e3-button:hover::after, 
a.btn:hover::after,
.master-layout-1 .MyProfile_Member:hover::after,
.expandable-content-widget.theme2 .row a.e3-button:hover::after{
  width: 100%;
  height: 0;
  border-width: 0;
}
.expandable-content-widget  .expand-arrow {
  padding: 5px 8px;
}

:is(.theme1,.theme2, .theme3) .theme-secondary .FormButton.btn {
  outline:1px solid white;
  outline-offset:-4px;
}
:is(.theme1,.theme2, .theme3) .theme-secondary .FormButton.btn:hover {
  outline:unset;
}


@media(hover:none) or (max-width:1024px){
  .master-layout-1 .MyProfile_Member::before,
  .master-layout-1 .MyProfile_Member::after{
    border:none;
  }
}
/*---------------------------------------------logo-banner & page banner------------------------------------*/
.logo-banner, .basic-text-area:not(.logo-banner):has(h1 u){
  padding:20px;
  position: relative;
  background:transparent;
    
}
.logo-banner:after, .basic-text-area:not(.logo-banner):has(h1 u):after {
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -1;
  filter:grayscale(50%);
  background-image: linear-gradient(rgba(252,252,250,0.62), transparent,  rgba(252,252,250,0.9) 95%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
   background-size:contain;
/*    background-image: linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)), url(https://as1.ftcdn.net/v2/jpg/14/56/09/40/1000_F_1456094058_DPCS5YwlWIXBBhVsKFAO4TfRHehbSFoU.jpg); */
}


.logo-banner .inner-wrap{
  margin-top:162px;
   margin-bottom:90px;
  background:transparent;
 
}
.logo-banner.narrow-bottom-margin .inner-wrap{
  margin-bottom: 0px;
}
.logo-banner .inner-wrap:has(h1) .e3-table-wrap{
  overflow: visible;
}
.logo-banner .inner-wrap h1 {
  position: relative;
  
}
.logo-banner .inner-wrap h1:before{
  content:'';
  background-image:url('https://unionclub.clubhouseonline-e3.net/getmedia/16d5a084-2881-41b6-b531-61fe9aad8aae/gold-logo-sm.aspx');
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
/*     background-color:white; */
  position: absolute;
  top:-80px;
  height:50px;
  width:40px;
  z-index: 1000;
  left:calc(50% - 20px); 
}
.logo-banner .inner-wrap .col-sm:has(h1):before{
  content:'';
 background: linear-gradient(to right, var(--accent-color) 0%, var(--accent-color) 42%,transparent 45%, transparent 54%, var(--accent-color) 57%, var(--accent-color) 100%);
  position: absolute;
  top:-55px;
  height:2px;
  width:60%;
  z-index: 1000;
  left:20%; 
}
.logo-banner h1 {
  font-size:4em;
}
@media(max-width:1024px){
  .logo-banner h1 {
  font-size:3em;
}
}
@media(max-width:767px){
  .logo-banner .inner-wrap{
    margin-top: 120px;
   margin-bottom:60px;
}
.logo-banner h1 {
  font-size:2.5em;
}
}


/*--------------------------------------------page banner-------------------------------------------*/
.basic-text-area:not(.logo-banner):has(h1 u) .inner-wrap{
    background:transparent;
      margin-top:44px;
   margin-bottom:44px;
}

.basic-text-area:not(.logo-banner):has(h1) h2 {
    font-size:var(--h2-desktop);
    
}
.basic-text-area h1 u{
   text-decoration:none;
     color:var(--title-font-color);
}

.basic-text-area:not(.logo-banner) h1 {
  border-left: 0;
  border-right: 0;
  border-top: 0;
   border-bottom: 3px;
  border-style: solid;
      border-image-slice: 1;
 border-image-source: linear-gradient(to left, transparent 0%, var(--accent-color), transparent 100%);
}
.basic-text-area h1 u{
/*    text-decoration:none; */
}
@media(max-width:899px){
    .basic-text-area:not(.logo-banner):has(h1) h2 {
    font-size:var(--h2-tab);
    
}
}

/*---------------------------------------hero banner paired with text-banner-overlay-content ------------------*/
.text-banner-overlay-content h2 {
  font-size:var(--h2-desktop);
  
}
.text-banner-overlay-content.theme1 h2 {
  color:var(--title-font-color);
  
}
.text-banner-overlay-content h3 {
  font-size:var(--h3-desktop);
    text-wrap-style:balance;
/*     font-style: italic; */

}
.theme2.text-banner-overlay-content .theme-secondary {
  background-color:var(--secondary-soft-color);
}
.theme2.text-banner-overlay-content h2 {
  color:var(--accent-color-light);
}
@media(max-width:899px){
 .text-banner-overlay-content h2 {
  font-size:var(--h2-tab);
  }
  .text-banner-overlay-content h3 {
  font-size:var(--h3-tab); 
} 
}
@media(max-width:500px){
  .text-banner-overlay-content h2 {
  font-size:var(--h2-mobile);
  }
 .text-banner-overlay-content h3 {
  font-size:var(--h3-mobile);
 }
 }
.cho-hero-textwidget.height50:before {
  content:'';
    width:70%;
    top:20%;
    left:3%;
    height:1px;
    z-index: 2;
    position: absolute;
    background:white;
}
.cho-hero-textwidget.height50:after {
  content:'';
    width:1px;
    top:12%;
    left:5%;
    height:70%;
    z-index: 2;
    position: absolute;
    background:white;
}

/*------------------------------------------text-banner-overlay-content---------------------*/

.text-banner-overlay-content.theme1 .inner-wrap .container{
    background:var(--secondary-soft-color);
}

.text-banner-overlay-content.theme2 .inner-wrap .container{
    background:var(--primary-color);
}
.text-banner-overlay-content {
  position:relative;
}


  body:not(.EditMode) .text-banner-overlay-content .inner-wrap .container{
    padding: 56px 40px;
    display: block;
    margin-top:-37vh;
    width:80%;
    margin-left:10%;
    position: relative;
    box-shadow: 1px 1px 1px 0px var(--soft-grey);
}

.text-banner-overlay-content .inner-wrap {
    margin-bottom:64px;
}




@media(max-width:767px){
 
 body:not(.EditMode) .text-banner-overlay-content .inner-wrap .container{
    padding: 40px;
    margin-top:-160px;
    
}
.text-banner-overlay-content .inner-wrap {
  margin-bottom:44px;
}     
}

@media(min-width:900px){
.text-banner-overlay-content p{
    column-count: 2;
    column-gap: 30px;
    
    }
}

@media(min-width:1700px){

  body:not(.EditMode) .text-banner-overlay-content .inner-wrap .container{
    width: 100%;
   margin-left:auto;
   
}
}
/*-------------------------------------title-banner-overlay--------------------------------*/
section.title-overlay-banner h2{
  font-size:var(--h2-desktop)
  }
   section.title-overlay-banner h3{
  font-size:var(--h3-desktop);
  text-wrap-style:balance;
  }
  /*-----------------------hero banner-----------------------*/
  .cho-hero-textwidget.height100 .cho-hero-textwidget-bg{
    min-height: 360px;
  }
  @media (min-width: 768px) {
    .cho-hero-textwidget.height50{
        height:54vh;
    }
}
  @media (min-width: 768px) {
    .page-content:has(.title-overlay-banner) .cho-hero-textwidget .scroll-chevron {
        z-index: 901;
    }
    .cho-hero-textwidget.height100 {
        height: calc(100vh);
    }
  body:not(.EditMode) section.title-overlay-banner{
     position:absolute;
    z-index: 998;
    } 
    .page-content:has(.title-overlay-banner) .cho-hero-textwidget:first-of-type:is(.height100, .height75):after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 900;
    }
    
    section.title-overlay-banner .inner-wrap {
     background:transparent;
 
    }
    section.basic-text-area.title-overlay-banner.theme1 :is(h1,h2,h3) {
      color:white;
      text-shadow: 0px 0px 12px black;
    }
    body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .title-overlay-banner,  
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .title-overlay-banner {
      top:130px;
    }

  
    section.title-overlay-banner .inner-wrap .container .row {
     width: 80%;
   
    }
     .page-content:has(.title-overlay-banner) .cho-hero-textwidget:first-of-type:is(.height100, .height75):after {
    
      background-image: radial-gradient(circle at  bottom left,  rgba(0,0,0,.40)45%, transparent 70%);
  
    }
  
    body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .title-overlay-banner {
      top:calc(34vh);
    }
    
    body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .title-overlay-banner {
      top:calc(40vh);
    }
    
    
    section.title-overlay-banner .inner-wrap .container {
        width:100%;
        padding: 20px 30px;
        max-width:1440px;
        margin:auto;

    }
     
}
@media(max-width:899px){

  section.title-overlay-banner h2 {
  font-size:var(--h2-tab);
  }
  section.title-overlay-banner h3 {
  font-size: var(--h3-tab);
} 
}
@media (max-width:767px){
   
  section.title-overlay-banner .inner-wrap {
    background:transparent;
    position:relative;

   }
 section.title-overlay-banner .inner-wrap:after {
 content:'';
 position: absolute;
 top:-20%;
 left:0;
 width:100%;
 height:120%;
 z-index: -1;
 filter:grayscale(50%);
  background-image: linear-gradient(rgba(252,252,250,0.62), transparent, rgba(252,252,250,0.90) 95%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
  background-size:contain;
}
   section.title-overlay-banner .inner-wrap .container {
        width:100%;
        padding: 0px 45px 60px;
        max-width:1440px;
        margin:auto;
       text-align:center;
    }
   section.title-overlay-banner.theme1 h2{
     color:var(--title-font-color);
   }
  section.title-overlay-banner h2 {
  font-size:var(--h2-tab);
  }
  section.title-overlay-banner h3 {
  font-size:var(--h3-tab); 
} 
}
@media(max-width:500px){
  section.title-overlay-banner h2 {
 font-size:var(--h2-mobile);
 }
  section.title-overlay-banner h3 {
 font-size: var(--h3-mobile);
}
    section.title-overlay-banner .inner-wrap .container {
       padding:20px 5px;
     }
}
@media(min-width:1200px){
     section.title-overlay-banner .inner-wrap .container .row {
     width: 900px;

    }
  
}
@media(min-width:1500px){
  section.title-overlay-banner .col-sm {
     padding:0;
    }
   section.title-overlay-banner .inner-wrap .container {
        padding: 20px 20px;
        
    }
}

/*-----------------------------------------------------title-summary-double-img-----------------------------------*/

.title-summary-double-img h3 {
  font-size:var(--h3-desktop);
  /* text-wrap-style:balance; */
}
.title-summary-double-img h3 em {
  padding-left: 6px;
}
.title-summary-double-img h2 {
  font-size: var(--h2-desktop);
}
.title-summary-double-img.theme1 h2 {
   color:var(--title-font-color);
  
}
/* .title-summary-double-img .col-sm {
  text-wrap-style:balance;
} */
.title-summary-double-img .col-sm:has(img) {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.title-summary-double-img .col-sm img{
  width: 44%;
  height:400px;
  margin: 0 2%;
  object-fit: cover;
  box-shadow: 1px 1px 3px 1px var(--soft-grey);
}
.title-summary-double-img .col-sm:has(img) img:first-child{

  margin-bottom:15%;
 
}
.title-summary-double-img .inner-wrap .container {
  width:100%;
  margin:144px auto;
}
.title-summary-double-img .col-sm:not(:has(img)){
 margin-top:5%;
 
}

@media(max-width:1024px) and (min-width:768px){
  .title-summary-double-img .col-sm img{
  width:44%;
  height:300px;

}
  .title-summary-double-img .col-sm:has(img) img:first-child{
  margin-bottom:30%;
}
  .title-summary-double-img .col-sm:not(:has(img)){
 margin-top:15%;
      margin-right:2%;
 
}
  .title-summary-double-img .inner-wrap .container {

  margin:44px auto;
}
}
@media(max-width:899px){
  .title-summary-double-img .inner-wrap .container {
    margin:44px auto ;
  }
  .title-summary-double-img h2 {
 font-size:var(--h2-tab);
 }
 .title-summary-double-img h3 {
 font-size: var(--h3-tab);
} 
 .title-summary-double-img .col-sm img{
 width:44%;
 height:260px;
}
  .title-summary-double-img .col-sm:has(img) img:first-child{
  margin-bottom:80px;
}
   .title-summary-double-img .col-sm:not(:has(img)){
 margin:10px 30px;
       
}
}
.title-summary-double-img .col-sm:not(:has(img)){
  padding: 0 30px;
}
@media(max-width:500px){
  .title-summary-double-img h2 {
 font-size:var(--h2-mobile);
 }
 .title-summary-double-img h3 {
 font-size: var(--h3-mobile);
}
 .title-summary-double-img .col-sm:not(:has(img)) {
   padding: 0px;
}
}
@media(min-width:1460px){
  .title-summary-double-img .col-sm,.title-summary-double-img .col-sm:not(:has(img)) {
  padding:0;
}
  .title-summary-double-img .col-sm img {
    width: 43%;
    height: 400px;
  }
  .title-summary-double-img .col-sm:has(img) {
    justify-content: flex-start;
    /* margin-right:20px; */
}
  
}
/*------------------------------------------info-col-img---------------------------------*/
.basic-text-area.info-col-img img {
  object-fit: cover;
  height:350px;
  width:100%;
   /* margin-bottom:15px; */
   transition: all ease .15s;
   box-shadow: 1px 1px 3px 1px var(--soft-grey);
 
}
.info-col-img a:has(img) {
  overflow:hidden;
      margin-bottom: 15px;
}
.info-col-img .col-sm:has(a:hover) a img{
  transform: scale(1.2);
  transition: all ease .15s;
}
.basic-text-area.info-col-img .inner-wrap{
  background:transparent;
}
.basic-text-area.info-col-img {
  position:relative;
  padding-bottom:96px;
}
.basic-text-area.info-col-img:before{
content:'';
position: absolute;
top:30%;
left:0;
width:100%;
height:70%;
z-index: -1;
filter:grayscale(50%);
background-image: linear-gradient(var(--secondary-soft-color) 0%, rgba(252,252,250,0.5) 20%, rgba(252,252,250,0.5) 80%, var(--secondary-soft-color-op80) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
 background-size:contain;

}
.basic-text-area.info-col-img .container{
  width:100%
}
.basic-text-area.info-col-img .col-sm {
/*       box-shadow:2px 2px 8px #9f9f9f; */
    padding:0 0 25px 0;
    margin: 10px 20px;
    display: flex;
    flex-direction: column;
    text-wrap-style:balance;
    overflow: visible;
   
   
    
}
.basic-text-area.info-col-img .col-sm:after{
    content:'';
  width:2px;
  top:0%;
  right:-20px;
  height:80%;
  z-index: 2;
  position: absolute;
  background:linear-gradient(to bottom, transparent  0%, var(--accent-color) 30%,transparent  100%);
}
.basic-text-area.info-col-img .col-sm:last-child:after{
    content:'';
  width:2px;
  top:0%;
  right:-20px;
  height:80%;
  z-index: 2;
  position: absolute;
  background:transparent;
}
.basic-text-area.info-col-img .e3-button {
  margin: 15px 0;
}
.basic-text-area.info-col-img .col-sm  div:has(.e3-button) {
  margin-top:auto;
}


.basic-text-area.info-col-img .col-sm :is(h3,h4,h5,h6) {
/*       margin-top:15px; */
  
}
.basic-text-area.info-col-img .col-sm h4 {
  margin-bottom:5px;
}

.basic-text-area.info-col-img .col-sm h3{
  font-size: 1em;
}  
.basic-text-area.info-col-img.theme1 .col-sm h3{
  
   color:var(--title-font-color);
   
}  
.basic-text-area.info-col-img .col-sm h4 {
  font-size: 1.41em;
} 

.basic-text-area.info-col-img .col-sm p {
    margin-top:10px;
    margin-bottom:10px;
}

.basic-text-area.info-col-img.theme1 .col-sm{
background:var(--soft-backdrop);
color:#2a2a2a;
/*    box-shadow:2px 2px 5px #777777; */
} 
.basic-text-area.info-col-img.theme3 .col-sm{
background:var(--primary-color);
color:#fff;
 box-shadow:2px 2px 5px #d4d4d4;
} 

.theme2.info-col-img:before {
  filter:grayscale(0%);
  background-image: linear-gradient(var(--secondary-soft-color-op80) 0%,  rgba(21,65,122,0.6) 40%, var(--primary-color-op90) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
}
/* .theme2.info-col-img h3 {
  color:var(--accent-color);

} */
/* .theme2.info-col-img  {
  text-shadow: 1px 1px 1px rgba(0,0,0,0.71);
} */
.theme2.basic-text-area.info-col-img .col-sm {
  padding: 12px;
 color:#2a2a2a;
 background:var(--secondary-soft-color);
 border:2px solid #e0e0e0;
}
.theme2.basic-text-area.info-col-img .col-sm a {
 color: #2a2a2a;
}
.theme2.basic-text-area.info-col-img .col-sm a:hover {
 color: var(--primary-color);
}
.theme2.info-col-img h3 {
color: var(--primary-color);
}

.theme3.basic-text-area.info-col-img .col-sm {
  padding: 12px;
 border:2px solid #e0e0e0;
}
.theme3.basic-text-area.info-col-img .col-sm a {
 color: white;
}
.theme3.basic-text-area.info-col-img .col-sm a:hover {
 color:var(--accent-color-light);
}

.theme3.basic-text-area.info-col-img .col-sm h3{
 color:var(--accent-color-light);
}
@media(max-width:767px){
 .basic-text-area.info-col-img .col-sm {
    margin: 10px;
}
.basic-text-area.info-col-img:before{
  top:0%;
  height:100%;
  background-image: linear-gradient(var(--secondary-soft-color) 0%, rgba(252,252,250,0.5) 20%, rgba(252,252,250,0.5) 80%, var(--secondary-soft-color-op80) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
} 
.basic-text-area.info-col-img.theme2:before{
  background-image: linear-gradient(var(--secondary-soft-color-op80) 0%,  rgba(21,65,122,0.6) 40%, var(--primary-color-op90) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
} 
} 
 @media(max-width:1024px){
    .basic-text-area.info-col-img:has(.col-sm:nth-child(4)) .col-sm {
  min-width:40%;
}
.basic-text-area.info-col-img {
  padding-bottom:44px;
}
.basic-text-area.info-col-img:has(.col-sm:nth-child(4)) .col-sm:nth-child(2):after {
  background:transparent;
}
}
@media(min-width:1500px){
  .basic-text-area.info-col-img .col-sm:first-child {
    margin-left:0;
  }
  .basic-text-area.info-col-img .col-sm:last-child {
    margin-right:0;
  }
}
/*--------------------------------image and text quick links-----------------------------*/
.cho-quicklink-tile h4 {
  font-size: 1em;
color:var(--title-font-color);

}
.cho-quicklink-tile .cho-quicklink-content-1b.image-background h4{
  color:unset;

}
.cho-quicklink-tile .cho-quicklink-content-1b.image-background {
border:1px solid white;
}
.theme2 .cho-quicklink-tile .cho-quicklink-content-1b.image-background {
background:var(--secondary-soft-color-op80);
}
.theme2 .cho-quicklink-tile .cho-quicklink-content-1b.image-background:hover {
  background:var(--secondary-soft-color);
  }
.cho-quicklink-tile h5 {
font-size: 1.6em;
}
.cho-quicklink-tile .cho-quicklink-tile-image img{
object-fit: cover;
height:100%;

}
.cho-quicklink-tile .cho-quicklink-tile-image{

   box-shadow: 1px 1px 3px 1px var(--soft-grey);
  }
.cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b{
    min-height: fit-content;
padding: 24px 0;
}
.cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
    
padding: 24px;
}
@media(max-width:767px){
.cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b{
    min-height: fit-content;
}
.cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
  min-height: 250px;
}
.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;
}
}
.card-widget .cho-quicklink-basic-wrapper {
padding: 12px;
}

.card-widget:not(.background-image) .inner-wrap{
background:transparent;
}
.card-widget:not(.background-image)  {
position:relative;
padding-bottom:44px;
}
.card-widget:not(.background-image):before{
content:'';
position: absolute;
top:30%;
left:0;
width:100%;
height:70%;
z-index: -1;
filter:grayscale(50%);
background-image: linear-gradient(var(--secondary-soft-color) 0%, rgba(252,252,250,0.5) 20%, rgba(252,252,250,0.5) 80%, var(--secondary-soft-color-op80) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
background-size:contain;

}
.card-widget .container:has(.cards-4){
width:100%
}
.card-widget .cho-quicklink-tile p {
margin:0;
}
.card-widget .cho-quicklink-tile:after{
content:'';
width:2px;
top:0%;
right:-14px;
height:80%;
z-index: 2;
position: absolute;
background:linear-gradient(to bottom, transparent  0%, var(--accent-color) 30%,transparent  100%);
}
.card-widget .cho-quicklink-tile.cards-4:last-child:after, .card-widget .cho-quicklink-tile.cards-3:nth-child(3):after{
background:transparent;
}

.card-widget:not(.background-image).theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper{
background:transparent;
border:none;

} 

.card-widget:not(.background-image).theme2:before {
filter:grayscale(0%);
background-image: linear-gradient(var(--secondary-soft-color-op80) 0%,  rgba(21,65,122,0.6) 40%, var(--primary-color-op90) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
}

@media(max-width:767px){
.card-widget .cho-quicklink-tile:after{
    background:transparent;
}
.card-widget:not(.background-image):before{
top:0%;
height:100%;
background-image: linear-gradient(var(--secondary-soft-color) 0%, rgba(252,252,250,0.5) 20%, rgba(252,252,250,0.5) 80%, var(--secondary-soft-color-op80) 100%), url('https://unionclub.clubhouseonline-e3.net/getmedia/52c2aca0-fd29-4e96-8aa8-bc828328ee68/AdobeStock_367555004-texture.aspx');
} 

} 
/*-------------------------full-width-quicklink------------------------------*/
.full-width-quicklinks .full-width-quicklink-wrapper:hover .full-width-quicklink-content{
  outline:1px solid white;
  outline-offset: -20px;
}
/*---------------------------------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";
}

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";
}


/*-------------------------------------------title and summary----------------------------------*/
.basic-block.theme1.background-image h2 {
  color:unset;
}

.basic-block .basic-block-wrapper .img-block {
  outline:1px solid white;
  outline-offset: -20px;
  overflow: visible;
 box-shadow: 1px 1px 3px 1px var(--soft-grey);

}
.basic-block .theme-secondary{
  /* z-index: -2; */
  position: relative;
}
.basic-block .basic-block-wrapper .img-block:before {
 content:'';
 width:100%;
 height:100%;
 position: absolute;
 border:30px solid var(--primary-color-dark);
 border-bottom:0;
 /* background:var(--primary-color-dark); */
 /* z-index: -1; */
}
.basic-block.theme1 .basic-block-wrapper .img-block:before {
  /* background:var(--primary-color-dark); */
  border-color:var(--primary-color-dark);
}
.basic-block.theme2 .basic-block-wrapper .img-block:before {
  /* background:var(--accent-color); */
  border-color: var(--accent-color-light);
}
/*img left*/
.basic-block .basic-block-wrapper .img-block:not(.col-sm-push-6):before {
  left:-30px;
  top:-30px;
  border-right:0;

}
/*img right*/
.basic-block .basic-block-wrapper .img-block.col-sm-push-6:before {
  right:-30px;
  top:-30px;
border-left:0;
}


.basic-block h3 {
  font-size:var(--h3-desktop);
  line-height:1.1;
}

.basic-block h2 {
  font-size:var(--h2-desktop);
  line-height:1;

}
.basic-block.theme1 h2 {
 color:var(--title-font-color);

}

.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) .basic-block-wrapper .text-block {
  width: 50%;
  padding: 15px 0;
   
}
 .basic-block:not(.background-image) .basic-block-wrapper .text-block  .text-block-wrapper{
  padding: 0px 20px;
   
} 
 
}

@media(min-width:1440px){
section.basic-block .basic-block-wrapper {
  padding:20px 0;
}
section.basic-block:not(.padding-lg, .padding-md) .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
    padding-top: 44px;
    padding-bottom:14px;
  }
 .basic-block:not(.background-image) .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%;
}
     .basic-block:not(.background-image) .basic-block-wrapper .text-block.col-sm-pull-6  .text-block-wrapper{
  padding: 0px 50px 0 0;
   
} 
     .basic-block:not(.background-image) .basic-block-wrapper .text-block:not(.col-sm-pull-6)  .text-block-wrapper{
  padding: 0px 0px 0 50px;
   
} 
}
@media(min-width:1440px) and (max-width:1524px){
  section.basic-block .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
    padding-left:14px;
    padding-right:14px;
  }
}
@media(max-width:900px){
/*     .basic-block h3 {
  font-size:var(--h3-tab);
  line-height:1.1;
}

.basic-block h2 {
  font-size:var(--h2-tab);
  line-height:1;

} */
.basic-block .basic-block-wrapper .img-block img {
  outline:1px solid white;
  outline-offset: -20px;
}
  .basic-block .basic-block-wrapper .img-block:before {
 content:'';
  width:0%;
  height:0%;
    border:none;
}
.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:var(--h3-tab);
  line-height:1.1;
}

.basic-block h2 {
  font-size:var(--h2-tab);
  line-height:1;

}
.basic-block .basic-block-wrapper {
   flex-direction: column;
}
.basic-block:not(.center, .background-image,.no-image, .testimonial-slider ) .img-block {
   
   margin-left:auto;
   margin-right:auto;
   left:0;
   width:100%;
   /* max-height: 430px; */
}

.basic-block:not(.center, .background-image,.no-image, .testimonial-slider  ) .basic-block-wrapper .text-block {
    right:0;
    width:100%;
    /* min-height:350px; */
}
.basic-block:not(.center, .background-image,.no-image, .testimonial-slider ) .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){
  section.basic-block:not(.padding-lg, .padding-md) .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
    padding-top: 44px;
      padding-bottom:14px;
  }
  .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;
  }
}
@media(min-width:900px){
  section.basic-block:not(.padding-lg, .padding-md) .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
    padding-top: 44px;
      padding-bottom:14px;
  }
}
.basic-block:not(.testimonial-slider).background-image .inner-wrap {
min-height:400px;
}
.basic-block:not(.testimonial-slider).background-image {
min-height:400px;
}

.basic-block:not(.testimonial-slider).background-image .basic-block-wrapper {
justify-content: center;
} 
.basic-block:not(.testimonial-slider).background-image.center .basic-block-wrapper .text-block {
justify-content: center;
}
.basic-block:not(.testimonial-slider).background-image.center .basic-block-wrapper .text-block .text-block-wrapper {
margin:auto;
width:80%;
text-wrap-style:balance;
}


/*---------------------------------padding-md , padding-lg--------------------------------*/


@media(min-width:768px){
    .padding-md .container {
    padding: 44px 15px;
  }
  .padding-lg .container {
    padding: 72px 15px;
  }
}
@media(min-width:1200px){
  section.basic-block.padding-lg .basic-block-wrapper {
     padding:96px 0;
  }
  section.basic-block.padding-md .basic-block-wrapper {
      padding:44px 0;
   }
}



/*-----------------------------------------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% - 25px);
    width:50px;
        
}

.testimonial-slider p strong {
    color:var(--primary-color);
     font-size: 1.2em;
    font-style:italic;
    font-weight:300;
     font-family: var(--title-font-family);
  
}
.testimonial-slider.theme1 {
    box-shadow: 0 0 30px 25px var(--secondary-soft-color) inset;
}
.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(--accent-color);
    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;
  
}
   .testimonial-slider .text-block-wrapper {
    margin:20px auto 0px;

}
}
/*------------------------------showcase-gallery image slider----------------------------------*/
.showcase-gallery .container {
  width:100%;
}
.showcase-gallery .my-gallery a {
  height:250px;
  
}

.showcase-gallery .my-gallery .slick-center {
-webkit-transform: scale(1.35);
-moz-transform: scale(1.35);
transform: scale(1.35);   
  outline: 15px solid var(--secondary-soft-color);
  z-index: 1000;
  
}
.showcase-gallery .my-gallery .slick-center:hover {
opacity: 1;
transform: scale(1.25);
}

.showcase-gallery .slick-list { 
  margin-top:60px;
  margin-bottom:60px;
/* margin-left:30px ; */
}
.showcase-gallery .slick-list .slick-track {
  padding: 40px 0
}

.showcase-gallery .slick-dots li button {
  background:var(--accent-color);
  opacity:0.8;
  margin:auto;
}
.theme1.showcase-gallery .slick-dots li.slick-active button {
  background:var(--primary-color);
}
.showcase-gallery .slick-dots {
  width:fit-content; 
  margin: 10px auto;
  position: relative;
  transform: translatey(-40px);
}
@media(max-width:1024px){
  
.showcase-gallery .my-gallery a {
  height:200px;
  
}
}
@media(max-width:800px){
  
  .showcase-gallery .my-gallery a {
    height:150px;
    
  }
  .showcase-gallery .slick-list { 
    margin-top:0px;
    margin-bottom:40px;

  }
}
@media(max-width:480px){
  .showcase-gallery .slick-list {

  margin-bottom:30px;

}
}
/*---------------------------------------custom class fade-light and fade-dark & narrow-fade------------------------------*/
/*fade block is added by script*/
.faded-block{
  content:'';
  width:100%;
  height:150px;
  position: absolute;
  top:-1px;
  left:0;
  z-index:-1;
  }
  .narrow-fade .faded-block{
  height:50px;
  }
  .widget-bizform:has(.faded-block) .background-image {
  z-index: 3;
  }
  section:not(.widget-bizform):has(.faded-block) .inner-wrap {
  z-index:3;
  position: relative;
  }
  .fade-light .faded-block{
  background:linear-gradient(to bottom, var(--secondary-soft-color) 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;
   
  }
  }
  
  /*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
  
  .widget-bizform .background-image .container{
  background:var(--secondary-soft-color-op80);
  padding: 44px 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: 3% auto;
    }
  }
  @media(min-width:1280px){
    .widget-bizform .background-image .container {
      width:95%;
      margin: 5% auto;
    }
  }
  @media(min-width:1441px){
  .widget-bizform .background-image .container{
  
  margin: 10% auto;
  }
  }
  .widget-bizform.theme2:has(:not(.background-image)){
  position: relative;
  }
  .widget-bizform.theme2:has(:not(.background-image)):before {
  background:var(--primary-color);
  content:'';
  width:150vw;
  left:-25vw;
  height:100%;
  position: absolute;
  z-index: -1;
  
  }
  
  /*-------------------------------------------------------------custom biz form------------------------------------------*/
  
  .widget-bizform div[id*="divContainer"] {
  padding: 20px;
  max-width: 1170px;
  }
  .widget-bizform .container{
  width:auto;
  max-width: 990px;
  }
  .widget-bizform .FormPanel {
  width: fit-content;
  margin: auto;
  }
  .widget-bizform .FormPanel .form-control {
  height:44px;
  }
  .widget-bizform .EditingFormTable {
  display: block;
  width:90%;
  /*     margin:0 auto; */
  }
  .widget-bizform:has(.full, .half, .third, .comments) tr {
  display: flex;
  flex-direction: column;
    justify-content: space-between;
  
  }
  
  .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-soft-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(--secondary-soft-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:43px;
  /* text-transform: uppercase; */
  }
  
  .widget-bizform div[id*="viewBiz_pM_pMP"] {
  text-align: center;
      font-size:1.5em;
  }
  /*------------------------------------------------------------------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;
    font-family:var( --title-font-family);
}
.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(--primary-color);
    color:white;
}
.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);
}
/*-----------------------------------tabbed content---------------------------------*/
.tab-content .tab-content-nav {
  font-family:var(--title-font-family);
  font-size:1.25em;
}
  /*---------------------------------------------------------------contact cards-------------------------------------------------------*/
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}
.contact-card-widget.card-view  .card-details-inner .detail-item h3 {
    font-size:var(--h2-mobile);
    color:var(--title-font-color);
    margin-bottom:5px;
}
.contact-card-widget .card-details-inner .detail-item h4 {
    font-size:var(--h2-desktop);
}
.contact-card-widget.card-view .contact-card-wrapper .card-photo {
    border-radius: 0;
    background-color:var(--primary-color);
    outline: 1px solid white;
    outline-offset:-5px;
    box-shadow: 1px 1px 0px 0px var(--soft-grey);
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
   box-shadow: 1px 0px 3px 0px var(--soft-grey);
    border:none;
}

.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa  {
    color:var(--primary-color);
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa:hover  {
    color:var(--primary-color-dark);
}
 

/*----------theme 2----------------*/
.contact-card-widget.card-view.theme2 .contact-card-wrapper .contact-card-item{
    background-color:var(--primary-color-dark);
}
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-details-inner .card-title h4,
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-details-inner a,
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-details-inner .detail-item .fa{
    color:white;
}
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-details-inner a:hover,
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-details-inner .detail-item .fa:hover{
    color:var(--accent-color-light);
}
 
.contact-card-widget.card-view.theme2  .card-details-inner .detail-item h3 {
    color:var(--accent-color-light);
}

.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-photo {
    background-color:var(--secondary-soft-color-op80);
}
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-photo .persona-head, 
.contact-card-widget.card-view.theme2 .contact-card-wrapper .card-photo .persona-body {
    background-color:var(--primary-color);
}

 /*-------------------------------------------------------------custom gallery pagination----------------------------------*/

/*----------------------------------------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;   
  
  
  }
  
  .theme1 nav.pg-nav a {
      color:#2a2a2a;
  }
.theme1 nav.pg-nav a:hover {
      color:var(--accent-color);
  }
  .theme2 nav.pg-nav a {
      color:white;
  }
.theme2 nav.pg-nav a:hover {
      color:var(--accent-color-light);
  }
  
  ul.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;
  }
  nav.pg-nav .page-item:has(.pre),
  nav.pg-nav .page-item:has(.nex){
  margin:auto 0;
  height:29px;
  
  }
  nav.pg-nav .page-item .pre,
  nav.pg-nav .page-item .nex{
  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;
      
  }
  
  }
 

/*---------------------------------------------footer---------------------------------------------*/
footer {
background-color:var(--primary-color-dark);
}
footer .basic-text-area .inner-wrap {
margin-top:40px;
  background-color:var(--primary-color-dark)
}

footer .basic-text-area .container {
  width:100%;
}
footer .basic-text-area img {
max-height:100px;
  width:auto;
  max-width:unset;
}
footer .basic-text-area ul li {
list-style: none;
margin-left:0;
}
footer .basic-text-area ul  {
column-count: 2;
  column-gap: 30px;
padding-left:0;
}
footer address {
  margin-top:1em;
  margin-bottom:1em;
}
footer .basic-text-area a {
text-decoration: none;
}
footer .basic-text-area a:hover {
text-decoration: underline;
color:var(--secondary-color);
}
footer .basic-text-area h4 {
margin:12px 0 0;
font-size:1.5em;
color:var(--secondary-color);
}
footer .basic-text-area h4:first-of-type {
margin:0px 0 0;

}
footer .basic-text-area div[id*="divCol"] {
display: flex;
flex-direction: column;

}
footer .basic-text-area div[id*="divCol3"] {
padding:0;
}
footer .basic-text-area div[id*="divCol1"] {
max-width: 20%;
  align-items: center;
}

@media(min-width:1024px){
footer .basic-text-area div[id*="divCol1"]
{
  max-width: 10%;
  align-items: start;
  margin-left:10px;
}
  footer .basic-text-area div[id*="divCol3"], footer .basic-text-area div[id*="divCol2"] {
      max-width:40%;
  }
}

@media(max-width:830px){
  footer .basic-text-area .inner-wrap {
margin-top:20px;
      margin-bottom:-20px;
  }

footer .basic-text-area div[id*="divCol"] {
   flex-basis:unset;
}
  footer .basic-text-area div[id*="divCol1"] {
   max-width:100%;
/*         align-items: start; */
      padding-bottom:25px;
      
}
  footer .basic-text-area div[id*="divCol2"],   footer .basic-text-area div[id*="divCol3"]{
   max-width:50%;
/*         align-items: start; */
      
}

}

@media(max-width:700px){
footer .basic-text-area div[id*="divCol"]  {
    max-width: 100%;
    text-align:center;
    margin:10px;
}

    footer .basic-text-area div[id*="divCol3"] ul {
      column-count: 1;
         text-align:center;
}
}