:root{
    --primary-color-1:#002855; /*RC Blue*/
    --primary-color-1-light: #193759; /*RC Blue Pastel*/
    --primary-color-1-low-op:#002855ad; /*RC Blue lower opacity*/
    --primary-color-1-op-90:rgba(0,40,85,0.9);/*RC Blue op 76*/
    --primary-color-soft: #e6eaee; /*softest blue*/ 
    --primary-color-soft-2: #9cabbd; /*softest blue*/ 

    --primary-color-2:#425264; /*Blue Grey*/
    --primary-color-2-light:#677B87; /*Light Blue Grey*/
   
    --secondary-color-1:#837550; /*RC Gold*/
   --secondary-color-2: #bfaf81; /*soft gold*/
    --secondary-color-1-light:#9c9173; /*RC Gold lighter hue - not yet approved*/
    --soft-white:#F8F6ED; /*RC Cream*/

    --primary-dark:#000000; /*black*/ 
    --primary-light:#ffffff; /*white*/ 
    
}
.page-content{
    overflow: hidden;
}
section:not(.theme2, .theme5) p {
    color:var(--primary-color-1);
}
/* :is(.theme1, .theme2, .theme3, .impactful-p) p { */
:is(.impactful-p) p {
    
    font-size:1.2em;
    /* text-transform: uppercase; */
    font-weight:600;

}
body{
    /* text-transform: uppercase; */
    overflow-x: hidden;
}
/*-------------------------header------------------------------------*/

header:not(.no-banner):not(.scrolled-head) ul.child-nav li a{
  color: #fff; /* YOU COLOR HERE FOR THE DROP DOWN MENU LINKS */
}


@media (min-width:1024px) {
    header.master-layout-1{
        background:   var(--primary-color-1-op-90);
    }
  header:not(.scrolled-head):not(.no-banner) {
      background:  var(--primary-color-1-low-op) ; /* To make the header transparent */
/*       box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0); To remove the box shadow */
  }


  body:not(.module-page) .header-space {
      display: none ; /* Conditionally Removes the header space */
  }

  header:not(.no-banner):not(.scrolled-head) ul:not(.child-nav) li a,
  header:not(.no-banner):not(.scrolled-head) span {
      color: var(--soft-white) ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/
  }
}

@media(min-width:1024px) and (hover:hover){
    .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 -8px 0 -6px #f8f6ed inset;
    }
 
    .master-layout-1.scrolled-head #divMainMenu,
    .master-layout-1.scrolled-head .container-fluid {
        height: 60px;
    }
    header.master-layout-1 .container-fluid,
     .master-layout-1 #divMainMenu {
        height: 120px;
    }
  header.master-layout-1 .logo{
      
        height:120px;
        padding:10px 0;
      
    }

    .master-layout-1.scrolled-head .logo, 
    .master-layout-1.scrolled-head-temp .logo{
      
        height:60px;
        padding:5px 0;
      
    }
    
     
    .master-layout-1.scrolled-head #divMainMenu #main-menu>li>a, 
    .master-layout-1.scrolled-head-temp #divMainMenu #main-menu>li>a {
        line-height: 60px;
    }
     
    
    
    .master-layout-1.scrolled-head .MyProfile_Member,
    .master-layout-1.scrolled-head-temp .MyProfile_Member{
        height:60px;
    }
    
    /*---------hover effect on nav item-----------*/
    .master-layout-1 #divMainMenu nav #main-menu li a::before{
        content:'';
        position: absolute;
        bottom:2px;
        left:0;
        height:2px;
        width:100%;
        background: var(--secondary-color-1);
        transform-origin: right;
        transform: scaleX(0);
         transition: transform .3s ease-in-out;
        
    }
 
    .master-layout-1 #divMainMenu nav #main-menu li a:hover::before{
         transform-origin: left;
         transform: scaleX(1);
        
    }
    
    
    /*-----------------move nav items to left-------*/
    .master-layout-1 #divMainMenu{
        width: calc(100% - 360px);
        /* position: relative; */
        transform:none;
        left: 120px;
    }
    .master-layout-1 #divMainMenu nav #main-menu{
        margin-left:0;
    }
    
    
    
}
header.master-layout-1 #divMainMenu nav #main-menu li a{
    /* text-transform: uppercase; */
    font-weight:400;
    margin: 0 10px;
}
header.master-layout-1 #divMainMenu nav #main-menu li .child-nav a {
    margin:0;
}
.master-layout-1 .MyProfile_Member .MyProfile_Name{
    font-weight:400;
}
/*------------------------------------font color-----------------------------*/

section:is(.basic-text-area):is(.theme1, .theme3, .theme4, .theme6 ) :is(h1,h2,h3,h4,ul, p ,h5,h6), 
section:is(.basic-text-area):is(.theme1, .theme3, .theme4, .theme6 ) .theme-secondary  {
    color:var(--primary-color-1);
}


section:is(.basic-text-area):is(.theme2, .theme5 ) :is(h1,h2,h3,h4, ul, p ,h5,h6) ,
section:is(.basic-text-area):is(.theme2, .theme5 ) .theme-secondary  {
    color:white;
}


/*---------------------------------titles---------------------------*/


