:root {
  --primary-color:#00205C; /*primary blue*/
  --primary-color-op80:rgba(0, 32, 92, 0.80); /*primary blue*/
  --primary-color-op90:rgba(0, 32, 92, 0.90); /*primary blue*/
  --primary-color-dark: #001a4a; 
  --primary-color-light:#66799d; /*primary blue light*/
  --primary-color-hover:#002976; /*primary blue*/
  
  --secondary-color:#FFCD00; /*yellow*/
   --secondary-color-light:#ffeb99; /*yellow soft*/
  --soft-backdrop:#fff;
  --soft-backdrop-op80:rgba(255,255,255,0.80);
  --soft-backdrop-op90:rgba(255,255,255,0.90);

  /*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:#00102e; /*blue*/
     --title-font-family:"Cormorant Garamond", serif;
     --body-font-family:Roboto, sans-serif;

     scrollbar-color: var(--primary-color) var(--soft-backdrop);
}
body {
  overflow-x: hidden;
  
}
:is(p,h1,h2,h3,h4,h5,h6):empty{
  display: none;
}

.master-layout-1  {
  z-index: 1001;
}

/*-----------------------------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:900px; */
  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%;
      
  }
/*------------------------------------------------------header ---------------------------------------*/
@media (pointer: fine) and (min-width: 1440px) {
  .master-layout-1 #divMainMenu {
      width: calc(100% - 900px);
  }
}
@media(hover:hover) and (min-width:1025px){
.master-layout-1 .MyProfile_Member {
  background:var(--primary-color);
  /* outline-offset: -4px;
  outline: 2px solid white; */
  margin: 20px;
  height: calc(100% - 40px);
  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 {
  /* outline: 1px solid white; */
  margin: 10px;
  height: calc(100% - 20px);
}
.master-layout-1 .MyProfile_Member:focus .MyProfile_Name , .master-layout-1 .MyProfile_Member .MyProfile_Name {
  color:white;
} 
}
.master-layout-1 .MyProfile_Member .fullView {
  background:var(--primary-color-op80);
}

.master-layout-1 #divMainMenu nav #main-menu li, 
.master-layout-1 #divMainMenu nav #main-menu a {
 font-size:18px;
}  
.master-layout-1 #divMainMenu nav #main-menu ul a:hover {
  color:white;
  background:var(--primary-color);
  outline: 1px solid white;
    outline-offset: -6px;
} 
/*-------------mobile---------------------------*/

.master-layout-1 .MyProfile_Svg svg {
  fill:var(--primary-color)
  }
  .master-layout-1 #menu-button i.fa-bars {
  color:var(--primary-color);
  }
  .master-layout-1 .showMobile i.fa-plus:before {
  content:'\f105';
  }
  .master-layout-1 .showMobile i.fa-minus:before {
  content:'\f107';
  }
  .master-layout-1 .showMobile i.fa-plus:before, 
  .master-layout-1 .showMobile i.fa-minus:before {
  font-size:1.7em;
  font-weight:600;
  color:var(--primary-color);
  
  }
  .master-layout-1 .showMobile i.fa-minus:before {
 
  color:white;
  
  }
  
  .master-layout-1 .showMobile i.fa-plus,
  .master-layout-1 .showMobile i.fa-minus { 
    border-radius: 5px; 
    /* background:var(--primary-color);  */
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  
  .master-layout-1 .showMobile i.fa-plus {
  padding: 18px 25px;
  
  }
  .master-layout-1 .showMobile i.fa-minus { 
    padding: 18px 22px; 
    background:var(--primary-color); 
    box-shadow:var(--bs-v2); 
    border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
  }
  .master-layout-1 nav.showMobile #main-menu {
    background:white;
  }
  header.wgt-header nav.showMobile{
  background:var(--primary-color-op90);
  }
  .master-layout-1 nav.showMobile #main-menu ul{
  background:var(--primary-color);
    padding-left:15px;
  }
  
  .master-layout-1 #divMainMenu nav.showMobile #main-menu li a {
  color:#2a2a2a;
  }
