@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Kalam&display=swap');
/*  SITE: Howard Disposal*/
body:not(.home) p {
 font-size: 18px;
 font-weight: 400;
 line-height: 1.625;
}
 body:not(.home) .entry-content h2 {
line-height:1.3em;
}
body:not(.home) .entry-content h3 {
line-height:2em;
}
/*main bg image*/
#top-area, #pre-footer { background: linear-gradient( 0deg, rgb(37 37 37 / 48%), rgb(56 56 56 / 57%)), url(../img/header-vertex-2.jpg); background-position: top center; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; }
.et_full_width_page #header-wrap, .single-post #header-wrap { background-position: center center !important; }
#header-wrap { text-align: center; background: linear-gradient(0deg, rgb(50 50 50 / 34%), rgb(129 133 129 / 30%)), url(../img/bg-sub-page.jpg); background-color: rgba(129, 133, 129, 0.30); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 9em 3em 7em 4em; background-size: cover !important; min-height: 241px; background-attachment: fixed !important; position: relative; }
#header-wrap .entry-header-text { padding: 1em 1em; text-align: left; max-width: 1200px; margin: 0 auto; }
#header-wrap .entry-title { color: white; font-size:5em; text-transform: uppercase; }
 #header-wrap .entry-title::before {
 padding: 0 10px 0 0;
 font-family: "Font Awesome 5 Free";
 content: "\f005";
 color: #d3b02e;
}
#header-wrap .header-excerpt { display:none; }
#header-wrap .header_cta { padding: 60px 36px 26px 0px; display: block; max-width: 1080px; margin: 0 auto; text-align: left; }
#header-wrap .header_cta a { color: #303230!important; border-color: rgba(0, 0, 0, 0); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; letter-spacing: 2px; font-size: 18px; font-weight: 700!important; text-transform: uppercase!important; background-color: #ffffff; }
#header-wrap .header_cta a:hover { left: auto; margin-left: .3em; opacity: 1; background-color: #ffffff; }
#header-wrap h3 { color: white; max-width: 1000px; margin: 0; line-height: 1.4em; font-family: 'Alegreya', serif; font-size: 1.6em; }
/*----------------- HEADER CUSTOM SVG SHAP / OPTIONAL ------------------*/
.custom-shape-divider-bottom-1658417188 { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); z-index: 9; }
.custom-shape-divider-bottom-1658417188 svg { position: relative; display: block; width: calc(100% + 1.3px); height: 77px; }
.custom-shape-divider-bottom-1658417188 .shape-fill { 
	fill:#00007a; fill:#ffffff; }

/*---------------------------
NAV
-----------------------------*/
#et-info-phone::before {
 padding: 0;
 font-family: "Font Awesome 5 Free" !important;
 content: "\f87b";
 font-weight: 900;
 color: #d3b02e;
 position: relative;
 font-size: 1.2em;
 top: 3px;
 left: -4px;
}
#et-info-phone { margin-right: 13px; font-size: 1.5em; margin-left: 14px; top: -5px; }
#et-info { padding-bottom: 6px; display: block; padding-top: 4px; position: relative; top: -6px; }
#top-menu li.current-menu-item>a { color: #1e1e86 !important; }
#et-info, #et-secondary-menu>ul>li a { padding-bottom: 0; padding-top: 3px; }
#top-header li.menu-item-458 a {   
background: #d3b02e;
    padding: 5px 8px 5px 8px;
    color: #00007a;
    border-radius: 4px;
    font-weight: bold;
	}

