:root{
    --primary-color-1:#4A5760;
    --secondary-color-1:#6A6B64; /*Dark sage*/
    --secondary-color-2:#D4D6C8; /* gray sage*/
 
    --light-primary-1:#F8F7F4; /*sea salt*/
    --light-secondary-1:#FCFBFB; /*off white*/
    --primary-accent-color-1:#998873; /*light brown*/
    --primary-accent-color-2:#bfc5cb; /*light tint of brand blue*/ 
    --primary-color-low-opacity-1:#4a5760be; /*blue with opacity at about 70%;*/
    --secondary-color-1-low-opacity-1:#6a6b64db; /*Dark sage with low opacity*/
    --secondary-color-2-low-opacity-1:#d4d6c8c5; /*sage with low opacity*/
    --dark-shade-1:#373734; /*jet (soft dark)*/
    --dark-shade-2:#21272B; /*gun mental*/
    --light-font-1:#FCFBFB; /*off white*/

}
/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
    display: none;
}
body{
    font-size:18px;
    }


/*---------------------------------NAV items---------------------------------------*/
.master-layout-1 .logo{
    padding: 10px 0;
/*     max-width:220px; */

}
.master-layout-1 #divMainMenu nav #main-menu>li>a {
    font-variant: small-caps;
    font-size: 1.2em;
}
@media  (hover: none), (max-width:1024px){
    .master-layout-1 .logo img{
        max-height:60px;
        max-width: auto;
        margin:0 auto;
    }
}

/*-----------------------custom class .same-size-btn-lists ---------------------*/
.same-size-btn-lists .theme-secondary .e3-button{
    display: flex;
    
}
.same-size-btn-300  .theme-secondary .e3-button{
    width:305px;
   justify-content: center;
}


/*----------------------------------Theme color overrides----------------------*/
.theme4 .theme-secondary{
    color:var(--dark-shade-2);
}
.theme6 .theme-secondary{
    color:var(--light-font-1);
}
.theme3 .theme-secondary{
    color:var(--light-font-1);
}
.theme2 .theme-secondary{
    color:var(--dark-shade-2);
}
/*----------------fix expandable and tabbed linkes for theme 3 -----------------------*/
section.expandable-content-widget.theme3 a:hover, section.tab-content.theme3 a:hover{
    color:var(--primary-color-1);
}
/*---------------------------Title overrides ------------------*/
h1{
    line-height:2.5;
}
.theme1 h2{
    color:var(--primary-color-1);
}
.theme2 h2{
    color:var(--primary-color-1);
}
.theme1.cho-hero-textwidget .cho-hero-textwidget-content.background-overlay{
    background:none;
    
    
} 
/*--------title over ride .no-underline---------------*/
.basic-text-area.no-underline h2:after {
    content:'';
}
.theme1.cho-hero-textwidget  h2:after{
    
    content:url('/getmedia/5fea8b67-b905-4f90-9f63-3840d1b5e829/flourish-divider-variant-3.aspx');
        width:fit-content;
    margin:0 auto;
    display:block;
    
}
@media (max-width:1024px){
    section[id*="ImageBanner"].theme1.cho-hero-textwidget {
        
        background:var(--primary-color-1);
    }
     section[id*="ImageBanner"].theme1.cho-hero-textwidget h2{
         color:white;
    }
    section[id*="ImageBanner"].theme1.cho-hero-textwidget h2:after{
        content:url('/getmedia/43cb12fa-d981-43a1-9892-23a06409eb8f/flourish-divider.aspx');
        filter:invert(1);
    }
}

