:root{
  --primary-color:#0E4122; /*British racing green*/
  --primary-color-dark: #0A2E18; 
  
  --secondary-color:#fae4c1;/*wheat*/
  --soft-secondary-color:#fcefda; /*soft wheat*/
  --soft-secondary-color-op80:rgba(252,239,218,0.8); /*soft wheat op 80*/

  --tertiary-color:#C77A56;/*Brown sugar*/
 
  --accent-color:#994733;/*chestnut*/
  

  --soft-white: #fff; /*white*/
  --soft-white-2:#f9f2ee;
  --back-drop-1:#fae4c1; /*wheat*/
  
  --bs-v1:0px 1px 8px 3px rgba(0,0,0,0.38);
  --bs-v2:1px 1px 8px #000 inset;
}

body {
  overflow-x: hidden;
}


:is(h1,h2,h3,h4,h5,h6):has(em u) strong, 
:is(h1,h2,h3,h4,h5,h6):has(u em) strong,
:is(h1,h2,h3,h4,h5,h6):has(strong u) em, 
:is(h1,h2,h3,h4,h5,h6):has( u strong) em,
:is(h1,h2,h3,h4,h5,h6):has(strong em) u, 
:is(h1,h2,h3,h4,h5,h6):has(em strong) u, 
:is(h1,h2,h3,h4,h5,h6) :is(b i u),
:is(h1,h2,h3,h4,h5,h6) :is( u b i),
:is(h1,h2,h3,h4,h5,h6) :is( i u b),
.accent-title{
  font-family:  "Great Vibes", cursive;
  font-weight:400;
  text-decoration: none;
  font-style: normal;
  font-size:1.1em;
  padding: 5px 6px;
  line-height: 1em;
   
} 
:is(h1,h2,h3,h4,h5,h6):has( em strong) u,
:is(h1,h2,h3,h4,h5,h6):has(strong u) em,
:is(h1,h2,h3,h4,h5,h6):has( u strong) em{
  text-decoration: none;

} 

.accent-title {
  font-size:1.8em;
   grid-column:span 2;
    text-align: left;
    padding-bottom: 0;
    line-height: .8em;
}

h2:has(.accent-title, .title-part2) {
    width:fit-content;
    text-align: right;
     display: grid;
    grid-template-columns: 1fr 2fr;
    margin: auto auto auto 0;
   
}
h2 .title-part2 {
    grid-column: 2;
    line-height:1em;
    font-size:1.4em;
}
@media(max-width:500px){
  h2 .title-part2 {
    font-size:1.1em;
  }
}


p {
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
/*max width adjustments*/
section .inner-wrap .container, 
section .theme-secondary:not(.inner-wrap) > div, 
.full-width-quicklinks.tall-version .full-width-quicklink-container {
     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,
   :is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) .full-width-quicklinks.tall-version .full-width-quicklink-container{
       max-width:100%;
      
  }
@media(min-width:767px){

  .cho-hero-textwidget .cho-hero-textwidget-content  div[id*="contentAlignment"] {
  justify-content: flex-start;
  }
      
}
@media (max-width: 1024px) and (max-height: 767px) and (orientation: landscape) {
  h2:has(.accent-title, .title-part2) {
      margin:auto;
  }
  .cho-hero-textwidget .cho-hero-textwidget-content div[id*="contentAlignment"]:has(.accent-title) {
      justify-content: center;
  }
}
@media(max-width:767px){
  h2:has(.accent-title, .title-part2) {
    margin:auto;
  }
}
/*----------------------------------------------------------transparent navigation---------------------------------*/

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

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


}
header:not(.scrolled-head):not(.no-banner):hover {

/*     background: linear-gradient(to bottom, var(--primary-color-dark) 0%, rgba(6,25,14,0.49) 95%, transparent 100%); */



}
body:not(.module-page):not(.no-banner) .header-space {
display: none ; /* Conditionally Removes the header space */
}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{
background-image: url('/getmedia/897074a7-f9d2-46c8-8144-ac803b155100/Conquistador_-_Logo-White.aspx'); 
 background-size:contain;
 background-repeat: no-repeat;
 background-position: center;
}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img img {
 display: none;
}


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

