@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:#325330; /*green*/
  --primary-color-light:#507c4E; /*lighter green*/
  --primary-color-dark:#0F380D; /*dark green*/
  --primary-color-dark-op85:rgb(15 56 13 / 85%);
  
  --secondary-color:#664e3B; /*brown*/
  --secondary-color-light:#997960; /*light brown*/
  --secondary-color-dark:#452710; /*dark brown*/
  
  /* used on borders*/ 
  --accent-color:#512f43; /*purple*/
  --accent-color-light:#7a4c67; /*light purple*/
  --accent-color-dark:#370d25; /*dark purple*/
  --accent-color-highlight:#FCE9F4; /*super light purple*/
  
  --backdrop: #fdfcfb;/*soft beige white*/
   --backdrop-op-80: rgba(253,252,251,0.80);/*soft beige white*/
    --backdrop-op-60: rgb(253 252 251 / 60%);
  
  --bs-v1:1px 1px 8px #000 inset;
  scrollbar-color: var(--primary-color) var(--backdrop);
}
body {
overflow-x: hidden;
}
h1 {
  margin-bottom:25px;
}
/* light mode*/
@media (prefers-color-scheme: light) {
  :root {
       scrollbar-color: var(--primary-color) var(--backdrop);
      
  }
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
:root {
     scrollbar-color: var(--primary-color-light) #2a2a2a;
  }
}

/*----------------------clearing out empty tag spacing------------------------*/
p[id*="TitleAndSummary"]:empty, .card-widget :is(p, h5, h4):empty, .widget-bizform h2:empty {
  display: none;
} 
:is(p,h1,h2,h3,h4,h5,h6):empty,
.contact-card-widget .contact-card-title:empty,
.contact-card-widget .staff-category-title:empty{
  display: none;
}
/*max width adjustments*/
/*----------------------------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:900px;

}

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,
.contact-card-widget .inner-wrap
{
   max-width:1440px;
  margin:auto;
  float:none; 
}
.upcoming-event-widget .inner-wrap {
  max-width:1440px;
  float:unset;
  margin:auto;
  padding:0 20px ;
  
}
: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%;
    
}
.modal-gallery-widget-wrapper.container {
  width:100%;
}
h1, h2 {
  font-family: "Playfair Display SC", serif; 
    
}
:is(.basic-block, .basic-text-area):not(.background-image).theme1 :is(h1,h2) {
      color: var(--secondary-color-dark); 
}
.basic-block.center.background-image.theme1 :is(h1,h2) {
  color: var(--secondary-color-dark);
}

/*---------------------------------------------------page headings------------------------------*/

section:not(.theme2) h1 {
  color:var(--secondary-color-dark)
}
@media(min-width:767px){
  section.cho-hero-textwidget h1{
      color:unset;
  }
  }
section:has(h1 + hr) h1 {
  margin-bottom:15px;
}
section:has(h1 + hr) hr {
  border-top:3px ridge var(--secondary-color-light);
  
}
section:has(h1 + hr).theme1 hr {
  border-top:3px ridge var(--accent-color-light);
  
}
section:has(h1 + hr) .inner-wrap .row hr{
  width:40%; 
  margin: auto;
}
section:has(h1 + hr) h2 {
  font-size:1.4em;
 font-family:"IBM Plex Sans",sans-serif;
  margin:20px;
  font-weight:300;
}
@media(max-width:767px){
  section:has(h1 + hr) h2 {
  font-size:1.2em;
}
}

/*--------------------------theme adjustments-----------------------------------------------------*/
section.theme2 a:hover {
      color: var(--secondary-color-light);
      transition: .2s ease all
  }

section.theme2 a:focus {
      outline: 1px solid var(--secondary-color-light);
      transition: .2s ease all
  }


/*----------------------------------------------------------transparent navigation---------------------------------*/

header.master-layout-1 .header-top{
  background: transparent;
} 
header:not(.scrolled-head):not(.no-banner) {

background:  linear-gradient(to bottom, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.35) 92%, transparent 100%);
/*        background:  linear-gradient(to bottom, rgba(54,26,18,0.9) 0%, rgba(79,37,26,.3) 92%, transparent 100%); */
box-shadow:0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */ 


}

body:not(.module-page):not(.no-banner) .header-space {
display: none ; /* Conditionally Removes the header space */
}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{
/* background-image: url(''); 
 background-size:contain;
 background-repeat: no-repeat;
 background-position: center; */
}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img img {
 /* display: none; */
}