.basic-block h2,.basic-text-area h2{
    font-size:2.624em;
}
.basic-block h3, .basic-text-area h3{
    font-size:2.466em;
}
.basic-block h4, .basic-text-area h4{
    font-size:2.225em;
}
.basic-block h5, .basic-text-area h5{
    font-size:1.889em;
}
.basic-block h6, .basic-text-area h6{
    font-size:1.79em;
}  
section[id*="TitleAndSummary"] h4{
    color:var(--secondary-color-1);
    /* font-style:italic; */
    /* text-transform: inherit; */
}
section[id*="TitleAndSummary"].theme2 h4{
    color:var(--secondary-color-1-light);
}
.basic-text-area.theme2 h4 {
    color:white;
}

.basic-text-area:not(.theme5, .theme2) :is(h2, h3, h4, h5), 
.basic-block:is(.theme4) h2{
    color:var(--primary-color-1);
}
section[id*="ImageAndTextQuickLinks"].theme1 h4{
    margin-bottom:10px;
    /* filter:drop-shadow(4px 2px 6px rgba(0,0,0,0.94)); */
}
section[id*="ImageAndTextQuickLinks"] .cards-4 h4{
    font-size:1.6em;
     
}
section[id*="ImageAndTextQuickLinks"] .cards-3 h4{
    font-size:1.8em;
      
}

.cho-quicklink-tile .cho-quicklink-basic-wrapper:hover:has(.image16-9) .widget1-title, 
.cho-quicklink-tile .cho-quicklink-basic-wrapper:focus:has(.image16-9) .widget1-title, 
.cho-quicklink-tile-large .cho-quicklink-basic-wrapper:hover:has(.image16-9) .widget1-title,
.cho-quicklink-tile-large .cho-quicklink-basic-wrapper:focus:has(.image16-9) .widget1-title {
color:var(--primary-color-1);
}
section[id*="FullWidthQuickLink"] h3.normal-font{
    font-size:1.8em;
   
}

section:is(.theme1, .theme2, .theme3).basic-text-area.banner-title .inner-wrap:has(h2){
    margin-top:30px;
    margin-bottom: 20px;
}
@media(max-width:768px){
   section:is(.theme1, .theme2, .theme3).basic-text-area.banner-title .inner-wrap:has(h2){
    margin-bottom:10px;
} 
}
:is(.theme1, .theme3).basic-text-area.banner-title h2{
     background:var(--primary-color-1);
    color:white;
    font-size:3em;
    text-align: center;
    /* font-style:italic; */
    padding: 10px 10px 10px 10px;
    width:auto;
    position: relative;
    margin-bottom:40px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    transform: translatey(-5px)
    
  
    
    
}
:is(.theme1, .theme3).basic-text-area.banner-title h2:before{
    content:'';
    height:3px;
    width:300vw;
    left:-100vw;
    z-index: -1;
    margin: 26px 0;
    top:.2em;
    position: absolute;
 background:var(--secondary-color-1);
    
}


:is(.theme1, .theme3).basic-text-area.banner-title h2:after{
    content:'';
    height:calc(100% + 42px);
    width:300vw;
    left:-100vw;
    z-index: -1;
    margin: 22px 0;
    padding: 22px 0;

    position: absolute;
     background:linear-gradient(to bottom,  transparent 12px, var(--primary-color-1) 12px, var(--primary-color-1) calc(100% - 12px), transparent calc(100% - 12px));
    top:-44px;
    border:2px solid var(--secondary-color-1);
}
.login-widget-wrapper h3 {
    font-size:2em;
}
.login-widget-wrapper h2 {
    font-size:2.1em;
}

.gold-title :is(h2,h3,h4,h5,h6) {
    color:var(--secondary-color-1);
}
.expandable-content-widget :is(h2,h3,h4){
    color:var(--primary-color-1)
}
.expandable-content-widget :is(h5, h6) {
    color:var(--secondary-color-1)
}
.expandable-content-heading {
    font-size:1.889em;
}
/*--------------------------------------------Buttons -------------------------------------------------------------*/

[class*="theme"] a.btn, [class*="theme"] a.e3-button{
    margin:20px;
    padding:18px;
    position: relative;
}
[class*="theme"] a.btn:before, [class*="theme"] a.e3-button:before,
[class*="theme"] a.btn:after, [class*="theme"] a.e3-button:after{
  content:'';
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    transition: all 1s ease;
    outline: 2px solid white;
    outline-offset: -10px;
}
[class*="theme"] a.btn:hover:before, [class*="theme"] a.e3-button:hover:before{

    height:calc(100% + 30px);
    width:calc(100% + 30px);
    top:-20px;
    left:-20px;
    outline: 2px solid;
    outline-offset: 0px;
}

[class*="theme"] a.btn:hover:after, [class*="theme"] a.e3-button:hover:after{

      height:calc(100% + 30px);
    width:calc(100% + 30px);
    top:-10px;
    
    left:-10px;
    outline: 2px solid;
    outline-offset: 0px;
}
:is(.theme3, .theme6) a.btn:hover:before, :is(.theme3, .theme6) a.e3-button:hover:before, 
:is(.theme3, .theme6) a.btn:hover:after, :is(.theme3, .theme6) a.e3-button:hover:after{

    outline-color:var(--secondary-color-1);
  
}