/*       .master-layout-1:not(.no-banner):not(.scrolled-head) #divMainMenu nav #main-menu>li>a:hover, 
.master-layout-1:not(.no-banner):not(.scrolled-head) #divMainMenu nav #main-menu>li>a.highlighted, 
.master-layout-1:not(.no-banner):not(.scrolled-head) #divMainMenu nav #main-menu>li>a.active-link {
box-shadow: 0 -10px 0 -6px var(--accent-color) inset;
} */
.master-layout-1 #divMainMenu nav #main-menu>li>a:hover, 
.master-layout-1 #divMainMenu nav #main-menu>li>a.highlighted, 
.master-layout-1 #divMainMenu nav #main-menu>li>a.active-link {
box-shadow: 0 -10px 0 -6px var(--accent-color) inset;
}
.master-layout-1:not(.no-banner):not(.scrolled-head) svg, .master-layout-1:not(.no-banner):not(.scrolled-head) #menu-button i.fa-bars  {
fill:white;
color:white;
}


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

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


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

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

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

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

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

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

header.master-layout-1:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
  border: 1px solid var(--soft-secondary-color);
  height:fit-content;
  padding: 10% ;
}

.master-layout-1 .MyProfile_Member:focus {
  background:none;
  outline:none;
}
.master-layout-1 .MyProfile_Member:focus .MyProfile_Name {
  border-width: 2px;
  background-color:var(--accent-color)
}

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

@media(hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){
  header.master-layout-1 .container-fluid {
  padding:0;
  }


  header.master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member {
    background:var(--primary-color);
    
  }
  .master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_SignedIn .SignedIn_container .MyProfile_Name,
  .master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_SignedOut .SignedIn_container  .MyProfile_Name{
      padding: 0px 25px;
  }

  header.master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_Name {
  color:white;
    text-shadow: none;

  }
  header.master-layout-1:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
  color:white;
    text-shadow:none;
  }
  .master-layout-1.scrolled-head .logo {
    padding:0px;
  }

}

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

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

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

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

}  


header.master-layout-1 #main-menu ul li a.active-link,
header.wgt-header nav.showMobile #main-menu li ul a.active-link{
color:var(--accent-color);
font-weight:bold;
text-decoration: underline;
}
.master-layout-1:not(.scrolled-head):not(.no-banner) #divMainMenu nav:not(.showMobile) #main-menu ul a {
  background-color:rgba(255, 255, 255, 0.95);
}
.master-layout-1:not(.scrolled-head):not(.no-banner) #divMainMenu nav:not(.showMobile) #main-menu ul a:hover,
.master-layout-1 #divMainMenu nav:not(.showMobile) #main-menu ul a:hover {
  background-color:var(--soft-secondary-color);
}
.master-layout-1 #divMainMenu nav:not(.showMobile) #main-menu ul a {
  background-color: white;
}
.master-layout-1 nav #main-menu:not(.showMobile) ul {
  background-color: transparent;
}




@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
  header.master-layout-1 #main-menu  {
  padding-top:0;
  }
  .master-layout-1 #divMainMenu nav #main-menu>li a{
  padding-left: 25px;
  padding-right: 25px;
  }

}


/*-------------mobile---------------------------*/
.master-layout-1 .showMobile i.fa-plus:before {
content:'\f105';
}
.master-layout-1 .showMobile i.fa-minus:before {
content:'\f107';
}
.master-layout-1 .showMobile i.fa-plus:before, 
.master-layout-1 .showMobile i.fa-minus:before {
font-size:1.7em;
font-weight:600;
color:white;

}

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

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

}

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

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

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

.master-layout-1 #divMainMenu nav.showMobile #main-menu li a {
color:white;
}

.master-layout-1 #divMainMenu nav.showMobile #main-menu a.active-link,
.master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
background:var(--primary-color);
color:white;

}

  
/*-------------------------------------------------LOADER------------------------------------------*/
 .preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
body.EditMode .preloader, body.EditMode .loader {
display: none !important;
}
body {
  margin: 0;
}

#preloader{
  background: var(--primary-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#preloader img{
  width: 30vw;
  height: auto;
  margin-bottom: 50px
} 

 .loader {
width: 10px;
height: 10px;
border-radius: 50%;
display: block;
margin:15px auto;
   
position: relative;
color: #FFF;
left: -225px;
box-sizing: border-box;
animation: shadowRolling 2s linear infinite;
    transform: scale(2);
}

@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 white, 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 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 var(--back-drop-1), 120px 0 var(--back-drop-1), 110px 0 var(--back-drop-1), 100px 0 var(--back-drop-1);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--back-drop-1), 120px 0 var(--back-drop-1), 110px 0 var(--back-drop-1);
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--back-drop-1), 120px 0 var(--back-drop-1);
  }
  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(--back-drop-1);
  }
  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);
  }
}  