.master-layout-1 #divMainMenu nav.showMobile #main-menu ul li a {
  color:white;
  }
  
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.active-link,
  .master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
  background:transparent;
  border-bottom:2px solid var(--primary-color);
  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 {
  background:transparent;
  border-bottom:2px solid var(--secondary-color);
  color:white;
  font-weight:600;
  }
  .master-layout-1 .MyProfile_Svg {
  padding-top: 1px;
  margin-right: 3px;
  }

/*---------------------------------------------------Button hover effect--------------------------------------------*/
.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, .theme2, .theme3) .e3-button, a.btn {
   border-width:2px;
}

.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-dark);
    
}
.expandable-content-widget.theme2 .row a.e3-button:hover{
    background:var(--primary-color-hover);
}

.theme2 .e3-button::before,
.theme2  .e3-button::after,
.theme2 a.btn::before, 
.theme2 a.btn::after{
  border-color: var(--primary-color);
}

/* 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::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::after{
  width: 100%;
  height: 0;
  border-width: 0;
}
.expandable-content-widget  .expand-arrow {
  padding: 5px 8px;
}
  /*---------------------------------Video banner headers-----------------------------*/
  #heroText:has(h2:empty) {
      display: none;
  }
  .video-banner-new {
    max-height: calc(100vh - 120px);
    overflow: hidden;
  }
  .video-widget .scroll-chevron {
      display: none;
  }
  @media (max-width: 1023px) {
  #iframeVideo{
  height: 200% ;
  top: -50% ;
  transform: translate(-50%) ;
  }
  }
  /*--------------------------------rotating image banner fix--------------------------*/
.rotating-image-banner-slider .slick-arrow {
  z-index: 1000;
}
.rotating-image-banner-slider .slick-dots {
z-index: 1000 ;
}
.slick-dots li:only-child {
  display: none;
}


  /*-------------------------------------.banner-title-overlay--------------------------------*/
  section.banner-title-overlay h2{
      font-weight:100;
      font-size:3.8em;
      max-width:700px;
      text-wrap-style:balance;
  }
  section.banner-title-overlay h3{
      font-weight:100;
      font-size:1.8em;
      max-width:700px;
      /* text-wrap-style:balance; */
  }
  section.banner-title-overlay .col-sm {
    text-align: center;
    margin: 20px 0;
  }
  @media(min-width:1025px){
    body:not(.EditMode) section.banner-title-overlay{
     position:absolute;
    z-index: 1000;
    top:calc(25vh - 0px);
    /* top:100px; */
     
    } 
    section.banner-title-overlay .col-sm {
    text-align: unset;
    margin: 0;
  }
    section.basic-text-area.banner-title-overlay :is(h1,h2,h3,h4,h5,h6, p) {
        color:white;
        text-shadow: 1px 1px 3px black;
    }
    section.banner-title-overlay .inner-wrap {
     background: transparent;
        width:100%; 
  }
    section.banner-title-overlay .inner-wrap .container {
        width:90%;
        max-width:1440px;
    }
    
    .page-content:has(.banner-title-overlay) .cho-hero-textwidget:is(.height100, .height75, .video-widget):after {
      content:'';
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 80%;
      background: linear-gradient(to bottom, rgba(0,0,0,0.6) 30%, transparent 100%);
      z-index: 1000;
  }
  
  }
  @media(min-width:768px) and (max-width:1024px){
       section.banner-title-overlay h2, section.banner-title-overlay h3{
          max-width:700px;
           margin-left:auto;
           margin-right:auto;
      }
  
    /*---------------------adjust heigh of banners-----*/
    .cho-hero-textwidget.height100 {
      height:50vh;
    }
    .cho-hero-textwidget.height75 {
      height:50vh;
    }
    
  }
  @media(min-width:1024px){
      body:not(.EditMode) section.banner-title-overlay{
    top:calc(30vh - 0px);
          /* top:100px; */
     
    } 
  }
  @media(min-width:1440px){
      section.banner-title-overlay .inner-wrap .container {
        width:100%;
        max-width:1440px;
    }
    
  }
  @media(max-width:1023px) {
     section.banner-title-overlay h2{
      font-weight:400;
      font-size:2em;
       /* text-wrap-style:unset; */
     
  }
  section.banner-title-overlay h3{
      font-weight:400;
      font-size:1.3em;
    text-wrap-style:balance;
     
  }
  }
