/*
 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: 'Futura';
/*    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:'Futura',raleway,sans-serif;
	}

.et_pb_slide_description {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

#top-menu li li {
    margin: 0;
    padding: 0;
	line-height:1.3;
}

#top-menu .sub-menu .menu-item a { 
    font-size: 14px; 
}

.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;

}

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

.single .post {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}


/* MENU ICONS */

.menu-item-34 {
    width: 110px;
}

.menu-item-34:before {
    font-family: 'ETmodules';
    content: "\e0ed";    
    margin-right: 5px;
    margin-top: 0px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}
.menu-item-35 {
    width: 160px;
}

.menu-item-35:before {
    font-family: 'ETmodules';
    content: "\e027";    
    margin-right: 5px;
    margin-top: 0px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}

/* BUTTONS */

.et_pb_button {
	background:#007A33 !important;
	border:1px solid #007A33 !important;
	color:#fff;
	white-space: nowrap;
	
}

.et_pb_button:hover {
	background:#fff !important;
	border:1px solid #007A33 !important;
	color:#007A33 !important;
}

.et_pb_button.lightgreen {
	background:#78BE21 !important;
	border:1px solid #78BE21 !important;
	color:#fff !important;
	white-space: nowrap;
	
}

.et_pb_button:hover.lightgreen {
	background:#fff !important;
	border:1px solid #78BE21 !important;
	color:#78BE21 !important;
}

.et_pb_button.lightgreenoutline {
	background:#fff !important;
	border:2px solid #78BE21 !important;
	color:#78BE21;
	white-space: nowrap;
	
}

.et_pb_button:hover.lightgreenoutline {
	background:#78BE21 !important;
	border:2px solid #78BE21 !important;
	color:#fff !important;
}
.et_pb_button.outline {
	background:#fff !important;
	border:2px solid #007A33 !important;
	color:#007A33;
	white-space: nowrap;
	
}

.et_pb_button:hover.outline {
	background:#007A33 !important;
	border:2px solid #007A33 !important;
	color:#fff !important;
}

/* 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: 70px;
	width: 100%;
	display: inline-block;
	background:#78be21 !important;
	clip-path: polygon(77% 0%, 100% 100%, 0% 100%, 0% 0%);
	position: absolute;
	top: -12px;
	right: 8px;
	z-index: 1;
	
}
#standard-header .et_pb_title_container h1.entry-title {
	z-index: 3;
	position: relative;
	text-transform:uppercase;
	font-family:'Futura','Raleway',sans-serif !important;
	padding-right:50px;
}

/* 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:#fff !important;
    background:#78be21;
   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;
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 #78be21;
	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;
    }

/* 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;
	align-items:flex-end;
}


.billingrates-iframe {
	height:1600px;
	}



/* MEDIA QUERIES  */

@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%;
}

}

@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;

	}
	
}

@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: nowrap;
	}
	#standard-header .et_pb_title_container {
	padding: 15px 50px 5px 10px !important;
	clip-path: polygon(79% 0%, 98% 100%, 0% 100%, 0% 0%);
	}
	#standard-header .et_pb_title_container::before {
    height: 65px;
    }
    
    .billingrates-iframe {
	display:none;
	}
    
   
}

@media screen and (max-width:480px) {
#tabs li a {
	font-size:12px;
	padding:10px !important;
	}
	#tabs li a.inactive{
    padding:10px;
    }
    #tabs {
    height:35px; 
    }
    
}