:root{
    --primary-color:#00244a; /*BBC  blue*/
      --primary-color-op40:rgba(0,36,74,0.41); /*BBC  blue*/
      --primary-color-op80:rgba(0,36,74,0.80);
      --primary-color-light-hue-80: #ccd3db;
      --primary-color-light-hue-80-op80:rgba(204,211,219,0.80);
    --primary-color-hover:#00244a;
    --secondary-color:#ef4b54;/*BBC Red*/
    --accent-color:#b87129;/*brown*/
  --accent-color-lighter:#dcb894;
  
    --soft-white: #fff; /*white*/
    --back-drop-1:#ffffff; /*white*/
    --back-drop-1-op80:rgba(255,255,255,0.80); /*white opacity 80*/
  }
  
  body {
    overflow-x: hidden;
  }
  body > form.button-transparent {
      border:none;
  }

  /*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
    display: none;
}

/* p {
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
  }

  li p {
    margin-left:unset;
    margin-right:unset;
} */
  /*max width adjustments*/
   section .inner-wrap .container, 
  section .theme-secondary:not(.inner-wrap) > div{
       max-width:1800px;
      margin:auto;
      float:none; 
  }
  section.modal-gallery-widget .inner-wrap {
    max-width:1730px;
   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%;
      
  }
   :is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section.modal-gallery-widget .inner-wrap {
    max-width:100%;
   
}
  /*-------titles---------------*/
h2,h3, h4, h5, h6 {
    text-transform: uppercase;
  
}
h1, h2,h3 ,h4,h5,h6 {
    font-weight:200;
    letter-spacing: 2px;
    
}
.theme1 :is(h1,h2,h3,h4,h5,h6){
    color:var(--primary-color);
}
/*custom class*/
.h2-subheading h2 {
    font-size:1.8em
}
@media(max-width:1200px){
    .h2-subheading h2 {
        font-size:1.4em
    }
}

@media(min-width:767px) {
    .theme1.cho-hero-textwidget  :is(h1,h2,h3,h4,h5,h6){
    color:white;
    }
}

