/*!
Theme Name: Envision Inglewood
Theme URI: http://underscores.me/
Author: patrick
Author URI: https://celtis.com
Description: Custom theme for Envision Inglewood based on _\'s
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: enving
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, .have fun, and share what you've learned.

Envision Inglewood is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root{
     --black: #2F2D2F;
     --white: #FFFFFF;
     --green: #4EB878;
     --teal: #3C9685;

     --shadowcolor: rgba(47, 45, 47, .25);
     --background-overlay: rgba(47, 45, 47, .75);

     --background-modal: rgba(255, 255, 255, .75);

     --fontextrabold: 800;
     --fontsemibold: 700;
     --fontbold: 600;
     --fontbody: 500;

/* Updated 11122021 */
     --font-family: 'Montserrat', serif;

     --fontOverrideHeadOne: var(--fontextrabold) calc(7vw + 1rem)/calc(7vw + 1rem) var(--font-family);
     --fontOverrideHeadTwo: var(--fontsemibold) 40px/45px var(--font-family);

     --headone: var(--fontextrabold) calc(5vw + 1rem)/calc(7vw + 1rem) var(--font-family);
     --headintro: var(--fontbody) calc(.75vw + 1rem)/calc(2.5vw + 1rem) var(--font-family);

     --sectionheadthree: var(--fontsemibold) calc(1vw + 1rem)/calc(2.25vw + 1rem) var(--font-family);
     --sectionheadintro: var(--fontbody) calc(.75vw + 1rem)/calc(2.5vw + 1rem)var(--font-family);

     --fontheadtwo: uppercase var(--fontsemibold) 40px/45px var(--font-family);
     --fontbodysize: var(--fontbody) 16px/32px var(--font-family);
     --font_subsup: var(--fontbody) 14px/28px var(--font-family);
/* Updated 11122021 - END */

     --pt-spacingxl: 54px;
     --pt-spacinglarge: 36px;
     --pt-spacingmed: 18px;
     --pt-spacingsmall: 9px;

     --transition: .5s ease-in-out;

     --green_clip_path_top: polygon(100% 0, 100% 75%, 100% 100%, 0 100%, 0 75%);
     --green_clip_path_bottom: polygon(100% 0, 100% 25%, 100% 100%, 0 25%, 0 0);

     --border-radius: 8px;

     --top_trap_width: 27vw;
     --bottom_trap_width: 40vw;
     --bottom_trap_width_head: 47vw;
     --bottom_trap_teal: 42vw;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, .h2, .h3, .h4, .h5, .h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, .header, .hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, span, main {
	margin: 0;
	padding: 0;
	border: 0;
	font: var(--fontbodysize);
	vertical-align: baseline;
     box-sizing: border-box;
     color: var(--white);
     font-family: 'Montserrat', serif;
     font-weight: var(--fontbody);
     line-height: 1.4;
}

.wht_bckgnd *{
     color: var(--black);
}

*{
     box-sizing: border-box !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, .header, .hgroup, menu, nav, section {
	display: block;
}

html{
     width: 100vw;
     height: 100vh;
     overflow: hidden;
}

body{
     width: 100vw;
     height: 100vh;
     overflow-x: hidden;
     overflow-y: scroll;
     background-color: var(--black);
}

.uppercase{
     text-transform: uppercase;
}

.entry-content > *:not(.accord_outer_wrap, .wht_bckgnd, .green_header.two_clr_trap_ovrly, .contact_pre_footer, .green_bckgnd, .two_clr_trap), .home .sngl_accord .h1{
     padding: var(--pt-spacingxl) var(--pt-spacinglarge);
}

.entry-content > *:not(.accord_outer_wrap):not(.wht_bckgnd):not(.green_header.two_clr_trap_ovrly):not(.contact_pre_footer):not(.green_bckgnd):not(.wp-block-cover):not(.teal_bckgnd.one_clr_trap):not(.teal_bckgnd):not(.itc_survey), .green_bckgnd > *, .itc_survey > div{
     max-width: 1200px;
     margin: 0 auto;
}

.home .sngl_accord .h1{
     text-transform: uppercase;
}

button{
     background-color: transparent;
     border: none;
     box-shadow: none;
}

a:hover, button:hover{
     cursor: pointer;
}

h1, .h1{
     font: var( --headone);
     font-weight: var(--fontextrabold);
}

h2, .h2{
     font: var( --headone);
     font-weight: var(--fontextrabold);
     line-height: 1.2;
}

h3, .h3{
     font: var( --headintro);
     font-weight: var(--fontextrabold);
     color: var(--green);
     text-transform: uppercase;
}

p:not(:last-of-type):not(.rmv_par_pdng p), li:not(:last-of-type):not(#primary-menu li){
     padding-bottom: var(--pt-spacingsmall);
}

strong{
     font-weight: var(--fontsemibold);
}

.wp-block-button__link{
     color: var(--black);
     text-transform: lowercase;
     padding: var(--pt-spacingsmall) var(--pt-spacingmed);
     background-color: var(--green);
     border: 2px solid var(--green);
     border-radius: var(--border-radius);
     transition: background-color var(--transition), color var(--transition);
}

.sngl_accord .wp-block-button__link{
     text-transform: unset;
}

.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active{
     color: var(--teal);
     background-color: var(--white);
     transition: background-color var(--transition), color var(--transition);
}

.wp-block-image img{
     width: 100%;
     height: auto;
}

.rmv_par_pdng{
     padding-top: var(--pt-spacingsmall);
}

/* Overrides */
.wp-block-media-text .wp-block-media-text__content{
     padding: 0;
}

.wp-block-columns{
     margin-bottom: 0;
}

.accord_outer_wrap{
     position: relative;
     margin: var(--pt-spacinglarge) 0 0 0;
     z-index: 0;
}
/* Overrides - END */

/* Forms - FN OVerride */
.nf-form-layout{
     padding: var(--pt-spacingmed) 0 0 0;
}

.nf-form-layout .nf-form-content{
     padding: 0;
}

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea{
     border-radius: var(--border-radius) !important;
}

#ninja_forms_required_items, .nf-field-container{
     margin-top: var(--pt-spacingmed) !important;
}

.nf-form-layout .nf-form-fields-required{
     color: var(--black);
}

.nf-form-layout .nf-form-fields-required, .nf-form-layout .nf-form-fields-required .ninja-forms-req-symbol{
     font-size: .75rem;
}

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"]{
     display: block;
     font: var(--headintro);
     color: var(--white)!important;
     background-color: var(--black)!important;
     border-radius: var(--border-radius) !important;
     margin: 0 auto !important;
     padding-left: var(--pt-spacingxl) !important;
     padding-right: var(--pt-spacingxl) !important;
     border: 2px solid var(--black);
     transition: all var(--transition);
     font-weight: var(--fontbold) !important;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]){
     height: auto !important;
}

.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover, .nf-form-content button:focus, .nf-form-content input[type="button"]:focus, .nf-form-content input[type="submit"]:focus{
     color: var(--black)!important;
     background-color: var(--white)!important;
     transition: all var(--transition);
     border: 2px solid var(--black);
     cursor: pointer !important;
}

#ninja_forms_required_items, #nf-form-2-cont .nf-field-container{
     margin-bottom: 0 !important;
}

.nf-field-label{
     position: relative;
     height: 1px;
     opacity: 0;
}
/* Forms - FN OVerride - END */

/* Background Shapes */
.green_bckgnd, .teal_bckgnd{
     position: relative;
     padding: var(--pt-spacinglarge) 0;
}

.green_bckgnd, .one_clr_trap.green_bckgnd::before, .one_clr_trap.green_bckgnd::after{
     background-color: var(--green);
}

.teal_bckgnd, .one_clr_trap.teal_bckgnd::before, .one_clr_trap.teal_bckgnd::after{
     background-color: var(--teal);
}

.green_bckgnd > .wp-block-group__inner-container > *, .teal_bckgnd > .wp-block-group__inner-container > *{
     width: 90vw;
     max-width: 1200px;
     margin: 0 auto;
}