@media (min-width:768px){
    
.theme1.cho-hero-textwidget h2{
    color:var(--light-font-1);
    background:linear-gradient(to bottom,transparent 0%, var( --primary-color-low-opacity-1) 30%, transparent 100%);
    width: 75%;
    margin:0 auto;
    padding: 20px 50px;
}
    .theme1.cho-hero-textwidget  h2:after{
    
    content:url('/getmedia/43cb12fa-d981-43a1-9892-23a06409eb8f/flourish-divider.aspx');
        width:fit-content;
    margin:0 auto;
    display:block;
    filter:invert(1) opacity(1) drop-shadow(0px 4px 4px #000);
    
}

    
   
}

div[id*="TextArea"] h2:after, div[id*="TextArea"] h1:after{
    content:url('/getmedia/5fea8b67-b905-4f90-9f63-3840d1b5e829/flourish-divider-variant-3.aspx');
        width:fit-content;
    margin:0 auto;
    display:block;

}
.theme4 div[id*="TextArea"] h2:after, .theme4 div[id*="TextArea"] h1:after{
      content:url('/getmedia/5fea8b67-b905-4f90-9f63-3840d1b5e829/flourish-divider-variant-3.aspx');
    
}
.theme3 div[id*="TextArea"] h2:after, .theme3 div[id*="TextArea"] h1:after {
    content:url('/getmedia/43cb12fa-d981-43a1-9892-23a06409eb8f/flourish-divider.aspx');


}
.theme3 div[id*="TextArea"] h2:after, .theme5 div[id*="TextArea"] h2:after, .theme6 div[id*="TextArea"] h2:after, .theme3 div[id*="TextArea"] h1:after, .theme5 div[id*="TextArea"] h1:after, .theme6 div[id*="TextArea"] h1:after{
    filter:invert(1);

}

.theme3 .theme-secondary a.btn:hover, .theme4 .theme-secondary a.btn:hover, .theme5 .theme-secondary a.btn:hover{

    background:var(--primary-accent-color-1);
  
    
}





/*--------------------------------Title and Summary----------------------------*/

div[id*="TitleAndSummary"] div[id*="divImageBlock"] {
    outline: 7px double var(--light-secondary-1);
    outline-offset: -20px;
}
@media(max-width:768px){
    div[id*="TitleAndSummary"].img-block img{
       
         outline: 7px double var(--light-secondary-1);
    outline-offset: -20px;
    }
}

/*adjusts background title and summary image overlay*/
.theme1 .dark-op75{
       background: linear-gradient(to right,var(--primary-color-1) 0%, rgba(255,255,255,0) 85%);
}
.theme1 .dark-op75 a{
    background: var(--primary-color-1);
}
.theme1 .dark-op75 h2[id*="TitleAndSummary"]{
    color:var(--light-font-1);

}

.theme2 .dark-op75{
       background: linear-gradient(to right,var(--dark-shade-1) 0%, var(--secondary-color-1-low-opacity-1) 40%, rgba(255,255,255,0) 90%);
}
.theme2 .dark-op75 a{
    background: var(--primary-accent-color-1);
}
.theme2 .dark-op75 h2[id*="TitleAndSummary"]{
    color:var(--light-font-1);

}

.theme1 .theme-secondary-op75 a.e3-button{
    color:#fafafa;
}

/*-------------------------------full width quicklinks .narrow-QL gives thin effect while keeping the secondary hover text-----------------*/
.narrow-QL.full-width-quicklinks .full-width-quicklink-wrapper.large-bkgd{
      padding: 21.5% 0 21.5%;  
}


/*--------------------------------Contact Cards--------------------------------------*/
h3[id*="ContactsandStaff"] {
   font-size:1.5em;
    font-weight:bolder;
  font-style:normal;
}
h4[id*="ContactsandStaff"] {
    font-size:1.2em;
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item{
    border:4px double var(--secondary-color-1);
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item input{
    background-color: var(--primary-color-1);
    color:var(--light-font-1);
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item input:hover{
    background-color:var(--primary-accent-color-2);
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner a {
    text-decoration: none;
    color:var(--primary-color-1);
    font-size:1.1em;
    
}
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner a[id*="Phone"]{
    font-size:1.2em
}
.contact-card-widget.card-view .card-bio{
    width:100%;
    text-align: center;

}
.contact-card-widget.card-view .card-bio p{
    margin:0
}

/*----------------------------------------------------tabbed content with custom class .tabbed-years---------------------------------*/
.tabbed-years .full-width-tabmenu li{
    font-size:1.8em;
    font-weight: bold;
 
}
.tabbed-years.tab-content .tab-content-nav ul li:hover, .tabbed-years.tab-content .tab-content-nav ul li.active-tab {
       color:var(--primary-color-1);
    
}
.tabbed-years h3{
    color:var(--primary-color-1);
    font-size:1.4em;
}
.tabbed-years hr{
    border-top-color: var(--secondary-color-2)
}

.tabbed-years.tab-content .tab-content-nav ul{
    border-bottom-color: var(--secondary-color-2);
}
.tabbed-years.tab-content .tab-content-nav ul li {
    color: var(--secondary-color-1);
}
/*---------------------------------------table override ------------------------------*/
.theme1 table thead {
    background-color:var(--primary-color-1);
    color:#fafafa;
    letter-spacing: 1px;
   
}

.theme1 table caption{
    font-weight:bold;
    color:var(--primary-color-1);
}
.theme1 table td,section[id*="TextArea"].theme1 table th{
    padding: 2px 5px;
}
.theme1 table tbody tr td{
   border-bottom:1px solid var(--primary-accent-color-2)
    
}
.theme1 table tbody tr:last-child td{
    border-bottom:none;
    
}
.theme1 table tbody tr th{
    background-color:var(--primary-accent-color-2);
      letter-spacing: 1px;
   
}
/*-----------------------------------------------------Footer----------------------*/
.footer-bg, .footer-bg a{
    color:var(--dark-shade-2);
}
.footer-3-row .footer-content-padding .address-fonts-2{
    font-size:1em;
    }
    .footer-3-row .footer-content-padding .footer-flex .flex-item{
        padding: 0 12px 0;
    }
/*--------------------------------------------Custom brand title -----------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Italianno&amp;display=swap');
.brand-title h1::first-line{
 font-size:2.8em;
    line-height:1;
    text-wrap: nowrap;
    font-family: 'Italianno', cursive;
      font-variant:normal;
/*     letter-spacing: 3px; */
   
}
.brand-title h1{
    font-family:"roboto";
    font-variant: small-caps;
    line-height:1;
     font-style: normal;
    font-size:2.2em;
margin:20px auto;
     
}

@media (max-width:800px){

.brand-title h1::first-line{
 font-size:2.8em;
    line-height:1;
   
   
}
.brand-title h1{
    line-height:1;
    font-size:1.5em;
    margin:20px auto;
     
}
}
/*----------------------------------------------custom class villages-------------------------------*/
.expandable-content-widget.villages .expandable-container .collapse .row .expandable-content-wrapper:first-of-type{
    flex-basis: auto;
    
}
.expandable-content-widget.villages .expandable-content-heading > a{
    font-size:1.3em;
  
}
@media(min-width:768px){
.expandable-content-widget.villages .expandable-container .collapse .row .expandable-content-wrapper:nth-of-type(2n){
 flex-basis: 30%; 
    border-right:2px solid #d1d1d1;
    margin-right:20px;
}

}

