/*
 Theme Name:     575 - City of Normandy Park
 Description:    Divi Child Theme
 Author:         575 Inc.
 Author URI:     https://575agency.com
 Template:       Divi
 Version:        1.2.0
*/

@media (max-width: 479px) {
	.et_pb_blog_grid h2 {
		padding-bottom: 6px;
	}
}
/*adjust Divi Menu breakpoint*/
@media (max-width: 1130px) {
    .et_pb_svg_logo #logo {
		height: 53%;
	}
    .history_title .et_pb_text_0 h1, .history_title p {
		color: #fff!important;
	}
	#top-menu li {
    	padding-right: 5px!important;
    	margin-right: 12px!important;
	}
	#top-menu li a {
		font-size:14px!important;
	}
	#top-menu>li:last-child {
    	padding-right: 0!important;
	}
	#top-menu li.mega-menu.mega-menu-parent-3>ul>li {
    	width: 32.1%;
	}
}
/*end adjustment to break point*/
#main-footer {
    display: none;
}
.one_three_dept .et_pb_text_inner p a {
    background-image: none!important;
	font-family: brother-1816, sans-serif;
	font-weight: 500;
}
p:not(.post-meta) a:visited, p:not(.post-meta) a, li a {
    background-image: linear-gradient(transparent calc(100% - 1.25em),rgba(247, 121, 77, .13) 0),linear-gradient(transparent calc(100% - 7px),rgba(247, 121, 77, .0) 0);
    background-repeat: no-repeat;
    background-size: 100% 160%,100% 100%;
    transition: all .13s;
}
p:not(.post-meta) a, p:not(.post-meta) a:hover, li a, li a:hover {
    text-decoration: none;
	font-weight: 600;
}
a {
    background-color: transparent;
}
p:not(.post-meta) a:hover, li a:hover {
    background-image: linear-gradient(transparent calc(100% - 1.25em),rgba(247, 121, 77, .37) 0),linear-gradient(transparent calc(100% - 7px),rgba(247, 121, 77, .0) 0);
	background-size: 100% 100%;
    color: #0e0f0f;
}
p {
    line-height: 1.6321rem;
    font-size: 1.1671rem;
}
p a, p a:hover {
    text-decoration: underline;
}
p a.et_pb_button {
	text-decoration: none;
}
.et_pb_button, .et_pb_searchsubmit, .tribe-events-widget-events-list__view-more-link {
    font-weight: 600!important;
	font-family: 'brother-1816', sans-serif!important;
}
li {
    font-size: 1.1671rem;
    padding: 0 0 11px;
}
.caption {
	color: rgba(255,255,255,0.6);
}
h1, h2, .h1, .h2, .primary_CTA_label_5 p, .et_pb_text_0 h1 {
	font-family: brother-1816, sans-serif!important;
	font-weight: 800;
	font-style: normal;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
	font-family: brother-1816, sans-serif;
	font-weight: 700;
	font-style: normal;
}
h1 {
    color: #3d3028;
    font-size: 3.257rem;
    line-height: 3.1289rem;
    padding-bottom: .54rem;
}
h2 {
    font-size: 2.621rem;
    color: #0e0f0f;
    padding-bottom: 0.73rem;
}
h3 {
    font-size: 2.31rem;
    color: rgba(14,15,15,0.8);
    line-height: 1.89932rem;
    padding-bottom: 1.2131rem;
}
h4 {
    font-size: 1.9863rem;
    color: rgba(14,15,15,0.8);
    line-height: 2.13rem;
    padding-bottom: 0.61rem;
}
h5 {
    font-size: 1.6831rem;
    color: rgba(14,15,15,0.8);
    line-height: 1.689rem;
    padding-bottom: 0.5891rem;
}
h6 {
    font-size: 1.2892rem;
    color: rgba(14,15,15,0.6);
    line-height: 1.31rem;
}
code, pre {
    font-family: 'PT Mono',monospace;
    color: #0e0f0f;
    font-weight: 600;
    margin: 16px 0;
    background: rgba(2,39,45,0.07);
    border-radius: 4px;
}
blockquote, .blockquote, blockquote p {
    font-family: brother-1816, sans-serif;
    font-weight: 700;
    font-size: 1.475rem;
    line-height: 1.923rem;
    font-style: italic;
}
blockquote {
    border-color: rgba(15,123,106,.4)!important;
	margin: 1.3rem 0 1.5rem;
    border-left: 8px solid;
    padding-left: 1.3731rem;
}
.pull_quote p {
    font-family: 'PT Serif',serif;
    font-weight: 600;
    font-style: italic;
    color: #0f7b6a;
    font-size: 2.72rem;
    line-height: 2.85rem;
}
#main-header, #et-top-navigation {
	font-family: brother-1816, sans-serif!important;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.04rem;
}
.et_pb_blog_0 .et_pb_post .post-meta, .et_pb_blog_0 .et_pb_post .post-meta a, #left-area .et_pb_blog_0 .et_pb_post .post-meta, #left-area .et_pb_blog_0 .et_pb_post .post-meta a, input, textarea, select {
    font-family: brother-1816, sans-serif;
}
a.more-link {
    float: right;
    margin: 10px 0 0 0;
    font-weight: 600;
	font-family: brother-1816, sans-serif;
    background-color: rgba(247,121,77,0.1);
    padding: 0 12px 2px;
    border-radius: 20px;
}
/* Mega Menu Setup */
.nav li ul {
	/*transition: all 0.2s 0.1s ease-out !important;*/
	background-color: #011516;
	border-color: transparent!important;
}
#top-menu li.mega-menu.mega-menu-parent li>.sub-menu {
    padding-top: 20px;
}
nav>ul>li.menu-item-3649>ul:after {
    font-family: 'ETModules';
    font-size: 60px;
    content: '\42';
    color: #011516;
    position: absolute;
    right: 619px;
    top: -8px;
    width: 0;
    height: 0;
}
nav>ul>li.menu-item-3650>ul:after {
    font-family: 'ETModules';
	font-size: 60px;
    content: '\42';
	color: #011516;
	position: absolute;
    right: 463px;
    top: -8px;
    width: 0;
    height: 0;
}
nav>ul>li.menu-item-3651>ul:after {
    font-family: 'ETModules';
	font-size: 60px;
    content: '\42';
	color: #011516;
	position: absolute;
    right: 313px;
    top: -8px;
    width: 0;
    height: 0;
}
nav>ul>li.menu-item-3652>ul:after {
    font-family: 'ETModules';
	font-size: 60px;
    content: '\42';
	color: #011516;
	position: absolute;
    right: 152px;
    top: -8px;
    width: 0;
    height: 0;
}
.et_fullwidth_nav #top-menu li.mega-menu>ul {
    width: auto;
    left: 0px!important;
    right: 0px!important;
	/*box-shadow: 0 15px 11px rgba(0,0,0,.3);*/
}
/* Mobile Menu */
#main-header .et_mobile_menu li ul.hide {
    display: none !important;
}
#mobile_menu .menu-item-has-children {
    position: relative;
}
#mobile_menu .menu-item-has-children > a {
    background: transparent;
}
#mobile_menu .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
    width: 100%;
    display: inline-block;
    text-align: right;
}
span.menu-closed:before {
    content: "\4c";
    display: block;
    color: inherit;
    font-size: 16px;
    font-family: ETmodules;
	color: #fff;
}
span.menu-closed.menu-open:before {
    content: "\4d";
}
.container.et_menu_container {
    width: 100%;
}
@media (max-width: 980px) {
	#et_mobile_nav_menu {
    	padding-right: 16px;
	}
}
.logo_container a {
    padding-left: 16px;
}
@media only screen and (max-width: 980px) {
	.mobile_menu_bar:before {
		color: #0000008f;
	}
}
.et_mobile_menu {
    border-top: none;
    background: #011516;
}
.et_mobile_menu li a {
    border-bottom: 1px solid #ffffff1f;
}
.et_mobile_menu li li {
    padding-left: 0;
}
#main-header .et_mobile_menu li ul {
    padding-left: 5%;
    background: #ffffff20;
}
#mobile_menu li a {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d"!important;
}
/* This breaks the mobile page where there is overflow on the x
.container.clearfix.et_menu_container {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}*/
/* END Mobile Menu */
#top-menu li {
	/* this fixes the hover issue between items */
	padding-right: 18px;
	margin-right: 24px;
}
#top-menu li a {
    text-transform: uppercase!important;
	font-size: 16px!important;
}
#top-menu li.mega-menu>ul>li>a:first-child, #top-menu li.mega-menu>ul>li>a:first-child:hover {
    font-weight: 800;
    border-bottom: none;
    color: #ffffff;
    text-transform: uppercase!important;
	cursor: default;
	font-size: 18px!important;
	opacity: 1;
	padding-bottom: 4px;
	letter-spacing: .1em;
	border-bottom: 2px solid #ffffff36!important;
	background-image: none;
}
#top-menu li.mega-menu li.menu-column-item a {
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize!important;
	color: #ffffff90!important;
	padding-top: 2px;
    padding-bottom: 2px;
	background-image: none;
}
a.et_pb_newsletter_button.et_pb_button {
    background-image: none;
}
#top-menu li.mega-menu li.menu-column-item a:hover {
	text-decoration: underline;