.one_clr_trap::before, .one_clr_trap::after{
     content: '';
     position: absolute;
     bottom: calc(-75px + 10px);
}

.one_clr_trap::before{
     width: var(--bottom_trap_teal);
     left: 0;
     height: 75px;
     clip-path: var(--green_clip_path_bottom);
}

.one_clr_trap::after{
     width: calc(100vw - var(--bottom_trap_teal));
     right: 0;
     height: 75px;
     clip-path: var(--green_clip_path_bottom);
     transform: scaleX(-1);
}

.green_bckgnd::before{
     content: '';
     display: inline-block;
     position: absolute;
     top: -45px;
     left: 0;
     width: var(--top_trap_width);
     height: 50px;
     background-color: var(--green);
     clip-path: var(--green_clip_path_top);
     z-index: 1;
}

.green_bckgnd::after{
     content: '';
     display: inline-block;
     position: absolute;
     top: -45px;
     right: 0;
     width: calc(100vw - var(--top_trap_width));
     height: 50px;
     background-color: var(--green);
     transform: scaleX(-1);
     clip-path: var(--green_clip_path_top);
     z-index: 1;
}

.green_bckgnd:not(.top_trap) > .wp-block-group__inner-container > p::before{
     content: '';
     display: inline-block;
     position: absolute;
     bottom: -50px;
     left: 0;
     width: var(--bottom_trap_width);
     height: 60px;
     background-color: var(--green);
     clip-path: var(--green_clip_path_bottom);
     z-index: 10;
}

.green_bckgnd:not(.top_trap) > .wp-block-group__inner-container > p::after{
     content: '';
     display: inline-block;
     position: absolute;
     bottom: -50px;
     right: 0;
     width: calc(100vw - var(--bottom_trap_width));
     height: 60px;
     background-color: var(--green);
     transform: scaleX(-1);
     clip-path: var(--green_clip_path_bottom);
     z-index: 10;
}


.two_clr_trap:not(.top_trap) .wp-block-group__inner-container::before{
     content: '';
     display: inline-block;
     position: absolute;
     bottom: -70px;
     left: 0;
     width: var(--bottom_trap_teal);
     height: 70px;
     background-color: var(--teal);
     clip-path: var(--green_clip_path_bottom);
     z-index: 5;
}

.two_clr_trap:not(.top_trap) .wp-block-group__inner-container::after{
     content: '';
     display: inline-block;
     position: absolute;
     bottom: -70px;
     right: 0;
     width: calc(100vw - var(--bottom_trap_teal));
     height: 70px;
     background-color: var(--teal);
     transform: scaleX(-1);
     clip-path: var(--green_clip_path_bottom);
     z-index: 5;
}
.entry-content > .wht_bckgnd{
     background-color: var(--white);
     padding: var(--pt-spacinglarge) var(--pt-spacinglarge) var(--pt-spacinglarge) var(--pt-spacinglarge);
     margin: calc(var(--pt-spacingsmall) * -2) 0 0 0
}

.wht_bckgnd > div{
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
}
/* Background Shapes - END */

/* Header
--------------------------------------------- */
.head_wrapper{
     position: sticky;
     top: 0;
     left: 0;
     background-color: var(--black);
     z-index: 1000;
}

#masthead{
     width: 100vw;
     max-width: 1200px;
     height: 50px;
     padding: 0 var(--pt-spacingmed);
     margin: 0 auto;
}

.site-branding{
     display: flex;
     align-items: center;
     width: 100%;
     height: 100%;
}

.site-title{
     width: 100%;
     height: 100%;
     padding: 0 !important;
}

.site-title a{
     display: flex;
     align-items: center;
     width: 100%;
     height: calc(100%);
     padding: var(--pt-spacingsmall) 0;
     color: var(--white);
     font-weight: var(--fontextrabold);
     text-decoration: none;
}

#masthead svg{
     width: auto;
     height: calc(100%);
     margin: 0 auto;
}

/* Navigation
--------------------------------------------- */
/* Static */
.menu-toggle{
     position: absolute;
     top: 0;
     right: 0;
     width: 50px;
     height: 50px;
     padding: var(--pt-spacingsmall);
     margin: 0 var(--pt-spacingsmall) 0 0;
}

.menu-toggle::before, .menu-toggle::after{
     content: '';
}

.menu-toggle::before, .menu-toggle::after, .burger_menu{
     display: block;
     position: absolute;
     left: var(--pt-spacingsmall);
     width: 30px;
     height: 3px;
     border-radius: 1.5px;
     background-color: var(--white);
     opacity: 1;
     transition: opacity 0s ease-in-out .5s;
}

.burger_menu{
     top: calc(50% - 1.5px);
}

.menu-toggle::before{
     top: calc(var(--pt-spacingsmall) + 3px);
     transition: transform .5s ease-in-out, top .5s ease-in-out .5s;
}

.menu-toggle::after{
     display: block;
     position: absolute;
     bottom: calc(var(--pt-spacingsmall) + 3px);
     transition: transform .5s ease-in-out, bottom .5s ease-in-out .5s;
}

.menu-main-menu-container{
     position: fixed;
     top: 50px;
     left: 0;
     width: 100vw;
     height: calc(100vh - 50px);
     max-height: 0;
     background-color: var(--black);
     overflow-x: hidden;
     overflow-y: scroll;
     transition: max-height .5s ease-in-out;
}

#primary-menu{
     width: 100%;
     height: auto;
     padding: var(--pt-spacingmed) 0;
}

#primary-menu li{
     display: block;
     background-color: transparent;
     transition: background-color .5s ease-in-out;
}

#primary-menu a{
     display: block;
     color: var(--white);
     font-weight: var(--fontbold);
     text-decoration: none;
}

#primary-menu > li > a{
     display: block;
     padding: var(--pt-spacingmed);
     margin: 0 var(--pt-spacingmed);
     font-size: 1rem;
     transition: all .5s ease-in-out;
}

#primary-menu li:not(:last-of-type) a{
     border-bottom: 1px solid var(--white);
}

#primary-menu > li:last-of-type{
     width: 62px;
     border-radius: 50%;
}

#primary-menu > li:last-of-type a{
     margin: 2px;
     padding: 0;
}

#primary-menu > li:hover{
     background-color: var(--white);
     transition: background-color .5s ease-in-out;
}
#primary-menu > li:hover > a{
     color: var(--black);
     transition: all .5s ease-in-out;
}

.sub-menu{
     height: auto;
     max-height: 0;
     overflow: hidden;
     transition: max-height .5s ease-in-out;
     background-color: var(--white);
}

#primary-menu .sub-menu li a{
     display: block;
     color: var(--black);
     font: var(--font_subsup);
     padding: var(--pt-spacingsmall);
     margin: 0 var(--pt-spacinglarge);
     border-bottom: 1px solid var(--black);
}

#primary-menu .sub-menu li:hover{
     background-color: var(--black);
}

#primary-menu .sub-menu li:hover a{
     color: var(--white);
}

#primary-menu .menu-item-has-children .menu-item-has-children .sub-menu li a{
     color: var(--black);
     background-color: var(--white);
     padding-left: var(--pt-spacinglarge);
     transition: all .5s ease-in-out;
}

#primary-menu .menu-item-has-children .menu-item-has-children .sub-menu li a:hover, #primary-menu .menu-item-has-children .menu-item-has-children .sub-menu li a:focus{
     color: var(--whtie);
     background-color: var(--black);
     transition: all .5s ease-in-out;
}

.seal_menu_item a
{
	padding:12px !important;
}

.seal_menu_item:hover
{
	opacity: 0.5;
	background-color:transparent !important;
}

/* Toggled */
.toggled .burger_menu{
     opacity: 0;
     transition: opacity 0s ease-in-out .5s;
}

.toggled .menu-toggle::before{
     top: calc(50% - 1.5px);
     transform: rotate(45deg);
     transition: top .5s ease-in-out, transform .5s ease-in-out .5s;
}