.master-layout-1 #divMainMenu nav #main-menu>li>a{
  color: white; /*-----when your nav is not transparent*/
  text-transform: uppercase;
  /*           letter-spacing: 1px; */
}


.master-layout-1 #divMainMenu nav #main-menu>li>a:hover, 
.master-layout-1 #divMainMenu nav #main-menu>li>a.highlighted, 
.master-layout-1 #divMainMenu nav #main-menu>li>a.active-link {
box-shadow: 0 -10px 0 -6px white inset;
}

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


@media (min-width:1024px) and (hover:hover) {
  header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a,
  header:not(.no-banner):not(.scrolled-head) span
  {

  color: white ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/


  }
    header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{

        width:250px;
        height:auto;
  /*               margin-top:20px; */

  }  
  header.master-layout-1 .logo {
    padding-left:25px;
  }
  header.master-layout-1.scrolled-head .logo {
    padding-left:25px;
    padding-top: 5px;
    padding-bottom: 1px;
  }
}

@media (min-width: 1024px) {
  header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{
  height:85px;
  margin-top:0px;
  background-position: top;
  }

}
@media(min-width:1024px) and (hover:none) {
  header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img {
  height:45px;
  margin-top:0;

  }
}
/*--------------------------------general header adjustments------------------------*/
header.master-layout-1{
/*       background:transparent; */
  height:auto;
z-index:999;
}

header.master-layout-1:not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
  /* border: 1px solid var(--secondary-color-light); */
  height:fit-content;
  padding: 10% ;
    background:var(--primary-color);
} 

.master-layout-1 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name, 
.master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
      outline:2px ridge var(--secondary-color-light);
  transition: all .2s ease-in;
}
    

   .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name:hover, 
.master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name:hover{
    outline-offset: -6px;
  outline:2px ridge var(--secondary-color-light);
}

.master-layout-1 .MyProfile_Member:focus {
  background:none;
  outline:none;
}
.master-layout-1:not(.no-banner):not(.scrolled-head) .MyProfile_Member:focus .MyProfile_Name
{
  border-width: 2px;
  background-color:var(--secondary-color);
}

.master-layout-1:not(.scrolled-head) .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name {
  margin-top: 24px;
}

@media(hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){
  header.master-layout-1 .container-fluid {
  padding:0;
  }
  .master-layout-1 #divMainMenu nav #main-menu>li>a:focus, 
  .master-layout-1 #divMainMenu nav #main-menu ul a:focus, 
  .master-layout-1 #divMainMenu nav #main-menu ul ul a:focus, 
  .master-layout-1 #divMainMenu nav #main-menu ul ul ul a:focus {
    background:var(--secondary-color);
      color:white;
  }


  header.master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member {
    background:var(--primary-color);
   
  }
    header.master-layout-1.no-banner.scrolled-head .MyProfile_Member .MyProfile_SignedOut {
    padding: 10px;
  }
     header.master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member:focus .MyProfile_Name  {
       background:var(--secondary-color);
     }
  /* .master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_SignedIn .SignedIn_container .MyProfile_Name, */
  .master-layout-1.scrolled-head .MyProfile_Member .MyProfile_SignedOut .SignedIn_container  .MyProfile_Name{
      padding: 0px 25px;
  }
.master-layout-1.scrolled-head:not(.no-banner) .MyProfile_Member .MyProfile_SignedOut {
    padding:10px;
}
  header.master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_Name {
  color:white;
  text-shadow: none;
  /* padding: 10px; */
  }
  header.master-layout-1:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
  color:white;
    text-shadow:none;
  }
  .master-layout-1.scrolled-head .logo {
    /* padding:0px; */
      padding-left: 25px;
      padding-top: 5px;
      padding-bottom: 1px;
  }

}

@media (hover:none) {
  header:not(.scrolled-head):not(.no-banner) {

  background:  linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.55) 92%, transparent 100%);

  }
}
/*-----------------------------max width adjustments-------*/
.master-layout-1 .container-fluid {
  max-width:1440px;
} 
@media (pointer: fine) and (min-width: 1440px) {
  .master-layout-1 #divMainMenu {
      max-width: 1060px;
      width: calc(100% - 500px);
  }
 
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) and (max-width:1439px) {
  .master-layout-1 #divMainMenu {
      width: calc(100% - 500px);
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  .master-layout-1 #divMainMenu {
      left:49%;
  }
   .master-layout-1 #divMainMenu nav #main-menu {
      margin-left:auto;
      margin-right:0;
  }
}
/*---------------------nav adjustments-------------------------------*/ 

