h/*
 Theme Name:   GreenWaste Child
 Theme URI:    
 Description:  Divi Child Theme
 Author:       James Alborough
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  Greenwaste-Child
*/


@font-face {
    font-family: 'Roboto';
/*    src: url('fonts/HelveticaNeue.woff2') format('woff2'), */
/*    url('fonts/HelveticaNeue.woff') format('woff'); */
    font-weight: normal;
    font-style: normal;
}

 
/* =Theme customization starts here
------------------------------------------------------- */

body {
	font-family:'Roboto',raleway,sans-serif;
	}
p, li {
	font-weight:400;
	}

.et_pb_slide_description {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

/* make column heights equal, add class to rows */
.align-center .et_pb_column { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}


.et_pb_section_01_tb_header.et_pb_section li li a,.et_pb_section_2_tb_header.et_pb_section  li li a{
  width: 240px;
}


.et_pb_section_1_tb_header.et_pb_section {z-index:3;}
.et_pb_section_2_tb_header.et_pb_section {z-index:2;}

.et_pb_section_1_tb_header.et_pb_section .et_pb_menu .et_pb_menu__wrap {justify-content: flex-end !important;}

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

.et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2 {

    font-size: 27px !important;

}
h2.larger {
	font-size:60px !important;
	line-height:1.1 !important;
}


#et-main-area .tabcontainer .et_pb_row.nobottompadding {
	padding-bottom:0 !important;
}

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

.single .post {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}


a.dp-dfg-image-link {display:block}



/* BUTTONS */

body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_button {
  padding-right: 0.7em !important;
  padding-left: 0.7em !important;
}

.et_pb_button {
	background:#A7DE00 !important;
	border:1px solid #A7DE00 !important;
	color:#000;
	white-space: nowrap;
	text-transform:capitalize;
}

.et_pb_button:hover {
	background:#009846 !important;
	border:1px solid #009846 !important;
	color:#fff !important;
}

.et_pb_button.lightgreen {
	background:#fff !important;
	border:1px solid #A7DE00 !important;
	color:#000 !important;
	white-space: nowrap;
}

.et_pb_button:hover.lightgreen {
	background:#009846 !important;
	border:1px solid #009846 !important;
	color:#fff !important;
}

.et_pb_button.lightgreenoutline {
	background:#fff !important;
	border:1px solid #A7DE00 !important;
	color:#000;
	white-space: nowrap;
	
}

.et_pb_button:hover.lightgreenoutline {
	background:#009846 !important;
	border:1px solid #009846 !important;
	color:#fff !important;
}
.et_pb_button.outline {
	background:#fff !important;
	border:1px solid #009846 !important;
	color:#000;
	white-space: nowrap;
	
}

.et_pb_button:hover.outline {
	background:#009846 !important;
	border:1px solid #009846 !important;
	color:#fff !important;
}

.et_pb_button:after, .et_pb_button:before {
  content: "" !important;
  }


/* MENU CUSTOMIZATIONS */

.button {align-items: center !important;}
.button a,.et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item.button a {
	position:relative;
	background:#A7DE00;
	border-radius:30px;
	padding:10px 20px 10px 40px !important;
	color:#000 !important;
}
.button a:hover {
	background:#009846;
	opacity:1;
	
	}
.et_pb_menu_1_tb_header.et_pb_menu ul li a:hover,.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
	color:#009846 !important;
}

.et_pb_menu_1_tb_header.et_pb_menu ul li.button a:hover {
	color:#fff !important;
	}
.button a:before {
	content:"";
	background:url('/wp-content/uploads/online.svg') no-repeat center center;
	display: block;
position: absolute;
left: 10px;
background-size: contain;
height: 20px;
width: 20px;
	}
.button:hover a:before {
	content:"";
	background:url('/wp-content/uploads/moneys.svg') no-repeat center center;
		display: block;
position: absolute;
left: 10px;
background-size: contain;
height: 20px;
width: 20px;
	}	
#menu-gw-secondary-menu > li {
  margin-top: 0px;
  padding: 10px 20px 2px;
  border-right:2px solid #A7DE00;
}

#menu-gw-secondary-menu > li:first-of-type {
	border-left:2px solid #A7DE00;
}
#menu-gw-secondary-menu > li:last-of-type {
	border-right:2px solid #A7DE00;
}

.nav ul li a:hover,#mobile_menu2 li a:hover {
	background:transparent !important;
	opacity:1;
	color:#009846 !important;
}

li.menu-item-25799 li {
  width: 100% !important;
}

li.menu-item-25799 li a {
  width: 240px;
}


.et-menu li li.menu-item-has-children.menu-item-25801 > a:first-child::after {
	display:none !important;
}

.et-menu li li.menu-item-has-children.menu-item-25800 > a:first-child::after {
	display:none !important;
}