/*----------------------------buttons --------------------*/
:is(.theme1, .theme2, .theme3) .theme-secondary a.btn, 
:is(.theme1, .theme2, .theme3) .theme-secondary .e3-button, 
:is(.theme1, .theme2, .theme3) .theme-secondary .FormButton.btn,
:is(.theme1, .theme2, .theme3)  a.btn, 
:is(.theme1, .theme2, .theme3) .e3-button, 
:is(.theme1, .theme2, .theme3) .FormButton.btn  {
    border: 2px ridge var(--accent-color);
    outline:1px  solid var(--accent-color);
    outline-offset: 4px;
    /* background:transparent; */
    
}

:is(.theme1, .theme2, .theme3) .theme-secondary a.btn:hover, 
:is(.theme1, .theme2, .theme3) .theme-secondary .e3-button:hover, 
:is(.theme1, .theme2, .theme3) .theme-secondary .FormButton.btn:hover,
:is(.theme1, .theme2, .theme3)  a.btn:hover, 
:is(.theme1, .theme2, .theme3) .e3-button:hover, 
:is(.theme1, .theme2, .theme3) .FormButton.btn:hover {
    outline-offset: -6px;
    
}

.theme1 .theme-secondary a.btn, 
 .theme1 .theme-secondary .e3-button, 
.theme1 .theme-secondary .FormButton.btn,
.basic-block.theme3  .theme-secondary a.btn, 
 .basic-block.theme3 .theme-secondary .e3-button,
 .basic-block.theme2  .theme-secondary a.btn:hover, 
 .basic-block.theme2 .theme-secondary .e3-button:hover, 
.slide-show-ts.theme2 .theme-secondary .e3-button,
.slide-show-ts.theme2 .theme-secondary a.btn,
.expandable-content-widget.theme2 .btn,
.expandable-content-widget.theme2 .e3-button,
.tab-content .btn,
.tab-content .e3-button,
.slide-show-ts.theme3 div a:is(.btn, .e3-button){
  /* color:#2a2a2a; */

}
.basic-block.theme3  .theme-secondary a.btn:hover, 
 .basic-block.theme3 .theme-secondary .e3-button:hover, 
.basic-block.theme3 .theme-secondary .FormButton.btn:hover,
.basic-block.theme2  .theme-secondary a.btn, 
 .basic-block.theme2 .theme-secondary .e3-button ,
.slide-show-ts.theme1 .theme-secondary .e3-button,
.slide-show-ts.theme1 .theme-secondary a.btn{
    /* color:white; */
}

/*----------------------------text-area----------------------------------------*/
.basic-text-area p {
  max-width: 800px;
      margin: 1em auto;
}
.col-fw .basic-text-area {
  padding-left:15px;
  padding-right:15px;
}
/*---------------------------------------------Tabbed content -----------------------------------*/
.tab-content .tab-content-content {
  margin-top:6px;
}
.tab-content .tab-content-nav .full-width-tabmenu{
  font-size:1.3em;
  
} 
.tab-content .tab-content-nav .full-width-tabmenu .active-tab{
    outline-offset: 1px;
    font-weight:600;
    letter-spacing: 1px;
    z-index: 1;
} 

.tab-content.theme1 .tab-content-nav .full-width-tabmenu{
  border-bottom: 4px solid var(--primary-color);

} 
.tab-content.theme1 .tab-content-nav .full-width-tabmenu .active-tab{
  border-bottom: 2px solid var(--accent-color);
   outline: 2px solid white;
    background:var(--primary-color-dark);
    color:white;
   
  
} 
.tab-content.theme1 .tab-content-nav .full-width-tabmenu li[id*="listItem"]:hover{
    background:var(--primary-color);
    color:white;
  
}
.tab-content.theme1 .tab-content-content  .tab-content-item{
  border:1px solid var(--primary-color);
}

.tab-content.theme2 .tab-content-nav .full-width-tabmenu{
  border-bottom: 4px solid var(--accent-color);
  
  
} 
.tab-content.theme2 .tab-content-nav .full-width-tabmenu .active-tab{
  border-bottom: 2px solid var(--secondary-color);
   outline: 2px solid white;
    background:var(--accent-color);
    color:white;

} 
.tab-content.theme2 .tab-content-nav .full-width-tabmenu li[id*="listItem"]:hover{
    background:var(--secondary-color);
    color:#2a2a2a;
  
}
.tab-content.theme2 .tab-content-content  .tab-content-item{
  border:1px solid var(--accent-color);
}


.tab-content.theme2  .tab-content-item {
background-color:var(--soft-white-2);

}
/*---mobile--*/
.tab-content span#tab-mobile-selection{

 background-color:var(--soft-white-2);
}
.tab-content span#tab-mobile-selection {
font-size:1.5em;
}

.tab-content.small .tab-content-nav ul li[role*="tab"]{ 
background:var(--soft-secondary-color);
} 
.tab-content.theme1 span#tab-mobile-selection{

