/*
Theme Name:   Divi child theme
Description:  Write here a brief description about your child-theme
Author:       dda-admin
Author URL:   Write here the author's blog or website url
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Divi-child
*/

/* Write here your own personal stylesheet */

body {overflow-x: hidden;}
#top-header #et-info {float: right; height: 40px; font: 700 16px/40px 'Roboto Condensed', sans-serif;}
#et-info #searchform, #et-info #searchform div {display: inline-block; margin: 0;}
#s {border: 1px solid #5D86A5; padding-left: 5px; letter-spacing: 0; font: 500 14px/28px 'Roboto', sans-serif; height: 28px; width: 200px; background: #fff url('/wp-content/uploads/2019/12/search-icon.png') 175px 5px no-repeat;}
#s::-webkit-input-placeholder {position: relative; top: 1px;}
#hdrContact {display: inline-block; margin: 0 23px;}
html #top-header .container {padding-top: 0;}
#ddaFooter {color: #fff; text-align: center; font: 500 14px/20px 'Roboto', sans-serif; padding: 5px 0 10px;}
#ddaFooter a {color: #fff; text-decoration: none;}
abbr[title] {border: 0; text-decoration: none;}
.addr {line-height: 1.3; display: block;}
html #footer-widgets .footer-widget li::before {display: none;}
html #footer-widgets .footer-widget li {position: static; padding-left: 0;}
.mailLink {margin-top: 6px;}
a:focus {outline: 1px dotted #fff;}
html #top-menu a {transition: none !important;}
#top-menu a:focus {outline: 1px dotted #000;}
#top-menu .sub-menu a {font-size: 14px; line-height: 1.4; padding: 6px 10px;}
#homeHdr {text-align: center; color: #7BC24E; font-size: 40px; line-height: 1.1; font-weight: 700;}
.subHdr, .transitLink {color: #662D91; font-weight: 700;}
.transitLink {text-align: center; font-size: 24px;}
.servicesLink {color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 700;}
.servicesLink a {color: #fff;}
#servicesIcons .et_pb_image {min-height: 110px;}
#whatWeDoStats > div {max-width: none; width: 100%;}
#whatWeDoStats .et_pb_column {width: 50%; margin: 0; font-size: 16px;}
#whatWeDoBlock {min-height: 351px; background: url('/wp-content/uploads/2019/12/what-we-do-overlay.png') no-repeat top left; color: #fff; text-align: center; padding: 110px 20px 0 250px;}
#statsBlock {min-height: 351px; background: url('/wp-content/uploads/2019/12/downtown-stats-overlay.png') no-repeat top right; color: #fff; text-align: center; padding: 110px 250px 0 20px;}
#whatWeDoBlock h2, #statsBlock h2  {color: #fff; text-transform: uppercase; font-size: 26px; font-weight: 700;}
.readMoreBtn {text-transform: uppercase; font-weight: 700; border: 1px solid #fff; border-radius: 12px; padding: 5px 15px; color: #fff;}
.readMoreBtn:hover, .readMoreBtn:focus {background: #000; border: 1px solid #000;}
.mtgHdr {color: #003958; font-weight: 700; font-size: 23px; border-bottom: 2px solid #003A59;}
h3 {font-weight: 600;}
#newsletterBlock {background: #003958; color: #fff; text-align: center; padding: 30px 30px 15px;}
#newsletterBlock h2 {font-size: 22px; font-weight: 700; margin: 0; color: #fff; padding-bottom: 4px;}
#newsletterBlock #social a {display: inline-block; margin: 0 8px;}
#signupPara {margin-top: 0;}
#newsletterBlock form {margin-bottom: 40px; margin-top: 0;}
#newsletterBlock input {width: 100%; display: block; margin: 15px 0; padding: 4px;}
#newsletterBlock #mc-embedded-subscribe {width: auto; padding: 3px 15px; background: #90C661; color: #fff; margin-left: auto; margin-right: auto; border: 1px solid #90C661; cursor: pointer; font-size: 16px;}
.module__background {bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%;}
.background--video {-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.homeVideo .et_pb_code_inner {height: 66vh;}
html #top-menu > li {width: auto; padding-right: 0; padding-left: 8px; padding-top: 8px;}
html #top-menu .sub-menu {top: 30px; left: -20px; padding: 0; width: auto;}
html #top-menu .sub-menu a {color: #fff; transition: none; opacity: 0;}
html #top-menu .sub-menu:hover {background: transparent;}
html #top-menu > li:hover .sub-menu a {opacity: 1;}
html #top-menu .menu-item-has-children > a:first-child::after {content: "";}
html #top-menu > li:hover, html #top-menu > li:hover a {background: #004B7C; color: #fff;}
html .nav li .sub-menu {transition: none; box-shadow: none; border-top: 0; background: transparent;}
html .nav li .sub-menu a, html .nav li .sub-menu a:hover, html .nav li .sub-menu a:focus {transition: none;}
html #top-menu .sub-menu a:hover {background: #7ac14e; transition: none; opacity: 1.0;}
html #top-menu, html #top-menu > li, html #top-menu ul {transition: none !important;}
html #top-menu:hover, html #top-menu > li:hover, html #top-menu ul:hover {transition: none !important;}
html #top-menu > li:hover > a {color: #7ac14e; opacity: 1;}
html #top-menu .menu-item-130 li a {width: 192px;}
html #top-menu .menu-item-131 li a {width: 172px;}
#serviceLinksHldr a {color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 700; text-decoration: none; display: block; padding: 50px 0; height: 280px;}
#serviceLinksHldr a img {margin-bottom: 20px;}
#serviceLinksHldr a:hover, #serviceLinksHldr a:focus {background: #7539a2;}
#serviceLinksHldr .et_pb_column_1_4 {width: 25%;}
#serviceLinksHldr .et_pb_column {margin-right: 0;}
.subPageHeadingColumn {border-bottom: 10px solid #7BC24E;}
.subPageHeadingColumn h1 {font-weight: 700; font-size: 50px; color: #fff; text-transform: uppercase;}
#sidebarRollovers ul {margin: 30px 0 0; padding: 0; list-style: none;}
#sidebarRollovers li {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
#sidebarRollovers a {color: #622E8B; line-height: 1; display: flex; align-items: center; flex-shrink: 0;}
#sidebarRollovers li:hover a {color: #000;}
#sidebarRollovers img {flex-shrink: 0; margin-right: 10px;}
.primaryContentHolder h2, .primaryContentHolder h3, .primaryContentHolder h4, .primaryContentHolder h5 {color: #0067AC; font-weight: normal;}
.primaryContentHolder h2 {font-weight: 600; font-size: 32px;}
.primaryContentHolder h3 {font-size: 28px; margin-top: 20px;}
.primaryContentHolder h4 {font-size: 24px; margin-top: 20px;}
.primaryContentHolder h5 {font-size: 20px; margin-top: 20px;}
.introTxt {color: #0067AC; font-weight: 600;}
#et-main-area a {text-decoration: underline;}
#et-main-area #main-footer a, #et-main-area #sidebarRollovers a {text-decoration: none;}
.missionStyle, .missionStyle p {line-height: 1.7em !important;}
html #et-main-area #main-footer a:hover, html #et-main-area #main-footer a:focus, #et-info a:hover, #et-info a:focus {text-decoration: underline;}


@media screen and (max-width: 1220px) {
	html #top-menu li {padding-right: 12px;}
	html #top-menu > li:last-child {padding-right: 0;}
	html #top-menu li a {font-size: 14px;}
}

@media screen and (max-width: 1110px) {
	html #top-menu li a {font-size: 13px;}
	html #top-menu li {padding-right: 8px;}
	html #top-menu > li:last-child {padding-right: 0;}
	.logo_container img {width: 200px; height: 91px;}
	html #top-menu .menu-item-has-children>a:first-child {padding-right: 10px;}
	.conditionalBreak {display: none;}
}

@media screen and (max-width: 1010px) {
	html #top-menu li a {font-size: 12px;}
}

@media screen and (max-width: 980px) {
	#et-info {padding-top: 0;}
    .logo_container img {width: auto; height: auto;}
	.hideMobile {display: none;}
	#homeHdr {font-size: 35px;}
	#whatWeDoBlock {background: #0067AB; padding: 40px 20px; min-height: 0;}
    #statsBlock {background: #7BC24E; padding: 40px 20px; min-height: 0;}
	#serviceLinksHldr .et_pb_column_1_4 {width: 50%;}
	#serviceLinksHldr a {height: auto;}
}

@media screen and (max-width: 900px) {
  .homeVideo .et_pb_code_inner {height: 50vh;}
  .subPageHeadingColumn h1 {font-size: 40px;}
}

@media screen and (max-width: 800px) {
    #whatWeDoStats .et_pb_column {width: 100%; margin: 0;}	
}

@media screen and (max-width: 600px) {
  #homeHdr {font-size: 26px;}
  .homeVideo .et_pb_code_inner {height: 30vh;}
  #serviceLinksHldr .et_pb_column_1_4 {width: 100%;}
}

@media screen and (max-width: 540px) {
	#s {width: 100px; background-position: 75px 4px;}
	#top-header #et-info {float: none; text-align: center;}
}

@media screen and (max-width: 500px) {
    #hdrContact {display: none;}
	#et-info #searchform {margin-left: 23px;}
	#s {width: 135px; background-position: 110px 4px;}
}

@supports (object-fit: cover) and (-ms-ime-align:auto) {
  video {height:auto !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  video {height:auto !important;}
}