/*!
Theme Name: car removals
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: car-removals
*/

/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/
html, body{margin:0px; padding:0px; font-family: "Outfit", sans-serif;}
body{font-size:18px; line-height:1.6; color:#4D4D4D;}
ul, ol{margin: 0 0 1.5em 20px; padding: 0;}
ul{list-style: outside none disc;}
ol{list-style: outside none decimal;}
li > ul, li > ol {margin-bottom:0; margin-left:1.5em;}
hr{background-color: #E7E7E7; border: 0 none; height: 1px; margin-bottom: 1.5em;}
a{color: #c21b1f; text-decoration: none;}
.entry-content a,
.content-area a{ text-decoration: none; position: relative; color: #ff9100; cursor:pointer;}
.entry-content a:hover,
.content-area a:hover{color: #c21b1f;}
.entry-content li{ padding-top: 4px; padding-bottom: 4px }
fieldset {border: medium none; margin: 15px 0; padding: 0;}
legend{color: #000000; font-size: 16px; font-weight: bold; margin: 10px 0;}
a:focus , *{outline:none;}
a:hover, a:active {color: #ff9100; outline:0 none;}
:-moz-placeholder {color: currentcolor; font-family: "Outfit", sans-serif;}
*::-moz-placeholder {color: currentcolor; font-family: "Outfit", sans-serif; opacity: 0.5;}
figcaption, figure, main {display: block;}
b, strong {font-weight: 700;}
img{max-width:100%; border:none; vertical-align: top; height: auto;}


/* 2.0 Clearings
--------------------------------------------------------------*/
.clear:before, 
.clear:after, 
.site-header:before, 
.site-header:after, 
.site-content:before, 
.site-content:after , 
.site-footer:before, 
.site-footer:after{content: ""; display: table; table-layout: fixed;}
.clear:after, .site-header:after, .site-content:after, .site-footer:after {clear: both;}

/* 3.0 Alignments
--------------------------------------------------------------*/
.alignleft{display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.text-right{ text-align:right !important;}
.text-justify{ text-align:justify !important;}
.uppercase{ text-transform:uppercase !important; }
.align-center{display:flex; align-items:center;}


/* 4.0 Form Style
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{
	border:1px solid #E7E7E7; background:#ffffff; line-height:26px; height:50px; padding:10px 15px; width:100%; margin-bottom:15px;
	display:block; -webkit-appearance:none; font-family: "Outfit", sans-serif; border-radius:4px;}

select{background: url("images/chevron-down.svg") no-repeat center right 15px #fff;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{
	border-color: #80bdff;
}
textarea{height:140px;  resize: none; border-radius:4px;}
button, 
html [type="button"], 
[type="reset"], 
[type="submit"], 
.button, .kc-elm .kc_button,
.promo-button {-webkit-appearance: button; background:#c21b1f; color:#ffffff !important; border-radius:0px; -webkit-border-radius:0px; font-family: "Oswald", sans-serif; 
	-moz-border-radius:0px; line-height:28px; font-size:18px; padding:10px 20px 10px 20px; text-align:center; border:medium none; 
	 text-transform:uppercase; cursor:pointer; font-weight:600; letter-spacing:0px; display: inline-block; 
	transition: all 0.2s ease; -webkit-appearance:none; border: solid 2px transparent; text-decoration: none !important;
	white-space: nowrap; height:50px; border-radius:5px;}
button:hover, button:focus, html [type="button"]:hover, html [type="button"]:focus, [type="reset"]:hover, [type="reset"]:focus, [type="submit"]:hover, [type="submit"]:focus,  .button:hover, .button:focus, .promo-button:hover, .kc-elm .kc_button:hover {background:#000000; color:#ffffff; border: solid 2px transparent;}
.kc-elm .kc_button.border-btn{border:2px solid #000000; color:#000000 !important; background:transparent;} 
.kc-elm .kc_button.border-btn:hover{background:#000000; color:#ffffff !important; border-color:transparent;}
.button:after{ display: none;}
.button-sm, .promo-button{padding:5px 15px 5px; line-height:26px; font-size:14px;}
.button-mid{padding: 2px 30px 0; line-height:40px; font-size:18px;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {clear: both; float: left; margin: 0 10px;width: calc(100% - 20px);
	background-color: #fff3cd; border-color: #ffeeba; color: #856404; padding:8px 12px;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng{clear: both; float: left; margin: 0 10px; width: calc(100% - 20px);
	background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; padding:8px 12px;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid{border-color: #dc3545;}
.wpcf7-not-valid-tip{ display:none !important;}

/* 5.0 Typography
--------------------------------------------------------------*/
body, input, select, textarea {color:#222; font-family: "Outfit", sans-serif;  font-size:18px; font-weight:400; line-height:1.6; letter-spacing:0px;}
h1, h2, h3, h4, h5, h6 {clear: both; line-height: 1.2; margin: 0 0 15px; padding: 0 0 0;  font-family: "Oswald", sans-serif; color:#101010;}
h1, .h1, h1.entry-title{font-size: 48px; font-weight:600;  font-family: "Oswald", sans-serif; text-transform:uppercase;}
h2, .h2, h2.entry-title {font-size:40px; font-weight: 600;   font-family: "Oswald", sans-serif; text-transform:uppercase;}
h3, .h3 {font-size:30px; font-weight: normal;  font-family: "Oswald", sans-serif; }
h4, .h4 {font-size:28px; font-weight: 500; margin:0px 0px 10px 0px;   font-family: "Outfit", sans-serif;}
h5, .h5 {font-size:24px; font-weight: 600; margin:0px 0px 10px 0px;}
h6 {font-size: 15px; font-weight: 600;}
p {margin: 0 0 15px; padding: 0;}
p:empty {display: none;}

/* 6.0 Layout
--------------------------------------------------------------*/
.container{max-width:1350px; margin:auto; position:relative; display: table; width: 100%; padding-left:15px; padding-right:15px;}
.kc-container{max-width:1350px !important; }

.large-container{max-width:100%; position:relative; padding-left:100px; padding-right:100px;}
body{background:#F3F3F3; font-weight:400;}
*, *::before, *::after {box-sizing: border-box;}
*, *::before, *::after {box-sizing: border-box;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {max-width:100%; height:auto}
.pb-0{padding-bottom:0 !important}
.pb-10{padding-bottom:10px !important}
.pb-20{padding-bottom:20px !important}
.pb-30{padding-bottom:30px !important}
.pb-40{padding-bottom:40px !important}
.pb-50{padding-bottom:50px !important}

.pt-0{ padding-top:0 !important}
.pt-10{ padding-top:10px !important}
.pt-20{ padding-top:20px !important}
.pt-30{ padding-top:30px !important}
.pt-40{ padding-top:40px !important}
.pt-50{ padding-top:50px !important}

.mb-0{margin-bottom:0 !important}
.mb-10{margin-bottom:10px !important}
.mb-20{margin-bottom:20px !important}
.mb-30{margin-bottom:30px !important}
.mb-40{margin-bottom:40px !important}
.mb-50{margin-bottom:50px !important}

.mt_0{ margin-top:0 !important}
.mt_10{ margin-top:10px !important}
.mt_20{ margin-top:20px !important}
.mt_30{ margin-top:30px !important}
.mt_40{ margin-top:40px !important}
.mt_50{ margin-top:50px !important}

/* 7.0 Page Structure
--------------------------------------------------------------*/
body{overflow-x:hidden;}
.site-header{position:relative; z-index:1;}
.inner-header{display:flex; justify-content:space-between; align-items:center; position:absolute; width:auto; background:#fff;  border-radius:0 0 10px 10px;  top:0px; overflow:hidden; left:15px;
  right:15px;}
.site-header .site-branding{padding:15px 15px;}
.site-header .site-branding a{display:block;}
.site-header .site-branding img{display:block; width:130px; height:auto;}
.site-header .menu-toggle{display:none;}
.site-header .main-navigation .menu{display:flex; margin:0; padding:0; list-style:none; column-gap:30px;}
.site-header .main-navigation .menu li{text-transform:uppercase;}
.site-header .main-navigation .menu li a{color:#000000; font-size:15px; font-weight:700;}
.site-header .main-navigation .menu li a:hover{color:#c21b1f;}
.contact-call-out a{display:flex; padding:25px 20px; background:#c21b1f; color:#ffffff; flex-direction: column; font-family: "Oswald", sans-serif; font-weight:600; font-size:28px; line-height:1.2; padding-left:90px; position: relative;}

.entry-content > section.kc_row{padding:75px 0;}

.contact-call-out a:before{background:url(images/phone-call.svg) no-repeat scroll 0 0; background-size:100% auto; height:48px; width:48px; position:absolute; left:20px; top:27px; content:"";}
.contact-call-out span{display:block; font-weight:600; font-size:16px; color:#ffffff; font-family: "Outfit", sans-serif;}
#hero-section{padding-top:120px; padding-bottom:90px; position:relative; /*color:#ffffff;*/ font-weight:500;}
/*#hero-section:before{position:absolute; left:0; top:0; bottom:0; content:""; right:0;
background: rgba(0,0,0,0.97); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.97)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0) 100%);
}*/
#hero-section .kc-col-container{padding-top:60px;}
/*#hero-section h1.kc_title{color:#ffffff;}*/
#hero-section .kc_row_inner{margin-top:15px;}
#hero-section .kc_row_inner .kc_button{padding:0 40px; line-height: 50px; height: auto;}
/*#hero-section .kc_row_inner .kc_button:hover{background:#ffffff; color:#000000 !important;}*/
#hero-section .kc_row_inner .kc-col-inner-container{display:flex; align-items:center; column-gap:30px;}
#hero-section .kc_row_inner .call-btn a.kc_button{background:none; color:#000 !important; padding:0; border:0; line-height:normal; font-size: 32px;}
#hero-section .kc_row_inner .call-btn a.kc_button:before{display:block; content:"Or Call Now"; font-family: "Outfit", sans-serif; font-weight:600; font-size:15px; text-align:left; text-transform:none;}

.site-footer{background:#212121; padding:20px 0; color:#ffffff;}
.site-footer .copyright{display:flex; justify-content: center; flex-direction:column-reverse; align-items: center; gap:18px;}
.site-footer .copytext{color:rgba(255,255,255,0.6); font-size:16px; font-weight:normal;}
.site-footer .copytext a{color:#ffffff;}
.site-footer .social-media-icons{margin:0; padding:0; display:flex; column-gap:15px;  list-style:none; align-items: center;}
.site-footer .social-media-icons li{padding:0 2px;}
.site-footer .social-media-icons li a{color:#ffffff; text-transform:uppercase; font-size:14px; font-weight:500; letter-spacing:0.3px; display:flex; align-items:center; gap:8px;}
.site-footer .social-media-icons li img{vertical-align:middle; opacity: 0.4; width:100%; max-width:18px;  height:100%; max-height:18px;}
.site-footer .social-media-icons li a.linkedin img{ margin-bottom: 5px;}


#usp{padding:30px 0; color:#fff;}
#usp .kc-feature-boxes{padding-right:20px;}
#usp .kc-feature-boxes .content-title{color:#ffffff; font-weight:normal; font-size:24px; font-family: "Oswald", sans-serif; margin-bottom:5px; letter-spacing:0.5px;}
#usp .kc-feature-boxes .content-desc{color:#ffffff; margin-bottom:0; line-height:1.4;}
#usp .kc-feature-boxes .content-image{margin-bottom:0; width:68px;}
#usp .kc-feature-boxes .content-image img{max-width:68px;}

.form-row{margin:0 -5px; display:flex; width:100%; flex-wrap:wrap;}
.form-row .form-group{padding:0 5px; flex:0 0 100%; max-width:100%; width:100%;}
.form-row .form-group.col-3{flex:0 0 25%; max-width:25%; width:100%;}
.form-row .form-group.col-6{flex:0 0 50%; max-width:50%; width:100%;}
.form-row .form-group.col-4{flex:0 0 33.33%; max-width:33.33%; width:100%;}
.form-row .form-group.col-8{flex:0 0 66.66666667%; max-width:66.66666667%; width:100%;}
.form-row .form-group.col-9{flex:0 0 75%; max-width:75%; width:100%;}

#free-quote .kc-title-wrap{margin-bottom:10px;}
#free-quote {background:#ffffff;}
#free-quote .kc-col-container{border:3px solid #dddddd; padding:30px; border-radius:20px; display:flex; flex-direction: column;}


#call-to-action .kc-contact-form7{background:#ffffff; padding:30px; position: relative;}
#call-to-action  h2{color:#ffffff;}
#call-to-action .kc-contact-form7 h2{font-size:24px; }
#call-to-action .content-col{width:60%; padding-right:60px;}
#call-to-action .form-col{width:40%;}
#call-to-action{position:relative;}
#call-to-action .content-col:before{background:#c21b1f; content:""; position:absolute; top:-75px; bottom:-75px; right:0; width:60vw; z-index:-1;}
#call-to-action .form-col:before{background:#c21b1f; content:""; position:absolute; top:-75px; bottom:-75px; right:50%; left:0;}
#call-to-action{color:#ffffff;}
#call-to-action .kc-title-wrap > .before-heading{text-transform:uppercase; font-weight:600; letter-spacing:1px; }
#call-to-action .kc-feature-boxes{display:flex; align-items:center; margin-top:30px;}
#call-to-action .kc-feature-boxes .content-image{max-width:64px; background:#000; border-radius:50px; height:64px;line-height: 64px;text-align: center; margin:0; display:flex; align-items:center; justify-content:center;}
#call-to-action .kc-feature-boxes .content-image img{max-width:36px; width:100%;}
#call-to-action .kc-feature-boxes .content-title{margin-bottom:5px; color:#ffffff; font-size:20px; font-family: "Oswald", sans-serif;  font-weight:normal; line-height: 1;}
#call-to-action .kc-feature-boxes .content-desc{color:#ffffff; margin-bottom:0;}
#call-to-action .kc-feature-boxes .content-desc a{color:#ffffff;}
#call-to-action .wpcf7-response-output{color: #000;}
#faqs .kc_accordion_section{background:#ffffff; padding-bottom:0; margin-bottom:15px; border-left: 5px solid #c21b1f;}
#faqs .kc_accordion_section > .kc_accordion_header{border:0; font-family: "Oswald", sans-serif;  font-weight:normal; }
#faqs .kc_accordion_section > .kc_accordion_header a{color:#333; padding: 15px 30px; font-size:20px; line-height: 1.4;}
#faqs .kc_accordion_section > .kc_accordion_header span{color:#000000; font-weight:700; margin: 21px; }
#faqs .kc_accordion_section .kc-panel-body{padding:15px 30px;}
#faqs .kc_accordion_section .kc_accordion_content{border:0;}
#suburb-list{background:#ffffff;}
#suburb-list .kc_text_block ul{list-style:none; display:flex; justify-content:center; column-gap:15px; margin:0; flex-wrap:wrap; row-gap:10px;}
#car-condition{background:#ffffff;}
#car-condition ul.orange-tick{margin:0; padding:0; display:flex; flex-wrap:wrap;}
#car-condition ul.orange-tick li{list-style:none; flex:0 0 25%; max-width:25%; width:100%; padding-left:30px; position:relative;  margin:5px 0;}
#car-condition ul.orange-tick li:before{background:url(images/orange-tick.png) no-repeat scroll 0 0; content:""; position:absolute; left:0; top:4px; height:24px; width: 24px; background-size: cover;}
#suburb-list .kc_text_block ul li{margin:0; padding:10px 20px; list-style:none; border:1px solid #dddddd; border-radius:4px; font-weight:600; }

.section-heading{margin-bottom:15px;}
.section-heading .before-heading{text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
.section-heading.center .before-heading{text-align:center; margin:auto; display: table;}
#how-we-works .kc-feature-boxes{box-shadow: none; border:1px solid #ddd; background:#fff; padding:30px;}
#how-we-works .kc-feature-boxes .content-title{margin:0 0 15px 0; padding:0; font-family: "Oswald", sans-serif;  font-weight:normal; color:#000000;}
#how-we-works .kc-feature-boxes .content-desc{margin:0; padding:0; font-size:15px; color:#4D4D4D;}
#how-we-works .kc-feature-boxes .content-desc *{ color:#4D4D4D;}
#how-we-works .kc-feature-boxes .content-desc p + p{margin-top:15px;}

.call-cta-btn{margin:auto; display: flex; justify-content: center;}
.call-cta-btn a.kc_button{background:none !important; color:#000 !important; padding:0; line-height:normal; font-size: 32px; padding:10px 30px; padding-left:80px; position:relative; border:2px solid #000; height:auto;}
.call-cta-btn a.kc_button:before{display:block; content:"Call us at"; font-family: "Outfit", sans-serif; font-weight:600; font-size:15px; text-align:left; text-transform:none;}
.call-cta-btn a.kc_button:after{background:url(images/phone-call.svg) no-repeat scroll 0 0; background-size: auto; background-size: 100% auto; height: 48px; width: 48px; position: absolute;
  left:20px; top:12px; content: ""; -webkit-filter: invert(100%); filter: invert(100%);}
.call-cta-btn a.kc_button:hover{background:transparent !important; border:2px solid #000;}

@media only screen and (max-width:1365px) {
	.container {max-width: 1200px;}
	.kc-container{max-width: 1200px !important;}
	h1, .h1, h1.entry-title{font-size: 42px;}
	#usp .kc-feature-boxes .content-title{line-height: 1.2;}
	#usp .kc-feature-boxes {padding-right: 0;}
	h2, .h2, h2.entry-title{font-size: 32px;}
	h3, .h3 {font-size: 26px;}
}
@media only screen and (max-width:1199px) {
	.container{padding-left: 30px; padding-right: 30px;}
	.kc-container{padding-left:30px !important; padding-right:30px !important;}
	.inner-header{left: 30px; right: 30px;}
	#usp .kc-feature-boxes{display: flex; flex-direction: column; }
	#usp .kc-feature-boxes .box-right{padding: 15px 0 0 0;}
	.contact-call-out a{padding:25px 15px; padding-left: 70px; font-size: 24px;}
	.contact-call-out a::before{height: 42px; width: 42px; left: 15px;}
}
@media only screen and (max-width:1169px) {
	.site-header .main-navigation .menu{column-gap: 20px;}
	h1, .h1, h1.entry-title{font-size: 36px;}
	h2, .h2, h2.entry-title{font-size: 30px;}
	h3, .h3 {font-size: 24px;}
}
@media only screen and (max-width:1023px) {
	.entry-content > section.kc_row{padding: 60px 0;}
	.inner-header .navigation-bar{display:none;}
	.form-row .form-group.col-8{flex:0 0 100%;  max-width:100%;}
	#car-condition ul.orange-tick li{flex:0 0 33.33%; max-width: 33.33%;}
	#how-we-works .kc_col-sm-4{width: 100%; }
	#how-we-works .kc_col-sm-4 + .kc_col-sm-4{margin-top:30px;}
	#call-to-action{overflow:hidden;}
	#call-to-action .content-col{width:100%; padding-right: 0px;}
	#call-to-action .form-col{width: 100%; margin-top: 30px;}
	#call-to-action .content-col::before{left: -30px; width: 130vw; bottom: -120px; right: auto;}
	#call-to-action .form-col::before{display:none;}
	#faqs{padding-top:0;}
	#hero-section{padding-top: 160px; padding-bottom: 60px;}
	#hero-section .kc-wrap-columns .kc_column{width: 100%;}
	#hero-section .kc-col-container{padding-top:0;}
}
@media only screen and (max-width:767px) {
	.site-header{background:#ffffff;}
	.container{padding-left:15px; padding-right:15px;}
	.kc-container{padding-left:15px !important; padding-right:15px !important;}
	.inner-header{position:static; border-radius: 0;}
	#usp .kc-wrap-columns{display:flex; flex-direction:column; gap:30px;}
	.form-row .form-group.col-4{flex:0 0 100%;  max-width: 100%;}
	.kc_column + .kc_column{margin-top:30px;}
	#car-condition ul.orange-tick li{flex:0 0 50%;   max-width: 50%;}
	#hero-section {padding-top:60px; padding-bottom:45px; text-align:center;}
	#hero-section::before{background: rgba(0,0,0,1); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
  background:-webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
	#hero-section h1.kc_title{font-size: 30px;}
	#hero-section .kc_row_inner .kc-col-inner-container{column-gap: 15px;}
	#call-to-action .content-col{padding-right: 15px;}
	.form-row{width:calc(100% + 10px);}
}
@media only screen and (max-width:639px) {
	body, input, select, textarea{font-size: 16px;}
	.contact-call-out a{font-size: 22px;}
	#hero-section .kc_row_inner .kc-col-inner-container{flex-direction: column; text-align: center; justify-content: center; gap: 15px;}
	#hero-section .kc_row_inner .call-btn a.kc_button::before{text-align: center;}
	
	#suburb-list .kc_text_block ul li{padding: 6px 15px; font-size: 16px;}
	#free-quote .kc-col-container{padding: 20px;}
	h2, .h2, h2.entry-title{font-size: 26px;}
	.site-footer .social-media-icons{flex-wrap: wrap; justify-content: center; gap:15px;}
	#call-to-action .kc-contact-form7{padding: 20px;}
}
@media only screen and (max-width:639px) {
	#hero-section h1.kc_title{font-size: 24px;}
	#faqs .kc_accordion_section > .kc_accordion_header a{font-size: 16px; font-size: 17px; padding: 15px 20px;}
	.site-footer .copytext{text-align:center;}
	button, html [type="button"], [type="reset"], [type="submit"], .button, .kc-elm .kc_button, .promo-button{font-size: 16px;}
}
@media only screen and (max-width:479px) {
	.contact-call-out a{font-size: 0;width: 48px;  padding:0; height: 48px; }
	.contact-call-out span{display:none;}
	.contact-call-out a::before {height: 32px; width: 32px;left: 6px; top: 10px;}
	.call-cta-btn a.kc_button{font-size: 24px; padding: 10px 20px; padding-left: 70px;}
	.call-cta-btn a.kc_button::after {height: 40px; width: 40px; left: 15px;}
	#car-condition ul.orange-tick li{flex:0 0 100%;  max-width: 100%;}
}