@CHARSET "ISO-8859-1";

/******************************************************************************
* Header
******************************************************************************/

#recycling-header {
	background-color: #ffffff;
	color: #454545;
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/recycling/Recycling-fullsize.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

body.webp #recycling-header {
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/recycling/Recycling-fullsize.png');
}

#recycling-header .recycling-title-wrapper {
	/*min-height: 600px;*/
}



#recycling-header .recycling-text {
	font-family: 'Centrale Sans Regular', Trebuchet, sans-serif;
	font-size: 0.875rem;
}

#recycling-header .recycling-button {
	font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
	#recycling-header {
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/recycling/Recycling-mobile.png');
		
	}

	body.webp #recycling-header {
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/recycling/Recycling-mobile.png');
	}

	#recycling-header .recycling-title{
		font-size: 4rem;
		
	}
}


/******************************************************************************
* Breadcrumbs - Custom Overrides
******************************************************************************/

.breadcrumbs li, .breadcrumbs li a {
	color: #FFFFFF;
}

.breadcrumbs li.current, .breadcrumbs li.current a {
	color: #FFFFFF;
}

.breadcrumbs li a:hover, .breadcrumbs li.current a:hover {
	color: #2D2D2D;
}


/******************************************************************************
* Recycling Content
******************************************************************************/

.recycling-content .protection-block p.protection-details, 
.recycling-content .protection-block ul.protection-details li, 
.recycling-content .protection-block .protection-details a, 
.recycling-content .policy-documents p.policy-type, 
.recycling-content .policy-documents p.policy-document {
	font-size: 0.9375rem;
}

.recycling-content .protection-block ul.protection-details {
	list-style-position: inside;
	list-style-type: none;
}

.recycling-content .protection-block ul.protection-details li::before {
	content: '- ';
}

.recycling-content .protection-block .protection-details a {
	color: #0099FF;
}

.recycling-content .policy-documents {
	background-color: #F5F5F5;
	border-radius: 15px;
	padding: 2rem;
}

.recycling-content .protection-block.first-paragraph,
.recycling-content .protection-block.second-paragraph,
.recycling-content .protection-block.third-paragraph,
.recycling-content .protection-block.fourth-paragraph{
	border: 2px solid #6da438;
    margin-top: 15px;
    padding: 0;
}

.recycling-content .protection-block.first-paragraph h4,
.recycling-content .protection-block.second-paragraph h4,
.recycling-content .protection-block.third-paragraph h4,
.recycling-content .protection-block.fourth-paragraph h4{
	background-color: #6da438;
	line-height: 28px;
    margin: 0;
    padding: 5px;
    padding-left: 15px;
}

.recycling-content .protection-block.fifth-paragraph{
	border: 2px solid #eeeff3;
    margin-top: 15px;
    padding: 0;
}

.recycling-content .protection-block.fifth-paragraph h4{
	background-color: #eeeff3;
}


.recycling-plant-video .video{
	width: 700px;
    height: 400px;
}


.main .col2 section .recycle {
	border:	2px solid #6da438;
	margin-top:15px;
	padding:0;
}

.main .col2 section .recycle h3 {
	color: #ffffff;
	background-color: #6da438;
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
	margin: 0;
	padding: 5px;
	padding-left: 15px;
}

.main .col2 section .recycle p {
	margin-top:0;
}

.main .col2 section .recycle img {
	margin:0 auto;
}

.main .col2 section .weee {
	border:	1px solid #dbdcde;
	margin-top:20px;
	padding:0;
}

.main .col2 section .weee h3 {
	background-color: #eeeff3;
	font-size: 20px;
	line-height: 30px;
	padding:5px;
	padding-left: 10px;
	margin:0;
}

.main .col2 section .weee img {
	margin:0 auto;
}

.main .col2 section .weee img.right {
	float:right;
	padding: 0 5px 2px 0;
}
.main .col2 section .in-house p {
	padding:5px 15px 5px 15px;
}

.main .col2 section .in-house .start-text {
	padding-top:15px;
}

.main .col2 section .in-house .end-text {
	padding-bottom:15px;
}

.main .col2 section .video {
	width:700px;
	height:400px;
}

.static .col2 section {
    overflow: hidden;
}

.main .col2 section .banner img {
	
	width: 889px;
	margin-left: 55%;
	max-width: 889px;
	position: relative;
	right: 60%;
	overflow:overlay;
	border-radius: 0;
}

.static .col2 section div{
	padding-top:0;
}

.static .col2 section{
	padding-top:0;
}


@media (max-width:1200px) {
	.main .col2 section .video {
	width:600px;
}

.main .col2 section .banner img {	
	width: 750px;
	max-width: 750px;
}

}

@media (max-width:991px) {
	
	.main .col2 section .banner img {	
		width: 753px;
		max-width: 753px;
	}
	}

@media (max-width:767px) {
	.main .col2 section .video {
	width:auto;
	height:auto;
}

.main .col2 section .banner img {	
	width: 767px;
	max-width: 767px;
}
}

@media (max-width:600px) {
	
	.main .col2 section .banner img {	
		width: 600px;
		max-width: 600px;
	}
	}

	@media (max-width:500px) {

		.main .col2 section .banner img {	
			width: 500px;
			max-width: 500px;
		}
		}