border: 2px solid var(--primary-color);
}
.tab-content.theme2 span#tab-mobile-selection{

border: 2px solid var(--accent-color);
}
/*---------------------------------------expandable content ----------------------------*/
/*------------------------------------------------------------------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:not(.e3-button) {
    color:var(--primary-color);
}

/*--------------------------------------------------Contact Cards-----------------------------*/

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

.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item {
  background:none;
/*     border-color:var(--accent-color); */
  border:none;
/*     box-shadow: var(--bs-v1); */
}
.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item h3 {
font-size:2.5em;
  color:var(--primary-color)
}
.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item h4 {
font-size:1.8em;
  font-style: italic;
}
.contact-card-widget.card-view .card-bio {
  text-align: center;
  width:100%;
}
.card-bio{
  display: none;
}
.card-bio.expand{
  display: block;
}

.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item .read-more i {
  float: left;
  width: 100%;
  font-size: 1.4em;
  text-align: center;
  cursor: pointer;
  color:var(--primary-color);
  font-weight:bold;
      
}
.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item .read-more .fa-angle-down{
  font-family:'Roboto, sans-serif';
  font-style:italic;
}
.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item .read-more .fa-angle-down:before{
  content:'view bio';
}

@media(max-width:767px){
  .contact-card-widget .card-bio {
  text-align: center;
  }
}

 /*---------------------------------------custom slide show------------------------------------------------------*/
 .slide-show-ts .container{
  width: 100%;
  
}
.slide-show-ts.theme1 :is(h2,h3,h4,h5,h6){
    color:var(--soft-secondary-color);
    line-height: 1em;
} 
.slide-show-ts.theme2 :is(h2,h3,h4,h5,h6){
  color:var(--primary-color);
  line-height: 1em;
} 

.slide-show-ts .text-right, .slide-show-ts .text-left {
  text-align: unset;
}

.slide-show-ts .e3-table-wrap:not(.has-image){
display: flex;
  flex-direction: column;
/*   justify-content: center; */
    height:100%;
    padding: 50px;
    /* margin-top:auto; */
    margin-top:14%;
    z-index: 10;
    background:var(--soft-white-2);
    
}
.slide-show-ts.theme1 .e3-table-wrap:not(.has-image){
      background:var(--primary-color);
      color:var(--soft-white-2);
 
  }
  .slide-show-ts.theme2 .e3-table-wrap:not(.has-image){
   
        background:var(--soft-white-2);
        color:#2a2a2a;
   
    }

.slide-show-ts .e3-table-wrap.has-image{
 overflow: visible;
  display: block;
  /* align-items: center; */
}
.slide-show-ts .e3-table-wrap.has-image .slick-list{
      box-shadow: var(--bs-v1);
}

.slide-show-ts.theme3 div {
  color:#2a2a2a;
}



@media(min-width:1024px){
    .slide-show-ts .inner-wrap {
      padding: 80px 0px !important;
  }    

  .slide-show-ts .e3-table-wrap:is(.text-left){
    transform: translate(10%, 50px);
  }
  .slide-show-ts .e3-table-wrap:is(.text-right){
  transform: translate(-10%, 50px);
  }

  .slide-show-ts .e3-table-wrap.has-image.image-right{
  transform: translatex(-10%);
  }
  .slide-show-ts .e3-table-wrap.has-image.image-left{
  transform: translatex(10%);
  }
}
@media(max-width:1023px){
  .slide-show-ts .e3-table-wrap:not(.has-image){
      order:1;
  }
  .slide-show-ts .e3-table-wrap:not(.has-image){
      padding: 20px;
  }

 
}
@media(max-width:1023px){
  .slide-show-ts .row {
      flex-direction: column;
  }
      .slide-show-ts .e3-table-wrap:not(.has-image) {
          transform: none;
          display: block;
          flex-basis:auto;
          width: calc(100% - 40px);
          margin: 10px 20px 20px;
      }  
      .slide-show-ts .e3-table-wrap.has-image {
        transform: none;
        margin-top:20px;
    }
   
      
}
  
/*------------------------------------------has-image, creates effect with slideshow text area------------------------*/
.backdrop-effect{
  width: 98vw;
    padding:30px;
    position: relative;
    z-index: 0;
    height:100%;
    margin-left: auto;
    margin-right: auto;
   
    
}
 .slide-show-ts .backdrop-effect:before{
          content: '';
        position: absolute;
        background-color: var(--secondary-color);
        background-image:url('/getmedia/014725db-d774-49c2-973e-1fde7bb8cf0a/sand-surface-texture-beige-background-zen-peace-concept.aspx');
    background-size:cover;
        background-repeat: no-repeat;
     width:80%;
     height:75%;
     right: 10%;
        top: 0%;
        z-index: 0;
    }
  
   
  
