@charset "utf-8";  

/*
	Theme Name: Leather Upholstery Repairs Theme
	Theme URI: https://leatherupholsteryrepairs.com.au/
	Description: Custom responsive theme for Leather Upholstery Repairs.
	Version: 1.0
	Author: Studio 84 Design
	Author URI: https://studio84design.com.au/
	Tags: 

	License: MIT
	License URI: https://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*::after,
*::before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior:smooth;
}
body {
	font:400 15px/1.5 'Muli', sans-serif;
	color:white;
	background:hsla(0, 4%, 12%, 1) /*hsla(0, 12%, 13%, 1)*/;
}
/* clear */
.clear::before,
.clear::after {
    content:' ';
    display:table;
}

.clear::after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:var(--light-red);
	text-decoration:none;
}
a:hover {
	color:var(--red);
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
/* anchor link scroll fix for fixed header */
:target:before {
	content:"";
	display:block;
	height:130px; /* fixed header height*/
	margin:-130px 0 0; /* negative fixed header height */
}

/*------------------------------------*\
    UNIVERSIAL
\*------------------------------------*/

:root {
  --red:hsla(0, 100%, 29%, 1);
  --light-red:hsla(0, 100%, 52%, 1);
  --dark-red:hsla(0, 100%, 23%, 1);
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	margin:0;
	position:relative;
	min-height:100vh;
	display:flex;
	flex-direction:column;
}
/* header */
.header {
	width:100%;
}
.header-top {
	width:100%;
	height:40px;
	position:relative;
	z-index:99;
}
.header-top-bar {
	width:100%;
	height:40px;
	background:var(--red);	
	box-shadow:0px 2px 10px hsla(0, 0%, 0%, 0.4);
	color:white;
	font-size:15px;
	text-align:center;
	padding:8px 5%;
}
.header-top-bar svg {
	vertical-align:middle;
}
.header-top-bar svg:nth-of-type(2) {
	margin-left:20px;
}
.header-top-bar a {
	color:white;
}
.header-top-bar a:hover {
	color:white;
	text-decoration:underline;
}
.header-top-bar .address {
	display:none;
}
.header-inner {
	width:100%;
	max-width:1600px;
	height:150px;
	display:flex;
	margin:0 auto;
}
/* logo */
.logo {
	flex:0 0 auto;
	height:107px;
	margin:0 10px 0 20px;
}
.logo-img {
	width:150px;
}
/* nav */
.nav {
	flex:1 1 auto;
	margin:32px 10px 0 0;
	text-align:center;
}
.nav-home-btn {
	display:none;
	vertical-align:text-bottom;
}
.nav #mega-menu-wrap-header-menu .mega-menu-toggle {
    margin-top:-3px;
}
.nav #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
	display:none;
	font-size:18px;
    color:white;
	text-shadow:0 2px 3px hsla(0, 0%, 0%, 0.8);
}
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-label-open, #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after {
	color:white;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color:white;	
}
/* mobile menu */
#mega-menu-wrap-header-menu .mega-menu-toggle {
	position:relative;
	z-index:10000000;
}
#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	left:0;
    padding-top:160px;
	background:hsla(0, 0%, 0%, 0.9);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
	text-align:center;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    display:inline-block;
    padding:0 50px;
	width:90%;
    max-width:350px;
	font-size:22px;
    border-radius:30px;
	margin:5px 0;
    line-height:46px;
    height:50px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color:white;
	background:var(--red);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	background:var(--red);
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {
	background:var(--red);
}