/*---------------------------------------------
DISABLE / ENABLE SIDEBAR 
---------------------------------------------*/
#main-area { width:auto; }
#sidebar #custom_post_widget-54 ul li { margin-bottom: .2em; font-size: 1em; line-height: 1.3em; margin-bottom: .7em; display: flex; }
#sidebar #custom_post_widget-54 ul li::before {
 padding: 0 10px 0 0;
 font-family: "Font Awesome 5 Free";
 font-weight: 400;
 content: "\f0da";
 font-weight: 900;
 color: #2ea3f2;
}
/*---------------------------------------------
					GLOBAL
---------------------------------------------*/
.blue-border-box-shadow {    box-shadow: 4px 6px 3px #2e2e31;
    margin-top: 1em;
    border: 10px solid #00007a;
    padding: 1em;}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a { color: #3b3b6a !important; }
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 width: 80%;
 border-bottom: 5px solid #00007a;
 margin-bottom: 2em;
 margin-top:2em;
 max-width:1000px;
}
.page-template-page-full-width .entry-content { border-bottom: 15px solid #00003d; }
/* full width page*/
.page-template-page-full-width #main-content .container { width: 100%; max-width: 100%; }
.page-template-page-full-width .padding-top-zero { padding-top:0%; }
.full-page-col-indent { padding: 3% 2% 2% 2%; max-width: 1100px; margin: 0 auto; }
.page-template-page-full-width .full-page-container-col { max-width: 1250px; width: 85%; margin: 0 auto; }
.full-width-light-gray-background { background: #cdcecd; margin-top: 2em !important; padding-bottom: 1em; padding-top: 1em; }
.full-width-blue-background { background: #00007a; margin-top: 2em !important; padding-bottom: 1em; padding-top: 1em; }
.vertical-center-col { display: flex; flex-direction: column; justify-content: center; }
.zero-spacing, .zero-spacing .wp-block-image { margin:0 !important; padding: 0 !important; }
.no-gap-columns, .no-gap-columns .wp-block-columns { gap:0em !important; }
.blk-indent-txt .h2, .blk-indent-txt p, .blk-indent-txt .wp-block-buttons { padding:2em; }
/*         BUTTON GLOBAL              */
.btn-blue-custom .wp-block-button:nth-child(2), .btn-white-custom .wp-block-button:nth-child(2) {
margin-left:1em;
}
.btn-blue-custom a, .btn-white-custom a { margin-top:1em; background-color: transparent; border: 3px solid #00007a; color: #00007a; border-radius: 0; font-size: inherit; letter-spacing: 1px; text-transform: uppercase; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
.btn-blue-custom a::after, .btn-white-custom a::after {
 padding: 0 0px 0 6px;
 font-family: "Font Awesome 5 Free";
 font-weight: 400;
 content: "\f064";
 font-weight: 900;
 color: #00007a;
 transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
}
.btn-pdf-icon a::after {
content: "\f1c1";
}
.btn-blue-custom a:hover, .btn-white-custom a:hover { background-color: #00007a; color:#ffffff; }
 .btn-blue-custom a:hover::after {
color:#ffffff !important;
}
/* gray specific items */
.btn-white-custom a { border: 3px solid #ffffff; color: #ffffff; }
.btn-white-custom a::after {
color: #ffffff;
}
.btn-white-custom a:hover { background-color: #ffffff; color:#00007a; }
.btn-white-custom a:hover::after {
color:#00007a !important;
}
.btn-phone a::after {
content: "\f87b";
}
/*   /BUTTON GLOBAL DONE                   */
.page-id-275 .wp-block-image img { width:100%; }
.page-id-275 .wp-block-buttons { margin-top:1em; }
.page-id-275 .full-width-light-gray-background p { color: #00003d !important; }
.page-id-275 .full-width-blue-background p, .page-id-275 .full-width-blue-background h2 { color: #ffffff !important; }
 #home-section-about ul li::before, .custom-star-list li::before {
 padding: 0 10px 0 0;
 font-family: "Font Awesome 5 Free";
 font-weight: 400;
 content: "\f005";
 font-weight: 900;
 color: #00007a;
}
::marker {
content: "";
}
/*---------------------------------------------
					HOME
---------------------------------------------*/
#home-slide-banners .et_pb_slide { padding: 4% 6%; }
.et_pb_gutters3 .et_pb_column_1_3 { width: 30.9%; margin-right: 3.5% !important; }
#home-featured-services-3-col img { width: 200px; max-width: 130px; }
#home-section-about img { background: #f4f4f4bf; padding: 1em; border-bottom-left-radius: 20px; }
/*---------------------------------------------
 					CONTACT
--------------------------------------------*/
.entry-content .form-background-style { background: linear-gradient(0deg, rgb(0 0 61), rgb(0 0 122)) !important; padding:2em 2em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div.wpforms-container-full .wpforms-form .wpforms-field-label { display: block; font-weight: 700; font-size: 16px; float: none; line-height: 1.3; margin: 0 0 4px 0; padding: 0; word-break: break-word; word-wrap: break-word; color: white; }
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button { background-color: #000043; border: 3px solid #ffffff; color: #fff; font-size: 1.2em; padding: 9px 28px; text-transform: uppercase; }
/*---------------------------------------------
 					ABOUT
--------------------------------------------*/
.section-about-row-1 i { color: #d3b02e; }
.section-about-row-1 img { box-shadow: 4px 6px 3px #2e2e31; margin-top: 1em; border: 10px solid #00007a; }
/*---------------------------------------------
 					SERVICES
--------------------------------------------*/
.section-services-sub-page i { color: #d3b02e; }
.col-vertical-align { max-width: 1230px; margin: 0 auto; }
.col-vertical-align .wp-block-column { display: flex; flex-direction: column; justify-content: center; }
/*sub-pages*/
.section-services-sub-page { }
.roll-off-row .wp-block-column { background: #cdcecd; border: 10px solid #00007a; padding: 1em; margin-bottom: 1em; }
.roll-off-row .wp-block-column p { color: #00007a; }
/*---------------------------------------------
 					FOOTER
--------------------------------------------*/
#main-footer { padding: 3% 2%; }
#main-footer { background-color: #00003d !important; }
#main-footer .widget_block h3 { color: #d3b022; }
#footer-bottom { background-color: rgb(0 0 61); padding: 15px 0 5px; }
#footer-info, #footer-info a { color: #9E9E9E !important; }
#media_image-2 img { max-width: 286px !important; }
.fwidget, #footer-widgets { margin-bottom: 18px; float: none; margin-top: 0; padding-top: 1em; }
.footer-widget li:before, .widget li:before { top: 6px; border-left: 8px solid white; }
.footer-widget li, .widget li { padding: 2px 0 4px 14px; position: relative; }
.footer-widget #footerservices a.more { background: transparent; border: 2px solid white; margin-top: 14px; }
#footer-widgets i { padding-right: 10px; position: relative; top: 3px; font-size: 1.4em; }
#footer-widgets .footer-widget a { /*keeps address in line*/ display: inline-flex; font-size: 1.1em; }
#footer-widgets .footer-widget li:before /* hides bullets so fontawesome can be used*/ { display:none; }



/*------------------------------------------------------------------------------
MEDIA QUERIES 
-------------------------------------------------------------------------------*/

@media only screen and ( min-width: 1200px ) {
.container {
width: 81%;
max-width: 1150px;
}
.et-description {
float: right;
width: 40%;
padding-top: 2%;
}
.et-main-image {
float: left;
margin-right: 29px;
}
 .footer-widget {
 float: left;
 width: 27%;
 color: #fff;
}
/*-----------------------------------------------*/}
 @media only screen and ( min-width: 981px ) {
 #et-secondary-menu {
    position: relative;
    top: -3px;
}
#top-menu li li {
 padding: 0 5px;
 margin: 0;
 transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
}
#top-menu li li a {
 padding: 3px 7px;
 width: 231px;
 font-size: 1.2em;
 transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
}
#top-menu li li:hover {
background: #8989899c;
}
#top-menu li li a:hover {
opacity: .9 !important;
}
 .et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
 margin-bottom: 2%;
}
#main-footer .footer-widget:nth-child(1) {
width:26%;
}
#main-footer .footer-widget:nth-child(2) {
width:15%;
}
#main-footer .footer-widget:nth-child(3) {
width:15%;
}
#main-footer .footer-widget:nth-child(4) {
width:23%;
}
.et_pb_gutters3 .footer-widget {
 margin-right: 7%;
 margin-bottom: 3.5%;
}
.footer-widget .fwidget {
 margin-bottom: 2.3% !important;
}
#page-container #main-content #home-section-services .et_pb_row_1 {
 width: 98%;
 max-width: 1230px;
}
/*-----------------------------------------------*/}
 @media only screen and ( max-width: 980px ) {
.menu-item-395, .menu-item-394, .menu-item-393, .menu-item-392 {
display:none !important;
}
#home-section-about .et_pb_image_0 {
min-height:400px;
}
#page-container #main-content .et_pb_gutters3 .et_pb_column_1_3 {
 width: auto;
 margin-right: 3.5% !important;
}
.et_secondary_nav_enabled #page-container #top-header {
 padding-top: 1em;
}
li.menu-item-94, li.menu-item-95, li.menu-item-96, li.menu-item-97 {
display:none !important;
}
 #page-container #main-content #home-slide-banners .et_pb_slider .et_pb_slide_description {
 padding-top: 1em!important;
 padding-right: 15%!important;
 padding-bottom: 1em!important;
 padding-left: 1em!important;
}
/*-----------------------------------------------*/}
 @media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