:is(.theme1, .theme4) a.btn:hover:before, :is(.theme1, .theme4) a.e3-button:hover:before, 
:is(.theme1, .theme4) a.btn:hover:after, :is(.theme1, .theme4) a.e3-button:hover:after{

    outline-color:  var(--primary-color-1);
   
}
:is(.theme2, .theme5) a.btn:hover:before, :is(.theme2, .theme5) a.e3-button:hover:before, 
:is(.theme2, .theme5) a.btn:hover:after, :is(.theme2, .theme5) a.e3-button:hover:after{

    outline-color:  var(--soft-white);
   
}
:is(.theme2, .theme5) .theme-secondary a:is(.e3-button, .btn) {
    background-color:var(--secondary-color-2);
    /* color:var(--primary-color-1) */
    color:white;
    text-shadow: 0px 0px 4px black;
}
:is(.theme1, .theme3, .theme4, .theme6) a:is(.e3-button, .btn):hover {
    color:white;
    
}
:is(.theme2, .theme5) .theme-secondary a.e3-button:hover,
:is(.theme2, .theme5) .theme-secondary a.btn:hover{
    background-color:var(--secondary-color-1);
    color:var(--soft-white);
}

/* [class*="theme"] a.btn:hover, [class*="theme"] a.e3-button:hover{
    margin:20px;
    padding:18px;
    outline: 2px double var(--primary-color-2);
    outline-offset: 10px;
} */




/*-------------------------------links----------------------------------*/
.expandable-content-widget .row > :not(blockquote) a {
    color: var(--primary-color-1);
}
:is(.theme1, .theme4) .theme-secondary a {
    color:var(--primary-color-1);
}
:is(.theme1, .theme4) .theme-secondary a:hover {
    color:#2a2a2a;
}
.basic-text-area a {
    word-break:break-all;
}

/*-----------------------------------bread crumbs----------------------------------------*/
.breadcrumb-widget.theme4 .theme-secondary {
    background-color:var(--secondary-color-2);
    color:#fff;
}
.breadcrumb-widget.theme4 .theme-secondary-text, 
.breadcrumb-widget.theme4 .theme-secondary a  {
  color:#fff; 
}


/*--------------------------------login form-----------------------------------------------*/
@media(min-width:1024px) and (max-width:1400px){
    .login-widget-wrapper {
        width: 70%;
    }
}
/*--------------------------------------------------blockquotes-----------------------------------------------*/
section:is(.theme1, .theme3) blockquote {
    background-color:var(--soft-white);
}

section:is(.theme2, .theme5) blockquote {
    background-color:var(--primary-color-1-light);
    color:white;
}

section.theme5 blockquote a,
section:is(.theme2, .theme5) blockquote a, 
.expandable-content-widget:is(.theme2, .theme5) .row blockquote a {
    color:white;
    font-weight: 600;
}

/*---------------------------------expandable-content-content------------------------------------*/
.expandable-content-widget h2 {
    color:var(--secondary-color-1);
}
/*------------------------------image and text quick links--------------------------------------------------------*/
.card-widget.theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper {
    background:var(--secondary-color-2);
    color:white
}
 
.card-widget.theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper  h4{
    color:white
}
.card-widget.theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper  p {
    color:var(--primary-color-1)
}
.card-widget:not(.background-image):is(.theme2,.theme5) .theme-secondary .cho-quicklink-tile .cho-quicklink-basic-wrapper:hover h4 {
    color:var(--primary-color-1);
}
@media (prefers-contrast: more) {
    .card-widget.theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper {
        background:var(--secondary-color-1);
    }
}
@media(max-width: 1220px) {
    .card-widget .container > .flex-equal-height {
        flex-direction: column;
    }
    .card-widget .cho-quicklink-tile.cards-3:nth-child(2) {
        margin: 20px auto;
    }
    .card-widget .cho-quicklink-tile.cards-3 {
        width: 90%;
        max-width: 90%;
        margin: 20px auto;
    }
        
    }