.nav-social {
	display:none;
	flex:0 0 auto;
	margin:32px 20px 0 10px;
	text-align:right;
}
.nav-social svg:hover .bg {
	fill:var(--red);
}
.nav-social svg {
	margin:0 8px;
}
/* content */
main {
	flex:1;
	-webkit-flex:1 0 auto;
	-webkit-box-flex: 1;
	-ms-flex:1 0 auto;
}
/* sidebar */
.sidebar {
	display:none;
}
/* footer */
.footer {
	width:100%;
	background:black;
	color:white;
	padding:30px 0;
	margin-top:50px;
}
.footer a {
	color:white;
}
.footer-inner {
	width:90%;
	max-width:1100px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
}
.footer-inner .copyright a {
	color:var(--light-red);
	font-weight:700;
}
.footer-inner .copyright a:hover {
	color:var(--red);
}
.footer .nav {
	margin:0 0 30px;
}
.footer .nav .nav-home-btn {
	display:inline-block;
}
.footer .nav .nav-home-label {
	display:none;
}
.footer .nav ul li:last-of-type {
	margin-right:0;
}
.footer .nav ul li {
	display:inline-block;
	padding:5px 0;
	width:auto;
	font-size:18px;
	border-radius:0;
	margin:0;
	line-height:inherit;
	height:auto;
	letter-spacing:0.2px;
	background-image:linear-gradient(var(--light-red), var(--light-red)), linear-gradient(transparent, transparent) !important;
	background-size:0 3px, auto !important;
	background-repeat:no-repeat !important;
	background-position:center bottom !important;
	transition:all .2s ease-out !important;
}
.footer .nav ul li:hover {
	color:white;
	background-size:100% 3px, auto !important;
	background:none;
}
.footer .nav ul li:hover svg {
	fill:var(--light-red);
}
.footer .nav-social {
	margin:32px auto 0;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
.page-title {
	display:none;
}
.banner-inner-home {
	height:auto;
	padding-bottom:30px;
}
.banner-inner {
	height:320px;
}
.banner-small .fl-row-content-wrap, 
.banner-small-inner {
	height:200px;
}
.banner-inner,
.banner-inner-home {
	text-align:center;
	padding-top:115px;
	background:linear-gradient(to bottom, hsla(0, 0%, 0%, .9) 10%, hsla(0, 0%, 0%, .4) 100%);
}
.banner-inner h1,
.banner-inner-home h1 {
	width:90%;
	max-width:400px;
	margin:30px auto;
}
.banner-small-inner {
	text-align:center;
	padding-top:115px;
	background:linear-gradient(to bottom, hsla(0, 0%, 0%, .9) 10%, hsla(0, 0%, 0%, .4) 100%);
}
.content-box {
	width:90%;
	max-width:920px;
	margin:20px auto;
	background:hsla(0, 4%, 22%, 1);
	box-shadow:0 0 20px hsla(0, 0%, 0%, .6);
	position:relative;
	z-index:9;
}
.content-box-page {
	margin-top:-60px !important;
}
.content-box-text {
	padding:20px 5% 0;
}
.text-only {
	margin:-20px 0;
}
.content-box-img img {
	margin:0;
}
.content-box-btn {
	margin:-17px 0 0 0;
}
.content-box-btn a {
	display:block;
	width:100%;
	background:var(--red);
	padding:10px 20px 12px;
	text-align:center;
	color:white;
}
.content-box-btn a:hover {
	background:var(--dark-red);
}
.home-btns {
	flex-direction:column;
	column-gap:20px;
}
.home-slider {
	width:100%;
	max-width:1600px;
	margin:-130px auto 40px;
}
.home-slider a {
	display:block;
	width:100%;
	color:white;
}
.home-slider img {
	width:100%;
	max-width:730px;
	box-shadow:0 0 20px hsla(0, 0%, 0%, 0.6);
}
.home-slider h3 {
	width:100%;
	max-width:730px;
    position:absolute;
	background:hsla(0, 0%, 0%, 0.9);
    text-align:center;
    margin:-73px 0 0 0;
    padding:12px;
    z-index:99;
}
.home-slider .labb-carousel-item:hover h3 {
	background:hsla(0, 100%, 29%, 0.8);
}
.services-btn-holder {
	margin:30px auto;
}
.labb-container button.slick-prev {
	font-size:0 !important;
	color:hsla(0, 0%, 0%, 0) !important;
	width:50px;
	height:50px;
	background:url(img/icons/slider-left-arrow.svg) center no-repeat !important;
	margin:-40px 0 0 60px;
	z-index:9;
}
.labb-container button.slick-next {
	font-size:0 !important;
	color:hsla(0, 0%, 0%, 0) !important;
	width:50px;
	height:50px;
	background:url(img/icons/slider-right-arrow.svg) center no-repeat !important;
	margin:-40px 60px 0 0;
	z-index:9;
}
.labb-container button.slick-prev::before, .labb-container button.slick-next::before {
	font-size:0 !important;
	color:hsla(0, 0%, 0%, 0) !important;
}
.services-btn {
	display:block;
	width:90%;
	height:150px;
	text-align:center;
	margin:0 auto 20px;
	color:white;
}
.cleaning {
	background:url(https://leatherupholsteryrepairs.com.au/wp-content/uploads/home-cleaning-btn.jpg) center no-repeat;
	background-size:cover;
}
.restoration {
	background:url(https://leatherupholsteryrepairs.com.au/wp-content/uploads/home-restoration-btn.jpg) center no-repeat;
	background-size:cover;
}
.repairs {
	background:url(https://leatherupholsteryrepairs.com.au/wp-content/uploads/home-repairs-btn.jpg) center no-repeat;
	background-size:cover;
}
.maintenance {
	background:url(https://leatherupholsteryrepairs.com.au/wp-content/uploads/home-maintenance-btn.jpg) center no-repeat;
	background-size:cover;
}
.services-btn strong {
	margin-top:110px;
    display:inline-block;
    width:100%;
    height:40px;
    background:hsla(0, 0%, 0%, 0.8);
    padding:7px 20px 7px;
}
.services-btn a {
	color:white;
}
.services-btn:hover strong {
	color:white;
	background:hsla(0, 100%, 29%, 0.8);
}

/* contact */
.contact-form {
	width:90%;
	max-width:600px;
	margin:0 auto;
}
.contact-form .required {
	color:var(--light-red);
    font-size:23px;
    vertical-align:top;
}
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form select, .contact-form textarea {
	width:100%;
	height:50px;
	padding:10px 15px 12px;
	color:white;
	border:1px solid hsla(0, 0%, 0%, 1);
	border-radius:0;
	background:hsla(0, 0%, 0%, .6);
	transition:box-shadow 0.4s ease;
}
.contact-form textarea {
	height:150px;
}
.contact-form .small-holder {
	display:grid;
    grid-template-columns:100%;
    grid-template-rows:75px 75px 105px;
    grid-gap:3.5% 3.5%;
	margin-top:-16px;
}
.contact-form .codedropz-upload-handler {
	border:2px dashed #757575;
}
.contact-form .codedropz-upload-container {
	background:hsla(0, 0%, 0%, .6);
}
.contact-form .dnd-upload-status {
    padding:10px 20px 15px;
    background:hsla(0, 0%, 0%, .6);
	border:1px solid black;
    margin:5px 0;
}
.contact-form .codedropz-upload-inner h3 {
	font-size:24px;
}
.contact-form .dnd-upload-status .dnd-upload-details .name {
    color:hsl(197, 75%, 47%);
}
.contact-form .dnd-upload-status .dnd-upload-image span {
	color:hsl(0, 2%, 48%);
	font-size:42px;
}
.contact-form .dnd-upload-status .dnd-upload-details .name em {
    color:hsl(0, 2%, 48%);
}
.contact-form .dnd-upload-status .dnd-upload-image {
	border:none;
}
.contact-form .dnd-icon-remove:before {
	content:"×";
}
.contact-form .dnd-upload-status .dnd-upload-details .remove-file {
    right:10px;
    top:-2px;
    font-size:24px;
    font-weight:700;
}
.contact-form input[type=submit] {
	width:100%;
	padding:10px 30px 12px;
	font:700 17px/1.4 'Muli', sans-serif;
	letter-spacing:0.4px;
	color:white;
	background:var(--red);
	border:none;
	border-radius:0;
}
.contact-form input[type=submit]:hover {
	color:white;
	background:var(--dark-red);
	border:none;
}
.contact-form .wpcf7 form.sent .wpcf7-response-output {
	padding:10px 20px 12px;
	color:white;
	background:hsla(151, 100%, 26%, 0.1);
	border:2px solid hsl(151, 100%, 38%);
	text-align:center;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
h1 {
	font:700 35px/1.2 'Muli', sans-serif;
	color:white;
	text-shadow:0 2px 6px hsla(0, 0%, 0%, 0.8);
}
h2 {
	font:700 32px/1.2 'Muli', sans-serif;
	color:white;
	margin:0 0 20px;
}
h3 {
	font:400 20px/1.2 'Muli', sans-serif;
	color:white;
	margin:10px;
}
h4 {
	font:600 22px/1.2 'Muli', sans-serif;
	color:var(--light-red);
	text-shadow:0x 1px 2px hsla(0, 4%, 12%, 1);
	margin:10px 0 30px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
	.nav #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
		display:inline;
	}
}
@media only screen and (min-width:480px) {
	h1 {
		font:700 40px/1.2 'Muli', sans-serif;
	}
	.banner-inner {
		height:330px;
	}
	.banner-inner-home {
		height:auto;
		padding-bottom:50px;
	}
	.banner-inner h1,
	.banner-inner-home h1 {
		max-width:420px;
	}
	.home-btns {
		flex-direction:row;
	}
	.content-box-text {
		padding:30px 50px 10px;
	}
	.services-btn {
		width:45%;
		float:left;
		margin:0 0 0 5%;
	}
	.services-btn:nth-of-type(even) {
		margin:0 5% 0 0;
	}
	.content-box-img img {
		width:50%;
	}
}
@media only screen and (min-width:640px) {
	.header-top-bar .address {
		display:inline-block;
	}
	.contact-form .small-holder {
		grid-template-columns:31% 31% 31%;
		grid-template-rows:90px;
		grid-gap:3.5% 3.5%;
	}
}
@media only screen and (min-width:768px) {
	body {
		font:400 17px/1.5 'Muli', sans-serif;
	}
	.logo {
		height:143px;
		margin:-30px 10px 0 20px;
	}
	.logo-img {
		width:200px;
	}
	.nav-social {
		display:inline-block;
	}
	h1 {
		font:700 55px/1.2 'Muli', sans-serif;
	}
	.banner-inner h1,
	.banner-inner-home h1 {
		max-width:600px;
	}
	.banner-inner-home {
		height:650px;
	}
	.banner-inner {
		height:540px;
	}
	.banner-small .fl-row-content-wrap, .banner-small-inner {
		height:300px;
	}
	.banner-inner,
	.banner-inner-home {
		padding-top:160px;
	}
	.home-slider {
		margin:-180px auto 40px;
	}
	.services-btn, 
	.services-btn:nth-of-type(even) {
		width:25%;
		margin:0;
	}
	.text-only {
		margin:0 0 -40px;
	}
	.content-box-page {
		margin-top:-160px !important;
	}
	.contact-form {
		margin:-60px auto 30px;
	}
	h3 {
		font:400 25px/1.2 'Muli', sans-serif;
	}
}
@media only screen and (min-width:1024px) {
	.logo {
		height:196px;
		margin:-35px 10px 0 20px;
	}
	.logo-img {
		width:276px;
	}
	.services-btn, 
	.services-btn:nth-of-type(even) {
		width:215px;
		margin:0 0 0 20px;
	}
	.services-btn:nth-of-type(1) {
		margin:0;
	}
}
@media only screen and (min-width:1140px) {
	.nav {
		margin:32px 0 0 0;
	}
	.nav-home-btn {
		display:inline-block;
	}
	.nav-home-label {
		display:none;
	}
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item:last-of-type {
		margin-right:0;
	}
	.nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
		display:inline-block;
		padding:5px 0;
		width:auto;
		font-size:18px;
		border-radius:0;
		margin:0;
		line-height:inherit;
		height:auto;
		letter-spacing:0.2px;
		background-image:linear-gradient(var(--light-red), var(--light-red)), linear-gradient(transparent, transparent) !important;
		background-size:0 3px, auto !important;
		background-repeat:no-repeat !important;
		background-position:center bottom !important;
		transition:all .2s ease-out !important;
	}
	.nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
		color:white;
		background-size:100% 3px, auto !important;
		background:none;
	}
	.nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover svg {
		fill:var(--light-red);
	}
	.nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		background:none;
		color:var(--light-red);
	}
	.nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {
		background:none;
	}
}
@media only screen and (min-width:1280px) {
	header .nav-social {
		width:276px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:var(--red);
	color:white;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}