@media(min-width:1024px){
  .backdrop-effect{
    width:50vw;
    margin-top:auto;
    margin-bottom:auto;
  }

}
@media(max-width:1023px){
  .backdrop-effect {
    padding-bottom:10px;
  }
 .slide-show-ts .backdrop-effect:before {
  height:60%;
  width:95%;
  right:2.5%;
  top: 18%;  
  }
      
}
/*--------------------------------------------title and summary --------------------------------------------*/
.basic-block.theme1:not(:has(.img-block.hidden)) .theme-secondary, 
.basic-block.theme2:not(:has(.img-block.hidden)) .theme-secondary {
  background-color:unset;
  margin: 50px auto;
}
.basic-block.theme3:not(:has(.img-block.hidden)) .theme-secondary {
 padding: 50px 0;
}
.basic-block:is(.theme1, .theme2):not(:has(.img-block.hidden)){
  position: relative;
  margin: 50px auto ;
  padding:15px;
}
.basic-block:is(.theme1, .theme2):not(:has(.img-block.hidden)):before,
.basic-block:is(.theme1, .theme2):not(:has(.img-block.hidden)):after{
 content:'';
  width:50%;
  height: 40%;
  position: absolute;
  z-index: -1;

}
.basic-block:not(:has(.img-block.hidden)):before{
  top:0;
}
.basic-block:not(:has(.img-block.hidden)):after{
  bottom:0;
   
}

.basic-block:not(:has(.img-block.hidden)):has(.image-left):before,
.basic-block:not(:has(.img-block.hidden)):has(.image-right):after{
  right:0;
   
   
}
.basic-block:not(:has(.img-block.hidden)):has(.image-right):before,
.basic-block:not(:has(.img-block.hidden)):has(.image-left):after {
  left:0;
   
}


.basic-block:not(:has(.img-block.hidden)):has(.image-right):after,
.basic-block:not(:has(.img-block.hidden)):has(.image-left):after{
  background-color:var(--secondary-color);
  background-image:url('/getmedia/014725db-d774-49c2-973e-1fde7bb8cf0a/sand-surface-texture-beige-background-zen-peace-concept.aspx');
background-size:cover;
   background-repeat: no-repeat;
   
}
.basic-block:not(:has(.img-block.hidden)):has(.image-left):before,
.basic-block:not(:has(.img-block.hidden)):has(.image-right):before{
/*      background:var(--back-drop-1); */
  background:var(--primary-color);
}
.basic-block.theme2:not(:has(.img-block.hidden)):has(.image-left):before,
.basic-block.theme2:not(:has(.img-block.hidden)):has(.image-right):before{
/*      background:var(--back-drop-1); */
  background:var(--accent-color);
}



.basic-block:not(:has(.img-block.hidden)) .img-block {
  z-index:1;
  box-shadow: var(--bs-v1);
}
.basic-block:not(:has(.img-block.hidden)) .text-block {
  z-index:10;
}
.basic-block:not(:has(.img-block.hidden)) .text-block {
 background:var(--soft-white-2);   
  color:#2a2a2a;
  border:1px solid var(--tertiary-color);
  outline: 2px ridge var(--accent-color);
  outline-offset: 10px;
}

.basic-block.theme2:not(:has(.img-block.hidden)) .text-block {
  background:var(--primary-color);   
  color:var(--soft-white-2);
  border:1px solid var(--tertiary-color);
  outline: 2px ridge var(--soft-secondary-color);
    
}


@media(min-width:1024px){
  .basic-block:not(:has(.img-block.hidden)) .image-left,
  .basic-block:not(:has(.img-block.hidden)):has(.image-right) .text-block{
    transform: translatex( 8%);
  }
  .basic-block:not(:has(.img-block.hidden)):has(.image-left) .text-block,
  .basic-block:not(:has(.img-block.hidden)) .image-right{
    transform: translatex( -8%);
  }
   
}

@media(max-width:1023px) {
    .basic-block.theme1:not(:has(.img-block.hidden)) .theme-secondary, 
    .basic-block.theme2:not(:has(.img-block.hidden)) .theme-secondary {

      margin: 20px auto;
    }
          
    .basic-block:not(:has(.img-block.hidden)):before,
    .basic-block:not(:has(.img-block.hidden)):after{
      width:70%;
      height: 50%;
    }
    .basic-block:not(:has(.img-block.hidden)) .basic-block-wrapper {
      flex-direction: column;
    }
    .basic-block:not(:has(.img-block.hidden)) .img-block{
      width:calc(94% + 20px);
      left:0;
      margin: 0px auto 20px;
       
    }
    .basic-block:not(:has(.img-block.hidden)) .text-block {
      width:94%;
      left:0;
      margin: 20px auto;
    }
   
    
}