.toggled .menu-toggle::after{
     bottom: calc(50% - 1.5px);
     transform: rotate(-45deg);
     transition: bottom .5s ease-in-out, transform .5s ease-in-out .5s;
}

.toggled .menu-main-menu-container{
     height: calc(100vh - 50px);
     max-height: calc(100vh - 50px);
     transition: max-height .5s ease-in-out;
}

#primary-menu .menu-item-has-children.focus{
     background-color: var(--white);
}

.menu-item-has-children.focus .sub-menu{
     max-height: 100vh;
     transition: max-height .5s ease-in-out;
}

#primary-menu .menu-item-has-children.focus a{
     color: var(--black);
}

.menu-item-has-children.focus .sub-menu li:not(:last-of-type) a{
     border-bottom: 1px solid var(--black);
}

/* Contect Form
--------------------------------------------- */
/* Contact Form */
.contact_pre_footer{
     background-color: var(--green);
     padding: var(--pt-spacinglarge);
}

.contact_pre_footer .wp-block-group{
     max-width: 700px;
     margin: 0 auto;
}

.contact_pre_footer .wp-block-group *{
     color: var(--black) !important;
}
/* Contact Form - END */

/* Footer
--------------------------------------------- */
.site-footer{
     background-color: var(--black);
     padding: var(--pt-spacingmed) var(--pt-spacinglarge)
}

.site-footer p{
     color: var(--white);
     text-align: center;
}

.site-footer p a{
     display: block;
     text-align: center;
     color: var(--green);
}

.site-footer p span{
     display: none;
     color: var(--white);
}

/* Trapezoids
--------------------------------------------- */
/* Sub header */
.sub_header{
     position: relative;
     width: 100%;
     height: auto;
     padding: var(--pt-spacingmed) 0;
     margin: 0 auto;
     font: var( --headintro);
     z-index: 1;
}

.sub_header .wp-block-group__inner-container > *{
     display: block;
     width: 90vw;
     max-width: 850px;
     margin: 0 auto;
}

.sub_header strong{
     display: inline;
     font: var( --headintro);
     font-weight: var(--fontextrabold);
     text-transform: uppercase;
}

.sub_header.two_clr_trap{
     margin-top: -40px !important;
}
/* Sub header - END */

/* Green Headers */
.green_header{
     position: relative;
     padding: var(--pt-spacinglarge) var(--pt-spacinglarge) calc(var(--pt-spacingxl) * 2) var(--pt-spacinglarge);
}

.green_bckgnd *, .green_header *, .teal_bckgnd *, .teal_header *{
     color: var(--black) !important;
}

/* Two color overlay */
.green_header img{
     filter: grayscale(50%);
     opacity: .5;
}

.green_header::before{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: var(--green);
     opacity: .75;
     z-index: 1;
}

.green_header .wp-block-cover__inner-container{
     max-width: 900px;
     margin: 0 auto;
}

.green_header h2::before{
     content: '';
     position: absolute;
     bottom: -10px;
     left: 0;
     width: var(--bottom_trap_width_head);
     height: 60px;
     background-color: var(--black);
     clip-path: var(--green_clip_path_bottom);
     transform: scale(-1);
     z-index: 15;
}

.green_header h2::after{
     content: '';
     position: absolute;
     bottom: -10px;
     right: 0;
     width: calc(100vw - var(--bottom_trap_width_head));
     height: 60px;
     background-color: var(--black);
     clip-path: var(--green_clip_path_bottom);
     transform: scaleY(-1);
     z-index: 15;
}

.two_clr_trap_ovrly .wp-block-cover__inner-container::before{
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: var(--bottom_trap_teal);
     height: 75px;
     background-color: var(--teal);
     clip-path: var(--green_clip_path_top);
     transform: scaleX(-1);
}

.two_clr_trap_ovrly .wp-block-cover__inner-container::after{
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     width: calc(100vw - var(--bottom_trap_teal));
     height: 75px;
     background-color: var(--teal);
     clip-path: var(--green_clip_path_top);
}

/* Two color overlay - END */
/* Green Headers - END */

.high_z{
     position: relative;
     margin: calc(var(--pt-spacingmed) * -1) auto 0 auto !important;
     z-index: 20;
}


/* Home Page
--------------------------------------------- */
.home .wp-block-cover__inner-container, .home_intro_content{
     max-width: 1200px;
     margin: 0 auto;
}

.home .wp-block-cover__inner-container h2, .home .wp-block-cover__inner-container p, .home_intro_content > div{
     width: 100%;
     max-width: 700px;
     margin: 0 auto 0 0;
}

.home .entry-header{
     position: fixed;
     top: -100vh;
}

.home .wp-block-cover__inner-container, .home_intro_content{
     padding-bottom: calc(var(--pt-spacingxl) * 2);
}

.home .wp-block-cover__inner-container h2, .home_intro_content > div{
     margin: 0 0 var(--pt-spacingmed) 0;
}

.home .home_head img{
     filter: grayscale(100%);
}

/* Accordian */
.home .sngl_accord{
     position: relative;
}

.home .sngl_accord .h1{
     display: block;
     position: relative;
     width: 100%;
     padding: var(--pt-spacinglarge);
     color: var(--white);
     text-align: left;
     transition: padding-top var(--transition);
}

.home .sngl_accord .h1::after{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background-size: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     filter: grayscale(100%);
     z-index: -1;
     transition: filter var(--transition), background-size var(--transition);
}

.home .sngl_accord.connect_accord .h1{
     padding-top: var(--pt-spacingxl);
     margin-top: calc(var(--pt-spacingmed) * -1);
}

.home .sngl_accord.connect_accord .h1::after{
     background-image: url('template_images/CONNECT Image.png');
}

.home .sngl_accord.implement_accord .h1::after{
     background-image: url('template_images/IMPLEMENT Image.png');
}

.home .sngl_accord.reduce_accord .h1::after{
     background-image: url('template_images/REDUCE Image.png');
}

.home .sngl_accord.support_accord .h1::after{
     background-image: url('template_images/SUPPORT Image.png');
}

.home .sngl_accord .h1:hover::after, .home .sngl_accord.active .h1::after{
     background-size: 125%;
     filter: grayscale(0%);
     transition: filter var(--transition), background-size var(--transition);
}

.home .sngl_accord.active .h1{
     padding-top: calc(var(--pt-spacingxl) * 3);
     transition: padding-top var(--transition);
}

.home .sngl_accord.active .h1::before{
     content: '';
     display: block;
     position: absolute;
     left: -2.5vw;
     bottom: 0;
     width: 0;
     height: 0;
     border-bottom: 25px solid var(--black);
     border-left: 20vw solid transparent;
     border-right: 105vw solid transparent;
     z-index: 100;
}

.home .sngl_accord .wp-block-group{
     height: auto;
     max-height: 0;
     transition: max-height var(--transition);
     background-color: var(--black);
     overflow: hidden;
}

.home .sngl_accord.active .wp-block-group{
     height: auto;
     max-height: 100vh;
     transition: max-height var(--transition);
}

.home .sngl_accord .wp-block-group > div{
     padding: 0 var(--pt-spacinglarge) var(--pt-spacinglarge) var(--pt-spacinglarge);
}

.home .sngl_accord h3{
     font: var(--sectionheadthree) !important;
     color: var(--white);
     text-transform: uppercase;
}

.home .sngl_accord p{
     color: var(--white);
     margin: 0 0 var(--pt-spacingmed) 0;
}
/* Accordian - END */

/* Connecting the City
--------------------------------------------- */
.page-connecting-the-city .entry-content > *:not(.green_header):not(.contact_pre_footer){
     max-width: 1200px;
     margin: 0 auto;
}

.page-connecting-the-city .entry-content > *:not(.green_header) figure{
     width: 100%;
     height: 55vw;
     overflow: hidden;
}

.page-connecting-the-city .entry-content > *:not(.green_header) figure img{
     width: 100%;
     height: 100%;
     border-radius: var(--border-radius);
     object-fit: cover;
}

.has_credit{
     position: relative;
}

