/*//// CSS FOR GOVERNANCE INFORMATION TEMPLATE ////*/


/*// ZONING SECTION //*/
section.shca-zoning-section {}
div.shca-zoning-container {
    padding: 0 0;
}
div.zoning-flex-container {
    justify-content: space-between;
    align-items: stretch;
    padding: 6rem 9rem 16.5rem 9rem;
    margin: 0 3.5rem;
    background-color: #f7f6f3;
}
/*/ FLEX - CALENDER HEADER  /*/
div.zoning-header-flex-item {
    /*border-bottom: 1px solid #A41E22;*/
    padding-bottom: 12rem;
}
div.zoning-header-flex-item h1 {
    margin-bottom: 2rem;
    font-family: "Playfair Display", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 4.8rem;
    font-size: clamp( 40px, 4.8rem, 48px );
    line-height: 1.33;
    color: #000000;
    border-bottom: 1px solid #A41E22;
}
div.zoning-header-flex-item h2 {
    margin-bottom: 2rem;
    padding-right: 0.2rem;
    font-family: "Playfair Display", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3.6rem;
    font-size: clamp( 32px, 3.6rem, 36px );
    line-height: 1.33;
    color: #000000;
    border-bottom: 1px solid #A41E22;
}
div.zoning-header-flex-item p,
div.zoning-header-flex-item ul {
    margin-bottom: 2rem;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    font-size: clamp( 14px, 1.8rem, 18px );
    line-height: 1.4;
    letter-spacing: -0.2px;
    color: #000000;
}
div.zoning-header-flex-item ul {
    width: 55%;
    margin-top: 3.5rem;
}
div.zoning-header-flex-item ul li { 
    margin: 1rem 0 1rem 0;
    line-height: 1.4;
}
div.zoning-header-flex-item p a,
div.zoning-header-flex-item ul a {
    color: #A41E22;
    text-decoration: underline;
}

div.zoning-header-flex-item p a.shca-red-button,
div.zoning-header-flex-item ul a.shca-red-button {
    margin: 0 0 1rem 0;;
    font-size: clamp( 13px, 1.6rem, 16px );
    color: #ffffff;
    text-decoration: none;
}
div.zoning-header-flex-item p a.shca-red-button:hover,
div.zoning-header-flex-item ul a.shca-red-button:hover {
    color: #A41E22;
}

/*/ ZONING IMAGE /*/
div.zoning-image-flex-item {
    padding: 0 12rem;
    text-align: center;
}
div.zoning-image-flex-item img {
    width: 100%;
    max-width: 153.5rem;
    margin:  0 auto;
}




/*/// NEWSLETTER ARCHIVE SHORTCODE ////*/
.newsletter-archive-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 50rem;
    margin: 4rem 0;
}
.newsletter-archive-wrapper .newsletter-archive-left,
.newsletter-archive-wrapper .newsletter-archive-right {
    width: 49%;
}
.newsletter-archive-wrapper .nl-years-head {
    background: #1f3a5b;
    padding: 1rem 1rem 1rem 1.8rem;
}
.newsletter-archive-wrapper .nl-years-head p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}
.newsletter-archive-wrapper .nl-years,
.newsletter-archive-wrapper .nl-issues {
    height: 30rem;
    background: #fff;
    border: 2px solid #d6d1c5;
    overflow-y: scroll;
    padding-left: 0;
    padding-right: 0;
}

/*// YEAR NAV //*/
.newsletter-archive-wrapper .archive-year-nav {
    list-style: none;
    margin-left: 0;
    margin-top: 1rem;
    padding: 0;
}
.newsletter-archive-wrapper .archive-year-nav li {
    padding: 0.2rem 0;
    cursor: pointer;
    text-indent: 1.5rem;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #000000;
}
.newsletter-archive-wrapper .archive-year-nav li.active {
    background: #1f3a5b;
    color: #ffffff;
}

/*// ISSUES //*/
.newsletter-archive-wrapper .nl-issues ul {
    width: 100%;
    margin-top: 1rem;
    padding: 0;
}
.newsletter-archive-wrapper .nl-issues .year-group {
    display: none;
    list-style: none;
    text-indent: 1.5rem;
    color: #000000;
    font-size: 1.8rem;
    font-weight: bold;
}
.newsletter-archive-wrapper .nl-issues .year-group ul li {
    width: 100%;
    padding: 0.2rem 0;
    cursor: pointer;
    text-indent: 1.5rem;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #000000;
    font-weight: normal;
    list-style: none;
}
.newsletter-archive-wrapper .nl-issues .year-group ul li a {
    color: #000000;
}

/*// SCROLLBAR //*/
.newsletter-archive-wrapper .nl-years::-webkit-scrollbar,
.newsletter-archive-wrapper .nl-issues::-webkit-scrollbar {
    width: 9px;
    background-color: #F5F5F5;
}
.newsletter-archive-wrapper .nl-years::-webkit-scrollbar-thumb,
.newsletter-archive-wrapper .nl-issues::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #999;
}
.newsletter-archive-wrapper .nl-years::-webkit-scrollbar-track,
.newsletter-archive-wrapper .nl-issues::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 3px;
    background-color: #F5F5F5;
}





/*///////// RESPONSIVE / BREAKPOINTS ////////*/
/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { 

        /*//// HERO SECTION ////*/
        div.hero-flex-container div.left-hero-flex-item h1, 
        div.hero-blue-bar h2 { font-size: 4.5rem; }
        div.hero-content-container h1 span, 
        div.hero-blue-bar h2 span { display: none }

        /*//?/ ZONING CONTAINER ////*/
        div.zoning-flex-container { margin: 0 3rem; }
        div.zoning-flex-container div.zoning-header-flex-item { padding-top: 4rem; }
        
}
/*// SMALL MOBILE //*/
@media only screen and (max-width: 850px) { 

        section.shca-zoning-section {}
        div.shca-zoning-container { padding: 4rem 3rem; }

        div.zoning-flex-container { margin: 0 0; }
        div.zoning-flex-container div.zoning-header-flex-item { margin: 0 0; padding: 4rem 0; }
        div.zoning-header-flex-item h1,
        div.zoning-header-flex-item h2 { line-height: 1.1; }
        div.zoning-header-flex-item p, 
        div.zoning-header-flex-item ul { line-height: 1.4; }
        div.zoning-header-flex-item ul { width: 90%; }
        div.zoning-header-flex-item ul li { }

} 
@media only screen and (max-width: 480px) { 

        section.shca-zoning-section {}
        div.shca-zoning-container { padding: 4rem 3rem; }

        div.zoning-flex-container { margin: 0 0; }
        div.zoning-flex-container div.zoning-header-flex-item { margin: 0 0; padding: 4rem 0; }
        div.zoning-header-flex-item h1,
        div.zoning-header-flex-item h2 { line-height: 1.1; }
        div.zoning-header-flex-item p, 
        div.zoning-header-flex-item ul { line-height: 1.4; }
        div.zoning-header-flex-item ul { width: 90%; }
        div.zoning-header-flex-item ul li { }

}
@media only screen and (max-width: 420px) { }
@media only screen and (max-width: 375px) { }
@media only screen and (max-width: 360px) {  }

/*// LANDSCAPE ORIENTATION - TABLET & SMALLER //*/
@media screen and (max-width: 1024px) and (orientation: landscape) { }
@media screen and (max-width: 850px) and (orientation: landscape) { }
@media screen and (max-width: 850px) and (orientation: landscape) { }