.theme1.full-width-quicklinks h3 {
    color:white;
}
/*------------------lists------*/
:is(.theme1, .theme3) li::marker {
    color:var(--accent-color);
}
/*--------------------buttons--------------------------*/
body :is(a.btn, a.e3-button) {
    text-transform: uppercase;
}
 

  /*----------------------------------------------------------transparent navigation---------------------------------*/
  
  header:not(.no-banner):not(.scrolled-head) ul.child-nav li a{
  /*     color: white; /* YOU COLOR HERE FOR THE DROP DOWN MENU LINKS */ 
  }
   header.master-layout-3 .header-top{
          background: transparent;
      } 
  header:not(.scrolled-head):not(.no-banner) {
    /*------light grey verison-----------*/
     /*background: linear-gradient(to bottom, rgba(0,0,0,0.69) -10% ,  rgba(0,0,0,0.1) 98%,  transparent 100%) ;*/ /* To make the header transparent */
  /*------------dark blue verison -------------*/
 
    background: linear-gradient(to bottom, var(--primary-color) 0%, rgba(0, 0, 0, 0.5) 98%, 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-3:not(.no-banner):not(.scrolled-head) .static-img{
        background-image: url('/getmedia/d3e80561-480f-468c-9aa9-7e6543eecf7d/BBC_REV_logo.aspx'); 
         background-size:contain;
         background-repeat: no-repeat;
         background-position: center;
     }
     header.master-layout-3:not(.no-banner):not(.scrolled-head) .static-img img {
         display: none;
     }
 
  
  .master-layout-3 #divMainMenu nav #main-menu>li>a{
          color:var(--primary-color); /*-----when your nav is not transparent*/
          text-transform: uppercase;
          letter-spacing: 1px;
      }
  
  @media (min-width:1024px) and (hover:hover) {
  header:not(.no-banner):not(.scrolled-head).master-layout-3 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a,
    header:not(.no-banner):not(.scrolled-head) span
     {
       
        color: #fff ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/
        /*--- used if light verison header----*/
        /* text-shadow: 0px 0px 6px rgba(0,0,0,.9); 
        font-weight:600;*/

    }
          header.master-layout-3:not(.no-banner):not(.scrolled-head) .static-img{
  /*     filter: drop-shadow(1px 0px 1px white); */
              width:250px;
              height:auto;
              margin-top:20px;
   
  }    
  }
  @media (min-width: 1024px) {
    header.master-layout-3:not(.no-banner):not(.scrolled-head) .static-img{
        height:65px;
        margin-top:15px;
        background-position: top;
    }
    
    header.master-layout-3 .logo .static-img {
        margin-top:5px;
    }
}
@media(min-width:1024px) and (hover:none) {
    header.master-layout-3:not(.no-banner):not(.scrolled-head) .static-img {
        height:45px;
        margin-top:0;
    
    }
}
  /*--------------------------------general header adjustments------------------------*/
  header.master-layout-3{
  /*       background:transparent; */
          height:auto;
      z-index:999;
  }
  
  header.master-layout-3:not(.no-banner, .scrolled-head) .header-top {
  /*     padding: 0px 0px 15px; */
  }
  
  /*--------------------------------custom class contact info----------------------------*/
  .header-top .contact-info{
      display: none;/*----hides desktop verison---*/
      
     
  }
  .contact-icons{
      font-size:1.1em;
      padding:10px 15px;
  }
  .showMobile .contact-info {
      width: calc(100% - 60px);
      background:white;
      padding: 20px
  }
  .showMobile .contact-icons {
      color:var(--primary-color);
  }
  .contact-info .contact-icons:nth-of-type(2) {
    padding: 10px 30px 10px 15px;
}
  @media(hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){
  header.master-layout-3 .container-fluid {
      padding:0;
  }
      header.master-layout-3:is(.no-banner, .scrolled-head) .header-top{
  /*         padding-bottom: 10px; */
      }
    header.master-layout-3 .header-top {
  /*       font-size:1.2em; */
    }
      header.master-layout-3:not(.no-banner, .scrolled-head) .MyProfile_Member {
          padding:0px 40px;
          background:white;
         
         
      }
        header.master-layout-3:is(.no-banner, .scrolled-head) .MyProfile_Member {
          padding:0px 35px;
          background:var(--primary-color);
            
         
      }
      header.master-layout-3:not( .scrolled-head) .MyProfile_Member {
       
        height:105px;
       
    }
      header.master-layout-3:is( .scrolled-head) .MyProfile_Member {
      
          height:70px;
       
    }
      header.master-layout-3:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_Name {
      color:white;
          text-shadow: none;
  
  }
  header.master-layout-3:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
      color:var(--primary-color);
          text-shadow:none;
      }
      
  /*--------------------------------custom class contact info----------------------------*/
      nav:not(.showMobile) .contact-info {
      display: none; /*----hides mobile verison---*/
  }
  .header-top .contact-info{
      width:fit-content;
      float:right;
      position: relative;
      align-items: center;
      display: flex;
      
     
  }
  header.master-layout-3:not(.scrolled-head) .header-top  .contact-info{
          height:105px;
      
      }
  header.master-layout-3:is(.scrolled-head) .header-top  .contact-info{
          height:70px;
      }
  
  
  header.master-layout-3:not(.no-banner, .scrolled-head) .header-top  a.contact-icons{
         color:white;
      
      }
  header.master-layout-3:is(.no-banner, .scrolled-head) .header-top  a.contact-icons{
        color:var(--primary-color);
      }
  /*-----------socials---------------*/
    header.master-layout-3 .header-top .header-social .fa {
        font-size:1em;
    }
      
  .header-social div[id$="SocialMediaIcons"]{
  /*     display:flex; */
  }
  .header-social div[id$="SocialMediaIcons"] a {
  /*     display: flex; */
      min-width: 39px;
      min-height: 20px;
      height:39px;
      /* justify-content: center;
      align-items: flex-end; */
      padding:10px;
      margin-bottom: 3px;
      
  }
  .header-social .fa-facebook {
      width:12px;
  }  
  }  /*end of media query*/  
  
  /*---------------------nav adjustments-------------------------------*/ 
  header.master-layout-3:not(.no-banner, .scrolled-head) nav {
      border:1px solid rgba(255,255,255,0.44);
      border-left:none;
      border-right:none;
  }
  header.master-layout-3:is(.no-banner, .scrolled-head) nav {
      border:1px solid var(--primary-color-op40);
      border-left:none;
      border-right:none;
  }
  
  .master-layout-3 #divMainMenu nav #main-menu a{
    font-weight:400;
     font-size:16px;
      text-transform: uppercase;
  }
  header.master-layout-3 #main-menu>li>a  {
      line-height:60px;
      
  }  
  header.master-layout-3 #main-menu ul a {
    color:var(--primary-color);
    
}
header.master-layout-3 #main-menu ul li a:hover {
    color:var(--primary-color);
    background:var( --primary-color-light-hue-80);
    
}
header.master-layout-3 #main-menu ul li a.active-link,
header.wgt-header nav.showMobile #main-menu li ul a.active-link{
    color:var(--accent-color);
    font-weight:bold;
    text-decoration: underline;
}

  
  @media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
      header.master-layout-3 #main-menu  {
      padding-top:0;
  }
  .master-layout-3 #divMainMenu nav #main-menu>li a{
    padding-left: 25px;
    padding-right: 25px;
  }
      header.master-layout-3 #main-menu>li>a:hover, 
      header.master-layout-3 #main-menu>li>a.highlighted,
      header.master-layout-3 #main-menu>li>a.active-link{
          box-shadow:0px -7px 0 -6px white inset;
      }
         header.master-layout-3:is(.no-banner, .scrolled-head) #main-menu>li>a:hover, 
      header.master-layout-3:is(.no-banner, .scrolled-head) #main-menu>li>a.highlighted,
      header.master-layout-3:is(.no-banner, .scrolled-head) #main-menu>li>a.active-link{
          box-shadow:0px -7px 0 -6px #00244a inset;
      }
      header.master-layout-3.scrolled-head #main-menu>li>a, 
      header.master-layout-3.scrolled-head-temp #main-menu>li>a {
          height:50px;
          line-height: 50px;
      }
  }
  
  
  
  
  /*-----------------------------------------------------mobile nav ----------------------------------------*/
  
  header.master-layout-3:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_Svg svg{
    fill:var(--primary-color);
  }
  header.master-layout-3:not(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_Svg svg{
    fill:rgba(255,255,255,0.90);
  }
  
  header.wgt-header nav.showMobile #main-menu {
  /*   background-color:var(--primary-color); */
      padding:10px 20px;
       
  }
  header.wgt-header nav.showMobile #main-menu .child-nav {
      padding: 5px 10px;
      background:transparent;
      
  }
  header.wgt-header nav.showMobile #main-menu li ul {
  /*   background-color:var(--back-drop-1); */
  }
  header.wgt-header nav.showMobile #main-menu li ul a {
    color:#2a2a2a;
  }
  header.wgt-header nav.showMobile #main-menu a {
    color:var(--primary-color);
      line-height: 30px;
  }
  
  header.master-layout-3 .showMobile #main-menu li ul{
  padding-left:10px;
      padding-right:10px;
  /*     background-color:var( --primary-color); */
  }
  header.master-layout-3 .showMobile #main-menu li{
    border-bottom:1px solid var(--primary-color-op40);
  }
  header.master-layout-3 .showMobile #main-menu a.active-link, 
  header.master-layout-3 .showMobile #main-menu a.current{
  /*  background:var( --primary-color); */
      border-left:3px solid white; 
     
  }
  header.master-layout-3 .showMobile #main-menu .child-nav li {
      border-bottom:0;
  }
  
  .fullmenu nav .top-nav li i{
      color:var(--primary-color);
  }
  .master-layout-3:is(.no-banner, .scrolled-head) #menu-button i.fa-bars{
      color:var(--primary-color);
  }
  .master-layout-3:not(.no-banner, .scrolled-head) #menu-button i.fa-bars,
  .master-layout-3 i.fa-times {
      color:rgba(255,255,255,0.90);;
  }
  header.master-layout-3 .showMobile #main-menu ul:has(li) {
  /*   background:var(--primary-color); */
  }
  .master-layout-3 .showMobile i.fa-plus:before {
      content:'\f105'
  }
  .master-layout-3 .showMobile i.fa-minus:before {
      content:'\f107'
  }
  .master-layout-3 .showMobile i.fa-plus:before, .master-layout-3 .showMobile i.fa-minus:before {
      font-size:1.7em;
  }
  