.has_credit figcaption{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     font: var(--pt-spacingsmall);
     color: var(--black);
     padding: var(--pt-spacingsmall);
     background-color: rgba(255,255,255,.5);
     margin: 0;
     border-radius: 0 0 var(--border-radius) var(--border-radius);
}

/* Reverse image on small screen */

/* Hiding and adjusting images placement on small screens */
.first_img{
     display: none;
}

/* ITC Page
--------------------------------------------- */
.page-itc .green_bckgnd *{
     color: var(--black);
}

.page-itc .limit_img_width{
     max-width: 800px;
     margin: 0 auto;
}

.sub_head_rotator h2.h1{
     color: var(--green);
}

.page-itc .sub_header strong{
     display: inline;
}

.page-itc .entry-content > *:not(.green_header) img{
     border-radius: var(--border-radius);
}

.itc_rotator_wrap, .word_rotator_inner_wrap{
     display: block;
     position: relative;
     height: 55px !important;
     overflow: hidden;
}

.itc_rotator_wrap .word_rotator.h1{
     display: flex;
     align-items: center;
     position: absolute;
     top: 55px;
     height: 55px;
     color: var(--white);
     transition: top var(--transition);
}

.itc_rotator_wrap .word_rotator.h1.active{
     top: calc(50% - 27.5px);
     transition: top var(--transition);
}

.itc_rotator_wrap .word_rotator.h1.next{
     top: -55px;
     transition: top 0s linear;
}

.itc_rotator_wrap .word_rotator.h1.green{
     color: var(--green);
}

.sub_head_rotator .wp-block-cover__inner-container{
     max-width: 1200px;
     margin: 0 auto;
}

.sub_head_rotator .word_rotator{
     display: block;
}

.itc_map_svg{
     displaY: block;
     width: 100%;
     height: auto;
}

.map_info_intro{
     position: fixed;
     top: -150vh;
}

.svg_map_cntnt{
     display: flex;
     align-items: center;
     position: fixed;
     top: -150vh;
     left: 0;
     width: 100vw;
     height: 100vh;
     padding: var(--pt-spacingmed);
     background-color: var(--background-modal);
     transition: top var(--transition);
     z-index: 100;
}

.svg_map_cntnt > div{
     max-height: 75vh;
     padding: var(--pt-spacingsmall);
     background-color: var(--white);
     overflow: hidden;
}

.svg_map_cntnt.active{
     top: 0;
     transition: top var(--transition);
     z-index: 500;
}

.svg_map_cntnt h3{
     font-size: 36px;
     margin: var(--pt-spacingsmall) 0;
     text-transform: unset;
}

.close_btn{
     position: absolute;
     top: 60px;
     right: var(--pt-spacingsmall);
     width: var(--pt-spacinglarge);
     height: var(--pt-spacinglarge);
     color: var(--black);
     background-color: var(--green);
     border: 2px solid var(--green);
     border-radius: 50%;
     font-size: 1px;
}

.close_btn::before, .close_btn::after{
     position: absolute;
     top: calc(50% - 1.5px);
     left: calc(var(--pt-spacingsmall) - 2px);
     width: var(--pt-spacingmed);
     height: 3px;
     background-color: var(--white);
     border-radius: 1.5px;
     font-size: 1px;
}

.close_btn::before{
     content: '';
     transform: rotate(45deg);
}

.close_btn::after{
     content: '';
     transform: rotate(-45deg);
}

.teal_bckgnd *{
     color: var(--black);
}

.teal_bckgnd figure{
     height: 55vw;
     margin: var(--pt-spacingmed) 0;
     padding: var(--pt-spacingmed) 0 0 0;
}

.teal_bckgnd figure img{
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top center;
}

.itc_timeline{
     max-width: 335px; 
     margin: 0 auto;
     padding: var(--pt-spacingmed) 0;
}

.itc_timeline .wp-block-group__inner-container .wp-block-group__inner-container{
     display: grid;
     grid-template-columns: 35% 65%;
}

.itc_timeline .wp-block-group__inner-container > p{
     display: flex;
     align-items: center;
     position: relative;
     padding: var(--pt-spacinglarge) 0;
}

.itc_timeline .wp-block-group__inner-container > p:nth-of-type(odd){
     text-align: right;
     justify-content: end;
     padding-right: var(--pt-spacingmed);
     border-right: 1px solid var(--black);
}

.itc_timeline .wp-block-group__inner-container > p:nth-of-type(odd)::after{
     content: '';
     position: absolute;
     right: -6px;
     width: 10px;
     height: 10px;
    background-color: var(--white);
     z-index: 1;
}

.itc_timeline .wp-block-group__inner-container > p:nth-of-type(even){
     padding-left: var(--pt-spacingmed);
     border-left: 1px solid var(--black);
}

.projects_info_block{
     position: relative;
     margin-top: 50px;
     z-index: -2;
}

.projects_info_block p{
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     font: var(--font_subsup);
}

.projects_info_block svg{
     display: block;
     width: 100px;
     height: auto;
     margin: var(--pt-spacinglarge) auto var(--pt-spacingsmall) auto;
}

.itc_survey form{
     max-width: 400px;
     margin-left: auto;
     margin-right: auto;
}

.page-itc .sngl_accord .wp-block-group{
     height: auto;
     max-height: 0;
     transition: max-height var(--transition);
     overflow: hidden;
}

.page-itc .sngl_accord.active .wp-block-group{
     max-height: 2000vh;
     transition: max-height var(--transition);
}

.page-itc .sngl_accord .wp-block-group .wp-block-group__inner-container{
     margin-bottom: var(--pt-spacinglarge);
}

.page-itc .sngl_accord .accord_btn, .page-itc .sngl_accord .accord_btn a{
     display: block;
     width: 100%;
     padding-left: 0;
     padding-right: 0;
     color: var(--white);
     text-align: left;
     border: none;
     background-color: transparent;
}

.page-itc .sngl_accord .accord_btn a{
     position: relative;
     padding-left: 0;
}

.page-itc .sngl_accord .accord_btn a::before, .page-itc .sngl_accord .accord_btn a::after{
     display: block;
     content: '';
     position: absolute;
     left: -25px;
     width: 10px !important;
     height: 2px !important;
     border: 1px;
     background-color: var(--white);
}

.page-itc .sngl_accord .accord_btn a::before{
     top: calc(50% - 1px);
}

.page-itc .sngl_accord .accord_btn a::after{
     top: calc(50% - 1px);
     transform: rotate(90deg);
     transition: background-color var(--transition);
}

.page-itc .sngl_accord .wp-block-group a, .page-itc .sngl_accord .wp-block-group a strong, .page-itc .sngl_accord .wp-block-group a u{
     font-weight: var(--fontbody);
     color: var(--green);
}

.page-itc .sngl_accord.active .accord_btn a::after{
     background-color: transparent;
     transition: background-color var(--transition);
}

#Ellipse_13:hover, #Ellipse_14:hover, #Ellipse_15:hover, #Ellipse_13:focus, #Ellipse_14:focus, #Ellipse_15:focus{
     cursor: pointer;
}

.projects_info_block > .wp-block-cover__inner-container{
     max-width: 1200px;
     margin: var(--pt-spacingxl) auto;
}

.page-itc .itc_enviro_quest ul, .page-itc .itc_proj_overview ul{
     margin: 0 0 var(--pt-spacingmed) var(--pt-spacinglarge);
}

.itc_enviro_quest h3, .itc_enviro_quest .sngl_accord .wp-block-group *{
     color: var(--white);
}

.page-itc .itc_enviro_quest thead, .page-itc .itc_proj_overview thead{
     background-color: var(--green);
}

.page-itc .itc_enviro_quest th, .page-itc .itc_proj_overview th{
     padding: var(--pt-spacingsmall);
     text-align: left;
     color: var(--black);
}

.page-itc .itc_enviro_quest tbody tr:not(:last-of-type), .page-itc .itc_proj_overview tbody tr:not(:last-of-type){
     border-bottom: 1px solid var(--black);
}