/* 	background: none!important; */
}
#top-menu-nav>ul>li>a:hover {
	background: none!important;
	opacity: .7;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.nav ul li .menu-level-c a:hover {
    background-color: #ffffff2f;
    opacity: 1;
	color: #ffffffff!important;
    border-radius: 30px;
}
/*.nav ul li .menu-level-c.current_page_item a {
	color: #22a28e!important;
	background-color: #ffffff11;
    border-radius: 30px;
}
#top-menu li.current-menu-ancestor>a {
	color: #22a28e!important;
}*/
/* Make Mega-Menu not disappear immediately */
@media  (min-width: 981px) {
	.et-dropdown-removing > ul {    
		display: block!important;
	}
	.et-dropdown-removing > ul ul {    
		display: block!important;
	}
	#top-menu li.mega-menu:hover li ul {
		visibility: visible;
		opacity:1;
	}
	#top-menu li.mega-menu li ul {
		display: block;
		visibility: hidden;
		opacity:0;
	}
}
/* Prevent transitions */
@media (min-width: 981px) {
	.et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover>ul, .et_secondary_nav_dropdown_animation_expand #et-secondary-nav li:hover>ul {
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0;
	    -webkit-animation: none!important;
	    animation: none!important;
	    -webkit-backface-visibility: visible!important;
	    backface-visibility: visible!important;
	}
}
/* End Mega Menu */