.master-layout-1 #divMainMenu nav #main-menu a{
font-weight:400;
font-size:16px;
text-transform: uppercase;
}
header.master-layout-1 #main-menu>li>a  {
line-height:60px;

}  


header.master-layout-1 #main-menu ul li a.active-link,
header.wgt-header nav.showMobile #main-menu li ul a.active-link{

font-weight:bold;
text-decoration: underline;
}
.master-layout-1:not(.scrolled-head):not(.no-banner)  nav:not(.showMobile) #main-menu ul a {
  background-color:var(--backdrop-op-80);
}
.master-layout-1 nav.showMobile #main-menu ul{
  background:var(--primary-color-dark);
  padding-left:20px;
}
.master-layout-1 #divMainMenu nav:not(.showMobile) #main-menu ul a:hover {
  background-color:var(--primary-color-light);
    color:white;
}
.master-layout-1 nav #main-menu:not(.showMobile) ul {
  background-color: transparent;
}



@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  header.master-layout-1 #main-menu  {
  padding-top:0;
  }
  .master-layout-1 #divMainMenu nav #main-menu>li a{
  padding-left: 10px;
  padding-right: 10px;
  }
    .master-layout-1 #divMainMenu nav #main-menu ul a {
      background:var(--primary-color);
      color:white;
    }
    .master-layout-1:not(.scrolled-head) #divMainMenu nav #main-menu ul a,     
    .master-layout-1 .MyProfile_Member .fullView  {
        background:var(--primary-color-dark-op85);
        color:white;
      }
    .master-layout-1 .MyProfile_Member .fullView a:hover{
      background:var(--primary-color-light)
    }
  .master-layout-1 .MyProfile_Member .MyProfile_SignedIn, 
  .master-layout-1 .MyProfile_Member .MyProfile_SignedOut {
    margin-right:20px;
}
}


/*-------------mobile---------------------------*/
.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:white;

}

.master-layout-1 .showMobile i.fa-plus,
.master-layout-1 .showMobile i.fa-minus {

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

}

.master-layout-1 .showMobile i.fa-plus {
padding: 18px 25px;

}
.master-layout-1 .showMobile i.fa-minus {
padding: 18px 22px;
background:var(--primary-color-dark);
box-shadow:var(--bs-v1);

}
.master-layout-1 nav.showMobile #main-menu {
background:var(--primary-color);
}
.master-layout-1 nav.showMobile #main-menu ul{
background:var(--primary-color-dark);
}

.master-layout-1 #divMainMenu nav.showMobile #main-menu 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:var(--primary-color);
color:white;

}
.master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a:hover,
.master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a:focus,
.master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a.active-link{
box-shadow: 0 -8px 0 -6px white inset;
}
/*-----------------------------------------ADDING CHEVRONS---------------------------------------------------*/

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


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

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

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



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

 }



 /*----------------- THIS JUST FIXES THE SPACING OF THE ICON AND THE SUBMENU JUST SO IT IS NOT RIGHT NEXT TO EACH OTHER WHIL MAKING SURE IT EXPANDS TO EITHER SIDES OF THE BOX ---------*/
 #main-menu .child-nav a {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
}
/*---------------------------------------------socials --------------------------------------------------*/
.header-social a i {
  font-size:1.8em;
  
}
.header-social a  {
padding:20px 10px;
 
}
/*-------------------------------------------------------buttons--------------------------------------*/
.e3-button, a.btn, .FormButton.btn {
  outline:2px ridge var(--secondary-color-light);
  transition: all .2s ease-in;
}
.e3-button:hover, a.btn:hover, .FormButton.btn:hover {
 outline-offset: -6px;
  outline:2px ridge var(--secondary-color-light);
}

/*--------------------------------------------------------------------title and summary----------------------------------------------*/
.basic-block:has(h2) h3 {
  font-weight:300;
  font-size:1.4em;
  font-family:"IBM Plex Sans",sans-serif;
  /* color: var(--secondary-color-dark); */
}
.basic-block .img-block:is(.image-left, .image-right){
  border: 2px ridge var(--accent-color-light);
  outline-offset: 15px;
  outline: 2px ridge var(--secondary-color-light);
  margin:24px;
}
.basic-block .img-block.image-left{
  margin-left:10px;
}
.basic-block-wrapper:has(.image-left, .image-right){
  padding:30px;
}