.page-itc .itc_enviro_quest td, .page-itc .itc_proj_overview td{
     padding: var(--pt-spacingsmall);
     text-align: left;
}

/* Trapezoids */
.page-itc .teal_bckgnd:not(.itc_survey){
     z-index: 100;
}

.itc_page_increase_z_index{
     position: relative;
     z-index: 150;
}
/* Trapezoids - END */

/* Citywide Events Page
--------------------------------------------- */
.green_text.narrow_col{
     width: 95%;
     padding: var(--pt-spacingmed) 0;
     margin: 0 auto;
}

.green_text.narrow_col li, .green_text.narrow_col li a{
     color: var(--green);
     list-style: none;
}

/* Updates 11122021
--------------------------------------------- */
 .page-itc .teal_bckgnd .sngl_accord .accord_btn a{
      color: var(--black);
 }

 .page-itc .teal_bckgnd .sngl_accord .wp-block-group a, .page-itc .teal_bckgnd .sngl_accord .wp-block-group a strong, .page-itc .teal_bckgnd .sngl_accord .wp-block-group a u{
     color: var(--black);
 }

 .page-itc .teal_bckgnd .sngl_accord .accord_btn a::before, .page-itc .teal_bckgnd .sngl_accord .accord_btn a::after {
     background-color: var(--black);
}

.green_header h2, .black_header h2, .black_header .itc_rotator_wrap .h1, .black_header .word_rotator_inner_wrap .h1{
     font: var(--headone);
}

.green_header p, .black_header p{
     font: var(--headintro);
}

/* Different color backgrounds */
.sub_header.green_bckgnd span strong, p.section_intro strong{
     font: var(--sectionheadthree);
}

.sub_header.green_bckgnd, .sub_header.green_bckgnd span, .section_intro p, p.section_intro, .connecting_you{
     font: var(--sectionheadintro);
}

.connecting_you strong{
     font: var(--sectionheadthree);
}

.section_intro h3{
     margin: var(--pt-spacinglarge) 0 var(--pt-spacingmed) 0;
}
/* Different color backgrounds - END */

/* Home overrides */
.home .sngl_accord h3{
     font: var(--fontheadtwo);
}
/* Home overrides - END */

/* General */
h3:not(), .h3:not(){
     font: var(--fontheadtwo);
     text-transform: uppercase;
}

.green_bckgnd h3, .green_bckgnd .h3{
     text-transform: unset;
}

.limit_img_height{
     position: relative;
     width: 100%;
     min-height: 300px;
     height: auto;
     overflow: hidden;
     border-radius: var(--border-radius);
}

.limit_img_height img{
     position: absolute;
     bottom: 0;
     width: 100%;
     height: auto;
     object-position: top center;
}

.itc_page_increase_z_index{
     padding: var(--pt-spacingmed) 0 !important;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field, .nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea{
     font: var(--fontbodysize) !important;
     border-radius: var(--border-radius) !important;
}

.nf-error.field-wrap .nf-field-element::after {
     border-radius: var(--border-radius) !important;
     height: calc(100%) !important;
}

.nf-error .nf-error-msg, .nf-error-msg{
     display: flex;
     align-items: center;
     padding: 3px 6px;
     margin: 9px 0 !important;
     border-left: 4px solid red;
     border-radius: 0 var(--border-radius) var(--border-radius) 0;
     background-color: rgba(255,255,255,.85);
}
/* General - END */

/* Accord
--------------------------------------------- */
.sngl_accord .wp-block-buttons .accord_btn, .sngl_accord .wp-block-buttons .accord_btn a{
     display: block;
     width: 100%;
}
/* Accord - END
--------------------------------------------- */


/* Responsive
--------------------------------------------- */


/* Responsive
--------------------------------------------- */


/* Responsive
--------------------------------------------- */


/* Responsive
--------------------------------------------- */

/* Responsive
--------------------------------------------- */

/* Responsive
--------------------------------------------- */
@media only screen and (min-width: 450px) {
     .home .sub_header strong{
          display: inline;
     }

     .projects_info_block .wp-block-column{
          display: grid;
          grid-template-columns: 1fr 2fr;
          gap: var(--pt-spacingmed);
          align-items: center;
          margin: var(--pt-spacinglarge) 0 var(--pt-spacingsmall) 0;
     }

     .projects_info_block svg{
          margin: 0 auto;
     }
}

@media only screen and (min-width: 480px) {
     .pre_foot_mailto br{
          display: none;
     }
}

@media only screen and (min-width: 600px){
     .wht_bckgnd .wp-block-columns{
          display: block;
     }
     .green_text.narrow_col{
          display: grid;
          grid-template-columns: repeat(2, 1fr);
     }
}

@media only screen and (min-width: 890px) {
     /* Header */
     #masthead{
          display: grid;
          grid-template-columns: 20% 80%;
          grid-template-rows: 100%;
          align-items: center;
          height: 100px;
          padding: var(--pt-spacingmed) var(--pt-spacinglarge);
     }

     #masthead svg{
          margin: 0 auto 0 0;
     }

     .menu-toggle{
          display: none;
     }

     #site-navigation, .menu-main-menu-container{
          position: static;
          width: auto;
          height: 100%;
          max-height: 100%;
     }

     .menu-main-menu-container{
          overflow: visible;
     }

     #primary-menu{
          display: grid;
          grid-template-columns: repeat(4, auto);
          justify-content: end;
          height: 100%;
          padding: 0;
     }

     #primary-menu > li{
          display: grid;
          align-items: center;
          position: relative;
          height: 100%;
     }

     #primary-menu > li > a{
          position: relative;
          height: auto;
          margin: 0;
          padding: var(--pt-spacingsmall);
          margin: 0 var(--pt-spacingsmall);
     }

     #primary-menu > li:last-of-type{
          display: flex;
          align-items: center;
          width: 80px;
     }

     #primary-menu > li:last-of-type *{
          display: block;
          width: 100%;
          height: auto;
          padding: 0;
     }

     .sub-menu{
          position: absolute;
          top: 100%;
          width: 100%;
     }

     #primary-menu > li.menu-item-has-children{
          transition: background-color var(--transition) .5s;
     }

     #primary-menu > li.menu-item-has-children > a{
          transition: color var(--transition) .5s;
     }

     #primary-menu .menu-item-has-children:focus-within .sub-menu, #primary-menu .menu-item-has-children:hover .sub-menu{
          max-height: 100vh;
          transition: max-height var(--transition) .5s;
     }

     #primary-menu > li:not(:last-of-type) > a{
          border-bottom: none;
     }

     #primary-menu .sub-menu li a{
          margin: 0 var(--pt-spacingmed);
     }
     /* Header - END */

     /* Footer */
     .site-footer{
          display: grid;
          grid-template-columns: 75px auto;
          gap: var(--pt-spacinglarge);
          align-items: center;
     }

     .site-footer p, .site-footer p a{
          text-align: left;
     }

     .site-footer br{
          display: none;
     }

     .site-footer .hide_small{
          display: inline-block;
          padding: 0 var(--pt-spacingsmall);
     }

     .site-footer::before{
          display: block;
          content: '';
          width: 75px;
          height: 75px;
          background-image: url('template_images/inglewood_seal.png');
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
     }
     /* Footer - END */

     /* home Sub Header */
     .home .sub_header{
          height: 100%;
          max-height: 450px;
     }
     /* home Sub Header - END */

     /* Trapezoids */
     /* Sub header
     Sub header - END */
     /* Trapezoids - END */

     /* Contact Form Pre Footer */
     .entry-content > .contact_pre_footer{
          position: relative;
          padding: calc(var(--pt-spacinglarge) * 2) var(--pt-spacinglarge) var(--pt-spacingmed) var(--pt-spacinglarge);
          background-color: transparent;
     }

     .contact_pre_footer  form{
          max-width: 1000px;
          margin: 0 auto;
     }

     .contact_pre_footer .nf-form-content{
          margin: 0;
     }

     .contact_pre_footer .wp-block-group .wp-block-group__inner-container *{
          text-align: center;
     }

     .contact_pre_footer .nf-field-container{
          margin-top: 0 !important;
     }
     /* Contact Form Pre Footer - END */

     /* Citywide */
     .green_text.narrow_col{
          padding: var(--pt-spacinglarge);
          gap: var(--pt-spacinglarge);
          grid-template-columns: repeat(3, 1fr);
     }
     /* Citywide - END */
}

