
/*----General-----*/
/*-----------------------------------*/
:root {
    --primary-color-1:#1C3F95;
    --primary-color-2:#EF4035;
    --secondary-color-1:#3074b2;
    --primary-accent-color-1:#F9B515;
    --secondary-accent-color:#f9b51573;
    --shaded-1:#bdbbbb; 
}
   body{
font-family: 'Tinos', serif;
overflow-x: hidden;
}
/*-----------------------------------header----------------------------------------*/
header a, header {
    font-family: 'Muli', sans-serif; 
}
header.master-layout-3 .MyProfile_Member {
    font-family: 'Muli' , sans-serif;
}
    header.master-layout-3 #main-menu a{
        font-size:18px;
    }
    @media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
        header.master-layout-3 #main-menu {
            padding-top:0;
        }
        header.master-layout-3 .header-top {
            padding-top:15px;
        }
        header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut {
            background:var(--primary-color-1);
         
        }
        header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut:hover {
            background:var(--primary-color-2);
        }
          header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut span {
            
            color:white;
        }
    }
 
    /*-----------------------------------buttons---------------------------------*/
    
.theme2 a.btn, 
.theme2 .e3-button ,
    .theme2 .theme-secondary a.btn,
.theme2 .theme-secondary .e3-button,
.theme2 .theme-secondary .FormButton.btn {
    color:white;
}
.theme2 a.btn:hover, 
.theme2 .e3-button:hover,
.theme2 .theme-secondary a.btn:hover,
.theme2 .theme-secondary .e3-button:hover,
.theme2 .theme-secondary .FormButton.btn:hover{
    color:#2a2a2a;
    text-decoration: underline;
}

/*----------------------------------contact cards--------------------------------------------*/
section.contact-card-widget .inner-wrap .contact-card-wrapper .card-details-inner h3 {
    font-size:1.6em;
    color:var(--primary-color-1);
}
.contact-card-name h4 {
    font-size:1.3em;
    
}
.div-add-to-contact {
    display: none;
}
/*---------------------------------image and text quick link-----------------------------*/
.cho-quicklink-tile .cho-quicklink-tile-image img {
    object-fit: cover;
    height:100%;
}
.card-widget .cho-quicklink-tile {
    text-align: center;
}


    /*--------------------------------expandable content----------------------------*/
    .theme1 .expandable-content-heading.theme-secondary{
        background:var(--primary-color-1);
        color:white;
    }
    .theme1 .expandable-content-heading.theme-secondary:hover{
        background-color:var(--secondary-color-1);
    }
    .theme1 .expandable-content-heading a.expandable-content-link {
        color:white;
    }
    .theme1 .expandable-content-heading .expandable-content-link:hover, 
    .theme1 .expandable-content-heading .expandable-content-link:hover .expand-arrow {
        background:none;
    }
    .theme1 .expandable-content-heading .expand-arrow {
        background:var(--primary-color-1);
    }
    
    
    .theme2 .expandable-content-heading.theme-secondary{
        background:var(--primary-color-2);
        color:white;
    }
    .theme2 .expandable-content-heading.theme-secondary:hover{
        background-color:var(--secondary-color-2);
    }
    .theme2 .expandable-content-heading .expand-arrow {
        background:var(--primary-color-2);
    }
    .theme2 .expandable-content-heading .expandable-content-link:hover, 
    .theme2 .expandable-content-heading .expandable-content-link:hover .expand-arrow {
        background:none;
    }
    /*------------------------------------------custom timeline----------------------------------------*/
    .timeline .timeline-events:nth-of-type(odd) h3:after {
        content:"";
        width:8px;
        height:8px;
        background:var(--primary-color-1);
        position: absolute;
        right:-12px;
        top:50%;
        border-radius: 50%;
    }
    .timeline .timeline-events:nth-of-type(even) h3:before {
        content:"";
        width:8px;
        height:8px;
        background:var(--primary-color-1);
        position: absolute;
        left:-12px;
        top:50%;
        border-radius: 50%;
    }
    .timeline .timeline-events:nth-of-type(even) {
        margin-top:100px;
    }
    .timeline .timeline-events:nth-of-type(odd) h3 {
        text-align: right;
    }
    .timeline .timeline-events:nth-of-type(odd) ul {
        text-align: left;
    }
    .timeline .timeline-events h3 {
        position: relative;
    }
    .timeline .timeline-events {
        position: relative;
        padding: 20px;
    }
    .timeline .timeline-events p {
        text-align: justify;
    }
    .timeline div[id*="divCol"] {
        position:relative;
        display: flex;
        flex-flow:row wrap;
        justify-content: center;
    }
    .timeline div[id*="divCol"]:before {
         content:"";
        width:2px;
        height:calc(100% - 90px);
        background:var(--primary-accent-color-1);
        position: absolute;
        left:49.5%;
        top:90px;
    }
    
    .timeline .timeline-events{
        width:45%;
        margin: 20px 2%;
    }
    
    @media(max-width:767px){
        .timeline .timeline-events{
      width:95%;
        margin:20px 0px;
    }
        .timeline div[id*="divCol"]:before {
            left:10px;
        }
        .timeline .timeline-events:nth-of-type(odd) h3 {
        text-align: left;
    }
        .timeline .timeline-events:nth-of-type(odd) h3:after {
            right:unset;
            left: -12px;
        }
        .timeline .timeline-events:nth-of-type(even) {
        margin-top:0px;
    }
    }
    
    /*---------------------------parks & Lakes side nav -------------------*/
    .col-30-left .basic-text-area.jump-to-nav img {
        height:120px;
        width:auto;
        object-fit: cover;
       
    }
    .col-30-left .basic-text-area.jump-to-nav td {
       display: flex;
        flex-flow: column;
        width:40%;
       justify-content:  flex-start;
    /*     display: block; */
        border-bottom:2px solid #eee;
         padding: 10px 0;
        text-align: center;
    }
    
    .col-30-left .basic-text-area.jump-to-nav tr {
        display: flex;
        justify-content: space-around;
    }
    
    @media(max-width:1200px){
    .col-30-left .basic-text-area.jump-to-nav td {
        width:40%;
    }
    .col-30-left .basic-text-area.jump-to-nav tr {
        width:50%;
    }
        .col-30-left .basic-text-area.jump-to-nav tbody {
            display: flex;
            flex-flow:row wrap;
        }
    }
    @media(max-width:600px){
        .col-30-left .basic-text-area.jump-to-nav tr {
        width:100%;
    }
    }
    
    /*---------------footer styles----------*/
    .footer-bg-dark {
        background: var(--primary-color-1);
        color:#fff;
    }
    .footer-bg-dark a {
        color: #fff;
        border: 1px solid white;
        padding: 5px;
    }
    .footer-bg-dark a:hover {
        background-color:var(--primary-color-2)
    }
    
    @media only screen and (max-width: 445px) {
        .footer-bg-dark a {
          border-top:none;
          border-left:none;
          border-right:none;
        }
    }