/*-----------------------------------------------*/}
 @media only screen and ( max-width: 767px ) {
 .contact-two-columns .wp-block-column {
}

.page-id-275 .entry-content h2 {
    padding-top: 1em;
}

.page-id-275 .full-width-light-gray-background {
    margin-top: 0em !important;

}
.full-width-light-gray-background :where(.wp-block-columns.is-layout-flex) {
    gap: 0;
}

#page-container #main-content #home-slide-banners .et_pb_slider .et_pb_slide_title {
font-size:40px !important;
}
/*-----------------------------------------------*/}
 @media only screen and ( max-width: 479px ) {
 #page-container #main-content #home-slide-banners .et_pb_slider .et_pb_slide_title {   font-size: 31px !important; 
}
#home-slide-banners .et_pb_slide {
    padding: 4% 6% 4% 7%;
}
#header-wrap {
padding: 24px 10px 14px 10px;
}
#home-slide-banners .et_pb_button {
    font-size: 14px;}
#header-wrap .entry-title {
    font-size: 2em;
    line-height: 1.3em;
}
#header-wrap .header_cta {
padding: 41px 21px;
text-align: center;
}

#home-featured-services-3-col { padding-left:0 !important;}
.btn-blue-custom .wp-block-button:nth-child(2), .btn-white-custom .wp-block-button:nth-child(2) {
    margin-left: 0 !important;
}




/*-----------------------------------------------*/}
 @media only screen and ( max-width: 384px ) {
#home-featured-services-3-col img {
    width: 197px;
    max-width: 83px;
}
#main-footer .container {width:90%;}
#bottom-cta-1 h2 {
    font-size: 1.3em !important;
    line-height: 1em;
    display: inline-block;
}
#bottom-cta-1 a {

    letter-spacing: 2px !important;
    font-size: 16px !important;

}
/*-----------------------------------------------*/}