@media only screen and (min-width: 950px){
     .itc_masonry .wp-block-group__inner-container{
          display: grid;
          grid-template-areas: 
               "under_hatwoman hatwoman"
               "pointerman hatwoman"
               "pointerman under_pointerman"
          ;
          gap: var(--pt-spacinglarge);
          align-items: center;
          justify-items: center;
          padding-top: var(--pt-spacinglarge);
     }

     .itc_masonry .wp-block-group__inner-container > p, .itc_masonry .wp-block-group__inner-container > figure{
          padding: 0;
     }

     .itc_masonry .wp-block-group__inner-container figure:first-of-type{
          grid-area: hatwoman;
     }

     .itc_masonry .wp-block-group__inner-container p:last-of-type{
          grid-area: under_hatwoman;
     }

     .itc_masonry .wp-block-group__inner-container figure:last-of-type{
          grid-area: pointerman;
     }

     .itc_masonry .wp-block-group__inner-container p:last-of-type{
          grid-area: under_pointerman;
     }
}

@media only screen and (min-width: 1024px){
     p:not(:last-of-type):not(.rmv_par_pdng p), li:not(:last-of-type):not(.site-footer p){
          padding-bottom: var(--pt-spacinglarge);
     }

     .rmv_par_pdng{
          padding-top: var(--pt-spacinglarge);
     }

     #primary-menu li{
          padding: 0 !important;
     }

     .home .sngl_accord .wp-block-group{
          height: auto;
          max-height: 100vh;
     }

     /* Home Page */

     .home .wp-block-cover__inner-container h2, .home .wp-block-cover__inner-container p, .home_intro_content > div{
          width: 700px;
     }

     .home .accord_outer_wrap{
          margin: var(--pt-spacinglarge) 0 0 0;
     }

     .home .sngl_accord:not(:last-of-type){
          margin: 0 0 calc(var(--pt-spacingxl) * 3) 0;
     }

     .home .sngl_accord .h1, .home .sngl_accord.active .h1{
          position: static;
          padding: 0 var(--pt-spacinglarge);
          margin: 0;
     }

     .home .sngl_accord .wp-block-group{
          max-height: 100vh;
     }

     .home .sngl_accord > .wp-block-group__inner-container{
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(2, auto);
          align-content: center;
          width: 50vw;
          height: 50vw;
          max-height: 750px;
     }

     .home .sngl_accord .wp-block-group__inner-container .wp-block-group__inner-container > *{
          width: 100%;
          max-width: 512px;
     }

     .home .sngl_accord .h1{
          font: var(--fontOverrideHeadOne);
          z-index: 50;
     }

     .home .sngl_accord:nth-of-type(odd) .h1{
          margin: 0 0 0 calc(var(--pt-spacingxl) * -2);
     }

     .home .sngl_accord:nth-of-type(even) .h1{
          margin: 0 calc(var(--pt-spacingxl) * -2) 0 auto;
     }

     .home .sngl_accord h3{
          color: var(--green);
          font-weight: var(--fontextrabold);
     }

     .home .sngl_accord > .wp-block-group__inner-container > .wp-block-group{
          width: 100%;
     }

     .home .sngl_accord:nth-of-type(even) *:not(.wp-block-button__link){
          text-align: right;
     }

     .home .sngl_accord:nth-of-type(even) > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container > *{
          margin-left: auto;
     }

     .home .sngl_accord:nth-of-type(odd) .wp-block-group__inner-container{
          margin: 0 0 0 auto;
     }

     .home .sngl_accord .wp-block-group__inner-container .h1::after{
          position: absolute;
          top: 0;
          width: 50vw;
          height: 50vw;
          max-height: 750px;
          background-size: 100%;
          transition: background-size var(--transition);     
     }

     .home .sngl_accord.connect_accord .h1::after{
          background: linear-gradient(
               rgba(0, 0, 0, 0.45), 
               rgba(0, 0, 0, 0.45)
             ), url('template_images/CONNECT Image.png');
             background-size: 100%;
     }

     .home .sngl_accord.implement_accord .h1::after{
          background: linear-gradient(
               rgba(0, 0, 0, 0.45), 
               rgba(0, 0, 0, 0.45)
             ), url('template_images/IMPLEMENT Image.png');
             background-size: 100%;
     }

     .home .sngl_accord.reduce_accord .h1::after{
          background: linear-gradient(
               rgba(0, 0, 0, 0.45), 
               rgba(0, 0, 0, 0.45)
             ), url('template_images/REDUCE Image.png');
             background-size: 100%;
     }

     .home .sngl_accord.support_accord .h1::after{
          background: linear-gradient(
               rgba(0, 0, 0, 0.45), 
               rgba(0, 0, 0, 0.45)
             ), url('template_images/SUPPORT Image.png');
             background-size: 100%;
     }

     .home .sngl_accord.active .wp-block-group__inner-container .h1::after{
          background-size: 125%;
          transition: background-size .5s ease-in-out;
     }

     .home .sngl_accord.active .h1::before {
          display: none;
     }

     .home .sngl_accord:nth-of-type(odd) .wp-block-group__inner-container .h1::after{
          left: 0;
          right: auto;
          border-radius: 0 var(--border-radius) var(--border-radius) 0;
     }

     .home .sngl_accord:nth-of-type(even) .wp-block-group__inner-container .h1::after{
          left: auto;
          right: 0;
          border-radius: var(--border-radius) 0 0 var(--border-radius);
     }

     .home .sngl_accord:nth-of-type(even) .wp-block-button{
          margin: var(--pt-spacingmed) 0 0 auto;
     }
     /* Home Page - END */

     /* Connecting the City */
     .page-connecting-the-city .entry-content > div:not(.green_header):not(.contact_pre_footer){
          margin-top: var(--pt-spacingxl); 
          margin-bottom: var(--pt-spacingxl); 
     }

     .first_img{
          display: block;
     }

     .page-connecting-the-city .entry-content > *:not(.green_header) figure{
          height: calc(100%);
     }

     .entry-content > .cnct_cty_grid{
          margin: var(--pt-spacingxl) auto !important;
     }

     .cnct_cty_grid > div{
          display: grid;
          gap: var(--pt-spacinglarge);
     }

     /* Crenshaw */
     .crenshaw_lax_line_block > div .first_img{
          grid-area: crnshaw_first_img;
     }

     .crenshaw_lax_line_block > div .second_img{
          grid-area: crnshaw_second_img;
     }

     .crenshaw_lax_line_block > div .wp-block-group{
          grid-area: crnshaw_content;
     }


     .crenshaw_lax_line_block > div{
          grid-template-areas: 
               "crnshaw_first_img crnshaw_content crnshaw_content"
               "crnshaw_first_img crnshaw_second_img crnshaw_second_img"
          ;
     }

     /* Downtown */
     .downtown_block > div .first_img{
          grid-area: dwntwn_first_img;
     }

     .downtown_block > div .second_img{
          grid-area: dwntwn_second_img;
     }

     .downtown_block > div .wp-block-group{
          grid-area: dwntwn_content;
     }

     .downtown_block > div{
          grid-template-areas: 
               "dwntwn_content dwntwn_content dwntwn_first_img"
               "dwntwn_second_img dwntwn_second_img dwntwn_second_img"
          ;
     }

     /* Forum */
     .forum_block > div{
          grid-template-columns: 2fr 1fr;
     }

     /* SoFI */
     .sofi_block > div .first_img{
          grid-area: sofi_first_img;
     }

     .sofi_block > div .second_img{
          grid-area: sofi_second_img;
     }

     .sofi_block > div .wp-block-group{
          grid-area: sofi_content;
     }

     .sofi_block > div{
          grid-template-areas: 
               "sofi_content sofi_second_img sofi_second_img"
               "sofi_first_img sofi_first_img sofi_first_img"
          ;
     }

     /* Basketball */
     .bsktbl_block > div figure{
          grid-area: basketball_first_img;
     }

     .bsktbl_block > div .wp-block-group{
          grid-area: basketball_content;
     }

     .bsktbl_block > div{
          grid-template-areas: 
               "basketball_content basketball_first_img"
          ;
     }
     /* Connecting the City - END */

     /* ITC */
     .wht_bckgnd{
          display: grid;
          align-items: center;
     }

     .wht_bckgnd .wp-block-columns{
          display: grid;
          grid-template-columns: 50% 50%;
     }

     .wht_bckgnd.active .wp-block-columns{
          grid-template-columns: 50% 50%;
     }

     .wht_bckgnd .svg_info_wrap{
          display: flex;
          position: relative;
          align-items: center;
          height: calc(100%);
     }

     .svg_map_cntnt{
          display: flex;
          align-items: center;
          position: absolute;
          top: auto;
          left: 0;
          width: 100%;
          max-width: 600px;
          height: calc(100%);
          padding: 0;
          margin-left: 100vw;
          background-color: var(--background-modal);
          transition: top var(--transition);
          z-index: 0;
          transition: margin-left var(--transition);
     }

     .svg_map_cntnt.active{
          margin-left: 0;
          transition: margin-left var(--transition);
     }

     .svg_map_cntnt > div{
          max-height: 700px;
          padding: var(--pt-spacinglarge);
          background-color: var(--white);
     }

     .svg_map_cntnt figure.wp-block-image{
          display: flex;
          align-items: center;
          width: 100%;
          height: 100%;
          max-height: 225px;
          overflow: hidden;
          border-radius: var(--border-radius);
     }

     .svg_map_cntnt .wp-block-image img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: 50% 50%;
     }

     .itc_timeline{
          max-width: 100%;
          overflow-x: scroll;
          overflow-y: hidden;
     }

     .itc_timeline > .wp-block-group__inner-container{
          display: flex;
          align-items: center;
     }

     .itc_timeline .wp-block-group__inner-container .wp-block-group__inner-container{
          grid-template-columns: 1fr;
          grid-template-rows: 25% 75%;
          align-items: stretch;
          justify-content: stretch;
          height: 300px;
     }

     .itc_timeline .wp-block-group__inner-container > p:nth-of-type(odd){
          border-right: none;
          border-bottom: 1px solid var(--black);
          text-align: center;
          align-items: end;
          justify-content: center;
          padding: var(--pt-spacingmed) var(--pt-spacinglarge);
     }

     .itc_timeline .wp-block-group__inner-container > p:nth-of-type(2n+1)::after {
          right: calc(50% - 3px);
          bottom: -6px;
     }

     .itc_timeline .wp-block-group__inner-container > p:nth-of-type(even){
          border-left: none;
          border-top: 1px solid var(--black);
          text-align: center;
          align-items: start;
          justify-content: center;
          padding: var(--pt-spacingmed) var(--pt-spacinglarge);
     }

     .page-itc .sngl_accord .accord_btn a{
          position: relative;
          padding-left: 25px;
     }

     .projects_info_block .wp-block-columns{
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: var(--pt-spacinglarge);
     }

     .projects_info_block .wp-block-column{
          grid-template-columns: 1fr;
          grid-template-rows: 1fr 2fr;
          align-items: start;
     }

     .page-itc .teal_bckgnd.itc_survey{
          z-index: 150;
     }

     .page-itc .teal_bckgnd.itc_survey::before {
          top: -170px;
     }

     .projects_info_block svg{
          width: auto;
          height: 100px;
     }

     .sngl_accord .wp-block-group{
          padding: 0 0 0 var(--pt-spacingxl);
     }

     .itc_enviro_quest > .wp-block-group__inner-container, .itc_proj_overview > .wp-block-group__inner-container{
          position: relative;
     }

     .itc_enviro_quest .sngl_accord .wp-block-buttons, .itc_proj_overview .sngl_accord .wp-block-buttons{
          width: 50%;
     }

     .itc_enviro_quest .sngl_accord .wp-block-buttons .accord_btn, .itc_proj_overview .sngl_accord .wp-block-buttons .accord_btn{
          padding-right: var(--pt-spacinglarge);
     }

     .itc_proj_overview .sngl_accord .wp-block-buttons, .itc_enviro_quest .sngl_accord .wp-block-buttons{
          border-top: 2px solid var(--black);
          border-bottom: 2px solid var(--black);
          border-left: 2px solid var(--black);
          border-radius: 9px 0 0 9px;
     }

     .itc_enviro_quest .sngl_accord.active .wp-block-buttons, .itc_proj_overview .sngl_accord.active .wp-block-buttons{
          position: relative;
          width: calc(50% + 2px);
          border-top: 2px solid var(--white);
          border-bottom: 2px solid var(--white);
          border-left: 2px solid var(--white);
          border-radius: 9px 0 0 9px;
          background-color: var(--white);
          z-index: 100;
     }

     .itc_enviro_quest .sngl_accord.active .wp-block-buttons *, .itc_proj_overview .sngl_accord.active .wp-block-buttons *, .itc_enviro_quest .sngl_accord.active .wp-block-group *, .itc_proj_overview .sngl_accord.active .wp-block-group *{
          color: var(--black);
     }

     .itc_enviro_quest .sngl_accord .wp-block-group, .itc_proj_overview .sngl_accord .wp-block-group{
          background-color: var(--white);
          border: 2px solid var(--white);
          border-radius: 0 9px 9px 0;
     }

     .itc_enviro_quest .sngl_accord .wp-block-group, .itc_proj_overview .sngl_accord .wp-block-group{
          position: absolute;
          top: 0;
          right: 0;
          width: 50%;
          height: calc(100%);
          max-height: calc(100%);
          padding: var(--pt-spacingxl);
          overflow-x: hidden;
          overflow-y: scroll;
          opacity: 0;
          transition: opacity var(--transition);
     }

     .itc_enviro_quest .sngl_accord.active .wp-block-group, .itc_proj_overview .sngl_accord.active .wp-block-group{
          opacity: 1;
          transition: opacity var(--transition);
     }

     .page-itc .itc_enviro_quest .sngl_accord .wp-block-group .wp-block-group__inner-container, .page-itc .itc_proj_overview .sngl_accord .wp-block-group .wp-block-group__inner-container{
          margin-bottom: 0;
     }

     .page-itc .itc_enviro_quest p, .page-itc .itc_proj_overview p{
          padding-bottom: var(--pt-spacingmed);
     }

     .page-itc .map_info_intro{
          position: absolute;
          top: 50%;
          opacity: 1;
          transition: opacity var(--transition);
     }

     .page-itc .wrap_active .map_info_intro{
          opacity: 0;
          transition: opacity var(--transition);
     }

     .limit_img_height{
          position: relative;
          width: 100%;
          max-width: 1200px;
          height: 100vh;
          max-height: 600px;
          overflow: hidden;
          border-radius: var(--border-radius);
     }
     /* ITC - END */

     /* Citywide */
     .page-citywide-event-transportation-management-and-operational-plan .green_bckgnd.two_clr_trap{
          display: flex;
          align-items: center;
     }

     .page-citywide-event-transportation-management-and-operational-plan .green_bckgnd.two_clr_trap *{
          color: var(--black) !important;
     }
     /* Citywide - END */

     /* Menu Updates 12072021 */
     #primary-menu .menu-item-has-children .menu-item-has-children .sub-menu{
          position: relative !important;
     }
     /* Menu Updates 12072021 - END */

     /* Transparent Header  */
     .green_header h2::before, .green_header h2::after {
          height: 75px;
     }

     .two_clr_trap_ovrly .wp-block-cover__inner-container::before, .two_clr_trap_ovrly .wp-block-cover__inner-container::after{
          height: 100px;
     }
     /* Transparent Header - END */
}