.basic-block .basic-block-wrapper .img-block img {
  object-fit: cover;
  object-position: center;
  max-height:400px;
}
@media(min-width:900px){
  .basic-block .text-block-wrapper.col-sm-10{
    width: 96%;
  }
  .basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
    margin-left:2%;
  }
  .basic-block:not(.center, .background-image, .testimonial-slider) .basic-block-wrapper .text-block {
    width: 57%;
  }
}

@media(min-width:1440px){
  section.basic-block .basic-block-wrapper {
    padding:20px 0;
  }
   .basic-block:not(.center, .background-image, .testimonial-slider) .basic-block-wrapper .text-block {
    width: 51%;
  }
    .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:1023px){
 .basic-block .basic-block-wrapper {
     flex-direction: column;
 }
 .basic-block:not(.center, .background-image, .testimonial-slider, .no-image) .img-block:is(.image-left, .image-right) {
     
     margin-left:auto;
     margin-right:auto;
     left:0;
     width:95%;
     /* max-height: 430px; */
 }
 
  .basic-block:not(.center, .background-image, .testimonial-slider, .no-image) .basic-block-wrapper .text-block {
      right:0;
      width:100%;
      /* min-height:350px; */
  }
  .basic-block:not(.center, .background-image, .testimonial-slider, .no-image) .basic-block-wrapper .text-block-wrapper {
      right:0;
      margin:10px 0px;
      padding: 10px 0px;
      width:100%;
      /* min-height:350px; */
  }
}

.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%;
}
/*-----------------------------------------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;
  width:100%; 
}
.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.3em;
  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{

  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,.spotlight-slider ) .slick-dots li button {
  background:var(--primary-color-light);
  margin:auto;
  opacity:0.8;
}
.slider-container:has(.testimonial-slider,.spotlight-slider) .slick-dots li.slick-active button {
  background:var(--primary-color-dark);
}
.slider-container:has(.testimonial-slider,.spotlight-slider) .slick-dots {
  width:fit-content;
  margin: 10px auto;
  position: relative;
}
.slider-container:has(.spotlight-slider) .slick-dots {

 margin: 20px auto;

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

}
}
   /*-------------------------------------title-banner-overlay--------------------------------*/
  /*-----------------------hero banner-----------------------*/
.page-content:has(.title-overlay-banner) .cho-hero-textwidget .slick-dotted.slick-slider { 
  margin-bottom: 0px;
}
.page-content:has(.title-overlay-banner) .cho-hero-textwidget .slick-dotted .slick-dots  { 
     z-index: 1002;
}

    @media (min-width: 768px) {
      .page-content:has(.title-overlay-banner) .cho-hero-textwidget .scroll-chevron {
          z-index: 1002;
      }
      }
    body:not(.EditMode) section.title-overlay-banner{
       position:absolute;
      z-index: 1001;
      } 
      .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%;
      background-image: radial-gradient(circle at  bottom left,  rgba(0,0,0,.40)45%, transparent 90%);
      z-index: 1000;
      }
      
      section.title-overlay-banner .inner-wrap {
       background-color:transparent;
   
      }
      section.basic-text-area.title-overlay-banner.theme1 :is(h1,h2) {
        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%;
       /* background-image: radial-gradient(ellipse at center  ,  rgba(0,0,0,.4) 0%, transparent 90%); */
     
      }
  section.title-overlay-banner :is(h1,h2){
      font-size:1.3em;
  }
      
  @media(min-width:768px){
      section.title-overlay-banner :is(h1,h2){
      font-size:2em;
      }
      section.title-overlay-banner .inner-wrap .container .row {
       width: 500px;
       /* background-image: radial-gradient(ellipse at center  ,  rgba(0,0,0,.4) 0%, transparent 90%); */
     
      }
       .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 60%);
    
      }
    
      body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .title-overlay-banner {
        top:calc(35vh);
      }
      
      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(min-width:1200px){
       section.title-overlay-banner .inner-wrap .container .row {
       width: 600px;
       /* background-image: radial-gradient(ellipse at center  ,  rgba(0,0,0,.3) 0%, transparent 90%); */
      }
       section.title-overlay-banner :is(h1,h2){
      font-size:2.6em;
      }
  }
  @media(max-width:450px){
      section.title-overlay-banner {
          display: none;
      }
      .page-content:has(.title-overlay-banner) .cho-hero-textwidget:first-of-type:is(.height100, .height75):after {
          background:transparent;
      }
  }
  
     
  