.master-layout-3 .showMobile i.fa-plus {
    padding: 18px 25px;
}
.master-layout-3 .showMobile i.fa-minus {
      padding: 18px 22px;
    
  }
  
  
  /*--------------------------------------------------------------end of header--------------------------------------------*/


  /*------------------------------------------------------------------title and summary -----------------------------------------------*/
  

/*------------------------------------------title and summary---------------------------------------------*/

.basic-block.no-image .text-block-wrapper {
    max-width: 780px;
    margin: 0 auto;
    padding: 50px 0px 75px 0px;
    }
.basic-block:not(.center, .background-image,.no-image) .img-block img{
    object-fit: cover;
       margin: auto;
       width:100%;
       height:100%;
       max-height:550px;
   min-height: 458px;
/*     max-height: 500px;
   max-width: 45vw; */
}
.basic-block.theme1:not(.center, .background-image,.no-image) .img-block {
   
   overflow: visible;
   position:relative;
   z-index: 10;
  
}
.basic-block.theme1:not(.center, .background-image,.no-image) .img-block.image-left {
    margin:20px 2% 4% 2%;
    transform:translatex(8%);
}
.basic-block.theme1:not(.center, .background-image,.no-image) .img-block.image-right {
    margin:20px 4% 4% 0px;
    transform:translatex(-8%);
}

.basic-block.theme1:not(.center, .background-image,.no-image) .img-block:after {
 content:'';
   width:100%;
   height:100%;
   background-color:var(--primary-color-light-hue-80);
   position: absolute;
   z-index: -1;
   bottom:-8%;
 
}
.basic-block.theme1:not(.center, .background-image,.no-image) .img-block.image-left:after {
   right:8%;
}
.basic-block.theme1:not(.center, .background-image,.no-image) .img-block.image-right:after {
   right:-8%;
}
/*so the blue after doesnt block the image in the editor*/
body.EditMode .basic-block.theme1:not(.center, .background-image,.no-image) .img-block:after {
    width:8%;
}
/**/
.basic-block.theme2:not(.center, .background-image,.no-image) .theme-secondary {
   background:none;
   margin:50px 0;
}

.basic-block.theme2:not(.center, .background-image,.no-image) .text-block {
   background:var(--primary-color)
}
.basic-block.theme2:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block {
   justify-content: center;
}
.basic-block.theme2:not(.center, .background-image,.no-image) .img-block {
width:40%;
   z-index: 1;
}


.basic-block.theme2:not(.center, .background-image,.no-image) .img-block.image-left {
  transform:translatex(4%);
  
}
.basic-block.theme2:not(.center, .background-image,.no-image) :has(.img-block.image-left) .text-block {
  transform:translatex(-4%);
  
}
.basic-block.theme2:not(.center, .background-image,.no-image) :has(.img-block.image-right) .text-block{
  transform:translatex(24%);
    justify-content: left;
  
}
.basic-block.theme2:not(.center, .background-image,.no-image) :has(.img-block.image-right) .text-block-wrapper {
    margin-left:6%;
}
.basic-block.theme2:not(.center, .background-image,.no-image) .img-block.image-right {
  transform:translatex(-4%);
  
}
.basic-block.theme3:not(.center, .background-image,.no-image) .theme-secondary {
    background:none;
}
.basic-block.theme3:not(.center, .background-image,.no-image) .theme-secondary {
    background:none;
    color:#2a2a2a;
}
.basic-block.theme3:not(.center, .background-image,.no-image) .theme-secondary :is(h1,h2,h3,h4,h5,h6){
    color:var(--primary-color);
}
.basic-block.theme3:not(.center, .background-image,.no-image) .theme-secondary a {
    color:#2a2a2a;
}
.basic-block.theme3:not(.center, .background-image,.no-image) .theme-secondary a:is(.e3-button, .btn):hover {
    color:white;
}
@media(min-width:1024px){
    .basic-block:not(.center, .background-image,.no-image).theme1 .theme-secondary {
    margin: 30px 0
}

}
@media(max-width:1023px){
   .basic-block .basic-block-wrapper {
       flex-direction: column;
   }
   .basic-block.theme1:not(.center, .background-image,.no-image) .img-block:is(.image-left, .image-right) {
       margin-bottom:8%;
       margin-left:auto;
       margin-right:auto;
       transform: none;
       left:0;
       width:90%;
       max-height: 430px;
   }
   .basic-block:is(.theme1,.theme2):not(.center, .background-image,.no-image) .img-block  img {
       max-height: 430px;
   }
   .basic-block:not(.center, .background-image,.no-image) .img-block {
       width:100%;
   }
   .basic-block .basic-block-wrapper .text-block {
       right:0;
       margin:40px 10px;
       padding: 30px 10px;
       width:100%;
       min-height:350px;
   }
   
   .basic-block.theme1:not(.center, .background-image,.no-image) .img-block:after {
       bottom:-10%;
   }
   
   .basic-block.theme2:not(.center, .background-image,.no-image) .img-block:is(.image-left, .image-right){
       width:100%;
       transform: none;
       left:0;
   }
   .basic-block.theme2:not(.center, .background-image,.no-image) :has(.img-block.image-right)  .text-block ,
  .basic-block.theme2:not(.center, .background-image,.no-image) :has(.img-block.image-left) .text-block  {
       transform:none;
      margin:0;
   }
   .basic-block.theme2:not(.center, .background-image,.no-image) .theme-secondary {
    margin:0;
   }
   .theme3.basic-block .img-block {
    left:0;
}
.basic-block.background-image .inner-wrap {
    min-height: unset;
    height:auto;
}
   
}
@media(max-width:767px){
   
   .basic-block.theme1:not(.center, .background-image,.no-image) .img-block.image-right {
       left:-1.5%;
      
   }
     .basic-block.theme1:not(.center, .background-image,.no-image) .img-block.image-left {
       left:0%;
   }

}
@media (min-width:1600px){
    /*.basic-block.theme2:not(.center, .background-image, .no-image) :has(.img-block.image-left) .text-block:before {
         content:'';
        height:calc(100% + 120px);
        top:-60px;
        width:100%;
        background-color:var(--primary-color);
        position: absolute; 
        
    }*/
    
    .basic-block.theme2:not(.center, .background-image , .no-image) :has(.img-block.image-left), 
    .basic-block.theme2:not(.center, .background-image, .no-image) :has(.img-block.image-right)  {
        margin-top:50px;
        margin-bottom: 50px;
    }
    }
