:root {
  --primary-color-hs:226, 62%;/*-----hsl of primary blue-part 1--*/
  --primary-color-l:23%;/*----hsl of primary blue part 2--*/

    --primary-color:#16265D; /*main blue*/
    --primary-color-op40:#16275d5e; /*main blue*/

    --primary-color-op80:rgba(22,39,93,0.82); /*main blue*/

    --secondary-color:#FF8552; /*Coral*/
    --accent-color:#FF8552;/*Coral*/

    --soft-backdrop:#fffdfa; /*sandy white*/





}
body {
    overflow-x:hidden;
    font-size:18px;
}
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}

body:not(.EditMode) :is(a.btn, a.e3-button){
    position:relative;
transition: all 0.2s linear 0s;
text-transform: uppercase;
font-weight:500;
}
body:not(.EditMode) :is(a.btn, a.e3-button):hover {
  padding-right: 40px;
  padding-left:40px;
}
  body:not(.EditMode)  :is(a.btn, a.e3-button):before {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
      color:white;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;

  }
  body:not(.EditMode)  .theme2 :is(a.btn, a.e3-button):before {

      color:var(--primary-color);

  }

  body:not(.EditMode) :is(a.btn, a.e3-button):hover {
    text-indent: -20px;
}
    body:not(.EditMode) :is(a.btn, a.e3-button):hover:before {
      opacity: 1;
      text-indent: 0px;
    }

/*------------------------------------header------------------------------------------------*/
.master-layout-1 {
    width:100vw;
}
.master-layout-1 #divMainMenu nav #main-menu>li>a {
    text-transform: uppercase;
    font-weight:500;
    font-size:1.05em;
}

#main-menu a::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: var(--accent-color);
  bottom: 0;
  left: 0;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform .7s ease-in-out;
}
#main-menu a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
.master-layout-1 #divMainMenu nav.showMobile #main-menu >li> a.active-link,
.master-layout-1 #divMainMenu nav.showMobile #main-menu >li>a.current {
    border-bottom:2px solid var(--accent-color);

    color:white;
    font-weight:700;
}
.master-layout-1 nav #main-menu ul a.active-link,
.master-layout-1 nav #main-menu ul a.current,
.master-layout-1 #divMainMenu nav #main-menu ul a.active-link{
    border-left:4px solid var(--accent-color);
}
.master-layout-1 #divMainMenu nav #main-menu ul a{
  text-transform: uppercase;
  font-weight:600;
}
.fullmenu nav .top-nav li i {
  padding: 12px 17px;
  width:50px;
}
@media (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
    /* .master-layout-1 .MyProfile_Member .MyProfile_SignedIn,
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut{
        background:var(--primary-color);

    } */
    .master-layout-1 .logo {
      min-width:150px;
  }
  .master-layout-1 .logo .static-img{
      justify-content: center;
  }
    .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name,
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
        color:var(--primary-color);
        font-weight:600;
         transition:color .2s linear;
         transition-delay: 0.15s;
    }
    .master-layout-1 .container-fluid {
        padding-right:0;
    }
    .master-layout-1 .MyProfile_Member {

        background-image: linear-gradient(90deg,
           var(--soft-backdrop) 0%,
             var(--soft-backdrop) 50%,
             var(--primary-color) 50%,
             var(--primary-color) 100%);
         background-size: 200%;
         transition: background-position .4s cubic-bezier(.47, .1, 1, .63), color .2s linear;
         transition-delay: 0.0s, 0.15s;

   }
   .master-layout-1 .MyProfile_Member{
   margin-right: 20px;
   }
   .master-layout-1 .MyProfile_Member:hover{
   background-position: -100% 100%;
   }
   .master-layout-1 .MyProfile_Member:hover .MyProfile_Name{
   color:white;

   }
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut{
    position:relative;
transition: all 0.2s linear 0s;
}
  .master-layout-1 .MyProfile_Member .MyProfile_SignedOut:before {
    content: "\f090";
    font-family: FontAwesome;
    font-size: 1.2em;

    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
      color:white;
    right: 15px;
    top: -2px;
    opacity: 0;
    height: 100%;
    width: 40px;
    transition: all .5s linear 0s;
  }

  .master-layout-1 .MyProfile_Member .MyProfile_SignedOut:hover {
    text-indent: -34px;
}
   .master-layout-1 .MyProfile_Member .MyProfile_SignedOut:hover:before {
      opacity: 1;
      text-indent: 0px;
    }

    /*make header thinner*/
    .master-layout-1 #divMainMenu {
      height: 80px;
  }
  .master-layout-1 #divMainMenu nav #main-menu>li>a {
      line-height:80px;
  }
  .master-layout-1 .container-fluid  {
      height:80px;
  }
  .master-layout-1 .logo {
      height:80px;
      padding:10px 0;
  }
  .master-layout-1 .MyProfile_Member {
      height:80px;
  }

}
/*-------------------------------page titles -------------------------------*/
.basic-text-area.theme1 h1:not(.accent){
 color:var(--primary-color)
}

/*--------------------------------------------------------------Hero Banner-------------------------------------------*/
.rotating-image-banner-slider .slick-arrow {
  z-index: 1000 !important;
}

@media(min-width:768px){
  .cho-hero-textwidget.height75 {
  height:calc(100vh - 172px )
}
}
/*-------------------------------------------------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 ;
  }
}

/*-----------------------------------------------Title and summary--------------------------------------------------*/
@media(min-width:768px){
  .basic-block .basic-block-wrapper .img-block {
      min-height: 540px;
  }
  }