.et_pb_module.decm_event_display.decm_event_display_0.et_pb_bg_layout_ {
    margin-top: 43px;
}
@media only screen and (min-width: 1080px) {
    .latest-news-home .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 60%;
        margin-right: 4%;
    }
    .latest-news-home .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 64%;
    }
	.et_pb_posts a.more-link {
	    clear: none;
	    display: inline-block;
	    color: #fff;
	    text-transform: uppercase;
	    background-color: #000;
	    padding: 4px 20px;
	    margin-top: 24px;
	    border-radius: 30px;
	    font-weight: 800;
		font-size: 14px;
	}
	.et_pb_posts a.more-link:hover {
		opacity: .6;
		transition: opacity .16s ease-in-out .16s;
	}
}
/* This button is a Global item */
.et_pb_button.department-post-readmore {
	
}
.ecs-showdeil a.act-view-more.et_pb_button {
    border-width: 3px!important;
    font-size: 14px;
}
.et_pb_button:hover {
    -webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12);
    box-shadow: 0 4px 5px -2px rgba(0,0,0,.2), 0 7px 10px 1px rgba(0,0,0,.14), 0 2px 16px 1px rgba(0,0,0,.12);
    transition: ease-in-out all .33s;
}
/* Home Page Search Bar */
.ds-icon-search input.et_pb_searchsubmit, .widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
.ds-icon-search input.et_pb_s, .widget_search input#s {
    padding-right: 55px !important;
}
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
@media only screen and (max-width: 767px) {
	.ds-icon-search .et_pb_searchform:before, .widget_search::before {
		content: '\55';
		position: absolute;
		font-family: 'ETModules';
		z-index: 1;
		right: 0;
		font-size: 16px;
		padding: 15px 20px 6px 0;
		font-weight: 700;
    	opacity: .4;
	}
}
@media (min-width: 981px) {
	.ds-icon-search .et_pb_searchform:before, .widget_search::before {
	    content: '\55';
	    position: absolute;
	    font-family: 'ETModules';
	    z-index: 1;
	    right: 0;
	    font-size: 20px;
	    padding: 18px 24px 6px 0;
		font-weight: 800;
		opacity: .6;
	}
}
/* END Home Page Search Bar */