/*----------------------------------banner-accent -----------------------------*/
  .banner-accent.basic-block .inner-wrap {
      height:auto;
     
  }
  .banner-accent.basic-block .inner-wrap .basic-block-wrapper {
      margin-top:40px;
      margin-bottom:40px;
  }
  .banner-accent h1 {
      font-size:3.8em;
      color:var(--title-font-color);
  }
  .banner-accent h1:has(span) {
      font-size:2.5em;
      color:var(--title-font-color);
  }
  .banner-accent .theme-secondary-op75 {
      background: linear-gradient(to bottom, #fff 0%, rgba(255 255 255 / 80%) 40% ,rgba(255 255 255 / 80%) 70%,  #fff 100%);
  }
  
/*-------------------------------------------page-title-overaly-------------------------------------*/

body:has(.page-title-overlay) .cho-hero-textwidget:first-of-type:after{
  content:'';
  width:100%;
  height:70px;
  position: absolute;
  bottom:0;
  left:0;
  z-index:1000;
}

body:has(.page-title-overlay.page-title-overlay.theme1) .cho-hero-textwidget:first-of-type:after{
  background:linear-gradient(to bottom, transparent 0%, #ffffff 50%);
}
body:has(.page-title-overlay.page-title-overlay.theme2) .cho-hero-textwidget:first-of-type:after{
  background:linear-gradient(to bottom, transparent 0%, var(--primary-color) 50%);
}

.page-title-overlay{
    background:white;  
}

.page-title-overlay .inner-wrap{  
     z-index:1001;
     transform:translatey(-80px);
    position: relative;
    margin-bottom: -70px;
}
.page-title-overlay .inner-wrap{  
    background:transparent;
}

.page-title-overlay .inner-wrap h1 {
    font-size:3.8em;
    color:var(--title-font-color);
}

.page-title-overlay.theme2{
    background:var(--primary-color);
    
}
.page-title-overlay.theme2 .inner-wrap h1 {
    color:white;
}
@media(max-width:767px){
    .page-title-overlay .inner-wrap{  
     transform:translatey(-70px);

}
    .page-title-overlay .inner-wrap h1  {
        font-size:2.8em;
    }
}
/*------------------------------------------info-cards---------------------------------*/
.basic-text-area.info-cards img {
  object-fit: cover;
  height:250px;
  width:100%;
 
}

.basic-text-area.info-cards .col-sm {
    box-shadow:1px 1px 5px #d4d4d4;
    padding:0 0 15px 0;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    text-wrap-style:balance;
}
.basic-text-area.info-cards .e3-button {
  margin: 15px 0;
}
.basic-text-area.info-cards .col-sm  div:has(.e3-button) {
  margin-top:auto;
}
.basic-text-area.info-cards .col-sm :is(h3,h4,h5,h6, p) {
    padding: 5px 20px;
}

.basic-text-area.info-cards .col-sm :is(h3,h4,h5,h6) {
    margin-top:15px;
  color:var(--title-font-color);
}

.basic-text-area.info-cards .col-sm p {
    margin-top:10px;
    margin-bottom:10px;
}

.basic-text-area.info-cards.theme2 .col-sm{
background:var(--soft-backdrop);
color:#2a2a2a;
 box-shadow:1px 1px 5px #d4d4d4;
} 

@media(max-width:767px){
 .basic-text-area.info-cards .col-sm {
    margin: 10px;
}
} 

/*----------------------------custom class dynamic-margin-large---------------------------------*/

section.dynamic-margin-large div > .basic-block-wrapper {
  margin: 100px auto 50px; 
}

@media( max-width:900px){
  section.dynamic-margin-large div > .basic-block-wrapper {
  margin: 50px auto 30px; 
}

}

/*-------------------------------------------title and summary----------------------------------*/
.basic-block h3 {
  font-size:1.6em;
  font-style:italic;
  line-height:1.1;
/*     text-wrap-style:balance; */
}

.basic-block h2 {
  font-size:2.1em;
  line-height:1;
  font-weight:500;
  /* text-wrap-style:balance; */
}

.basic-block .basic-block-wrapper .img-block img {
object-fit: cover;
object-position: center;
max-height:400px;
}
@media(min-width:768px){
      .basic-block .basic-block-wrapper .img-block {
      min-height: 500px;
  }
}
@media(min-width:900px){
.basic-block .text-block-wrapper.col-sm-10{
  width: 100%;
}
.basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
  margin-left:0%;
}
.basic-block:not(.background-image) .basic-block-wrapper .text-block {
  width: 50%;
  padding: 15px 35px;
   
}
}

@media(min-width:1440px){
section.basic-block .basic-block-wrapper {
  padding:20px 0;
}
 .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%;
}
}