/*----------------------------------title and summary backdrop left or right text block----------------*/

.basic-block:is(.leftfull, .rightfull).background-image .inner-wrap{
    width:50%;
     background:none;
    margin:20px
}
.basic-block:is(.rightfull).background-image .inner-wrap{
    float:right;
   
}
.basic-block:is(.leftfull, .rightfull).background-image.theme1 .text-block{
     background:var(--back-drop-1-op80);
    color:#2a2a2a;
}
.basic-block:is(.leftfull, .rightfull).background-image:is(.theme2) .text-block{
     background:var(--primary-color-op80);
    color:white;
}
.basic-block:is(.leftfull, .rightfull).background-image:is(.theme3) .text-block {
    background: var(--primary-color-light-hue-80-op80);
    color: #2a2a2a;
}
.basic-block:is(.leftfull, .rightfull).background-image .text-block{
  
    margin: 20px 32px;
    width:100%;
    padding:20px;
    text-shadow: none;
}
.basic-block:is(.leftfull, .rightfull).background-image .text-block-wrapper {
    width:100%;
    margin:20px;
}

@media(max-width:767px){
    .basic-block:is(.leftfull, .rightfull).background-image .inner-wrap{
    width:100%;
        margin: 20px auto;
    }
    .basic-block:is(.leftfull, .rightfull).background-image .text-block {
        width:calc(100% - 62px);
    }
    .basic-block:is(.rightfull).background-image .inner-wrap{
        float:left;
       
    }
}
/*-----------------------------------------------------------------custom class .pattern-bg & condensed-variant-------------------------------------------*/
/*--------------------------------------------------title and summary varient------------------------------*/
.pattern-bg.basic-block:not(.center, .background-image,.no-image) .img-block:after {
    background-color:unset;

}
.basic-block:is(.pattern-bg, .condensed-variant):not(.center, .background-image,.no-image) .basic-block-wrapper {
    position: relative;
}
.pattern-bg.basic-block:not(.center, .background-image,.no-image)  .basic-block-wrapper:after {
   content: '';
    background-image: url('/getmedia/cd91ea95-d0a7-4cb4-9116-021847ad53c2/leaf-graphic.aspx');
    background-color:unset;
    background-size: 50%  100%;
    background-repeat: no-repeat;
    background-position: left -30px;

    width:100%;
    height:100%;
    position: absolute;
    top:0;
    
}
.pattern-bg.basic-block.theme3:not(.center, .background-image,.no-image)  .basic-block-wrapper:after {
    z-index: -1;
}
.pattern-bg.basic-block:not(.center, .background-image,.no-image)  .basic-block-wrapper:has(.image-left):after {
    background-image: url('/getmedia/cd91ea95-d0a7-4cb4-9116-021847ad53c2/leaf-graphic.aspx');
    background-position: left -30px;

}
.pattern-bg.basic-block:not(.center, .background-image,.no-image)  .basic-block-wrapper:has(.image-right):after {

    background-image:url('/getmedia/d3cca1dc-2efe-4ba3-82ea-05f3f9e4bfb1/leaf-graphic-right-2.aspx');
    background-position: right 0px;


}
.pattern-bg.theme3:has(.image-right) .text-block-wrapper {
    margin-left:0;
    padding:0 6% 0 15px;
}
.condensed-variant.theme3:has(.image-right) .text-block-wrapper {
    margin-left:0;
    padding:0 6% 0 15px;
}

@media(min-width:1024px){
   
    .pattern-bg.basic-block:is(.theme1, .theme2):not(.center, .background-image,.no-image) .basic-block-wrapper .img-block {
            transform: translatex(11%);
        padding: 50px;
    margin: 20px 2% 4% 2%;
        width:55%;
    }
    .basic-block:is(.pattern-bg, .condensed-variant).theme3:not(.center, .background-image,.no-image) .basic-block-wrapper .img-block {
            transform: translatex(11%);
        padding: 50px;
    margin: 20px 2% 4% 2%;
        width:50%;
    }
    .pattern-bg.basic-block.theme2:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block {
        transform: translatex(-11%);
    }
    .pattern-bg.basic-block:is(.theme1, .theme2, .theme3):not(.center, .background-image,.no-image) .basic-block-wrapper .text-block {
       z-index: 10;
    width:45%;
    }
    .basic-block:is(.pattern-bg, .condensed-variant).theme3:not(.center, .background-image,.no-image) .basic-block-wrapper .text-block {
       z-index: 10;
    width:50%;
    }
    .pattern-bg.basic-block.theme1:not(.center, .background-image,.no-image) .basic-block-wrapper:has(.image-right) .text-block-wrapper {
    margin:0;
    }
    .basic-block:is(.pattern-bg, .condensed-variant):not(.center, .background-image,.no-image) .basic-block-wrapper .img-block.image-right {
    transform: translatex(-21%);
    padding: 50px;
    margin: 20px 2% 4% 2%;
    width:55%;
    }
    .basic-block.pattern-bg.theme2:not(.center, .background-image,.no-image) :has(.img-block.image-right) .text-block {
        transform:translatex(0%);
        z-index:10;
        
    }
    .condensed-variant.theme3:has(.image-right) .text-block-wrapper {
        margin-left:0;   
       }
}