@media(max-width:1023px){
  section[id*="TitleAndSummary"] .text-block-wrapper{
  width:100%;
  margin-left:0;
}
.basic-block:not(.background-image, .center) .basic-block-wrapper .text-block {
padding-top:30px;
}
}
@media(min-width:768px) and (max-width:1000px){
.basic-block .basic-block-wrapper{
    flex-direction: column;
}
.basic-block .basic-block-wrapper .img-block {
  width:100%;
  right:inherit;
  left:inherit;
}
  .basic-block .basic-block-wrapper .text-block {
  width:95%;
  right:inherit;
  left:inherit;
}
}
/*-----------------------------------------------------------------expandable content----------------------------------------------*/
.expandable-content-widget:is(.theme2) a.e3-button, .tab-content:is(.theme2) a.e3-button  {
    border-color:var(--primary-color);
 color: white;
 background-color:var(--primary-color);

}
.expandable-content-widget:is(.theme2) a.e3-button:hover,  .tab-content:is(.theme2) a.e3-button:hover{
 color:white
}
.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;
  }



/*---------------------------------------basic text area----------------------------------------------*/
.basic-text-area .container {
  padding: 0 30px;
}
/*-----------------------------------------------full width quicklinks---------------------------*/
.full-width-quicklinks.theme1 .full-width-quicklink-wrapper {
  background:
 linear-gradient(var(--primary-color-op80) 0 0) no-repeat
  calc(200% - var(--p,0%)) 100% / 200% var(--p,.8em);

transition: .3s var(--t,0s), background-position .3s calc(.3s - var(--t,0s));
/*  box-shadow: inset 0 0 5px #000; */
}
.theme1 .theme-primary-hover-in.full-width-quicklink-wrapper:hover {
--p: 100%;
--t: .3s;

}
.full-width-quicklinks .full-width-quicklink-wrapper:hover .full-width-quicklink-content > div  {
 border-bottom:3px ridge var(--accent-color);
 padding:0px 10px;
}

.full-width-quicklinks .full-width-quicklink-container a {
    margin:20px 15px ;
    filter:drop-shadow(1px 2px 3px #000);
}
.full-width-quicklinks {
    padding:5px 10px;
}
.full-width-quicklinks.theme2 {
    background-color:var(--primary-color);
}

.theme1.full-width-quicklinks h3{
  text-shadow:2px 1px 3px black;
} 

@media(min-width:768px) and (max-width:1199px){
    .full-width-quicklinks .full-width-quicklink-container a {
    margin:0px 0px ;
    }
    .full-width-quicklinks {
        padding:20px;
    }
    .full-width-quicklinks .five-ql a:last-of-type .full-width-quicklink-wrapper.large-bkgd{
        padding:18%;
    }
    .full-width-quicklinks .five-ql a:last-of-type.quicklink-flex-item{
        flex-basis:100%;
    }
}
@media(min-width:1200px){
    .full-width-quicklinks {

    padding:20px 10px
}
    .full-width-quicklinks .five-ql a h3.small-font{
        font-size:1.5em;
    }
}


/*---------------------------------------------------------------custom ---------------------------------------------------------------------------------*/
  /*-------------------------------------------------------------custom biz form------------------------------------------*/
/*----------------------------------------------biz form---------------------------------------------------------*/
.widget-bizform  .FormPanel .form-control {
  font-size:16px;
  color:#000;
  font-weight:600;
}
.widget-bizform div[id*="divContainer"] {
    padding: 20px;
}
.widget-bizform-wrapper .InfoLabel{
  text-align: center;
  margin:10px auto;
  display: block;
}


.widget-bizform .container{
    width:auto;
}
.widget-bizform .FormPanel {
  width: fit-content;
  margin: auto;
}
.widget-bizform .EditingFormTable {
  display: block;
    width:96%;
    max-width:800px;
/*     margin:0 auto; */
}
.widget-bizform:has(.full, .half, .third, .comments) tr {
  display: flex;
  flex-direction: column;
        justify-content: flex-start;

}

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

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

/*----------------------------------------pagination navigation--------------------------------*/

nav#pg-nav{
    background: none;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  position: relative;
  left: 0;
  margin: 0 auto;

}
ul.navPagination{
    display:flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin-top:0;
    margin-bottom: 0;
}
nav#pg-nav .page-link {
    padding: 0.5rem 0.75rem;
    border: 1px solid #ededed;
    font-size:18px;
   text-decoration: none;
}

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

nav#pg-nav li {
    list-style: none;
}

.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----*/
.gallery-pagination .my-gallery a.pag-dis{
  display: none;
}


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

footer {
  font-size:16px;
}

footer .basic-text-area .theme-secondary {
 background:var(--primary-color);
}
footer .basic-text-area img {
   /* max-height:200px;
filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.75)); */

}
footer .basic-text-area img {
  max-height:110px;
}

.simple-footer-widget .footer-content-padding{
    padding-top:25px;
    padding-bottom:15px;
}
.simple-footer-widget .footer-content-padding .footer-top-line{
    padding-bottom: 10px;
}
.simple-footer-widget .footer-content-padding .footer-top-line p[id*="Address"]{
    width:90%;
    border-bottom: 1px solid #ffffff47;
    margin-bottom: 10px;
}
.footer-bg {
  /* background:rgba(22,38,93,0.30); */
}