/*------------------------------------------------text quick links-----------------------------*/

.quicklink-text-bg .quicklink-text-container a {
  border-color:var(--accent-color-light);
  border-style:ridge;
  
}
.quicklink-text-bg.theme2 .quicklink-text-container a {
  border-color:var(--secondary-color-light);
  
}
.quicklink-text-bg.theme1 .quicklink-text-container a:hover {
  border-color:var(--secondary-color-light);
  background-color:var(--primary-color);
      color:white;
  
}
.quicklink-text-bg.theme1 .quicklink-text-container a {
  border-color:var(--primary-color-light);
  
}
.quicklink-text-bg.theme3 .quicklink-text-container a:hover {
  border-color:var(--secondary-color-light);
  background-color:var(--accent-color);
      color:white;
  
}
.quicklink-text-bg.theme3 .quicklink-text-container a {
  border-color:var(--accent-color-light);
  
}
@media(max-width:767px){

  .quicklink-text-bg .quicklink-text-tile {
      max-width:90%;
  }
}

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

.card-widget .cho-quicklink-tile a .cho-quicklink-basic-wrapper {
    border-color:var(--secondary-color-light);
  border-style:ridge;
}
.card-widget.theme3 .cho-quicklink-tile a .cho-quicklink-basic-wrapper {
    border-color:var(--accent-color-light);
  
}
@media(max-width:767px){
  .card-widget .cho-quicklink-tile, .cho-quicklink-tile-large {
      max-width:90%;
  }
}
/*---------------------------------full width quick links---------------------------------*/
.full-width-quicklinks .full-width-quicklink-content {
  outline:2px ridge var(--accent-color);
  outline-offset:-2px;
  transition: all .2s ease-in;
  
}
.full-width-quicklinks a:hover .full-width-quicklink-content {
  outline:2px ridge var(--secondary-color-light);
  outline-offset:-15px;
  
}

@media(min-width:768px){
  .full-width-quicklinks .full-width-quicklink-wrapper {
  min-height: 300px;
}
}

/*------------------------------------------info-cards---------------------------------*/
.basic-text-area.info-cards img {
  object-fit: cover;
  height:300px;
  width:100%;
  }
  
  .basic-text-area.info-cards .col-sm {
      /* border:1px ridge var(--accent-color-light); */
      box-shadow:0px 0px 5px #868484;
      padding:0;
      margin: 0 10px;
  }
  .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;
  }
  .basic-text-area.info-cards .col-sm p {
      text-align: justify;
  }

.basic-text-area.info-cards.theme2 .col-sm{
  background:var(--backdrop);
  color:#2a2a2a;
   box-shadow:1px 1px 1px var(--primary-color-dark-op85);
} 

@media(max-width:767px){
   .basic-text-area.info-cards .col-sm {
      margin: 10px;
  }
} 
.title-expandable-items .expandable-content-heading {
  font-size:1.5em;
  font-family: Playfair Display;
  
}
/*------------------------------------------------------------------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;
}
.expandable-content-widget .expandable-content-heading .expandable-content-link{
  padding: 12px 15px;
}

.expandable-content-widget.theme1 .expandable-content-heading .expandable-content-link{
    border-bottom:1px ridge var(--secondary-color-light);
}

.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 p a:not(.e3-button):hover {
  color:var(--primary-color-light);
}

/*---------------------------------padding-md , padding-lg--------------------------------*/

@media(min-width:768px){
  .padding-md .container {
  padding: 45px 15px;
}
.padding-lg .container {
  padding: 80px 15px;
}
}
@media(min-width:900px){
  section.basic-block.padding-lg .basic-block-wrapper {
     padding:90px 35px;
  }
  section.basic-block.padding-md .basic-block-wrapper {
      padding: 60px 35px;
   }
}