@media(max-width:1023px) {
    .basic-block:is(.pattern-bg, .condensed-variant):not(.center, .background-image,.no-image)  .basic-block-wrapper:after {
    background-size: 100%  100%;
    background-position: left -30px;

}
@media(min-width:768px) and (max-width:1023px){
    .pattern-bg.theme3:has(.image-right) .text-block-wrapper {
        margin-left:8.33%;
       
    }

}
    
}
/*--------------------------------------------basic text area-------------------------------------------------*/
.basic-text-area .row {
    /* padding: 50px 0px 75px 0px;  */
}
/*----------------------w-50 custom class for basic text gallery side by side-------------------*/
/*-----------------------text-block-right custom class ------------------------*/
body:not(.EditMode) .basic-text-area.w-50 {
    width:45%;
     padding: 20px 50px;
    
    
}
body:not(.EditMode) section.w-50 .inner-wrap .container {
   max-width: 800px;
   width:100%;

 
}
.text-gallery-50-50 {
    max-width:1800px;
    width:100%;
    margin:auto;
    display: flex;
    flex-direction: row;

    align-items: center;
    float:unset;
    
}

.text-gallery-50-50 section.text-block-right{
    order:2;
}

.text-gallery-50-50 .gallery-slider {
    width:55%;
     padding: 20px 50px;

}

@media(max-width:1023px){
    .text-gallery-50-50 {
        flex-direction: column;
    }
    body:not(.EditMode) .basic-text-area.w-50, .text-gallery-50-50 .gallery-slider{
        width:83.33%;
        align-self:center;
       
    }
    .text-gallery-50-50 section.gallery-slider{

    order:2;
}
}
@media(max-width:767px){
    body:not(.EditMode) .basic-text-area.w-50, .text-gallery-50-50 .gallery-slider{
        width:100%;

       
    } 
}