/*-----------------------------------------------------Title and summary custom accent-ts-banner-------------------------------*/
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3){
    margin-top:30px;
    margin-bottom:40px;
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) h2{
     background:var(--primary-color-1);
    color:white;
    font-size:1.8em;
    text-align: right;
    /* font-style:italic; */
    padding: 10px 10px 10px 10px;
    width:auto;
    position: relative;
/*      z-index: ; */
    margin-bottom:40px;
/*     align-self: flex-end; */
    margin-left: auto;
  
    
    
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) h2:before{
    content:'';
    height:3px;
    width:300vw;
    left:-100vw;
    z-index: -1;
    margin: 26px 0;
    top:0;
    position: absolute;
 background:var(--secondary-color-1);
    
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) h2:after{
    content:'';
    height:calc(100% + 42px);
    width:300vw;
    left:-100vw;
    z-index: -2;
    margin: 22px 0;
    padding: 22px 0;
/*     outline:1px solid var(--secondary-color-1);
    outline-offset: -50px; */
    position: absolute;
/*  background:var(--primary-color-1); */
     background:linear-gradient(to bottom,  white 12px, var(--primary-color-1) 12px, var(--primary-color-1) calc(100% - 12px), transparent calc(100% - 12px));
    top:-44px;
    border:2px solid var(--secondary-color-1);
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p {

    width:45%;
/*     max-width:600px; */
    float:left;
    clear:both;
    position: relative;
    padding: 10px 20px;
      margin: auto 0px;

}
section[id*="TitleAndSummary"].center:is(.theme1,.theme3) p:has(strong){
    color: var(--secondary-color-1);
}
section[id*="TitleAndSummary"].center.theme2 p{
    color: var(--soft-white);
}

section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:has(strong)  {
    font-size:4em;
   
    /* font-style: italic; */
    
        font-family: "Libre Baskerville", serif;
 
    letter-spacing: 4px;
    width:52%;
    display: block;
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p strong{
    font-weight:200;
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) .text-block-wrapper{
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: center;
    margin-left:0;
    width:100%;
    max-width:1400px;
    padding:0;
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) .inner-wrap {
    height:100%;
    position: relative;
    z-index:10;
     min-height:100%;
     
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) .inner-wrap .basic-block-wrapper{
       
    padding-bottom:10px;
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3){
    min-height:100%
}

section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) a{
/*     width:30%;
    margin:40px 40%; */
    margin-top:40px;
    margin-bottom: 40px;
    height:fit-content;
   
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:nth-child(even){
    text-align: right;
    
}

section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:nth-child(odd){
    text-align: left;
    
}
section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3).basic-block .basic-block-wrapper .text-block{
    justify-content: center;
    max-width:1400px;
}

@media(max-width:1024px){
    section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) .text-block-wrapper{
        width:100%;
    }
    section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p  {
        width:44%;
        margin: auto 0px;
        font-size:1.1em;
        padding:10px;
    }
    section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:has(strong) {
        font-size:3.1em;
        letter-spacing: 2px;
        width:56%;
/*         text-wrap: nowrap; */
    }
    section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) a {
        width:auto;
        margin:30px auto;
    }
}

@media(max-width:768px){
    section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p ,section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:has(strong) {
        width:50%;
    }
   
}
@media(max-width:500px){
     section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) .text-block-wrapper{
        flex-direction: column;
         align-items: center;
    }
    section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:nth-child(odd), section[id*="TitleAndSummary"].center:is(.theme1, .theme2, .theme3) p:nth-child(even){
        width:100%;
        text-align:center;
    }
}

/*-----------------------------------------------------------title and summary with image-----------------------------------------------------------*/
section[id*="TitleAndSummary"]:is(.theme1,.theme2, .theme3):not(.accent-ts-img-banner, .center) .theme-secondary {
    background:none;
    position: relative;
   
}
/* section[id*="TitleAndSummary"]:is(.theme1, .theme3):not(.accent-ts-img-banner, .center) .theme-secondary :is(h1,h2,h3,h4,h5,h6, p, ul),
section[id*="TitleAndSummary"]:is(.theme1, .theme3):not(.accent-ts-img-banner, .center) .theme-secondary{ 

    color:var(--primary-color-1);
    
} 
section[id*="TitleAndSummary"].theme2:not(.accent-ts-img-banner, .center) .theme-secondary :is(h1,h2,h3,h4,h5,h6,p), ul,
section[id*="TitleAndSummary"].theme2:not(.accent-ts-img-banner, .center) .theme-secondary{
    color:var(--soft-white);
    
} */

section[id*="TitleAndSummary"]:is(.theme2):not(.accent-ts-img-banner, .center) .theme-secondary :is(h1,h2,h3,h4,h5,h6), 
section[id*="TitleAndSummary"].theme2:not(.accent-ts-img-banner, .center) .theme-secondary :is(p, ul),
section[id*="TitleAndSummary"].theme2:not(.accent-ts-img-banner, .center) .theme-secondary{
    color:var(--soft-white);
    
}
section[id*="TitleAndSummary"]:is(.theme1, .theme3):not(.accent-ts-img-banner, .center) .theme-secondary,
 section[id*="TitleAndSummary"]:is(.theme1, .theme3):not(.accent-ts-img-banner, .center) .theme-secondary :is(p, ul){
    color:var(--primary-color-1);
    
}
section[id*="TitleAndSummary"]:is(.theme1,.theme2, .theme3):not(.accent-ts-img-banner, .center) .theme-secondary:before  {
       background: var(--secondary-color-2);
    width: calc(200vw + 60px);
    outline: 2px solid white;
    outline-offset: -15px;
    overflow: hidden;
    content: '';
    height: 100%;
    top:0;
    position: absolute;
    z-index: -1;
    left: -80vw;

}
section[id*="TitleAndSummary"]:is(.theme2):not(.accent-ts-img-banner, .center) .theme-secondary:before {
    background: var(--primary-color-1);
}
section[id*="TitleAndSummary"]:is(.theme1,.theme2, .theme3):not(.accent-ts-img-banner, .center) .text-block-wrapper{
    padding-bottom:10%;
}
@media(max-width:768px){
        section[id*="TitleAndSummary"]:is(.theme1,.theme2, .theme3):not(.accent-ts-img-banner, .center) .text-block-wrapper{
            padding-top:20px;
            padding-bottom: 10px;
    }

}
    
@media(min-width:768px){
    section[id*="TitleAndSummary"]:is(.theme1,.theme2, .theme3):not(.accent-ts-img-banner, .center) .text-block-wrapper{
    padding-top:10%;
    padding-bottom:10%;
}
}
 


/*-------------------------------------------------------basic text area theme 1-3----------------------------------------*/


:is(.theme1, .theme2, .theme3).basic-text-area h4{
     font-size: 4.5em;
    margin-top:30px;
}
:is(.theme1, .theme2, .theme3).basic-text-area p {

    padding-bottom:20px;
}