@media(min-width:1500px){
  section.basic-block.padding-lg .basic-block-wrapper {
     padding:130px 0px;
  }
  section.basic-block.padding-md .basic-block-wrapper {
      padding: 85px 0;
   }
}/*-------------------------------------------custom class add-logo-accent---------------------------*/
.add-logo-accent .container {
  position: relative;
  
}
.add-logo-accent .inner-wrap {
  position: relative;
  margin-top: 100px;
  margin-bottom: 70px;
}
.add-logo-accent .inner-wrap:before{
  background-image:url('/getmedia/172d39c9-67d9-40f5-bee1-396f7770095a/jcc_logo.aspx');
  background-position: center;
  filter:invert(1);
  background-size:contain;
  background-repeat: no-repeat;
  content:'';
  width:50px;
  height:80px;
  position: absolute;
  left:calc(50% - 25px);
  top: -60px;
}
.add-logo-accent .container:before{
  content:"";
  position: absolute;
  top: -35px;
  left:30.5%;
  text-align: right;
  border-bottom:2px ridge var(--secondary-color-light);
  width:16%;
}
.add-logo-accent .container:after {
  content:"";
  position: absolute;
  top: -35px;
  right:30.5%;
  width:16%;
  border-bottom:2px ridge var(--secondary-color-light);
}
.add-logo-accent.theme2 .inner-wrap:before {
  filter:invert(0);
}
.add-logo-accent.theme2 .container:before,
.add-logo-accent.theme2 .container:after {
   border-bottom:2px ridge var(--backdrop);
}
@media(max-width:900px){
  .add-logo-accent .container:before{
  width:32%;
  left:11.5%;
     
  
}
.add-logo-accent .container:after {
  right:11.5%;
  width:32%;
  
 
}
   .add-logo-accent .inner-wrap:before {
      width:8%;
      background-size:contain;
       left:calc(46%);
  }
}

@media(max-width:500px){
  .add-logo-accent .container:before{
  
  width:38%;
  left:2.5%;
  
}
.add-logo-accent .container:after {

  right:2.5%;
  width:38%;
   
}
  .add-logo-accent .inner-wrap:before {
      width:10%;
      background-size:contain;
       left:calc(45%);
  }
}

/*-------------------------------------------custom class pattern-bg---------------------------*/
.pattern-bg {
  background-image:url('/getmedia/ec205ce1-9fee-4bb0-a229-7936d5739d2a/paper-backdrop.aspx');
  position: relative;
}
.pattern-bg .inner-wrap {
background-color:transparent;
}
.pattern-bg:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
background-color:var(--backdrop-op-80);
}
.pattern-bg.theme1 {
  box-shadow: inset 0px 0px 20px 20px var(--backdrop);
}
.pattern-bg.theme2 {
  box-shadow:inset 0px 0px 20px 20px rgb(80 124 78 / 47%)
}
.pattern-bg.theme2:before {
background-color:var(--primary-color-dark-op85);
}

/*----------------------------------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 .contact-card-item .card-photo  {
  width:100%;
    height:300px;
  max-width:100%;
  border-radius: 0;
  background-color:var(--primary-color);

  
}
.theme1.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa{
  color:var(--primary-color);
}
/*----------------------------------contact cards full cards------------------------------------------------*/

.contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-photo  {
  width:30%;
    height:355px;
  max-width:100%;
    margin:20px;
  border-radius: 0;
  background-color:var(--primary-color);

}
.contact-card-widget.full-card .contact-card-wrapper .contact-card-item {
    display: flex;
}
.contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-details{
    width:70%;
    padding:20px;
}
.theme1.contact-card-widget.full-card .contact-card-wrapper .card-details-inner .detail-item .fa{
  color:var(--primary-color);
}

    section.contact-card-widget.full-card .contact-card-wrapper{
    padding:0 20px;

}
.contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-details .card-details-inner{
  padding:15px 15px 0 0;
  }
@media(max-width:1023px){
  .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo,
  .contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-photo {
  height:280px;
  }
 
}
@media(max-width:767px){
  
  .contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
      width:80%;
      max-width:400px;
      min-width:300px;
     
  }
  .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo  {
  height:300px;
  }
  /*----------------------------------contact cards full cards------------------------------------------------*/
  .contact-card-widget.full-card .contact-card-wrapper .card-bio{
    padding-top:0; 
    }
      .contact-card-widget.full-card .contact-card-wrapper .contact-card-item {
         flex-direction: column;
          width:80%;
          min-width:300px;
         
      }
      .contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-photo  {
      height:350px;
          width:calc(100% - 40px);
          
      }
        .contact-card-widget.full-card .contact-card-wrapper .contact-card-item .card-details{
        width:100%;
        padding:20px;
    }
        .contact-card-widget.full-card .read-more .fa {
            font-size:1.4em;
            padding:10px;
            color:var(--primary-color);
            
        }
}
section.contact-card-widget.card-view:is([class*="theme"]) .contact-card-wrapper .contact-card-item,
section.contact-card-widget.full-card:is([class*="theme"]) .contact-card-wrapper .contact-card-item{
  padding:0;
    border:1px solid var(--secondary-color-light);
}
section.contact-card-widget.card-view.theme1 .contact-card-wrapper .contact-card-item,
section.contact-card-widget.full-card.theme1 .contact-card-wrapper .contact-card-item{
  box-shadow: 1px 2px 4px #eee;

}
  .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner{
      padding: 15px;
}