@media(max-width:900px){
.basic-block .basic-block-wrapper {
    flex-direction: column;
   
}
    .basic-block .basic-block-wrapper .img-block,    
.basic-block .basic-block-wrapper .text-block {
        width:100%;
    right:0;
    left:0;
}
     
.basic-block .basic-block-wrapper .text-block-wrapper {
    margin-left:0;
    width: 100%;
 padding: 30px 10px;
}
}

@media(max-width:767px){
  .basic-block h3 {
  font-size:1.4em;
}

.basic-block h2 {
  font-size:2em;

}
.basic-block .basic-block-wrapper {
   flex-direction: column;
}
.basic-block:not(.center, .background-image,.no-image) .img-block {
   
   margin-left:auto;
   margin-right:auto;
   left:0;
   width:100%;
   /* max-height: 430px; */
}

.basic-block:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block {
    right:0;
    width:100%;
    /* min-height:350px; */
}
.basic-block:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block-wrapper {
    right:0;
    margin:10px 0px;
    padding: 10px 0px;
    width:100%;
    /* min-height:350px; */
}
}
@media(min-width:900px) and (max-width:1440px){
  .basic-block .basic-block-wrapper:has(.img-block.col-sm-push-6){
      padding-right:40px;
  }
  .basic-block .basic-block-wrapper:has(.img-block.col-sm-6){
      padding-left:40px;
  }
  .basic-block .basic-block-wrapper .img-block.col-sm-push-6{
      margin-left:15px;
  }
  .basic-block .basic-block-wrapper .img-block.col-sm-6{
      margin-right:15px;
  }
  .basic-block .basic-block-wrapper {
      padding-top:20px;
      padding-bottom:20px;
  }
}


.basic-block.background-image .inner-wrap {
min-height:400px;
}
.basic-block.background-image {
min-height:400px;
}

.basic-block.background-image .basic-block-wrapper {
justify-content: center;
} 
.basic-block.background-image.center .basic-block-wrapper .text-block {
justify-content: center;
}
.basic-block.background-image.center .basic-block-wrapper .text-block .text-block-wrapper {
margin:auto;
width:80%;
text-wrap-style:balance;
}

/*--------------------------------image and text quick links-----------------------------*/
.cho-quicklink-tile .cho-quicklink-tile-image img{
object-fit: cover;
height:100%;
}
@media(max-width:767px){
.cho-quicklink-tile {
  max-width:500px;
}
.quicklink-text-bg .quicklink-text-tile {
 
  max-width: 500px;
}
}