/*--------------------------------------------slick adjustments-------------------------*/
.slick-dotted .slick-dots{
  position: relative;
    transform: translatey(15px);
}
:is(.theme1, .theme2, .theme3) .slick-dotted .slick-dots li.slick-active button {
    background-color:var(--tertiary-color);
    width:30px;
    border-radius: 10px;
    border:1px solid var(--accent-color);
}

 .slick-dotted .slick-dots li.slick-active  {
   
    width:30px;
  
}
:is(.theme1, .theme2, .theme3)  .slick-dotted .slick-dots li button {
  background-color:var(--back-drop-1);
  border:1px solid var(--tertiary-color);
    margin-left:auto;
    margin-right:auto;
    
    
}


@media(max-width:767px){
    .slick-arrow.slick-next {
    right: 16px;
  }
    .slick-arrow.slick-prev {
    left: 16px;
  }
}

/*----------------------------------------------full width quick link-------------------------------------*/
.full-width-quicklinks .full-width-quicklink-container {
  padding-bottom:50px;
}
.full-width-quicklink-content {
  outline:2px solid var(--secondary-color);
  outline-offset: -20px;
}

a.quicklink-flex-item:hover .full-width-quicklink-content {
  outline:2px solid var(--accent-color);
  outline-offset: -15px;
}

.full-width-quicklinks h3.normal-font {
  font-size:2.5em;
}
.full-width-quicklinks.theme2 {
  background:var(--primary-color);
}
@media(max-width:1023px){
    .full-width-quicklinks h3.normal-font {
    font-size:1.5em;
  }
}
/*--------------------------------------full width quicklinks thin verison-------------------------*/
.full-width-quicklinks:has(.thin-bkgd) .full-width-quicklink-container {
  padding-bottom:0px;
}
.full-width-quicklinks:has(.thin-bkgd)  .small-font {
  font-size:1.5em;
  margin-bottom:0;
}
@media (max-width:1199px){
  .full-width-quicklinks .full-width-quicklink-wrapper.thin-bkgd .full-width-quicklink-content {
  padding: 0px 15px;
}
  .full-width-quicklinks:has(.thin-bkgd)  .small-font { 
      font-size:1.5em;
  }
  
  .full-width-quicklinks .full-width-quicklink-wrapper.thin-bkgd {
      padding: 50px 0;
  }
          .full-width-quicklinks:has(.thin-bkgd) .full-width-quicklink-container.five-ql .quicklink-flex-item  {
            flex-basis: 20%;
           
  }
  .full-width-quicklinks:has(.thin-bkgd) .full-width-quicklink-container {
      flex-direction: row;
  }

}
@media (max-width:767px){
.full-width-quicklinks:has(.thin-bkgd) .full-width-quicklink-container.five-ql .quicklink-flex-item  {
            flex-basis: 50%;
   
           
  }
  .full-width-quicklinks:has(.thin-bkgd) .full-width-quicklink-container {
      flex-flow: row wrap;
  }
  .full-width-quicklinks:has(.thin-bkgd) .full-width-quicklink-container.five-ql .quicklink-flex-item:nth-child(5) {

      flex-basis: 100%;
  } 
}
/*-----------------------------------custom class  tall version--------------------------------*/
.full-width-quicklinks.tall-version a {
  margin: 2.5% 1.5%;
  box-shadow: var(--bs-v1);
}

.full-width-quicklinks.tall-version .full-width-quicklink-wrapper.large-bkgd {
  padding: 55% 0;
}



/*---------------------------Login screen-----------------------*/
@media(min-width:1024px){
  .login-widget-wrapper {
      width:80%;
      max-width:1440px;
  }
}

/*-------------------------------------------------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 ;
  }
}
/*--------------------------------------Banners------------------------*/
.cho-hero-textwidget-logo img{
  max-width:500px;
}
.cho-hero-textwidget .cho-hero-textwidget-content .col-sm-8 {
  width:100%
}

@media(max-width:1024px){
  .video-widget .cho-hero-textwidget-content {
      color:white;
      text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
     
  }
}
@media(max-width:767px){
  
  .video-widget .cho-hero-textwidget-content {
      color:#2a2a2a;
      text-shadow: none;
     
  } 
}




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


/*-------------------------------------------------------------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: 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 #2a2a2a;
background: #fff;
    box-shadow: inset 1px 1px 3px #c6c1c1;
}
.widget-bizform .FormPanel .form-control:focus {
  border-bottom: 2px solid var(--accent-color);
  background-color: #fafbfc;
  outline: 1px solid var(--tertiary-color);
}

/*--------------------------------------------------------------------- biz-forms---------------------------------------*/


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

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


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

}