:is(.theme1, .theme2, .theme3).basic-text-area:before  {
    background:var(--secondary-color-2);
    width:calc(200vw);
    outline: 2px solid white;
    outline-offset: -15px;
    overflow: hidden;
    content:'';
    height:100%;
    position: absolute;
    z-index: -1;
    left:-90vw;

}
@media (prefers-contrast: more) {
    :is(.theme1, .theme2, .theme3).basic-text-area:before {
    background:var(--secondary-color-1);
}}


:is(.theme2).basic-text-area:before{
    background:var(--primary-color-1);
    
}

:is(.theme1, .theme2,  .theme3).basic-text-area .theme-secondary{
    background:none;
    
}


section:is(.theme1, .theme2, .theme3).basic-text-area{
    position: relative;
    background:none;
}

section:is(.theme1, .theme2, .theme3).basic-text-area .container{
    padding-top:30px;
    padding-bottom:30px;
}

@media (min-width:1200px){
    :is(.theme1, .theme2, .theme3, .theme4,.theme5, .theme6).basic-text-area .container{
        width:90%;
        max-width:1400px;
    }
    
}
/*----------------------------------------title and summary with custom class .narrow-ts---------------------------*/
section[id*="TitleAndSummary"]:is(.theme1,.theme2, .theme3):is(.narrow-ts) .text-block-wrapper {
    padding-top: 25px;
    padding-bottom: 0%;
}


/*----------------------------------------title and summary with image accent-ts-img-banner---------------------------*/
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) .basic-block-wrapper {
    max-width:1400px;
    margin:auto;
    min-height: 60vh;
    position: relative;
   
    
   
}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) h2 {
    color:var(--secondary-color-1);
    font-size:1.5em;
    /* font-style:italic; */
    position: relative;
        padding:10px;
    background:white;
     margin:0 auto;
   

}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) h2:before{
    content:'';
   
    width:100%;
    left:0px;
    height:100%;
    border: 2px solid var(--primary-color-1);
    position: absolute;
    padding:10px;
    top:0;
    background:none;

    
}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) h3 {
    color:var(--primary-color-1);
    font-size: max(9vw, 30px);
    /* font-style:italic; */
     padding:10px 18px;
/*  width:90%; */
    text-align: center;

}

.accent-ts-img-banner:is(.theme1, .theme2, .theme3) .theme-secondary{
   background:linear-gradient(to bottom,  white 20%,  var(--primary-color-1) 160%);
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) .basic-block-wrapper{
padding-top:50px;

  
    
}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block{
    z-index:10;  
    width:90%;
    margin:0 auto;

   outline: 2px solid var(--primary-color-1);
    outline-offset: 20px;
    
}

@media(min-width:768px){
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block{
    z-index:10;  
    background-position:top center;
        width:50%;
/* width:35%; */
    margin-bottom:auto;
/*     margin-right:10%; */
    margin-left:30px;
   outline: 2px solid var(--primary-color-1);
    outline-offset: 20px;
      height: calc(72vh + 20px); 
        max-height: 1000px;
/*    height: calc(50vh + 20px); */
/*     flex:50%; */
       
}
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) h2 {
    color:var(--secondary-color-1);
    font-size:2.5em;
    /* font-style:italic; */
    position: relative;
        padding:10px;
        background:none;
   

}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) h2:before{
    content:'';

    width:calc(100vw - 70px);
    max-width:calc(1400px - 50px);
    left:-22px;
    height:100%;
    border: 2px solid var(--primary-color-1);
    position: absolute;
    padding:10px;
    top:0;
    background:none;

    
}
.accent-ts-img-banner:is(.theme1, .theme2, .theme3) h3 {
    color:var(--primary-color-1);
    font-size: max(9vw, 30px);
    /* font-style:italic; */
     padding:10px 18px;
/*  width:90%; */
    text-align: right;

}
    
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3).leftfull .text-block .text-block-wrapper{
    text-align: right;
   
}
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .text-block .text-block-wrapper{
    width:calc(100% - 80px);
    transform: translatex(0%);
        margin-left: 0;
   
   
}
        .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block.col-sm-push-6{
    transform: translatey(-20px) translatex(-80px);
    }
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block:not(.col-sm-push-6){
    transform: translatey(-20px) translatex(-80px);
    }
}

.accent-ts-img-banner:is(.theme1, .theme2, .theme3) .text-block .text-block-wrapper{
    text-align: left;
   
}

@media(max-width:900px) and (min-height:600px){
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) h3{
        font-size:8vw;
    }
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3)  a.btn{
          left:0
    }

}



@media(max-width:767px){
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block{
   
width:90%;
    margin-bottom:auto;
    margin-right:0%;
    margin-left:0px;
    flex:100%;
}
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .text-block .text-block-wrapper,  .accent-ts-img-banner:is(.theme1, .theme2, .theme3).leftfull .text-block .text-block-wrapper {
   width:100%;
    text-align: center;
}
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .basic-block-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) h2:before{
        background:var(--soft-white);
        opacity: .8;
        z-index: -2;
        width:100%;
        left:0;
    }
       .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block.col-sm-push-6{
    transform: translatey(-20px) translatex(0);
    }
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) .img-block:not(.col-sm-push-6){
    transform: translatey(-20px) translatex(0);
    }
}

