/**!
 * b4st CSS
 */

/* Sticky Footer */
body {
    display: flex;
    min-height: 100vh;
	flex-direction: column;
	scroll-behavior: smooth;
	color: #1f1818;
}
main {
    flex: 1 0 auto;
}

.site-header-image {
	display: block;
	margin: auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}

.bypostauthor {}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* Author bio */

.author-bio .avatar {
	border: 1px solid #dee2e6;
	border-radius: 50%;
}

/* Main content */

/* Sidebar */

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Comments */

#comments,
#reply-title {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.commentlist,
.commentlist ul {
	padding-left: 0;
}

.commentlist li {
	padding: 1rem;
}

.comment-meta {
	margin-bottom: 1rem;
}
.commentlist .children {
	margin-top: 1rem;
}

/* Site footer */

.segment{ padding: 60px 0; }

h1,h2,h3{ text-transform: uppercase; }
.center-flex{ display: flex; align-self: center; flex-direction: column; }

.hero{ width: 100%; background-image: url('//ssrr.com.au/wp-content/uploads/2020/04/newhero.jpg'); background-size: cover; }
.hero .tint{ height: 500px; width: 100%; background: rgba(0,0,0,0.45); display: flex; align-items: center; }
.home .hero .tint{ background: rgba(0,0,0,0.45); }
.hero-content{ color: #fff; }
.hero h1{ font-size: 52px; line-height: 52px; margin-bottom: 20px; }
.hero .col-lg-7{ font-size: 22px; }

#gform_wrapper_1{ padding: 15px; background: rgba(255,255,255,0.65); }
#gform_wrapper_1 label{ display: none; }
#gform_wrapper_1 .gfield{ padding-right: 0px !important; }
#gform_wrapper_1 .gform_footer{ margin-top: 0px; padding-bottom: 0px; }
#field_1_1{ margin-top: 0px; }
#gform_submit_button_1{ width: 100%; border: none; text-transform: uppercase; background: #e81c25; font-size: 20px; margin-bottom: 0px !important; }
input, textarea{ border-radius: 0px !important; }

#gform_wrapper_2{ margin-top: 0px; }
#gform_wrapper_2 .gfield{ padding-right: 0px !important; }
#gform_wrapper_2 .gform_footer{ margin-top: 0px; padding-bottom: 0px; }
#field_2_1{ margin-top: 0px; }
#gform_submit_button_2{ width: 100%; border: none; text-transform: uppercase; background: #e81c25; font-size: 20px; margin-bottom: 0px !important; }

.btn{ border-radius: 0 !important; }

.lead{ font-size: 1.5rem !important; }

.navbar-brand img{ margin: 10px 0; }



.points-strip{ background: #e81c25; color: #fff; }
.points-strip .col-lg-3{ padding: 20px; display: flex; align-items: center; font-size: 20px; text-align: center; }
.points-strip i{ font-size: 52px; opacity: 0.75; float: left; margin-right: 10px; }
.points-strip img{ float: left; margin-right: 10px; opacity: 0.75; }
.points-strip .col-lg-3 span{ margin-bottom: 0px; width: 100%; display: inline-block;  }

.points-strip .col-lg-3:nth-of-type(1){ background-color: rgba(0,0,0,0.2); }
.points-strip .col-lg-3:nth-of-type(2){ background-color: rgba(0,0,0,0.1); }
.points-strip .col-lg-3:nth-of-type(3){ background-color: rgba(0,0,0,0.15); }
.points-strip .col-lg-3:nth-of-type(4){ background-color: rgba(0,0,0,0.07); }

.segment .lead{ margin-bottom: 60px; }
.segment p:last-of-type{ margin-bottom: 0px; }

.btn{ background: #1f1818; color: #fff; width: 100%; padding: 10px; text-align: center; transition: background 0.3s;}
.btn:hover{ background: #e81c25; color: #fff; }
.fa-star{ color: #e81c25; }

.recycle{  background-color: #299647; color: #fff;  font-size: 150%; padding: 0 !important; }
.recycle .container{ background-image: url('../i/recycleback.png'); background-repeat: no-repeat;background-size: contain; padding-top: 60px; padding-bottom: 60px; }
.recycle h1{ font-size: 40px; }
.recycle h1 span{ font-size: 140%; color: #fcc707; line-height: 80%; }
.recycle strong{ color: #fcc707; font-weight: 400; }

.cta-strip{ background: #ececec; border-bottom: 1px dotted #555; border-top: 1px dotted #555; padding: 30px 0; }
.cta-strip a{ display: flex; background: #fff; padding: 15px; align-items: center; text-decoration: none !important; color: #1f1818; }
.cta-strip p{ margin-bottom: 0px; font-size: 20px;  }
.cta-strip i{ height: 64px; width: 64px; line-height: 64px; text-align: center; background: #e81c25; color: #fff; font-size: 28px; margin-right: 15px; }

.about-matt{ background-image: url('../i/meet-back.jpg'); background-size: cover; background-position: 100% 50%; min-height: 600px; display: flex; align-items: center; }
.whiteback{ padding: 15px; background: rgba(255,255,255,0.65); }
.whiteback p:last-of-type{ margin-bottom: 0px; }

.footer{ background: #ececec; padding: 60px 0; }
.footer a{ color: #1f1818; border-bottom: 1px dotted#1f1818; transition: color 0.3s; }
.footer a:hover{ text-decoration: none; color: #e81c25; } 
.footer ul{ padding-left: 0px; list-style-type: none; }

.review{ text-align:center;}
.review-content{ color: #fff; background: #e81c25; padding: 15px; position: relative; margin-bottom: 25px; }
.review-content::after{   
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #e81c25; 
	content: " ";
	position: absolute; bottom: -15px;
	left: 50%; margin-left: -15px;
}

footer{ background: #e81c25; color: #fff; padding: 10px; }
footer a{ float: right; color: #fff !important; text-decoration: none !important; border-bottom: 1px dotted #fff;  }

.mobile-cta{ display: none; }

.map-container{ overflow: hidden; height: 415px; }
.map-container iframe{ margin: -50px -7px -5px -2px; }

.process{ text-align: center; }
.process i{ font-size: 64px; color: #e81c25; }
.process h3 span{ display: block; font-size: 14px; font-weight: bold; }

.services-offered div{ font-size: 18px; margin-top: 20px; }
.services-offered i{ font-size: 24px; color: #e81c25; margin-right: 3px; }

.area-list{ list-style-type: none; margin-left: 0px !important; margin-top: 10px; padding: 0;}
.area-list li{ width: 33.333%; float: left; margin-top: 10px; }

.fa-ul{ margin: 20px 0 10px; }
.fa-ul i{ color: #e81c25; }
.fa-ul li{ margin-bottom: 10px; }

.navbar{ padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: 1px dotted #1f1818; }
.nav-link{ color: #1f1818 !important; transition: background 0.3s; opacity: 1 !important; padding: 1rem !important; }
.dropdown-toggle::after{ border-top-color: #e81c25; margin-left: .5em !important; border-bottom-color: #e81c25; }

.nav-link:hover{ background: #ececec; }

.nav-call a{ background: #e81c25; color: #fff !important; margin-left: 10px; font-weight: bold; }

@media(max-width: 991px){
	.cta-strip a{ margin-bottom: 15px; }
	.recycle .container{ background-size: cover; }
	.hero h1{ font-size: 36px; line-height: 38px; }
	.about-matt{ background-position: 75% 50% }

	.process .col-lg-4{ margin-bottom: 30px; }
}

@media(max-width: 767px){

	.services-row .btn{ margin-bottom: 20px; }

	.review{  margin-bottom: 20px; }
	

	.hero .tint{ height: auto; padding: 30px 0; text-align: center; display: block !important; }
	.hero-content .row{ display: block !important; }
	.hero-content .row div{ max-width: 100% !important; width: 100% !important; margin: 0px !important;}
	.hero-content .col-lg-4,.cta-strip{ display: none !important; }

	.about-matt{ padding: 30px; background-position: 100%; height: auto; min-height: inherit; }
	.about-matt .container{ max-width: 100%; padding: 0; }
	.about-matt .whiteback{ padding: 15px 30px; background: rgba(255,255,255,0.7); }

	.points-strip .container{
		max-width: 100%; padding: 0 15px;
	}

	.lead{ font-size: 20px !important; }
	.area-list li{ width: 50% !important; }
	.area-list{ margin-bottom: 30px; text-align: center; }

	.navbar{ padding: 0px; }
	.navbar .container{ max-width: 100%; text-align: center; }
	.navbar-collapse{ border-top: 1px dotted #1f1818; }
	.navbar-brand, .navbar-toggler{ margin: 10px; }
	
	.custom .navbar-toggler{ background: #e81c25; color: #fff; line-height: inherit !important; }

	#menu-main{ margin-top: 0px !important; }
	.dropdown-menu{ padding: 0px; text-align: center; border-left: 0px; border-right: 0px; border-top: 1px dotted #1f1818; border-bottom: 1px dotted #1f1818; margin: 0px !important; border-radius: 0px !important; }
	.dropdown-menu a{ padding: 1rem !important; transition: all 0.3s; }
	.dropdown-menu a:hover { background: #e81c25; color: #fff; }

}

.hero{ margin-top: 99px; }

@media(max-width: 991px){ 

	.hero{ margin-top: 171px; }
	
	.navbar{ padding-left: 0; padding-right: 0; } 

	.mobile-cta{ width: 100%; border-top: 1px dotted #fff; display: block; }
	.mobile-cta a{ display: block; color: #fff; text-align: center; width: 100%; text-align: center; text-decoration: none !important; padding: 10px 0;}

	.nav-call{ display: none !important; }

	.mobile-cta .call{ background: #e81c25; width: 100%; float: left; position: relative; }


	.mobile-cta .enquire{ background: #1f1818; width: 50%; float: left; position: relative;}
	.mobile-cta .enquire:after{ width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 22px 5px;
		border-color:  transparent transparent #e81c25 transparent;
		content: " "; 
		position: absolute; right: 0; bottom: 0;
	}


}

.qaseg{ background: #e81c25; color: #fff; }
.qaseg h4{ border-bottom: 1px dotted #fff; }

.open-gal{ background: #e81c25; color: #fff !important; margin: 0 20px; transition: background 0.3s; padding: 15px; display: block; text-align: center; } 
.open-gal:hover{ cursor: pointer; }

.services-row .col-md-6{ margin-bottom: 30px; }

.gform_confirmation_wrapper{ background: #cef5d9; border: 3px solid #299647; color: #299647; text-align: center; padding: 15px; } 

.noticebar{ display: block;
	width: 100%;
	clear: both;
	text-align: center;
	padding: 10px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: -45px;
	color: #fff !important;
 }

 .hero{ margin-top: 131px; }
 @media(max-width: 991px){
	 .hero{ margin-top: 200px;}
	 .tint{ height: auto !important; padding-top: 60px; padding-bottom: 60px; }
 }
 
  @media(max-width: 767px){
	 .hero{ margin-top: 223px;}

 }


.panel-title a{ color: #1f1818; border-bottom: 1px dotted #1f1818; display: block; text-decoration: none !important;}
.panel-title a::before{ content: '-'; display: inline-block; margin-right: 10px; border: 1px solid #000; margin-bottom: 10px;text-align:center; width: 32px; line-height: 32px;  }
.panel-title a.collapsed::before{ content: '+';  }
.panel-body{ padding: 10px 0; margin-bottom: 20px; }

.landing-qa, .landing-fivebox{ padding: 60px 15px; margin-bottom: 40px; color: #fff; background: rgba(2,25,59,1) !important; }
.panel-title br{ display: none; }
.landing-qa .panel-body{ border-top: none !important; margin: 0 15px; background: #092349; }

.panel-title{ font-size: 18px; }
.landing-qa .panel-title a{ display: block; border-bottom: 1px dotted #fff; padding-bottom: 5px; outline: 0 !important; text-decoration: none !important;}