.widget-bizform .FormPanel .FormButton {
     height:42px;
  font-family:'Roboto', sans-serif;
}


/*------------------------------------------------------------------------custom blog search, filter and pagination---------------------------*/
/*visiblity and display none, conflict with search function*/
.hideTags {
  opacity: 0;
  position: absolute;
  left:-100vw;
}

.blog-news-img-tile {
  min-height: 250px;
  min-width:250px;
  background-size:cover;
}
.blog-news-content {
  display: flex;
  margin: 15px 0;
}
.no-results-sign {
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  margin-top:50px;
}

#blogFormWrapper {
  margin:20px 0px;
}
#blogFormWrapper input {
  padding: 9px 20px 9px 10px;
  
}
#blogFormWrapper select {
  margin: 0px 15px;
  text-transform: capitalize;
  padding: 10px 20px 10px 10px; 
}
#blogFormWrapper button {
 background:var(--primary-color);
  color:white;
/*     font-weight:bold; */
  font-size:1.1em;
/*     text-transform: uppercase; */
  padding: 7px 20px; 
}
#blogFormWrapper #filters {
  display: flex;
  flex-direction: row;
}

@media(max-width:600px){
  #blogFormWrapper #filters {

    flex-direction: column;
  }
      #blogFormWrapper select {
    margin: 15px 0px;
  
    padding: 10px 20px 10px 10px; 
  }
      .blog-news-content {
          flex-direction: column;
      }
}


/*-------------------------side bar---------------------*/
.blog-news-recent-post ul {
  list-style:none;
  padding:0 5px;
}


.blog-news-overall-info-wrapper {
display: flex;
  flex-direction: column;
}

.blog-news-main {
  order:1;
}
.blog-news-archive {
  order:2;
}
.blog-news-recent-post {
  order:3;
}
.blog-news-rss-link {
  order:4;
}
.blog-news-secondary-description{ 
display: none;
  order:5;
}
.blog-news-overall-info {
  transform: translatey(-92px);
}

@media(max-width:900px){
  .blog-news-overall-info {
      transform: none;
  }
  .blog-news-article-widget .container {
      flex-direction: column;
      
  }
  .blog-widget-zone {
      width:100%;
  }
}

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

.pagination-nav-blogs {
  width:fit-content;
  
  
}

.pagination {
  display: block;
  position: relative;
  height:fit-content;
  float:left;
width:100%;   
}

nav.pagination-nav-blogs {
  background-color:transparent;
  margin:20px auto;
  height:auto;
  display: flex;

}
.nav-pag-btn {
  height:35px;
  width:35px;

  border: 1px solid #ededed;
  /* background:var(--primary-color);
  border-color:light-dark(rgba(38,84,56,0.35), rgba(38,84,56,0.9)); */
}
.nav-pag-btn:disabled {
  /* color:rgba(173,171,171,0.83);
background:rgba(38,84,56,0.95); */
text-decoration: underline;
  font-weight:bold;
  color:white;
  background:var(--primary-color);
}
.cursor-not-allowed {
  display: none;
}

@media(max-width:1024px){
  nav.pagination-nav-blogs {
      position: relative;
      left:unset;
      top:unset;
      z-index: unset;
  }
}
/*----------------------------------------------Blog Revelry page---------------------------------*/
.basic-block.feature-post .basic-block-wrapper {
  flex-direction: column;
  
}

.basic-block.feature-post .basic-block-wrapper .img-block {
  transform:none;
  width:100%;
  left:0;
  
}

.basic-block.feature-post .basic-block-wrapper:has(.img-block) .text-block {
  transform: none ;
  width:100%;
  left:0;
  outline:none;
}

.basic-block.feature-post:before, .basic-block.feature-post:after {
  display:none;
}
.basic-block.feature-post:is(.theme1,.theme2):not(:has(.img-block.hidden)) {
  margin:auto
}

.basic-block.feature-post:not(:has(.img-block.hidden)) .theme-secondary {
  margin:auto;
}
.feature-post.basic-block:not(:has(.img-block.hidden)) .img-block  {
  box-shadow:none;
}
.basic-block.feature-post:not(:has(.img-block.hidden)) .text-block {
  background:none;
/*     border:none; */
}

.cho-quicklink-basic-wrapper h4 {
 /*font-size:1.8em;*/
}
/*-------------------------------------------.w-50---------------------------------------*/
.col-fw:has(.w-50){
  max-width:1170px;
  margin:auto;
 width:100%;
  float:none;
}
section.w-50 {
  width:50%;
  margin: auto;
}