@media(min-width:1400px){
    .accent-ts-img-banner:is(.theme1, .theme2, .theme3) h3 {
        font-size:11em;
    }
}



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

.modal-gallery-widget .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.theme2 .theme-secondary{
    
     background:linear-gradient(to top,  transparent -100%,  var(--primary-color-1) 75%);
}
.modal-gallery-widget .my-gallery a{
  width: 100%;
  height: 100%;
/*   border-radius: 10px; */
    max-width:100%;
}
.modal-gallery-widget .my-gallery a img{
   object-fit: cover;
}
.modal-gallery-widget .my-gallery  a:nth-child(1n) {
  grid-row: span 1;
}
.modal-gallery-widget .my-gallery  a:nth-child(2n) {
  grid-column: 2fr;
}

.modal-gallery-widget .my-gallery  a:nth-child(3n) {
  grid-row: span 2;
}

.modal-gallery-widget .my-gallery  a:nth-child(4n){
  grid-column: span 2;
}
/*---------------------------------custom preview gallery------------------*/
.modal-gallery-widget.gallery-preview .my-gallery {
      grid-template-columns: 2fr 1fr 1fr;
  grid-auto-rows: minmax(100px, 200px);
   
    
}
[id*="ExtraLarge"].modal-gallery-widget.gallery-preview .container{
    width:90%;
    
}

.modal-gallery-widget.gallery-preview .my-gallery  a:nth-child(1n) {
grid-row: span 2;
}
.modal-gallery-widget.gallery-preview .my-gallery  a:nth-child(2n) {
  grid-column: span 2;
    grid-row:span 1;
}

.modal-gallery-widget.gallery-preview .my-gallery  a:nth-child(3n) {
  grid-column: span 2;
      grid-row:span 1;
}

.modal-gallery-widget.gallery-preview .my-gallery  a:nth-child(4n){
   grid-column: span 2;
      grid-row:span 1;
}
.modal-gallery-widget.gallery-preview .my-gallery  a:nth-child(5n){
   grid-column: span 2;
      grid-row:span 1;
}
.modal-gallery-widget.gallery-preview .my-gallery  a:nth-child(6n){
 grid-row: span 2;
}
@media(max-width:768px){
    .modal-gallery-widget .my-gallery {
        display:flex;
        
    }
    .modal-gallery-widget .my-gallery a{

        max-height: 300px;
    }
}
/*-----------------------------------------------banner -------------------------*/
.cho-hero-textwidget .cho-hero-textwidget-content h2{
    font-size:2.5em;
}
.cho-hero-textwidget .cho-hero-textwidget-content h4{
    font-size:1.25em;
}
@media(max-width:1023px){
.cho-hero-textwidget-logo.smallLogo>img {
    height:150px;
}
.cho-hero-textwidget-logo>img {
    height:200px;
}
}

.cho-hero-textwidget-content.background-overlay:has(.content-center) {
    display: flex;
    align-items:center;
}
@media (min-width: 768px) and (max-width: 1024px) and (max-height: 767px) and (orientation: landscape) {
    .cho-hero-textwidget .cho-hero-textwidget-content {
        position: absolute;
    }
    .cho-hero-textwidget .cho-hero-textwidget-bg {
        min-height:420px;
    }
      .cho-hero-textwidget .cho-hero-textwidget-content.background-overlay {
                    background: rgba(42, 42, 42, .3);
            height:100%;
        }
       .cho-hero-textwidget .cho-hero-textwidget-content  {
            color:white;
            text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
        }   
}
@media(max-height:800px) and (min-width:767px) {
    .cho-hero-textwidget.height50, .cho-hero-textwidget.height25 {
            min-height: 420px;
    }
    .cho-hero-textwidget .cho-hero-textwidget-bg {
        min-height:420px;
    }
}
@media(max-width:767px)  {
    .cho-hero-textwidget .cho-hero-textwidget-bg {
        min-height:300px;
    }
    .cho-hero-textwidget .cho-hero-textwidget-content {
        position: absolute;
    }
        .cho-hero-textwidget .cho-hero-textwidget-content.background-overlay {
                    background: rgba(42, 42, 42, .3);
            height:100%;
        }
        .cho-hero-textwidget.theme1 {
            color:white;
            text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
        }   
        
        .cho-hero-textwidget .banner-btn .btn {
            width:230px;
        }
    }
/*---------------------------------------banner with no text------------------------*/
.no-title .cho-hero-textwidget-content{
    display:none;
}

.cho-hero-textwidget-logo>img {
    display: flex;
}
/* .cho-hero-textwidget .cho-hero-textwidget-content h2{
    font-size:3.7em;
} */

.cho-hero-textwidget.theme2{
    background:var(--primary-color-1);
}
@media(max-width:767px){
    .cho-hero-textwidget.theme2 {
        color:white;
    }
   
}
/* @media(max-width:1024px){
    .cho-hero-textwidget .cho-hero-textwidget-content h2{
    font-size:2em;

}
} */
@media (min-width: 768px) {
    .cho-hero-textwidget .cho-hero-textwidget-content .bottom-center, .cho-hero-textwidget .cho-hero-textwidget-content .content-bottom {
     
        height: calc(100% - 10px);
    }
}
/*---------------------------------------------------------extended back drop-------------------------------------------*/
.col-100 section:is(.theme2, .theme5):before {
    content:'';
    height:100%;
    width:200vw;
    background-color:var(--primary-color-1);
    left:-50vw;
    position: absolute;
    z-index: -1;
}