/*--------------------------full width quick links--------------------------------------*/
.full-width-quicklinks .full-width-quicklink-wrapper {
  background:transparent;
  
}
.full-width-quicklinks.theme2 .full-width-quicklink-content {
  background:linear-gradient(to bottom, transparent 0%, var(--soft-backdrop-op80) 40%);
}
.full-width-quicklinks.theme2 .full-width-quicklink-content h3 {
 color:var(--title-font-color);
}
.full-width-quicklinks .full-width-quicklink-content {
   background:linear-gradient(to bottom, transparent 0%, var(--primary-color-op80) 50%);
  margin-top:calc(42%);
  height:40%;
  transition: all 0.2s ease-in;
  
}
.full-width-quicklinks .quicklink-flex-item{
  margin:20px 10px;
}
.full-width-quicklinks .quicklink-flex-item:first-child{
  margin-left:20px;
}
.full-width-quicklinks .quicklink-flex-item:last-child{
  margin-right:20px;
}
.full-width-quicklinks .quicklink-flex-item:hover .full-width-quicklink-content {
  height:100%;
  margin-top:0;
}
@media(max-width:767px){
  .full-width-quicklinks .quicklink-flex-item,  
  .full-width-quicklinks .quicklink-flex-item:first-child, 
  .full-width-quicklinks .quicklink-flex-item:last-child{
    margin: 10px;
  }
    .full-width-quicklinks h3.small-font {
        font-size:1.9em;
    }
}
/*-------------------------------branding-watermark---------------------------*/
.branding-watermark img {
  height:100px;
}
/*---------------------------------------custom class fade-light and fade-dark & narrow-fade------------------------------*/
/*fade block is added by script*/
.faded-block{
content:'';
width:100%;
height:150px;
position: absolute;
top:0;
left:0;
z-index:-1;
}
.narrow-fade .faded-block{
height:50px;
}
.widget-bizform:has(.faded-block) .background-image {
z-index: 3;
}
section:not(.widget-bizform):has(.faded-block) .inner-wrap {
z-index:3;
position: relative;
}
.fade-light .faded-block{
background:linear-gradient(to bottom, var(--soft-backdrop) 0%, transparent 100%);
}
.fade-dark .faded-block{
background:linear-gradient(to bottom, var(--primary-color) 0%, transparent 100%);
}
@media(min-width: 1024px ) {
section.widget-bizform:has(.faded-block) .inner-wrap .container {
 margin:120px auto 90px;
}
section.narrow-fade:has(.faded-block) .inner-wrap .container {
  margin:20px auto 30px;
 
}
}
/*----------------------------------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);
}
@media(max-width:1023px){
  .contact-card-widget.card-view .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;
  }
}
section.contact-card-widget.card-view:is([class*="theme"]) .contact-card-wrapper .contact-card-item{
  padding:0;
/*     border:1px solid var(--secondary-color); */
}
section.contact-card-widget.card-view.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 {
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  {
  background-color:var(--primary-color);
  
 
}

.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h3,
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner a
{
 color:#2a2a2a;
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa {
  color:var(--primary-color);
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .card-details-inner a:hover{
  color:var(--primary-color-light);
}
.theme2.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo  {

  background-color:var(--primary-color-light);
  
}


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;
}


.contact-card-widget.card-view .contact-card-wrapper .card-photo .persona-head{
    width:120px;
}
.contact-card-widget.card-view .contact-card-wrapper .card-photo .persona-body {
    width: 310px;
}

/*------------------------------------------------------------------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 .expand-arrow{
    background-color:var(--secondary-color);
    color:black;
}
.expandable-content-widget.theme2 a:hover .expand-arrow {
  background-color:var(--primary-color);
  color:white;
}
.expandable-content-widget.theme2 .row a:not(.e3-button):hover {
  color:var(--primary-color-light);
}

/*-------------------------------------------------------------------biz form -----------------------------------------------------------*/

.widget-bizform .background-image .container{
background:var( --soft-backdrop-op90);
padding: 40px 20px;
height:100%;
margin: 20px 20px;
box-shadow: 1px 1px 5px 2px #d4d4d4;

}
.widget-bizform.bg-repeat .background-image{
background-repeat: repeat;
  background-size: contain;
}
.widget-bizform.theme2 .background-image .container{
background:var(--primary-color-op80);
}
@media(min-width:1024px){
  .widget-bizform .background-image .container {
    width:95%;
  }
}
@media(min-width:1441px){
.widget-bizform .background-image .container{

margin: 40px auto;
}
}
.widget-bizform.theme2:has(:not(.background-image)){
position: relative;
}
.widget-bizform.theme2:has(:not(.background-image)):before {
background:var(--primary-color);
content:'';
width:150vw;
left:-25vw;
height:100%;
position: absolute;
z-index: -1;

}

/*-------------------------------------------------------------custom biz form------------------------------------------*/

.widget-bizform div[id*="divContainer"] {
padding: 20px;
max-width: 1170px;
}
.widget-bizform .container{
width:auto;
max-width: 990px;
}
.widget-bizform .FormPanel {
width: fit-content;
margin: auto;
}
.widget-bizform .FormPanel .form-control {
height:45px;
}
.widget-bizform .EditingFormTable {
display: block;
width:90%;
/*     margin:0 auto; */
}
.widget-bizform:has(.full, .half, .third, .comments) tr {
display: flex;
flex-direction: column;
  justify-content: space-between;

}

.widget-bizform .FormPanel .FieldLabel, 
.widget-bizform  .FormPanel .EditingFormLabel {
text-align: left;
}
.widget-bizform .EditingFormValueCell input, 
.widget-bizform .EditingFormValueCell textarea,
.widget-bizform .EditingFormValueCell select {
border: 1px solid var(--primary-color-light);
background: var(--soft-backdrop-op80);
/*     box-shadow: var( --bs-v1); */
}
.widget-bizform .FormPanel .form-control:focus {
border-bottom: 1px solid var(--secondary-color);
background-color: #fafbfc;
outline: 1px solid var(--primary-color);
box-shadow: var( --bs-v3);
}
.FormPanel .EditingFormControlNestedControl .form-control-text,
.FormPanel .EditingFormValueCell .form-control-text {
  margin-top:6px;
  font-weight:bold;
  color:var(--primary-color-dark);
}
.theme2 .FormPanel .EditingFormControlNestedControl .form-control-text,
.theme2  .FormPanel .EditingFormValueCell .form-control-text{
  color:white;
}
.EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
   border:1px solid var(--primary-color-light);
   border-radius: 3px;
   min-height:45px;
   margin-bottom:4px;
   padding-top:6px;
   padding-left: 12px;
   margin-left: 3px;
   width: calc(100% - 6px);
}
.widget-bizform .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
  border:none;
  height:30px;
  border-bottom:1px solid var(--primary-color-light);
}
.widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
 background:transparent;
}
.widget-bizform.theme2 .EditingFormValueCell input, 
.widget-bizform.theme2 .EditingFormValueCell textarea,
.widget-bizform.theme2 .EditingFormValueCell select,
.widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
border: 1px solid var(--primary-color-light);
background: var(--soft-backdrop-op80);
}
.widget-bizform.theme2 .FormPanel .form-control:focus {
border-bottom: 1px solid var(--secondary-color);
background-color: white;
outline: 1px solid var(--secondary-color-light);
}