.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h4,
.contact-card-widget.full-card .contact-card-wrapper .card-details-inner h4 {
font-style:italic;
  font-size:1.5em;
   color:var(--primary-color);
}
/* .contact-card-widget.card-view .contact-card-wrapper .card-details-inner h3  {

} */

.theme2.contact-card-widget.card-view,
.theme2.contact-card-widget.full-card  {
  background-color:var(--primary-color);
  
 
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h4,
.theme2.contact-card-widget.full-card .contact-card-wrapper .card-details-inner h4 {

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

  background-color:var(--secondary-color);
  
}


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;
}
/*-------------------------------------------------------------custom gallery pagination----------------------------------*/
/* .theme2.modal-gallery-widget {
background:var(--primary-color);

} */

/*----------------------------------------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:black;
}
.theme2 nav#pg-nav a {
    color:black;
}

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(--secondary-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: center;
}
@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:230px;
    
}
}

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

}



/*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
.widget-bizform h2 {
  margin-bottom:30px;
}
.widget-bizform .background-image .container{
background:var( --backdrop-op-80);
padding: 40px 20px;
height:100%;
margin: 20px auto;
}
.widget-bizform.theme2 .background-image .container{
background:var(--primary-color-dark-op85);
}

@media(min-width:1441px){
.widget-bizform .background-image .container{

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

}
.FormPanel .form-control {
/* border-radius:0; */
}
/*-------------------------------------------------------------custom biz form------------------------------------------*/

.widget-bizform div[id*="divContainer"] {
padding: 20px;
}
.widget-bizform .inner-wrap .container{
width:auto;
max-width: 990px;

}
@media(max-width:1000px){
  .widget-bizform .inner-wrap .container{
width:90%;


}
}
.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(--accent-color-light);
background: var(--backdrop);
 
}
.widget-bizform .FormPanel .form-control:focus {
border-bottom: 2px solid var(--primary-color);
background-color: #fafbfc;
outline: 1px solid var(--primary-color-light);

}

.widget-bizform.theme2 .EditingFormValueCell input, 
.widget-bizform.theme2 .EditingFormValueCell textarea,
.widget-bizform.theme2 .EditingFormValueCell select {
border: 1px solid var(--secondary-color-light);
background: var(--backdrop-op-60);
}
.widget-bizform.theme2 .FormPanel .form-control:focus {
border-bottom: 2px solid var(--accent-color-dark);
background-color: white;
outline: 1px solid var(--accent-color-light);
}


.widget-bizform .radio {
margin-left: -9px;
display: flex;
flex-wrap: wrap;
}
.widget-bizform .radio input {
margin-bottom: 10px;
margin-right: 3px;
margin-left: 10px;
}
.widget-bizform .radio label {
flex-grow: 1;
min-width: -moz-max-content;
min-width: max-content;
}
.widget-bizform:has(.full, .half, .third, .comments) tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.widget-bizform .title {
font-size: 2rem;
}
.widget-bizform table.checkbox tr{
width: 50%;
}
@media(max-width:1024px){
.widget-bizform table.checkbox tr{
width: 100%;
}
.FormPanel .FieldLabel, .FormPanel .EditingFormLabel {
  text-align: left;
}
}
.widget-bizform .full {
width: 100%;
}
.widget-bizform .full .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .full {
width: 100%;
}
}
.widget-bizform .half {
width: 50%;
}
.widget-bizform .half .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .half {
width: 100%;
}
}
.widget-bizform .comments {
width: 100%;
}
.widget-bizform .comments .EditingFormControlNestedControl .form-control{
max-width: 100%;
height: 8rem;
}
@media (max-width: 1024px) {
.widget-bizform .comments {
width: 100%;
}
}
.widget-bizform .third {
width: 33%;
}
.widget-bizform .third .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .third {
width: 100%;
}
}