/*--------------------------------------------------------------------------contact cards---------------------------------------------------*/
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo {
    width:auto;
     max-width: 100%;
        height:280px;
    border-radius: 0;
}
.contact-card-widget.card-view .contact-card-wrapper .card-photo {
    background-position: center -40px;
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item{
    padding-top:0px;
   
}
    .col-100 .contact-card-widget.card-view .contact-card-wrapper .contact-card-item, 
    .col-70-left .contact-card-widget.card-view .contact-card-wrapper .contact-card-item, 
    .col-70-right .contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
        padding:0;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h3{
    color:var(--primary-color);
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner .detail-item .fa {
    color:var(--primary-color);
    font-size:1.6em;
    padding: 8px 0;
}
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner {
        padding:5px;
       
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
     background:none;
    border:none;
}
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner .detail-item span {
        overflow-wrap: anywhere;
}
 .contact-card-widget.card-view .contact-card-wrapper .contact-card-item{
    align-self: stretch;
    }
.div-add-to-contact {
  display: none;
}

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

.theme3.contact-card-widget.card-view .inner-wrap {
    background:var(--primary-color);
    color:white;
}
.theme3.contact-card-widget.card-view .contact-card-wrapper .contact-card-item  {
    background:var( --primary-color-light-hue-80);
}

/* .contact-card-widget.card-view .contact-card-wrapper .contact-card-item :not(.card-photo) {
    padding:20px;
        border:1px solid var(--primary-color-op40) ;

} */

@media(min-width:1024px){

    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
        width:31%;
            margin: 20px .8%;
}
    /* .contact-card-widget.card-view .contact-card-wrapper .contact-card-item :not(.card-photo) {
        width:22%;
    } */
}

@media(min-width:768px){
    .contact-card-widget.card-view .contact-card-wrapper.contact-card-alignment-left {
        justify-content: center;
    }
   
    
}
@media(max-width:767px){
    .contact-card-widget.card-view .contact-card-wrapper.contact-card-alignment-left {
        flex-flow:row wrap;
        justify-content: space-evenly;
    }
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-photo {
        height:250px;
    }
}
@media(max-width:650px){
    .contact-card-widget.card-view .contact-card-wrapper.contact-card-alignment-left {
        flex-flow:column wrap;
         justify-content: center;
        
    }
    .contact-card-widget.card-view .contact-card-wrapper .contact-card-item {
        min-width:70%;
        margin: 10px auto;
    }
}
/*------------------------------------------------------------------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 .row .expandable-content-wrapper a {
      color:var(--primary-color);
  }
  
  .expandable-content-widget:is(.theme2, .theme3) .btn,
  .expandable-content-widget:is(.theme2, .theme3) .e3-button
  {
      color:var(--primary-color);
       text-transform:  uppercase;
       border-color:var(--primary-color);
   }
  .expandable-content-widget:is(.theme2, .theme3) .btn:hover,
  .expandable-content-widget:is(.theme2, .theme3) .e3-button:hover{
      color:white;
    background-color:var(--primary-color)
   }

   /*-------------------------------tabbed content-------------------------------------*/
.theme1.tab-content .tab-content-nav ul.full-width-tabmenu li.active-tab {
    background:var(--primary-color-light-hue-80);
    color:var(--primary-color);
    border-color:var(--accent-color);
    border-width: 2px;
}
.theme1.tab-content .tab-content-nav ul.full-width-tabmenu li[id*="listItem"]:hover {
    background:var(--primary-color);
    color:white;
    border-color:var(--accent-color);
    
}
.theme1.tab-content .tab-content-nav ul.full-width-tabmenu {
    border-color:var(--primary-color-op40);
}
.tab-content .tab-content-nav ul.full-width-tabmenu li[id*="listItem"] {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:1.2em;
}
.theme2.tab-content .inner-wrap {
    background:var(--primary-color);
   
}
.theme2.tab-content .inner-wrap h2[id*="mainTitle"]{
    color:white;
}
.theme2.tab-content .inner-wrap .tab-content-item {

    background-color:#fafafa;
}

.theme2.tab-content .tab-content-nav ul.full-width-tabmenu li[id*="listItem"].active-tab {
    background:var(--primary-color-light-hue-80);
    color:var(--primary-color);
    border-color:var(--accent-color);
    border-width: 2px;
}
.theme2.tab-content .tab-content-nav ul.full-width-tabmenu li[id*="listItem"]:hover {
   background:var(--primary-color-light-hue-80);
    color:var(--primary-color);
    border-color:var(--accent-color);
    
}
.theme2.tab-content .tab-content-nav ul.full-width-tabmenu li[id*="listItem"] {
    color:white;
 
}
.theme2.tab-content a {
    color:var(--primary-color);
}
.theme2 .tab-content-content {
    margin:0;
}
.theme2.tab-content .btn,
  .theme2.tab-content .e3-button
  {
      color:var(--primary-color);
       text-transform:  uppercase;
       border-color:var(--primary-color);
   }
.theme2.tab-content .btn:hover,
  .theme2.tab-content.e3-button:hover{
      color:white;
    background-color:var(--primary-color)
   }

@media(max-width:1199px){
    .theme2.tab-content .tab-content-nav ul.full-width-tabmenu li[id*="listItem"] {
    color:var(--primary-color);
 
}
}
/*---------------------------------------------image and text quick links ------------------------------------*/
.cho-quicklink-tile .cho-quicklink-tile-image img{
    object-fit: cover;
    height:100%;
}

.cho-quicklink-tile .cho-quicklink-basic-wrapper {
    border:none;
    background-color:#fff;
}
:is(.theme1, .theme2) .cho-quicklink-tile .cho-quicklink-basic-wrapper h4 {
    color:#2a2a2a ;
}
:is(.theme1, .theme3) .cho-quicklink-tile .cho-quicklink-basic-wrapper .image-background h4 {
    color:#fff ;
    padding: 10px;
}
:is(.theme3) .cho-quicklink-tile .cho-quicklink-basic-wrapper h4 {
    color:#fff ;
}
.cho-quicklink-tile  h5 {
    font-size: 1.3em;
  }
 .theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b {
    padding: 22px 0px 26px;
}
.theme3 .cho-quicklink-tile .cho-quicklink-basic-wrapper{
    background-color:var(--primary-color);
        color:white;
}
.theme3.card-widget .theme-secondary{
    background-color:var(--primary-color-light-hue-80-op80)
    }
.cho-quicklink-tile .btn {
    margin:0px auto;
    text-transform: uppercase;
/*     display: block; */
/*     width:fit-content; */
}
.card-widget.theme2 .btn{
    color:var(--primary-color);
     text-transform:  uppercase;
     border-color:var(--primary-color);
 }
 .card-widget.theme2 .btn:hover{
    color:white;
  background-color:var(--primary-color)
 }
.cho-quicklink-tile div[class*="cho-quicklink-content"] {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between;
    height:50%; */
}

.cho-quicklink-tile a:not([href^="/"],[href^="http"], [href^="~/"]){
    cursor: default;
}
 /*background-image verison*/
.card-widget:is(.theme1, .theme3) .cho-quicklink-tile a:is([href^="/"],[href^="http"], [href^="~/"]) .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background:hover {
    background-color:rgba(0,36,74,.9);
} 

.card-widget:is(.theme1, .theme3) .cho-quicklink-tile  .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background:hover {
    background-color:unset;
}


@media(max-width:767px){
    .cho-quicklink-tile {
        max-width: 100%;
    }
    .slider-container .cho-quicklink-tile a.flex-equal-height {
        height:auto;
    }
    .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-tile-image {
        padding-top:40vh
    }
}

@media(min-width:768px){
    .card-widget:not(.btn-menu) .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b:not(.image-background) {
        height:50%;
        
    }
    .card-widget:not(.btn-menu) .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-para {
        padding-bottom: 60px;
    }
    
    .card-widget:not(.btn-menu) .cho-quicklink-tile .cho-quicklink-basic-wrapper .btn {
        position: absolute;
        bottom:20px;
        left:calc(50% - 75.065px) ;
    }
      
    }
/*------------------------------------------------------------------------custom class .remove-3rd----------------------------------------------------------*/
.remove-3rd .cho-quicklink-tile.cards-3:nth-of-type(3) {
    display: none;
}


@media(min-width:768px){
.card-widget.remove-3rd  .cho-quicklink-tile.cards-3 {
    width:calc(48% - 18.67px);
}
}


/*--------------------------------------------------Masonry Gallery----------------------------------*/

.modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  {
    width: 100%;
    padding: 1rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(100px, 200px);
    grid-gap: 1rem;
    grid-auto-flow: dense;
  }
  
  .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery a{
    width: 100%;
    height: 100%;
    /* border-radius: 10px; */
      max-width:100%;
  }
  .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery a img{
     object-fit: cover;
  }
  .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  a:nth-child(1n) {
    grid-row: span 1;
  }
  .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  a:nth-child(2n) {
    grid-column: 2fr;
  }
  
  .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  a:nth-child(3n) {
    grid-row: span 2;
  }
  
  .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  a:nth-child(4n){
    grid-column: span 2;
  }

  @media (max-width:700px){
    .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  {
        grid-template-columns: 1fr 1fr;
    }
      .modal-gallery-widget:not(.gallery-slider , .gallery-preview) .my-gallery  a {
    grid-row: span 1;
           grid-column: span 1;
  }
}

/*------------------------------------------gallery-slider --------------------------------------*/
.gallery-slider .my-gallery a {
    width:100%;
    max-width: 95%;
    height:250px;
    background-position: center top;
}

.gallery-slider {
    max-height: 400px;
    overflow:hidden;
}
.gallery-slider .inner-wrap {
    margin-bottom:30px;
         position: relative;
      }
    
/*-------------------------------------------------LOADER------------------------------------------*/
.gallery-slider .loader {
   
    position: absolute;
     background:#ffffff;
    top: 0;
    left: -5%;
     right:0;
    width: 110%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    
  }
 body.EditMode .gallery-slider .loader{
  display: none ;
  }
  .gallery-slider .loader-animation {
      z-index: 20;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin:auto;
  position: relative;
  color: #FFF;
  left: -225px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
      transform: scale(2);
       opacity:1;

      
  }
 
  @keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 var(--primary-color), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 var(--primary-color), 100px 0 var(--primary-color), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 var(--primary-color), 110px 0 var(--primary-color), 100px 0 var(--primary-color), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 var(--primary-color), 120px 0 var(--primary-color), 110px 0 var(--primary-color), 100px 0 var(--primary-color);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--primary-color-light-hue-80), 120px 0 var(--primary-color-light-hue-80), 110px 0 var(--primary-color-light-hue-80);
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--primary-color-light-hue-80), 120px 0 var(--primary-color-light-hue-80);
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--primary-color-light-hue-80);
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
  }  