.widget-bizform tr[id*="space_break"] {
margin-top:20px;
border-top:1px solid #c8c6c6;
}

.widget-bizform tr.label .EditingFormLabel{
font-family: var(--title-font-family);
font-size:2.3em;
font-style:italic;
color:var(--title-font-color);
margin:30px 0 0px;
}
.widget-bizform.theme2 tr.label  .EditingFormLabel{
color:white;
}



.widget-bizform .radio {
margin-left: -9px;
display: flex;
flex-wrap: wrap;
}
.widget-bizform .radio input {
margin-bottom: 10px;
margin-right: 3px;
margin-left: 10px;
}
.widget-bizform .radio label {
flex-grow: 1;
min-width: -moz-max-content;
min-width: max-content;
}
.widget-bizform:has(.full, .half, .third, .comments) tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.widget-bizform .title {
font-size: 2rem;
}
.widget-bizform table.checkbox tr{
width: 50%;
}
.widget-bizform:has(.full, .half, .third, .comments) tr.one-line {
flex-direction: row;
justify-content: flex-start;
}
.widget-bizform:has(.full, .half, .third, .comments) tr.one-line input[id*="checkbox"]{
margin-top:6px;
}
@media(max-width:1024px){
.widget-bizform table.checkbox tr{
width: 100%;
}
.FormPanel .FieldLabel, .FormPanel .EditingFormLabel {
  text-align: left;
}
}
.widget-bizform .full {
width: 100%;
}
.widget-bizform .full .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .full {
width: 100%;
}
}
.widget-bizform .half {
width: 50%;
}
.widget-bizform .half .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .half {
width: 100%;
}
}
.widget-bizform .comments {
width: 100%;
}
.widget-bizform .comments .EditingFormControlNestedControl .form-control{
max-width: 100%;
height: 8rem;
}
@media (max-width: 1024px) {
.widget-bizform .comments {
width: 100%;
}
}
.widget-bizform .third {
width: 33%;
}
.widget-bizform .third .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .third {
width: 100%;
}
}