@media only screen and (min-width: 1200px){
     #masthead{
          grid-template-columns: 25% 75%;
          padding-top: var(--pt-spacingmed) 0;
     }
     /* Green Header */
     .green_header .wp-block-cover__inner-container{
          margin: 0 auto 0 calc(50vw - 550px);
     }
     /* Green Header - END */
}

/* Updates V2
--------------------------------------------- */
@media only screen and (min-width: 1024px){
     :root{
          --font-family: 'Montserrat', serif;

          --fontOverrideHeadOne: var(--fontextrabold) 100px/200px var(--font-family);
          --fontOverrideHeadTwo: var(--fontsemibold) 40px/45px var(--font-family);

          --headone: var(--fontextrabold) 50px/60px var(--font-family);
          --headintro: var(--fontbody) 26px/40px var(--font-family);

          --sectionheadthree: var(--fontsemibold) 36px/40px var(--font-family);
          --sectionheadintro: var(--fontbody) 26px/40px var(--font-family);

          --fontheadtwo: var(--fontsemibold) 40px/45px var(--font-family);
          --fontbodysize: var(--fontbody) 20px/30px var(--font-family);
          --font_subsup: var(--fontbody) 20px/30px var(--font-family);
     }

     .green_header h2, .black_header h2, .black_header .itc_rotator_wrap .h1, .black_header .word_rotator_inner_wrap .h1{
          font: var(--headone);
     }

     .green_header p, .black_header p{
          font: var(--headintro);
     }

     /* Different color backgrounds */
     .sub_header.green_bckgnd span strong, p.section_intro strong{
          font: var(--sectionheadthree);
     }

     .sub_header.green_bckgnd, .sub_header.green_bckgnd span, .section_intro p, p.section_intro, .connecting_you{
          font: var(--sectionheadintro);
     }

     .connecting_you strong{
          font: var(--sectionheadthree);
     }

     .section_intro h3{
          margin: var(--pt-spacinglarge) 0 var(--pt-spacingmed) 0;
     }
     /* Different color backgrounds - END */

     /* Home overrides */
     .home .sngl_accord h3{
          font: var(--fontheadtwo);
     }
     /* Home overrides - END */

     /* General */
     h3, .h3{
          font: var(--fontheadtwo);
          text-transform: uppercase;
     }

     .limit_img_height{
          position: relative;
          width: 100%;
          max-width: 1200px;
          height: 100vh;
          max-height: 600px;
          overflow: hidden;
          border-radius: var(--border-radius);
     }

     .limit_img_height img{
          position: absolute;
          bottom: 0;
          width: 100%;
          height: auto;
          object-position: top center;
     }

     .itc_page_increase_z_index{
          padding: var(--pt-spacingmed) 0 !important;
     }
     /* General - END */
}