/*---------------------------slick slider --------------------*/
.slick-track{
    display: flex ;
}

.slick-slide{
    height: inherit ;
}

.slider-container  .cho-quicklink-tile a.flex-equal-height{
   padding: 0 10px;
   height:100%;
 }
 .slider-container.slick-slider {
    margin-top:30px;
    margin-bottom: 80px;
 }
 .slider-container  .cho-quicklink-tile.cards-3:nth-child(2) {
    margin: 0 ;
}
 .slick-dotted:not(.rotating-image-banner-slider) .slick-dots {
     bottom: -40px;
 }
 .slick-dots li:only-child {
    display: none;
}
 :is(.theme1, .theme2, .theme3) .slick-dotted .slick-dots li.slick-active button {
     background-color:var(--accent-color);
     
 }
 :is(.theme1, .theme2, .theme3) .slick-dots li button {
     background-color:var(--primary-color-light-hue-80);
 }

  /*-------------------------------------------------------------custom biz form------------------------------------------*/
/*----------------------------------------------biz form---------------------------------------------------------*/
.widget-bizform div[id*="divContainer"] {
    padding: 20px;
}
.widget-bizform .container{
    width:auto;
}
.widget-bizform .FormPanel {
    width: fit-content;
    margin: auto;
}
.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);
  background: var( --primary-color-light);
}
.widget-bizform .FormPanel .form-control:focus {
    border-bottom: 2px solid var(--primary-color-dark);
    background-color: #fafbfc;
    outline: 1px solid var(--primary-color-dark);
}




.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%;
}
/*-------------------------------------------------video banner---------------------------------------------*/

.video-banner-new {
    max-height:100vh;
    /* height:calc(100vh - 80px); */
    overflow: hidden;
  }
  .video-widget .scroll-chevron {
    display: none;
  }
  
  @media (max-width: 1023px) {
    #iframeVideo{
    height: 200% !important ;
    top: -50% !important;
    transform: translate(-50%)!important;
    }
        .video-container {
            padding-bottom: 56%;
        }
        .video-widget #heroText {
            /* display: none; */
        }
    }
  @media (min-width: 1024px) {
    .video-container {
        height: 100vh !important ;
    }
  }
  /*--------------------------------------------------------------Hero Banner-------------------------------------------*/
.rotating-image-banner-slider .slick-dots {
    z-index: 1000 !important;
  }
  @media (min-width: 768px) and (max-width: 1024px) and (max-height: 767px) and (orientation: landscape) {
    .cho-hero-textwidget.height75 {
        height: 60vh;
        max-height: 800px;
    }
}

/*-----------------------------------------------------custom timeline----------------------------*/
.timeline-slider-container .slick-list {
    width:100vw;
    margin-top:40px;
    
}

.timeline-slider-container {
        float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    display: block;
    
}
.timeline-slider-container .theme-secondary {
    /* padding: 55px 0 !important; */
}
.timeline h2 {
    text-transform: unset;
}
.timeline.basic-block:not(.center, .background-image,.no-image) .theme-secondary {
    margin-top:0;
}
.slick-dotted.timeline-slider-container{
    margin-bottom:0;
    margin-top:40px;
}
.slick-dotted.timeline-slider-container .slick-dots {
    bottom:initial;
    background:transparent;
    display: flex;
    justify-content: center;
   width:fit-content;
    margin: 20px auto;
    position: relative;
    flex-direction: row;
        flex-wrap:wrap;
/*     border-top:2px solid var(--accent-color); */

}


.timeline-slider-container .slick-dots li button {
    font-size:1.8em;
    font-weight:600;
    line-height: 1;
    color:black;
    position: relative;
    font-family: 'myriad-pro', sans-serif;
    width:auto;
    height:auto;
    
}
.timeline-slider-container .slick-dotted .slick-dots li button {
    width:auto;
    height:auto;
}
.timeline-slider-container .slick-dots li {
min-width:60px;
    min-height: 40px;
    width:auto;
    height:auto;
    position: relative;
    margin: 10px 25px;
    
 
}