.widget-bizform tr:has(input[type*="submit"]){
display: flex;
justify-content: center;
align-items: center;
margin:20px; 
width: 100%;


}
.widget-bizform input[type*="submit"]{
font-size:16px;
height:43px;
line-height:43px;

}
.widget-bizform div[id*="viewBiz_pM_pMP"] {
  text-align: center;
      font-size:1.5em;
}
/*-------------------------------has script to take text area and place into form as title---------------*/
body:not(.EditMode) .append-to-form {
  display: none;
  } 
/*---------------------------------------custom class fade-light and fade-dark------------------------------*/
/*fade block is added by script*/
.faded-block{
  content:'';
  width:100%;
  height:150px;
  position: absolute; 
  top:0;
  left:0;
  z-index:-1; 
}
.widget-bizform:has(.faded-block) .background-image {
  z-index: 3;
}
.fade-light .faded-block{
  background:linear-gradient(to bottom, var(--backdrop) 0%, transparent 100%);
}
.fade-dark .faded-block{
  background:linear-gradient(to bottom, var(--primary-color) 0%, transparent 100%);
}
@media(min-width: 1024px ) {
  section:has(.faded-block) .inner-wrap .container {
   margin:100px auto 60px;
}
}
/*-----------------------------------login screen-------------------*/
.login-widget-wrapper h3{
    
  font-family:"Playfair Display SC", serif;
  }
@media (min-width: 768px) {
  .login-widget-wrapper {
    border:2px ridge var(--secondary-color-light);
    width:90%;
    max-width:900px;
  }
.login-widget-wrapper h3{
  font-size:1.8em;
  }
.login-widget-wrapper h2{
  font-size:2.3em;
  }
}
/*------------------------------------------footer----------------------*/

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

.footer-top-line {
  display: none;
}
footer .footer-content-padding {
  display: flex;
  align-items:center;
}

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

/*------------------logo-----------*/
footer img {
  margin:auto;
  display: block;
  max-height:160px;
}
/*----secondary footer--*/
.simple-footer-widget .footer-content-padding {
  padding: 20px 0;
}
/*-----------------------footer basic text area-------------*/
footer .basic-text-area a {
  text-decoration: none;
}

footer .basic-text-area{
  border-top:2px solid var(--secondary-color);
  
}
footer .basic-text-area .container{
  padding-top: 40px;
  padding-bottom: 30px;
}
/* footer .basic-text-area div[id*="divCol3"] {} */

footer .basic-text-area li {
  list-style: none;
      margin:2px 0;
/*         text-align: center; */
      line-height: 1.8;
}

footer .basic-text-area ul {
  padding:0;
  margin:auto 0;
 
}
/* footer .basic-text-area div[id*="divCol2"] {} */

footer .fa {
    margin-right:10px;
    width:15px;
}

/* footer .basic-text-area div[id*="divCol4"] {  }*/

footer .basic-text-area div[id*="divCol4"] h5 {
  padding-left: 10px;
}

footer .basic-text-area .inner-wrap,
.footer-bg  {
  /* background:rgba(52,83,48,0.90); */
  background:var(--primary-color-dark-op85);
}
footer {

  background-image:url('/getmedia/ec205ce1-9fee-4bb0-a229-7936d5739d2a/paper-backdrop.aspx');
  background-color:var(--primary-color);
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}

.footer-bg a:hover {
  color:var(--secondary-color);
} 
footer .basic-text-area div[id*="divCol"] {
  flex-basis:unset;
  flex-grow:unset;

}

footer .basic-text-area div[id*="divCol1"],
footer .basic-text-area div[id*="divCol2"] {

  width:30%;
}

footer .basic-text-area div[id*="divCol3"],
footer .basic-text-area div[id*="divCol4"] {
 
  width:20%;
}


@media(max-width:850px){
footer .basic-text-area .row{
justify-content: space-around;
}
footer .basic-text-area div[id*="divCol1"],
footer .basic-text-area div[id*="divCol3"]{
    width: 30%;
}
 footer .basic-text-area div[id*="divCol2"]{
    width:40%;
}
footer .basic-text-area div[id*="divCol4"] h5{
    padding:0;
 }

footer .basic-text-area div[id*="divCol4"] {
    width:100%;
     text-align: center;
    padding-top:20px;
}

}
@media (max-width:767px){

footer .basic-text-area div[id*="divCol3"] {
  display:none;

}
  footer .basic-text-area div[id*="divCol1"]{
    width: 40%;
}
  footer .basic-text-area div[id*="divCol2"] {
     width: 60%;
  }

}
@media(max-width:550px){
 footer .basic-text-area div[id*="divCol"] {
width:100%;
     text-align: center;
}
}