.widget-bizform tr:has(input[type*="submit"]){
display: flex;
justify-content: center;
align-items: center;
margin:20px; 
width: 100%;


}
.widget-bizform input[type*="submit"]{
font-size:16px;
height:43px;
line-height:43px;
outline:1px solid white;
outline-offset: -3px;
text-transform: uppercase;
}
.widget-bizform.theme2 input[type*="submit"]{
  outline:1px solid var(--primary-color);
  outline-offset: -3px;
}
.widget-bizform div[id*="viewBiz_pM_pMP"] {
text-align: center;
    font-size:1.5em;
}
/*------------------Masonary gallery--------------------------*/

.modal-gallery-widget .my-gallery {
  width: 100%;
  padding: 1rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem; 
  grid-auto-rows: 200px; 
  grid-auto-flow: row dense; 
}
@media(max-width:1024px){
  .modal-gallery-widget .my-gallery {
  grid-auto-rows: 150px; 
}
}
@media(max-width:700px){
  .modal-gallery-widget .my-gallery {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 200px; 
}
}
.modal-gallery-widget .my-gallery a {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block; 
}

.modal-gallery-widget .my-gallery a img {
  object-fit: cover;
}

.modal-gallery-widget .my-gallery a:nth-child(1n) {
  grid-row: span 1;
  grid-column: span 1; 
}

.modal-gallery-widget .my-gallery a:nth-child(2n) {
  grid-row: span 1;
  grid-column: span 1; 
}

.modal-gallery-widget .my-gallery a:nth-child(3n) {
  grid-row: span 2; /* Span 2 rows for the 3rd item */
  grid-column: span 1; 
}

.modal-gallery-widget .my-gallery a:nth-child(4n) {
  grid-column: span 2; /* Span 2 columns for the 4th item */
  grid-row: span 1;
}
/*----------------------------handles when there are extra photos that don't group into 8 script to match-------*/