/* global contact modules */
@media (min-width: 980px) {
	.page-id-25684 .et_pb_column {
		margin-bottom: 30px!important;
	}
}
@media (min-width: 980px) {
	.page-id-25684 .et_pb_row .et_pb_column.et-last-child {
		margin-bottom: 0px!important;
	}
}
@media (max-width: 980px) {
	.page-id-25684 .et_pb_column {
		margin-bottom: 30px!important;
	}
}
@media (max-width: 980px) {
	.page-id-25684 .et_pb_row .et_pb_column.et-last-child {
		margin-bottom: 0px!important;
	}
}
/* END - global contact modules */
.one_three_dept .et_pb_text_inner a {
    text-decoration: none;
}
.one_three_dept .et_pb_text_inner a:hover {
    text-decoration: underline!important;
}
.one_three_dept .et_pb_text_inner a:first-of-type {
    padding: 0 0 4px;
}
.one_three_dept .et_pb_text_inner a {
    clear: both;
    display: inline-block;
    padding: 4px 0;
}
.one_three_dept .et_pb_text_inner a:first-of-type {
    padding: 0 0 4px;
}
.one_three_dept .et_pb_text_inner a:last-of-type {
    padding: 4px 0 0;
}
/* SEARCH RESULTS - no results found*/
.search-no-results .dt-no-results {
	display: none;
}
.search-results .dt-results {
	display: none;
}
/*Three post cards below department post*/
.three_like_posts .post-content-inner {
    /*padding-bottom: 20px;*/
}
.three_like_posts p.post-meta {
    display: none;
}
/* Job Posts */
.jobs_post .et_pb_post {
    margin-bottom: 16px;
}
.jobs_post .et_pb_post .post-meta {
	display: none;
}
.jobs_post .et_pb_post h2 {
	padding-bottom: 0px;
}
.jobs_post .et_pb_post h2.entry-title a {
    line-height: 1;
}
.jobs_post .et_pb_post h2 a {
    padding: 20px 140px 20px 20px;
    border-radius: 100px;
    background-color: #099CAA;
    width: 100%;
    display: block;
    transition: all ease-in-out 0.2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.jobs_post .et_pb_post h2 a:hover {
    opacity: .7;
}
.jobs_post .et_pb_post .post-content {
    position: absolute;
    top: 7px;
    right: 7px;
}
.jobs_post .et_pb_post .post-content a.more-link {
    padding: 6px 13px;
    background-color: #fff;
    border-radius: 100px;
    position: relative;
    top: -22px;
    right: 2px;
}
@media all and (max-width: 980px) {
	.jobs_post .et_pb_post .post-content a.more-link {
	    padding: 6px 13px;
	    background-color: #fff;
	    border-radius: 100px;
	    position: relative;
	    top: -8px;
	    right: 2px;
	}
}
/* adding a title before the job posting block */
.jobs_post:before {
    content: "Open Positions";
    font-family: brother-1816, sans-serif;
	font-weight: 800;
    font-size: 24px;
    color: #011516!important;
    line-height: 0.84em;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 14px;
}
/* This will hide "no results" to the .entry div and add content */
.et_pb_ajax_pagination_container .entry h2, .et_pb_ajax_pagination_container .entry p {
    display: none;
}
.page-template-default.page.et_no_sidebar.et_pb_pagebuilder_layout .et_pb_ajax_pagination_container .entry:after {
    content: "There are no open positions at this time.";
    font-size: 16px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
/* IN OTHER NEWS - Headlines in grid view */
.et_pb_blog_grid .et_pb_no_thumb .entry-title, .et_pb_blog_grid .et_pb_no_thumb h2 {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
p.post-meta {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Error State for inputs */
.et_pb_newsletter p .et_pb_signup_error {
    background-color: #FF8A8A!important;
	border: none!important;
}
.et_pb_newsletter p .et_pb_signup_error::placeholder {
    color: #fff;
    font-weight: 600;
}
/* In Other New posts bottom section of home page - fixes the read more to the right */
/* .in-other-news */
a.more-link {
    float: right;
    margin: 10px 0 0 0;
}
/* Stacking order */
@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	/*** add margin to last column ***/
	
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}
/* FAQ Page */
@media only screen and (max-width: 767px) {
		.et_pb_toggle h5 {
			line-height: 1.27em!important;
		}
}
.et_pb_toggle p {
	padding-left: 40px;
}
.et_pb_accordion.et_pb_text_align_left .et_pb_toggle_title, .et_pb_accordion.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_accordion .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, .et_pb_accordion .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_toggle .et_pb_toggle_title, .et_pb_toggle h5.et_pb_toggle_title {
	padding: 0 0 0 40px;
}
.et_pb_toggle .et_pb_toggle_title:before {
    left: 0px;
    transition: ease-in-out .1s;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	transition: ease-in-out .1s;
	color: #F7794D50!important;
}
.et_pb_module.et_pb_toggle.faq-toggle-mod {
	border-width: 2px 0 0 0!important;
	border-style: solid none none none!important;
	border-color: #01151610!important;
	margin-bottom: 0!important;
}
.et_pb_module.et_pb_toggle.faq-toggle-mod:last-of-type {
    border-width: 2px 0!important;
	border-style: solid none!important;
	border-color: #01151610!important;
}
.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module.faq-toggle-mod {
	margin-bottom: 0px!important;
}
@media (max-width: 980px) {
	.et_pb_column {
		margin-bottom: 0px;
	}
}
/* City Council Person Module styles */
.et_pb_team_member_description {
    vertical-align: top;
    position: relative;
    top: 15px;
    display: inline-block!important;
    left: 3%;
    width: 76%;
}
.et_pb_team_member .et_pb_team_member_image {
    overflow: hidden;
    width: 20%;
    display: inline-flex;
    position: relative;
}
.et_pb_team_member_description div {
    width: 100%;
    float: left;
    height: 200px;
    overflow-y: scroll;
    padding: 20px 15px;
    background: #0000000d;
    margin: 10px 0;
    border-radius: 6px;
}
@media (max-width: 980px) {
	.et_pb_team_member .et_pb_team_member_image {
	    overflow: hidden;
	    width: 106px;
	    display: block;
	    margin: 0 auto;
	}
	.et_pb_team_member_description {
	    vertical-align: top;
	    position: relative;
	    top: 12px;
	    width: 100%;
	    left: 0px;
	}
	.page-id-25895 h4.et_pb_module_header, .page-id-25895 p.et_pb_member_position {
	    text-align: center;
	}
	a.npcm_bio_email {
	    top: -124px!important;
	    right: -5px!important;
	    background-color: #0000000a;
	    padding: 14px 8px;
	    border-radius: 30px;
	}
}
a.npcm_bio_email {
    position: absolute;
    top: -8px;
    right: 0px;
}
/* END City Council Person Module styles */
.latest-news-home a.more-link {
    float: left;
}
.et_pb_toggle_content blockquote {
    margin: 20px 0 30px 55px;
    border-left: 5px solid;
    padding-left: 0;
}
.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
	margin:0px;
}
/* .et_pb_text_inner h2 {
    line-height: 1.03em;
} */
/* EVENT FEATURED IMAGE */
.tribe-events-event-image img {
	box-shadow: 0 3px 8px -4px rgba(0,0,0,0.21)!important;
	border-radius: 6px!important;
}
.tribe-events .tribe-events-calendar-list__event-featured-image {
	box-shadow: 0 3px 8px -4px rgba(0,0,0,0.21)!important;
	border-radius: 6px!important;
}