section.w-50 .container {
  width:100%;
}

.widget-pagination {
  display: none;
}
.blog-aggregator h2 {
  font-size:2.5em;
}
.blog-aggregator h4 {
  font-size:1.5em;
}
.blog-aggregator .latest-news-content-details > * {
  margin-bottom:2px;
  margin-top:3px;
}
.latest-news-row-widget .blog-aggregator .latest-news-content-row {
  padding:0;
  margin:0;
}



.blog-50-col-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
}
.blog-50-col-wrapper .w-50 {
  border-bottom:1px solid #eee;
      padding: 20px 10px; 
}
.news-widget .latest-news-img-tile {
  background-size:cover;
}
@media(max-width:767px){
.card-widget .cho-quicklink-tile {
  max-width:90%;
}
.blog-50-col-wrapper .w-50 {
  width:90%;
  
}
.blog-50-col-wrapper{
justify-content: center;
}

}
/*----------------------------clamp blog previews-----------------------------*/
.latest-news-content-details:has(p[id*="WidgetBlogPostSummary"]){
  -webkit-line-clamp: 7;
  }
  .blog-news-content-details:has(a.blog-news-link), .latest-news-content-details:has(p[id*="WidgetBlogPostSummary"]){
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    }
    .latest-news-content-details:has( p[id*="WidgetBlogPostSummary"]) p{
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      }
      .latest-news-content-details:has( p[id*="WidgetBlogPostSummary"]) p:empty {
          display: none;
      }
/*------------------------blog post--------------------------*/
body:not(:has(.blog-news-row-widget)) .news-widget .blog-news-img-tile img {
  height:300px;
  width:100%;
object-fit: cover;
  float:left;
  
}

.blog-post-right {
  width:30%;
}
.blog-post-left{
  width:70%;
  display: flex;
  flex-direction: column;
}

.blog-post-left .order0 {
  order:0;
}
.blog-news-article-widget .container .blog-post-left .blog-news-img-tile.order1 
{
  order:1;
}
body:not(:has(.blog-news-row-widget))  .blog-news-title:has(h2), 
body:not(:has(.blog-news-row-widget))  .news-widget .blog-news-img-tile,
body:not(:has(.blog-news-row-widget))  .blog-widget-zone:has(.blog-news-article-info), 
body:not(:has(.blog-news-row-widget))  .blog-widget-zone.bottom-zone:has(.comments),
body:not(:has(.blog-news-row-widget))  .blog-news-article-widget .blog-widget-zone.blog-side-column {
    width:100%;
}

body:not(:has(.blog-news-row-widget))  .blog-news-article-widget .blog-news-overall-info {
    transform: none;
}




/*----------------------------------------pagination navigation--------------------------------*/
nav {
  background:transparent;
}
nav#pg-nav{
  background: none;
display: flex;
justify-content: center;
padding: 10px 0;
position: relative;
left: 0;
margin: 0 auto;   

}
/* :is(.theme2, .theme3) nav#pg-nav a {
      color:white;
} */
.theme1 nav#pg-nav a {
      color:black;
}
ul.navPagination{
  display:flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  margin-top:0;
  margin-bottom: 0;
}
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----*/
.blog-pagination .blog-aggregator .latest-news-content.pag-dis{
display: none;
}
/*----------------------------------------------Footer------------------------------*/

footer {
  border-top:4px ridge var(--secondary-color);
}
.basic-footer-widget {
  background-color:var(--primary-color-dark);
  border-top:none;
}
.basic-footer-widget .footer-content-padding {
  padding: 15px 0;
}
.custom-footer.basic-text-area {
  padding: 30px 0;
  background:var(--primary-color);
}
.custom-footer .container {
  /* max-width: 1440px; */
  max-width:1280px;
  width:100%;
}
.custom-footer img {
  height:auto;
  width:250px;
  
}
.custom-footer .row {
  align-items:center;
}

.custom-footer div[id*="Col4"]{
  flex-grow:.5;
}
@media (min-width:768px) and (max-width:1023px){
  .custom-footer div[id*="Col2"], .custom-footer div[id*="Col3"]  {
      width: 45vw;
  }
  .custom-footer .row {
      flex-direction: row;
      
  }
}

@media (max-width:1023px){
  .custom-footer.basic-text-area {
       padding: 10px 0;
  }
  .custom-footer div[id*="Col"]  {
      flex-basis:unset;
  }
  .custom-footer div[id*="Col"] {
      padding:15px;
      display: flex;
      flex-direction: column;
      align-items:center;
      justify-content: center;
  }
  .custom-footer div[id*="Col4"] br {
     line-height:10px;
  }
}