.col-100 section:is(.expandable-content-widget, .upcoming-event-widget):is(.theme2, .theme5):before {
    background-color:transparent;
}


/*----------------------------------------------custom class timelines -----------------------------------------------------*/

/*------------------------timeline parent above----------------------*/
.container:has(.timeline){
    width: 95%;
    max-width:2000px;
    
   
}
body:not(.EditMode) .container:has(.timeline) .col-100{
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-auto-flow: row dense;
    align-items: start;
/*     flex-direction: column; */
}
/*-----------------------background for timeline-------------------------------------*/
.container:has(.timeline) .col-100:after{
    content: '';
    position: absolute;
    width:102vw;
    height:100%;
    top:0;
    left:-5%;
    z-index: -1;
    /* background: linear-gradient(to bottom, transparent 0%, #6c839d); */
    
}
/*-----------------------------timeline line------------------------*/
.container:has(.timeline) .col-100:before {
    content: '';
    position: absolute;
    width: 8px;
    height: calc(100% - 20px);
    left: calc(50% - 5px);
    bottom:0;
    top:0;
    background-color:var(--secondary-color-2);
}


/*--------------------timeline parent wrapper-------------------------*/
.basic-text-area.timeline {
    padding: 20px;
    width: 90%;
    margin:50px 5%;
    position: relative;
    /* filter: grayscale(85%);  */
}


/*--------------------timeline sub wrapper------------------------*/
.basic-text-area.timeline .inner-wrap{
    border: 2px solid var(--primary-color-1);
    padding: 20px;
    position: relative;

}
/*----------------timeline child wrapper--------------------------*/
.basic-text-area.timeline .row {
    display: flex;
    flex-direction: column;
   
}
.basic-text-area.timeline div[id*="Col"]{
    flex-basis: auto;
}
/*--------------------timeline circle icon------------------------*/

.basic-text-area.timeline:before {
     content:'';
    position: absolute;
   width: 30px; 
    height: 30px;  
    top:38.5%;
    border-radius: 100%;
   border:2px solid var(--secondary-color-2);
    background:white;
  

}
.basic-text-area.timeline:hover:before{
    background:var(--secondary-color-2);
}
/*--------------------timeline arrow icon global------------------------*/
.basic-text-area.timeline .inner-wrap:before {
     content:'';
    position: absolute;
   width: 10%; 
    height: 2%;  
    top:38%;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background:var(--primary-color-1);
    z-index: -1;

}



/*---------timeline  on left------------------*/
.basic-text-area.timeline:nth-child(odd){
    margin-top:20px;
}
/*------------------ on left arrow icon------------*/
.basic-text-area.timeline:nth-child(odd) .inner-wrap:before{
    right:calc(-8.3% );
    transform: rotate(90deg);
}
/*--------------- on left circle icon------------*/
.basic-text-area.timeline:nth-child(odd):before{
    right:calc(-5% - 17px );
   
}
/*---------timeline  on right------------------*/
.basic-text-area.timeline:nth-child(even){
     margin-top:50%;
}
/*----------------- on right arrow icon------------*/
.basic-text-area.timeline:nth-child(even) .inner-wrap:before{
    left:calc(-8.3% );
    transform: rotate(-90deg);
}
/*---------------- on right circle icon------------*/
.basic-text-area.timeline:nth-child(even):before{
    left:calc(-5% - 19px);
   
}

/*----------------------------------------------title adjustments -----------------------------------*/
 .timeline div[id$="divCol1"] h3{
        font-size:4em;
        margin-top:15px;
     
    }
    .timeline .small-text {
        font-size:.6em;
    }
    .timeline:is(.theme4) div[id$="divCol1"] h3 {
        color:var(--primary-color-1);
    }
    .timeline.basic-text-area h4 {
        color:var(--secondary-color-1);
    }
@media(max-width:1300px){
     .timeline div[id$="divCol1"] h3{
        font-size:2.8em;
        
    }
}
/*---------------------img -------------*/
.timeline img {
    margin: 20px auto;
    display:block;
    outline: 2px solid white;
    outline-offset: -15px;
}
@media (max-width:1023px){

/*-------------------timeline parent above------------------*/
body:not(.EditMode) .container:has(.timeline) .col-100{
    display: flex;
    align-items: start;
    flex-direction: column;
}
    
/*-------------------------timeline line------------------*/
.container:has(.timeline) .col-100:before {
    left: 0;
}

 
 
    
/*--------------------timeline wrapper-------------------------*/
.basic-text-area.timeline:nth-child(odd), 
    .basic-text-area.timeline:nth-child(even){
    margin-top:20px;
        
}
     /*-------------------timeline arrow icon--------------------------*/
.basic-text-area.timeline:nth-child(odd) .inner-wrap:before, 
    .basic-text-area.timeline:nth-child(even) .inner-wrap:before{
    right:auto;
    transform: rotate(-90deg);
   left:calc(-7.3% );
          top:15%;
}

/*-----------------timeline ball icon----------------------------*/
.basic-text-area.timeline:nth-child(even):before, 
    .basic-text-area.timeline:nth-child(odd):before{
    left:calc(-5% - 15px);
        right: auto;
        top:16%;
   
}
    
   

}
/*-------------------------------------------------biz forms with custom classes .third .half. full .comments--------------------*/
.widget-bizform .container{
    width:auto;
}