.et-menu li li.menu-item-has-children.menu-item-25801 > a,.et-menu li li.menu-item-has-children.menu-item-25801 > a {
	padding-bottom:1px;
}

.et-menu li li.menu-item-has-children.menu-item-25800 > a:hover {
	border-bottom: 1px solid #009A46;
	padding-bottom: 1px;
}

.menu-item-25800.et-hover a,.menu-item-25801.et-hover a {
	border-bottom: 1px solid #009A46;
	padding-bottom: 1px;
}

.et-menu li li.menu-item-has-children.menu-item-25801 > a:hover {
	border-bottom: 1px solid #009A46;
	padding-bottom: 1px;
	
	
}

li.menu-item-25800 .sub-menu li a:after,li.menu-item-25801 .sub-menu li a:after {
	background: transparent !important;
}
li.menu-item-25800 .sub-menu li:hover a::after,
li.menu-item-25801 .sub-menu li:hover a::after {
  background: #fff !important;
  width:auto;
  }

.et_pb_menu_1_tb_header.et_pb_menu .nav li li ul {
  z-index: 1000;
  top: -23px;
  left: 230px;
  background:#009A46 !important;
  margin-top:30px !important;
}
.et_pb_menu_1_tb_header.et_pb_menu .nav li li ul li {
width: fit-content;
}
.et_pb_menu_1_tb_header.et_pb_menu .nav li li ul.sub-menu a {
	color:#fff !important;
	padding: 5px 0;
}

.et_pb_menu_1_tb_header.et_pb_menu .nav li li ul.sub-menu a:hover {
	color:#fff !important;
	padding: 5px 0;
}


.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
	color:#009846 !important;
}
.nav ul li:hover a:after,#mobile_menu2 li li:hover a:after {
	content:"";
	background: #4DB748;
	height:1px;
	width:100%;	
	display:block;
}

.et_pb_menu .et_pb_menu__icon {
  margin-left: 15px;
}
.et-menu li li  {
  width: fit-content;
  display:block;
  line-height:2em;
}
.et-menu li li a {
  padding: 10px 0;
  width: auto;
}

.et_pb_menu .et-menu > li {
  padding-left: 20px;
  padding-right: 20px;
}

.et_mobile_menu li a {
  border-bottom: 0px solid rgba(0,0,0,.03);
  padding: 10px 5%;
  display: block;
}


/* SEARCH */
.et_pb_module.et_pb_text_align_right {
  text-align: center !important;
}

.et_pb_menu__search-container {
	background:#009846 !important;
}
.et_pb_menu__search-input {
  border: 0px solid #000 !important;
  color: #333;
  background: #fff !important;
  width: 60% !important;
  margin: auto;
  border-radius:30px;
  padding:5px 10px;
}

/* GREEN FOOTER */
#footer {
	padding: 0 0 15px 0 !important;
	margin-top: 60px !important;
	border-top: 0 solid #009846 !important;
	}

#footer:before {
	content:"";
	background:url('/wp-content/uploads/barberpole.png') no-repeat left bottom;
	display: block;
position: absolute;
top: -25px;
left: 0;
height: 40px;
width: 100%;
background-size: contain;
}
#menu-gw-footer-menu {padding-left: 20px !important;}

.socials {padding: 0 0 0px 20px !important;}
.socials p {padding: 0 !important;}
.socials .icon  {
	margin-right:30px;
	overflow: hidden;
	display: inline-block;
	height:30px;
	width:30px;
}
.socials .icon.facebook {
	background:url(/wp-content/uploads/facebook-sprite-sm.png) no-repeat top center;
	height:30px;
	width:30px;
}
.socials .icon.twitter {
	background:url(/wp-content/uploads/twitter-sprite-sm.png) no-repeat top center;
	height:30px;
	width:30px;
}
.socials .icon.instagram {
	background:url(/wp-content/uploads/instagram-sprite-sm.png) no-repeat top center;
	height:30px;
	width:30px;
}
.socials .icon.youtube {
	background:url(/wp-content/uploads/youtube-sprite-sm.png) no-repeat top center;
	height:30px;
	width:30px;
}

.socials .icon:hover {
	background-position-y:-30px;
}

.smaller ul {
	list-style:none;
	}
	
.smaller ul li {
	float:left;
	}
	
.smaller ul li a {
	color:white !important;
	margin-right:30px;
	font-size:15px;
	}


/* STANDARD HEADER */

#standard-header .et_pb_post_title.et_pb_featured_bg {
	padding-left:0 !important;
	padding-top:6% !important;
	padding-bottom:19% !important;
}