/*extra 7 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:has(.extra-group-7) a.extra-group-6 {
  grid-row: span 2; 
  grid-column: span 1;
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:has(.extra-group-7) a.extra-group-5,
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:has(.extra-group-7) a.extra-group-3{
  grid-column: span 2;
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:has(.extra-group-7) a.extra-group-4{
  grid-row: span 1; 
  grid-column: span 2;
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:has(.extra-group-7) a.extra-group-2{
  grid-column: span 1;
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery a.extra-group-7{
  grid-row: span 1; 
}
/*extra 6 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-7)) a.extra-group-6 {
  grid-column: span 2; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-7)) a.extra-group-1 {
  grid-row:span 1;
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-7)) a.extra-group-3 {
  grid-row:span 2;
  grid-column: span 2; 
}
/*extra 5 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-6)) a.extra-group-5 {
  grid-column: span 1; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-6)) a.extra-group-4 {
  grid-row: span 1;
  grid-column: span 2; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-6)) a.extra-group-3 {
  grid-row: span 2;
  grid-column: span 1; 
}
/*extra 4 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-5)) a.extra-group-3 {
  grid-row: span 1;
  grid-column: span 2; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-5)) a.extra-group-1 {
  grid-row: span 2;
  grid-column: span 1; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-5)) a.extra-group-2 {
  grid-row: span 1;
  grid-column: span 2; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-5)) a.extra-group-4 {
  grid-row: span 2;
  grid-column: span 1; 
}
/*extra 3 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-4)) a.extra-group-1 {
  grid-column: span 2;
  grid-row:span 2; 
}
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-4)) a.extra-group-3 {
  grid-row: span 1;
  grid-column: span 2; 
}
/*extra 2 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-3)) a.extra-group-1,
.modal-gallery-widget:is(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-3)) a.extra-group-1,
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-3)) a.extra-group-2,
.modal-gallery-widget:is(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-3)) a.extra-group-2{
  grid-column: span 2; 
   grid-row: span 2;
}
/*extra 1 image*/
.modal-gallery-widget:not(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-2)) a.extra-group-1,
.modal-gallery-widget:is(.custom-gallery-pagination) .my-gallery:not(:has(.extra-group-2)) a.extra-group-1{
  grid-column: span 4; 
   grid-row: span 2;
}

/*-------------------------------------------------------------custom gallery pagination----------------------------------*/

.custom-gallery-pagination .container {
  width:100%;
}
/*----------------------------------------pagination navigation--------------------------------*/
.custom-gallery-pagination .modal-gallery-widget-wrapper .my-gallery{
  width:100%;
  max-width: 1440px;
    margin:auto;
  }
  nav#pg-nav{
  background: none;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  position: relative;
  left: 0;
  margin: 0 auto;   
  
  
  }
  
  .theme1 nav#pg-nav a {
      color:var(--primary-color);
  }
  .theme2 nav#pg-nav a {
      color:white;
  }
  
  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;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
  nav#pg-nav .page-item:has(.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;
  }


/*---------------------------------------------footer---------------------------------------------*/
footer {
  background-color:var(--primary-color);
}
footer .basic-text-area .inner-wrap {
  margin-top:40px;
}


footer .basic-text-area img {
  max-height:150px;
}
footer .basic-text-area ul li {
  list-style: none;
  margin-left:0;
}
footer .basic-text-area ul  {
 display: none;
  padding-left:0;
}
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;
 justify-content: center;
}
footer .basic-text-area div[id*="divCol3"] {
 padding:0;
}
footer .basic-text-area div[id*="divCol1"] {
 max-width: 30%;
}
footer .basic-text-area #weather-app {
 padding-bottom:10px;
}
@media(max-width:1010px){
  footer .basic-text-area div[id*="divCol1"],footer .basic-text-area div[id*="divCol2"]  {
      max-width: 50%;
      margin-bottom:50px;
  }
  footer .basic-text-area div[id*="divCol"] {
     flex-basis:unset;
  }
  footer .basic-text-area #weather-app {
     padding-bottom:0px;
     padding-right:30px;
       padding-left:0;
  }
}
@media(max-width:767px){
  footer .basic-text-area #weather-app {
    padding-right:30px;
      padding-left:0px;
   }
}
@media(max-width:679px){
  footer .basic-text-area #weather-app {
    margin-right:20px;
      margin-left:20px;
      padding:0;
   }
}
@media(max-width:600px){
  footer .basic-text-area div[id*="divCol1"],footer .basic-text-area div[id*="divCol2"]  {
      max-width: 100%;
  }
  footer .basic-text-area div[id*="divCol2"]  {
      text-align:center;
  }
}