/* Translator
--------------------------------------------- */
#flags, #google_language_translator{
     position: fixed;
     top: -150vh;
     left: -150vw;
     z-index: -100; 
}

/* Alignments
--------------------------------------------- */

/* Alignments
--------------------------------------------- */

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text, .entry-header {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: var(--border-radius);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Update 12062021 */
.remove_bottom_padding{
     padding-bottom: 0 !important;
}
/* Update 12062021 - END */

/* Updates 12072021 - Blue scrolling header */
.blue_scrolling_header{
     width: 100% !important;
     max-width: 100% !important;
     background-color: #506AD4;
     padding: 0 !important;
     transition: background-color .5s ease-in-out;
}

.blue_scrolling_header:hover, .blue_scrolling_header:focus{
     background-color: var(--white);
     transition: background-color .5s ease-in-out;
}

.blue_scrolling_header *{
     padding: 0 !important;
}

.blue_scrolling_header a{
     display: block;
     width: 90%;
     max-width: 1200px;
     margin: 0 auto;
     font-weight: var(--fontbold);
     color: var(--white);
     text-align: center;
     text-decoration: none;
     padding: var(--pt-spacinglarge) !important;
     transition: color .5s ease-in-out;
}

.blue_scrolling_header a span{
     display: block;
     width: 100%;
     font-weight: var(--fontbold);
     animation-name: bluescroll;
     animation-duration: 30s;
     animation-delay: 0ms;
     animation-fill-mode: both;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}

.blue_scrolling_header a:hover span, .blue_scrolling_header a:focus span{
     color: #506AD4;
     transition: color .5s ease-in-out;
}

@keyframes bluescroll{
     from{
          transform: translateX(85vw);
     }
     to{
          transform: translateX(-85vw);
     }
}
/* Updates 12072021 - Blue scrolling header - END */

/* Updates 12082021 */
.sentince_case a{
     text-transform: none;
}
/* Update 12082021 - END */

/* H8S Updates 2022-10-07

.community_update 
{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.community_update .wp-block-cover__inner-container
{
	padding:30px 0 !important;
}

.community_update strong 
{
	padding-right:16px;
}

.community_update a span.arrow
{
	display:inline-block;
	width:33px;
	height:12px;
	background:url(template_images/arrow-black.svg) no-repeat scroll center center transparent;
	background-size:contain;
}


@media (max-width:991px)
{
	.community_update strong 
	{
		display:block;
		margin-bottom:10px;
	}

	.community_update a
	{
		display:block;
	}
}

span.text-nowrap 
{
	white-space:nowrap;
}
 */
 
.home .community_update .wp-block-cover__inner-container p {
	width:100% !important;
	min-width:unset;
	max-width:unset;	
	color:#2F2D2F;
}

.home .community_update .wp-block-cover__inner-container p strong
{
	color:#2F2D2F;
}

.home .community_update .wp-block-cover__inner-container p a, .home .community_update .wp-block-cover__inner-container p a span
{
	color:#2F2D2F;
}

.page-project-documents-and-resources .teal_bckgnd::before, .page-project-documents-and-resources .teal_bckgnd::after
{
	display:none;
}

.page-project-documents-and-resources .teal_bckgnd 
{
	background-color: var(--teal);
}

.page-project-documents-and-resources h1.white_text 
{
	color:white;
}

.page-project-documents-and-resources h1
{
	margin-bottom:48px;
}

.page-project-documents-and-resources h3
{
	text-transform:none;
}

.page-project-documents-and-resources .teal_bckgnd p a, .page-project-documents-and-resources .teal_bckgnd p a em, .page-project-documents-and-resources .teal_bckgnd p a u
{
	color: #FFF !important;
}
.page-project-documents-and-resources .sngl_accord p a
{
	display: block;
	margin-bottom:15px;
}

.page-project-documents-and-resources .sngl_accord .wp-block-buttons
{
	margin-bottom:15px;
}

.page-project-documents-and-resources  .is-style-wide
{
	margin-bottom:64px;
}

.page-project-documents-and-resources .wp-block-group__inner-container p 
{
	padding:0 !important;
	margin: 0 !important;
}

.page-project-documents-and-resources .wp-block-group__inner-container p a 
{
	margin-bottom:15px;
}

.page-project-documents-and-resources .wp-block-group__inner-container p:last-child a
{
	margin-bottom:0;
}

.page-project-documents-and-resources .wp-block-separator 
{
	margin: 24px 0;
}

/* Gravity Forms Updates */
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large{
     font-size: 16px;
     margin: 0;
     padding: 12px;
     background: #f7f7f7;
     border: 1px solid #c4c4c4;
     border-radius: var(--border-radius) !important;
     box-shadow: none;
     color: #787878;
     transition: all .5s;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
     display: block;
     font: var(--headintro);
     color: var(--white) !important;
     background-color: var(--black) !important;
     border-radius: var(--border-radius) !important;
     margin: 0 auto !important;
     padding-left: var(--pt-spacingxl) !important;
     padding-right: var(--pt-spacingxl) !important;
     border: 2px solid var(--black);
     transition: all var(--transition);
     font-weight: var(--fontbold) !important;
     font: var(--fontbodysize) !important;
     border-radius: var(--border-radius) !important;
}

.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover{
     background-color: var(--white) !important;
     color: var(--black) !important;
     cursor: pointer;
}
/* Gravity Forms Updates - END */