#standard-header .et_pb_title_container {

    display: inline-block !important;
    max-width: 100%;
    word-wrap: break-word;
    z-index: 98;
    position: relative;
    width: auto !important;
    clip-path: polygon(80% 0%, 100% 100%, 0% 100%, 0% 0%);
	padding:  15px  100px 5px 30px !important;
	background:transparent !important;
}

#standard-header .et_pb_title_container:before {
	content:"";
	height: 100%;
	min-height: 70px;
	width: 100%;
	display: inline-block;
	background:#A7DE00 !important;
	clip-path: polygon(77% 0%, 100% 100%, 0% 100%, 0% 0%);
	position: absolute;
	top: -8px;
	right: 8px;
	z-index: 1;
	
}
#standard-header .et_pb_title_container h1.entry-title {
	z-index: 3;
	position: relative;
	text-transform:uppercase;
	padding-right:50px;
	color:#000 !important;
	line-height: 1.3;
}

/* SERVICE AREA */

.single-service_area .et_pb_section {
	padding:0 1% !important;
	}

.service_area .et_pb_row {

    width: 100%;
    }
    
/*.tabcontainer .et_pb_column_1_4 {

    width: 15% !important;

}*/

#tabs {

   width: 100%;
    height:55px; 
   padding: 0;
}
a {cursor:pointer;}

.tabsrow,.tabsrow .et_pb_row {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

#tabs li {
    float:left; 
    list-style:none; 
    
    margin-right:0px; 
    
      outline:none;
      
}

#tabs li a {

    padding:15px 30px;
    color: #007A33;
	font-size:20px;
    display:block; 
    background: #e8e8e8;
	margin-right:10px;
    text-decoration:none;
    outline:none;
  
}

#tabs li a.inactive{
    padding:15px 30px;
    color:#000 !important;
    background:#A7DE00;
   outline:none;


}

#tabs li a:hover, #tabs li a.inactive:hover {


    color: #5685bc;
      outline:none;
}

#et-main-area .tabcontainer {

    clear:both;           
    width:100%; 
    
    text-align:left;
    padding:0 !important;
    margin-bottom:30px;

}

#et-main-area .tabcontainer .et_pb_row {
	padding: 30px !important;
}

.single-service_area #et-main-area .tabcontainer .et_pb_row {
	background:#e8e8e8 !important;
}
.greencontainer {
	margin-bottom:10px !important;
}

.greencontainer .et_pb_row {
	padding: 30px !important;
background:#007a33 !important;
}
.et_pb_toggle_close {
    background-color: #fff;
}

.service-information .et_pb_column h3 {
	border-bottom:2px solid #A7DE00;
	width:auto;
	margin-bottom:15px;
}

.service-information .et_pb_column {
    position: relative;
}
  
.service-information .et_pb_column:before {
    content: '';
    position: absolute;
    top: 5%;
	bottom: 5%;
	height: 80%;
	right: -15px !important;
    border-right: 1px solid #ddd;
}

.service-information .et_pb_column.et-last-child:before {
	border-right:0px solid #ddd;
	}


.community-contacts p {
	font-size:12px;
	line-height:1.3;
}

.community-contacts .et_pb_column {
	border-right:1px solid #ddd;
	padding-right:15px;
	}
.community-contacts .et_pb_column.et-last-child {
	border-right:0px solid #ddd;
	}
#disposal .et_pb_blurb_container h4 {	
	color: #fff !important;
	padding: 15px 0 60px;
}
.gray .et_pb_blurb_container {
	background:url(/new/wp-content/uploads/gray-arrow.png) top center no-repeat;
}
.blue .et_pb_blurb_container {
	background:url(/new/wp-content/uploads/blue-arrow.png) top center no-repeat;
}

.green .et_pb_blurb_container {
	background:url(/new/wp-content/uploads/green-arrow.png) top center no-repeat;
}

.orange .et_pb_blurb_container {
	background:url(/new/wp-content/uploads/orange-arrow.png) top center no-repeat;
}

.yellow .et_pb_blurb_container {
	background:url(/new/wp-content/uploads/yellow-arrow.png) top center no-repeat;
}


/* TABLE */

.entry-content tr td, body.et-pb-preview #main-content .container tr td {

    border-top: 0px solid #eee;

}
.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {

    border: 0px solid #eee;
    }
    
.entry-content table {   
    border: 0px solid #eee;
}

.entry-content tr td {
    padding: 6px 24px;
    border-top: 0px solid #eee;
}

.entry-content tr td img {
	min-width:150px;
}

th {
    background-color: #009a46;
    color: #fff;
}

td.grey_back strong, th strong {
    color: #fff;
}

td.grey_back {
    background-color: #cccccc;
    color:#000;
}

/* BIOS */

#modal-left-area {
	margin-top:30px;
}
#modal-content .container {
    width: 90% !important;
    }
    