.timeline-slider-container .slick-dots li:before {
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    top:-21px;
    left:40%;
    background:white;
    border-radius: 50%;
    border:3px solid var(--primary-color);
    
}
.timeline-slider-container .slick-dots li:last-of-type:before {
    left:50%;
}
.timeline-slider-container .slick-dots li:after{
    content:'';
    position:absolute;
    width:calc(100% + 50px);
    height:2px;
    top:-12px;
    left:-25px;
    z-index: -1;
    background:var(--primary-color); 
}
.timeline-slider-container .slick-dots li:first-of-type:after{
   
    background:linear-gradient(to left, var(--primary-color) 50%, transparent 50%); 
}
.timeline-slider-container .slick-dots li:last-of-type:after{
   
    background:linear-gradient(to right, var(--primary-color) 50%, transparent 50%); 
}
.timeline-slider-container .slick-dots li.slick-active:before {
    background:var(--accent-color)
}
@media(max-width:1023px){
    .timeline-slider-container .theme-secondary {
        /* padding: 0px 0 25px !important; */
    }
}
/*---------------------------custom list-w-images--------------------------------*/

.list-w-images img {
    object-fit: cover;
    height:200px;
    width:100%;
    margin:10px 0;
}

.list-w-images .col-sm {
    min-width:220px;
    max-width:800px;
    margin: 0 auto;
}
/*--------------------------------------------------Footer------------------------*/
/*--------------------------------------------------Footer------------------------*/
footer :is(.theme2, .theme1) .theme-secondary {
    background-color:rgb(0,0,0,0);
}
footer {
     background-color: rgba(0,36,74,0.90);
    position: relative;
}
footer::before {
    background-image: url('/getmedia/b11e31be-d774-497c-86e2-50ff43e92929/jordan-cormack-7bXa8ZYiVNw-unsplash-smaller.aspx') ;
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
    
}
section.footer-bg {
    background:rgb(0,0,0,0);
}
section .footer-bg-dark::before{
    background-image:none;
    
}
footer {
    padding-top:60px;
    /* background-color:var(--primary-color); */
}
footer ul {
    padding:0;
}
footer ul li {
    list-style: none;
    padding: 4px 0;
    
}
footer ul li a {
    text-decoration: none;
    text-transform: uppercase;
}
footer .basic-text-area .ft-logo-wrapper {
    margin-right:30px;
    
}
footer .basic-text-area .ft-logo-wrapper img {
    max-width:85%;
}

div #p_lt_FooterWidgets_CHO_Widget_TextArea_ExtraLarge_divCol1{
/* display: flex;
    flex-direction: column; */
/*     justify-content: space-between; */
 padding-bottom:20px;  
}
footer address {
    margin-bottom: 40px;
}
footer .basic-text-area .container {
    width:95%;
    max-width:1600px;
    margin: 0 auto;
}
.ft-contact-wrapper .phone-wrapper {
/*     margin-top:auto; */
}
 .footer-advance-icon-wrapper {
    display: none;
}
footer .ft-social-wrapper {
    float:none;
    text-align: left;
    width:auto;
    font-size:1.8em;
   
    
}  
footer .ft-social-wrapper.col-sm-3 {
  
    max-width: 100%;
    
} 
footer .ft-social-wrapper a {
    padding: 15px;
}
.footer-bg-dark {
    background:none;
}
.footer-advance-widget {
    border-top:1px solid rgba(255,255,255,0.57);
}
.footer-advance-widget .footer-content-padding {
    padding:0px 0;
}

footer h5 {
    font-size:1.2em;
    color:var(--accent-color-lighter);
}


footer address {
    max-width:260px;
    font-size:1.1em;
    
}
footer address a {
    text-decoration: none;
    font-style:normal;
}
footer address a:hover {
    text-decoration: underline;
    
}
footer .phone-wrapper a {
    text-decoration: none;
    font-size:1.1em;
    border-bottom:1px solid white;
    padding-bottom:5px;
    display: flex;

}
footer .phone-wrapper a:hover{
display: flex;
    flex-direction: row;
    
  
}
footer .phone-wrapper a:after {
        opacity:0;
     display:block;
    content:'\f178';
    font-family:FontAwesome;
    font-weight:400;
    font-size:1em;
transform-origin: left;
transform:scaleX(0);
       transition: all .2s ease-in;
       width:0;
}
footer .phone-wrapper a:hover:after {
    opacity:1;
    width:fit-content;
        margin-left:10px;
    transform: none;
  
}
footer .toggle-btn {
    display: none;
}
@media(max-width:767px){
    footer .basic-text-area .ft-logo-wrapper {
        margin:0 auto;
        max-width:80%;
        
    }
    footer .basic-text-area .ft-logo-wrapper img {
        max-width:100%;
    }
    footer .ft-logo-wrapper {
        padding-bottom: 30px;
    }
    footer :has(.toggle-btn) ul {
        display: none;
    }
    footer :has(.toggle-btn) .down ul {
        display: block;
        padding-left:20px;
    }
   
    footer h5:has(.toggle-btn) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    footer .toggle-btn {
        width:95%;
        position: absolute;
        text-align: right;
        display: block;
    }
  footer .basic-text-area .col-sm .address-fonts-2  {
        padding: 0 10px ;
    }
   
    footer .phone-wrapper a:after {
        opacity: 1;
        transform: none;
         margin-left:10px;
        position: relative;
        width:auto;
        
    }
    footer .basic-text-area .col-sm h5:has(.toggle-btn) {
        position: relative;
        padding: 10px 0;
        margin-top:15px;
     
    }
    footer .basic-text-area .col-sm:nth-of-type(3) {
        border: 1px solid rgba(255,255,255,0.6);
           border-left:0;
        border-right:0;
    }
     footer .basic-text-area .col-sm:nth-of-type(4) {
/*         border: 1px solid rgba(255,255,255,0.6); */
           border-left:0;
        border-right:0;
        padding: 10px;
        margin-top:15px;
    }
}