.widget-bizform .EditingFormTable {
  display: block;
    width:90%;
/*     margin:0 auto; */
}
.widget-bizform 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-2);
  background: var( --primary-color-soft);
}
.widget-bizform .FormPanel .form-control:focus {
    border-bottom: 2px solid var(--primary-color-1);
    background-color: #fafbfc;
    outline: 1px solid var(--primary-color-2-light);
}
.theme2.widget-bizform .FormPanel  .form-control:focus {
    border-bottom: 2px solid var(--secondary-color-2);
    background-color: #fafbfc;
    outline: 1px solid var(--secondary-color-2);
} 

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


.FormPanel .FormButton, .FormPanel .FormButton {
    display: inline-block;
      font-family: "Montserrat", sans-serif, sans-serif;
   /* line-height: 20px; */
   font-size:16px;
   height:auto;
} 
.widget-bizform .InfoLabel {
    display: block;
     text-align: center;
 }
/*---------------------backdrop-secondary--------------------------*/
section:is(.theme4, .theme6).backdrop-secondary .theme-secondary{
background:var(--secondary-color-2);
color:white;
}
section:is(.theme4, .theme6).backdrop-secondary .theme-secondary :is(h2,h3,h4,h5,h6, p ,a){
    color:white;
}

/*---------------------------.bold-text-secondary-color ----------------------*/
.bold-text-secondary-color strong {
    color:var(--secondary-color-1)
}
/*----------------------------------------custom class no-link removes the pointer cursor ----------------------------------*/
.no-link :is(a, a:hover, a:active, a:focus){
    cursor: default;
}
/*----------------------------------------custom class remove-last-1---------------------------*/
.remove-last-1 .cho-quicklink-tile.cards-3:nth-of-type(3) {
    display: none;
}
/*--------------------------------------customc class remove-last-2 ---------------------------*/
.remove-last-2 .cho-quicklink-tile.cards-3:nth-of-type(2) {
    display: none;
}
.remove-last-2 .cho-quicklink-tile.cards-3:nth-of-type(3) {
    display: none;
}
/*----------------------------------------------------login------------------------------*/
.login-widget-bg{
    background-color:var(--primary-color-1);
}
/*---------------------------------------footer-------------------------*/
footer .basic-text-area {
    /* background:var(--primary-color-1); */
}
footer .basic-text-area .row {
    width:100%;
    margin-right:auto;
    margin-left:auto;
}
footer :is(.theme1, .theme2, .theme3).basic-text-area:before {
    display: none;
}
footer section:is(.theme1, .theme2, .theme3).basic-text-area {
    background:var(--primary-color-1);
}
footer :is(.theme1, .theme2, .theme3).basic-text-area p {
    padding:0;
    margin:10px auto;
}
footer .basic-text-area img {
    height:150px;
    width:auto;
}
footer section:is(.theme1, .theme2, .theme3).basic-text-area .container {
    padding: 30px 0px 0px;
}
footer .basic-text-area p strong {
    font-size: 1.5em;
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    letter-spacing: 4px;
}

footer .basic-text-area div:is([id*="Col1"], [id*="Col3"]) {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
footer .basic-text-area div:is([id*="Col1"], [id*="Col3"]) a{
    text-decoration: none;
   line-height:1.5em;
/*  text-transform:  uppercase; */
}
footer .basic-text-area div:is([id*="Col1"], [id*="Col3"]) a:hover{
    text-decoration: underline;
   
}

footer address{
    display: block;
    font-size:1em;
/*     width:260px; */
    text-wrap:none;
    margin-left:auto;
    margin-right: auto;
    padding-top:5px;
    font-family: "Montserrat", sans-serif, sans-serif;
    letter-spacing:2px;
   
}
footer .basic-text-area address a{
    text-decoration: none;
    word-break:break-word;
}
footer .simple-footer-widget {
    background:var(--primary-color-1);
}
.simple-footer-widget .footer-content-padding {
    padding: 20px 0;
}
footer .simple-footer-widget .footer-top-line{
    display: none;
 
}
.footer-bg, .footer-bg a {
    color:white;
}


footer .basic-text-area div[id*="SocialMediaIcons"] {
    width:fit-content;
    margin:10px auto;
}
footer .basic-text-area div[id*="SocialMediaIcons"] a {
    padding:10px 0;
}
footer .basic-text-area div[id*="SocialMediaIcons"] .fa {
    font-size: 1.7em;
    width:40px;
    height:40px;
    padding-top:6px;
    padding-left:5px;
    margin: 5px;

}
footer .basic-text-area div[id*="SocialMediaIcons"] .fa:hover{
    
    color:var(--secondary-color-1);
}

@media(max-width:767px){
     footer .basic-text-area div:is([id*="Col2"]) {
        order:0;
       
    }
    footer .basic-text-area div:is([id*="Col3"]) {
        order:2;
        width:50%;   
     
    }
    footer .basic-text-area div:is([id*="Col1"]) {
        order:1;
    
         width:50%;
    }
   
}
footer hr {
    margin-left: 0;
    margin-right: 0;
  }