.bio-headshot {
	float:right;
	height:288px;
	width:200px;
	margin-left:30px;
	}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {

    font-size: 44px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 200;
    top: 10px;
    opacity: .2;
    right: 10px;
}
.designation {
	margin-bottom:20px;
}

input#destination {
border: 1px solid #ccc !important;
width:100%;
padding-left: 10px;
height: 30px;
color: #555;
}

.et_pb_toggle_title::before {
    font-size: 20px !important;
    color: #007a33 !important;
}


/* FOOTER */

#globalfooter {
    background-color: #e5e7e9 !important;
    border-top-width: 3px;
    border-top-color: #727070;
    padding-top:2% !important;
}

::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome <=56, Safari < 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */



/* NEWS  */
.news-image {
	text-align:center;
	}
.et_pb_toggle_title::before {
    font-size: 20px;
    color: #007a33;
}
.news-content {
	line-height:1.1;
}
.news-content h4 {
	font-size:18px;
	padding-top:10px;
	}
	
.homeservice {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows: auto 1fr auto;
}



.billingrates-iframe {
	height:1600px;
	}


/* SERVICE AREAS */

.announcement .et_pb_text_inner,.announcement .et_pb_text_inner p {
	color:#000;
	}



/* MEDIA QUERIES  */

@media only screen and ( max-width: 1200px ) {
	.et_pb_row_0_tb_header.et_pb_row {display:none;}

	.button a {
	max-width:200px;
	margin:auto;
	text-align:center;
	padding: 5px 20px 5px 40px !important;
	}
	.button a:before {
	top:8px;
	}
	#mobile_menu2 li.button a:hover {
	background:#009846 !important;
	color:#fff !important;
	}
	.et_pb_menu_1_tb_header.et_pb_menu ul li li a {
	width:fit-content;
	}
	
	#footer .et_mobile_nav_menu {
	display:none !important;
	}
	#footer .et_pb_menu__wrap,#footer .et_pb_menu .et_pb_menu__menu {
	display:block !important;
	}
	#tabs li a {
	font-size:16px;
	}
	#tabs li a.inactive {
	padding: 15px;
	}
	.et_pb_toggle h3.et_pb_toggle_title {
	font-size:18px;
	}
}

@media only screen and ( max-width: 1100px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
#logo {max-height: 100%;max-width: 100%;
}
#standard-header .et_pb_title_container::before {
    height: 100%;
    top: 0;
    }

}

@media screen and (max-width:980px) {

	.et_pb_section {
    padding: 0;
	}
	.left {
    display:flex;
    flex-direction: column;
    }
    .right {
    display:flex;
    flex-direction: column-reverse;
    }
    .right .et_pb_column:last-child {

    margin-bottom: 20px;

	}
	.leed td,.leed th {
  	padding: 6px !important;
  	font-size: 14px !important;
	}
	.leed h1 {
	font-size: 24px !important;
	}
	#tabs li {
	width: 100%;
	border-bottom: 1px solid;
	}
	#tabs li a {
	padding: 15px !important;
	margin-right: 0px;
	}
	#standard-header .et_pb_title_container h1.entry-title {
	font-size:24px;
	word-wrap: normal;
	}
	.et_pb_row.home-features {
	grid-row-gap: 30px;
	display: grid;
	}
	
}

@media screen and (max-width:768px) {
	.billingrates-iframe {
	height:1100px;
	}
	
}


@media screen and (max-width:640px) {
	#tabs li a {
	font-size:16px;
	padding:15px !important;
	}
	#tabs li a.inactive{
    padding:15px;
    }
    #standard-header .et_pb_post_title {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
	}
	#standard-header h1.entry-title {
	font-size:24px !important;
	white-space: normal;
	}
	#standard-header .et_pb_title_container {
	padding: 15px 50px 5px 10px !important;
	clip-path: polygon(79% 0%, 98% 100%, 0% 100%, 0% 0%);
	}
	
    
    .billingrates-iframe {
	display:none;
	}
	.leed td,.leed th {
  	padding: 4px !important;
	font-size: 10px !important;
	white-space: normal;
	line-height: 1.3;
	}
	.leed h1 {
	font-size: 18px !important;
	}
    
   
}

@media screen and (max-width:480px) {
#tabs li a {
	font-size:12px;
	padding:10px !important;
	}
	#tabs li a.inactive{
    padding:10px;
    }
    #tabs {
    height:35px; 
    }
    #et-main-area .tabcontainer .et_pb_row {
	padding: 20px 10px !important;
  	}
  	#standard-header h1.entry-title {
	font-size: 16px !important;
	
	}
	.leed h1 {
	font-size: 14px !important;
	}
	.et_pb_menu__logo img {
	max-height:50px !important;
	}
    
}



