@charset "utf-8";

/*
	Theme Name: WSupercars
	Version: 4.360
	Author: Studio 84 Design
	Author URI: https://studio84design.com.au/
*/

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

/* global box-sizing */
*,
*::after,
*::before {
	box-sizing:border-box;
	text-rendering:optimizeLegibility;
}
html {
	font-size:62.5%;
	visibility:visible;
    opacity:1;
	scroll-behavior:smooth;
	
	--red:hsl(354deg 89% 46%);
	--teal:hsl(169deg 49% 47%);
	--gold:hsl(46deg 68% 52%);
	--green:hsl(112deg 69% 25%);
	
	--white:hsl(0deg 0% 100%);
	--light-grey:hsl(0deg 8% 93%);
	--medium-grey:hsl(0deg 8% 76% / 60%);
	--medium-dark-grey:hsl(0deg 8% 42% / 60%);
	--dark-grey:hsl(0deg 8% 20% / 60%);
	--very-dark-grey:hsl(0deg 8% 11%);
	--black:hsl(0deg 8% 5%);
	
	--drop-shadow:hsl(0deg 8% 0% / 10%);
	--drop-shadow-hover:hsl(0deg 8% 0% / 30%);
	
	--font-light:300;
	--font-normal:400;
	--font-bold:500;
	--font-heading:400;
}
strong, b {
	font-weight:500;
}
html, body {
	height:100%;
}
body {
	font:var(--font-normal) 1.5rem/1.4 'Work Sans', sans-serif;
	letter-spacing:-0.05rem;
	background:hsl(0deg 8% 7%) url(img/body-bg-mobile.jpg) center -10rem repeat;
	color:var(--white);
	margin:0;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:var(--red);
	text-decoration:none;
}
a:hover {
	color:var(--gold);
}
input:focus {
	outline:0;
}
ul {
	padding:0;
	margin:0;
}
figure {
    margin:3rem 0;
}
figure.aligncenter {
    display:flex;
    justify-content:center;
}
/* anchor link scroll fix for fixed header */
:target:before {
	content:"";
	display:block;
	height:18rem;
	margin:-18rem 0 0;
}
.anchor {
    display:block;
    position:relative;
    top:-8rem;
    visibility:hidden;
}
/* fix blurry image scaling for chromium browsers */
.wallpaper-box img, 
.wide-wallpaper-box img, 
.super-wide-wallpaper-box img, 
.phone-wallpaper-box img, 
.home-box img {
	/*transform:translateZ(0);*/
	image-rendering:-webkit-optimize-contrast;
}

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

.hide {
	display:none;
}
.hide-mobile-inline,
.hiode-mobile-block,
.hide-mobile-grid {
	display:none !important;
}

.intro a, 
.description a {
	position:relative;
	color:var(--red);
	font-weight:var(--font-bold);
	z-index:9;
}
.intro a:hover, 
.description a:hover{
	color:var(--gold);
}
.intro a:hover::after, 
.description a:hover::after{
	background-color:hsl(44deg 91% 73% / 50%);
}
.intro a::after, 
.description a::after {
	display:inline;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:.7rem;
	background-color:hsl(0deg 98% 27% / 50%);
	content:"";
	z-index:-1;
}
.alert-banner,
.notice-primary,
.notice-secondary {
    width:100%;
    max-width:76.8rem;
	font-weight:var(--font-bold);
	padding:0.8rem 2rem 1rem;
    border-radius:.5rem;
    margin:0 auto 2rem;
}
.alert-banner {
	color:white;
    background:var(--red);
}
.notice-primary {
	color:var(--gold);
    background:black;
	border:.1rem solid var(--gold);
}
.notice-secondary {
	color:var(--teal);
    background:black;
	border:.1rem solid var(--teal);
}
.button-holder {
	width:100%;
	position:relative;
	max-width:82rem;
	margin:1rem auto 3rem;
}
a.button,
.button a {
	display:inline-block;
	background-color:transparent;
    color:var(--gold);
    font-size:1.7rem;
	font-weight:var(--font-bold);
	padding:.5rem 1rem;
    margin-top:1rem;
}
a.button::before,
.button a::before {
	display:inline-block;
    content:'';
    width:1rem;
    height:1.2rem;
    background:url(img/icons/breadcrumb-separator.svg) left center no-repeat;
    background-size:1.1rem;
	margin:0 1rem 0 -.5rem;
	vertical-align:middle;
	transition:margin 0.2s ease;
}
.sidebar-right button::before {
	vertical-align:middle;
}
a.button:hover,
.button a:hover {
	color:white;
    background:var(--red);
    border-radius:.5rem;
	transition:background 0.2s ease;
	cursor:pointer;
}
a.button:hover::before,
.button a:hover::before {
	margin:0 .5rem 0 0;
}
.sidebar-right, 
svg .background {
	fill:var(--red);
}
.sidebar-right, 
svg .icon {
	fill:white;
}
.small-grey {
    display:block;
    max-width:82rem;
    color:hsl(0deg 8% 80%);
    font-size:1.5rem;
    margin:0 auto;
}

/* outline */
.home-box,
.wallpaper-box,
.phone-wallpaper-box,
.wide-wallpaper-box, 
.super-wide-wallpaper-box,
.car-specs li,
.car-list,
.sidebar-right ul.tag-list li a,
.content-button-holder a,
.sidebar-right ul.side-list li a, 
.sidebar-right ul.side-list li strong,
.archive-box, 
.archive-box-special,
.main-category-box,
.category-box,
.alphabet-nav,
ul.tag-list-body li a,
.manufacturer-box,
.instruction-box,
.ranking-box,
.content-button-holder summary:after,
.archive-sort ul.publish-date,
.archive-sort ul.model-year,
.new-car-list li a,
.page-menu,
.content-search-holder .search-box {
	outline:.1rem solid hsl(0deg 13.5% 22%);
}

/* shadows */
.home-box, 
.category-box, 
.main-category-box,
.wallpaper-box, 
.wide-wallpaper-box, 
.super-wide-wallpaper-box, 
.phone-wallpaper-box, 
.ranking-box, 
.manufacturer-box, 
.popular-box, 
.car-list, 
.category-box, 
.instruction-box,
.car-specs li,
.sidebar-right ul.tag-list li a,
.content-button-holder a,
.content-button-holder summary:after,
.sidebar-right ul.side-list li a,
.archive-box, 
.archive-box-special,
.pagination .page-numbers,
ul.tag-list-body li a,
.new-car-list li a,
.faq-question,
.guide-section,
.forminator-custom-form .details input, 
.forminator-custom-form .message textarea,
.motor-show-box,
.archive-sort ul.publish-date,
.archive-sort ul.model-year {
	box-shadow:0 .3rem .6rem var(--drop-shadow);
}

/* hover effects */
.home-box, 
.category-box,
.main-category-box,
.wallpaper-box, 
.wide-wallpaper-box, 
.super-wide-wallpaper-box, 
.phone-wallpaper-box, 
.ranking-box, 
.manufacturer-box, 
.popular-box, 
.car-list, 
.category-box, 
.instruction-box,
.motor-show-box {
	transition:box-shadow 0.2s ease;
}
.home-box:hover, 
.category-box:hover, 
.main-category-box:hover,
.wallpaper-box:hover, 
.wide-wallpaper-box:hover, 
.super-wide-wallpaper-box:hover, 
.phone-wallpaper-box:hover, 
.ranking-box:hover, 
.manufacturer-box:hover, 
.popular-box:hover, 
.car-list:hover, 
.category-box:hover, 
.instruction-box:hover,
.motor-show-box:hover {
	box-shadow:0 .4rem .8rem var(--drop-shadow-hover);
}
.home-box::after, 
.popular-box::after, 
.manufacturer-box::after, 
.category-box::after,
.main-category-box::after,
.motor-show-box::after {
	display:inline;
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:0;
	height:.5rem;
	background-color:var(--red);
	transition:width 0.2s ease;
	z-index:8;
}
.motor-show-box::after {
	bottom:4.6rem;
}
.ranking-box::after {
	display:inline;
	position:absolute;
	left:12rem;
	bottom:0;
	width:.5rem;
	height:0;
	background-color:var(--red);
	content:"";
	transition:height 0.2s ease;
}
.main-category-box::after {
	left:0;
}
.manufacturer-box::after, 
.category-box::after {
	top:0;
}
.home-box:hover::after, 
.popular-box:hover::after {
	width:40%;
}
.manufacturer-box:hover::after, 
.logo .home-link:hover::after, 
.category-box:hover::after,
.main-category-box:hover::after,
.motor-show-box:hover::after {
	width:100%;
}
.ranking-box:hover::after {
	height:10rem;
}

/* focus */
.nav ul li:focus,
.sidebar-right ul.tag-list li a:focus, 
.sidebar-right ul.side-list li a:focus, 
.sidebar-right ul.car-list li a:focus,
.sidebar-left ul li a:focus,
.content-button-holder a:focus,
.car-list li a:focus,
.wallpaper-box ul li a:focus,
.wide-wallpaper-box ul li a:focus,
.super-wide-wallpaper-box ul li a:focus,
.phone-wallpaper-box ul li a:focus,
a.button:focus,
.pagination .page-numbers:focus,
.alphabet-nav a:focus,
.new-car-list li a:focus,
.page-menu a:focus,
ul.tag-list-body li a:focus,
.footer-nav ul li a:focus {
	outline:.1rem solid var(--gold);
	border-radius:.5rem;
}
.home-box:focus,
.ranking-box:focus,
.category-box:focus,
.archive-box:focus, 
.archive-box-special:focus,
.manufacturer-box:focus,
.main-category-box:focus,
.motor-show-box:focus {
	outline:.1rem solid var(--gold);
	border-radius:.8rem;
}
.forminator-custom-form .details input:focus, 
.forminator-custom-form .message textarea:focus {
	outline:.1rem solid var(--gold);
	border-radius:0 .8rem .8rem 0;
}

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

/* wrapper */
.wrapper {
	display:flex;
	flex-direction:column;
	width:100%;
	margin:0;
	position:relative;
	min-height:100vh;
}

/* header */
.header {
	display:flex;
	width:100%;
	height:7rem;
	margin:0;
	position:fixed;
	background:black;
	border-bottom:.1rem solid hsl(0deg 13.5% 22%);
	z-index:100;
}

/* logo */
.logo {
	flex:0 0 auto;
}
.logo .home-link {
	display:block;
    width:19rem;
    height:7rem;
    position:absolute;
	z-index:99;
}
.logo-img {
	width:11rem;
	margin:2.4rem 2.5rem 2.2rem;
	vertical-align:baseline;
}

/* socials */
.social-btn-twitter, 
.social-btn-facebook, 
.social-btn-pinterest,
.social-btn-instagram {
	display:none;
	position:relative;
	width:2.9rem;
	height:2.9rem;
	padding:.1rem;
	margin:2rem -.2rem;
	overflow:hidden;
}
.social-btn-twitter .bg,
.social-btn-facebook .bg,
.social-btn-pinterest .bg,
.social-btn-instagram .bg {
	fill:hsl(0deg 0% 0% / 0%);
}
.social-btn-twitter:hover .bg {
	fill:hsl(196deg 100% 46%);
}	
.social-btn-facebook:hover .bg {
	fill:hsl(214deg 100% 59%);
}	
.social-btn-pinterest:hover .bg{
	fill:hsl(358deg 73% 46%);
}	
.social-btn-instagram:hover .bg {
	fill:hsl(294deg 56% 45%);
}
.social-btn-twitter:hover .symbol, 
.social-btn-facebook:hover .symbol, 
.social-btn-pinterest:hover .symbol,
.social-btn-instagram:hover .symbol {
	fill:white;
}
	
/* nav */
.nav {
	display:none;
	flex:1 1 auto;
	margin:0;
	text-align:center;
}
.nav ul {
	margin:0;
	list-style:none;
}
.nav ul li {
	display:inline-block;
	position:relative;
	height:5rem;
	border-radius:.5rem;
	padding:1.3rem 0;
	margin:1rem 0 0 0;
}
.nav ul li:hover {
	background:var(--red);
}
.nav ul li a {
	padding:2rem 3rem 2rem 2rem;
	font:var(--font-heading) 1.7rem/1.4 'Palanquin Dark', sans-serif;
	color:white;
	text-transform:uppercase;
}
.nav ul li.home a {
	padding-right:2rem;
}
.nav ul li.drop ul.sub-menu li a:hover {
    padding-bottom:.6rem;
}
.nav ul li.drop a:hover {
    padding-bottom:3.5rem;
}
.nav ul li.drop::after {
	display:block;
	position:absolute;
    content:'';
    width:1.4rem;
    height:1.2rem;
	top:2rem;
	right:.8rem;
	background:url(img/icons/breadcrumb-separator.svg) center no-repeat;
    background-size:1rem;
    transform:rotate(90deg);
}

/* nav drop down */
.nav ul.sub-menu {
	grid-template-columns:repeat(4, 22rem);
	grid-column-gap:2rem;
	position:fixed;
	top:-36rem;
	left:2rem;
	width:calc(100% - 4rem);
	background:var(--very-dark-grey);
	border-top:.3rem solid var(--red);
	border-radius:.8rem;
	box-shadow:0 .4rem 1rem -.5rem black;
	padding:5rem calc(50% - 49rem);
	visibility:hidden;
	/*transition:all 0s;*/
	z-index:99;
}
.nav ul.sub-menu li {
	display:block; 
	width:100%;
	height:3rem;
	padding:0;
	z-index:99;
}
.nav ul.sub-menu li:hover {
	background:none;
}
.nav ul.sub-menu li a,
.nav ul.sub-menu li strong {
	display:block; 
	width:100%;
	height:3.5rem;
	padding:.6rem 1.5rem;
	font:var(--font-normal) 1.6rem/1.4 'Work Sans', sans-serif;
	color:var(--white);
	text-align:left;
	text-transform:none;
}
.nav ul.sub-menu li a:hover {
    color:white;
	text-decoration:none;
	border-radius:.8rem;
	background:var(--red);
}
.nav ul.sub-menu li strong {
    color:hsl(0deg 0% 60%);
}
.nav ul.sub-menu li.yellow a {
	color:var(--gold);
}
.nav ul.sub-menu li.yellow a:hover {
	color:black;
	background:var(--gold);
}
.nav ul li:hover ul.sub-menu {
	display:grid;
	top:8rem;
	visibility:visible;
	transition-delay:.3s;
}
.nav .rankings ul.sub-menu {
	grid-template-columns:repeat(3, 22rem);
	grid-column-gap:2rem;
	padding:5rem calc(50% - 37rem);
}
.nav .rankings:hover ul.sub-menu {
	height:22rem;
}
.nav .sub-heading-car-finder::before, 
.nav .sub-heading-body-types::before,
.nav .sub-heading-engine-types::before,
.nav .sub-heading-format::before,
.nav .sub-heading-manufacturers::before,
.nav .sub-heading-performance::before, 
.nav .sub-heading-popular::before {
	display:block;
	position:absolute;
    top:-4rem;
	width:100%;
	padding:.5rem 1.5rem;
	color:var(--red);
	font-weight:var(--font-bold);
	text-align:left;
}
.nav .sub-heading-car-finder::before {
	content:'Car Finder';
}
.nav .sub-heading-body-types::before {
	content:'Body Types';
}
.nav .sub-heading-engine-types::before {
	content:'Engine Types';
}
.nav .sub-heading-format::before {
	content:'Format';
}
.nav .sub-heading-manufacturers::before {
	content:'Manufacturers';
}
.nav .sub-heading-performance::before {
	content:'Performance';
}
.nav .sub-heading-popular::before {
	content:'Popularity';
}
.nav .cars ul.sub-menu::after {
	display:block;
	position:absolute;
    top:4.4rem;
    left:-36rem;
	content:'';
	width:100%;
	height:14rem;
	background:url(https://www.wsupercars.com/img/menu-icon-cars.svg) center no-repeat;
	background-size:35rem;
}
.nav .wallpapers ul.sub-menu::after {
	display:block;
	position:absolute;
    top:4.8rem;
    left:-36.5rem;
	content:'';
	width:100%;
	height:14rem;
	background:url(https://www.wsupercars.com/img/menu-icon-wallpapers.svg) center no-repeat;
	background-size:39rem;
}
.nav .rankings ul.sub-menu::after {
	display:block;
	position:absolute;
    top:3.5rem;
    left:-28rem;
	content:'';
	width:100%;
	height:14rem;
	background:url(https://www.wsupercars.com/img/menu-icon-rankings.svg) center no-repeat;
	background-size:42rem;
}
.nav .col2 {
	grid-column-start:2;
}
.nav .col3 {
	grid-column-start:3;
}
.nav .col4 {
	grid-column-start:4;
}
.nav .spacer {
	margin-top:5rem;
}

/* mobile nav button */
.mobile-nav,
.mobile-car-nav {
	width:100%;
	background:none;
	height:7rem;
	position:absolute;
}
.mobile-car-nav {
	width:calc(100% - 7rem);
}
.mobile-nav label {
	background:none transparent;
	border:.4rem solid var(--red);
	border-left:0 solid transparent;
	border-right:0 solid transparent;
	cursor:pointer;
	display:block;
	height:2.4rem;
	position:absolute;
	top:2.4rem;
	right:2.5rem;
	width:3rem;
	transition:all .2s;
}
.mobile-nav label::before,
.mobile-car-nav label::before {
	background:var(--red);
	content:'';
	height:.4rem;
	left:0;
	position:absolute;
	top:.6rem;
	width:3rem;
	transition:all .2s;
}
.mobile-nav label::after,
.mobile-car-nav label::after {
	background:var(--red);
	content:'';
	height:.4rem;
	left:0;
	position:absolute;
	top:.5rem;
	opacity:0;
	visibility:hidden;
	width:100%;
	transform:rotate(90deg);
	transition:all .2s;
}
.mobile-nav input[type="checkbox"],
.mobile-car-nav input[type="checkbox"] {
	position:absolute;
	opacity:0;
	visibility:hidden;
}
.mobile-nav input[type="checkbox"]:checked + label {
	border:.1rem solid black;
	border-radius:50%;
	height:3rem;
	top:2.6rem;
	right:2.5rem;
	width:3rem;
	transform:rotate(-135deg);
}
.mobile-car-nav input[type="checkbox"]:checked + label {
	right:1rem;
}
.mobile-nav input[type="checkbox"]:checked + label::before {
	background:var(--red);
	top:1.6rem;
	left:.2rem;
	width:3rem;
}
.mobile-nav input[type="checkbox"]:checked + label::after {
	background:var(--red);
	opacity:1;
	top:1.6rem;
	left:.2rem;
	visibility:visible;
	width:3rem;
}
.mobile-nav input[type="checkbox"]:checked + label:hover,
.mobile-car-nav input[type="checkbox"]:checked + label:hover {
	border-color:black;
}
.mobile-nav input[type="checkbox"]:checked + label:hover::before,
input[type="checkbox"]:checked + label:hover::after {
	background:var(--red);
}
/* car menu button */
.mobile-car-nav label {
	display:block;
	position:absolute;
	top:2.2rem;
	right:.8rem;
	width:3.4rem;
	height:2.8rem;
	padding-top:.5rem;
	background:var(--red);
	border-radius:.5rem;
	text-align:center;
	line-height:1.2rem;
	transition:all .2s;
	cursor:pointer;
}
.mobile-car-nav label span {
	font:var(--font-heading) 1.1rem/1.4 'Palanquin Dark', sans-serif;
	color:white;
	letter-spacing:0.01rem;
	text-align:center;
	transition:all .2s;
}
.mobile-car-nav label span.car-finder {
	display:none;
}
.mobile-car-nav label::before,
.mobile-car-nav label::after {
	background:var(--white);
	top:1rem;
	opacity:0;
	visibility:hidden;
}
.mobile-car-nav input[type="checkbox"]:checked + label {
	width:3.2rem;
	height:3.2rem;
	top:2rem;
	right:.9rem;
	border-radius:50%;
	transform:rotate(-135deg);
}
.mobile-car-nav input[type="checkbox"]:checked + label span {
	opacity:0;
}
.mobile-car-nav input[type="checkbox"]:checked + label::before,
.mobile-car-nav input[type="checkbox"]:checked + label::after {
	background:white;
	opacity:1;
	top:1.4rem;
	left:.5rem;
	visibility:visible;
	width:2.2rem;
}
.mobile-car-nav input[type="checkbox"]:checked + label:hover::before {
	background:white;
}
/* mobile nav drop down */
.mobile-nav-links {
	display:block;
	position:absolute;
	top:7rem;
	left:0;
	width:100%;
	height:0;
	background:var(--very-dark-grey);
    overflow-y:scroll;
}
.mobile-car-nav .mobile-nav-links {
	width:calc(100% + 7rem);
}
.mobile-car-nav .mobile-nav-links h3 {
	font-size:1.5rem;
	color:hsl(0deg 8% 90%);
	margin-left:5%;
}
.mobile-car-nav .mobile-nav-links svg {
	margin-right:.5rem;
	vertical-align:text-bottom;
}
#menu-manufacturer-menu,
#menu-motor-racing-menu,
#menu-other-cars-menu {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	width:90%;
	background:var(--medium-dark-grey);
	border-radius:.8rem;
	margin:0 auto 2rem;
	overflow:hidden;
}
#menu-manufacturer-menu li a,
#menu-motor-racing-menu li a,
#menu-other-cars-menu li a {
	font:var(--font-normal) 1.6rem/1.4 'Work Sans', sans-serif;
}
#menu-manufacturer-menu li a:hover,
#menu-motor-racing-menu li a:hover,
#menu-other-cars-menu li a:hover {
	background:var(--red);
}
#menu-manufacturer-menu .alpha,
#menu-motor-racing-menu .alpha,
#menu-other-cars-menu .alpha {
	display:none;
}
/* menu */
.mobile-nav-links::-webkit-scrollbar {
    display:none;
}
.mobile-nav-links {
	-ms-overflow-style:none;
	scrollbar-width:none;
}
.mobile-nav-links li {
	opacity:0;
	visibility:hidden;
	transition:all .3s;
	list-style:none;
}
.mobile-nav-links li a {
	color:var(--white);
	display:block;
	font-size:1.7rem;
	font-weight:var(--font-bold);
	border-radius:.8rem;
	padding:.8rem 5%;
	text-align:left;
	width:100%;
}
.mobile-nav-links li a:hover,
.mobile-nav-links li ul.sub-menu li a:hover {
    color:white;
    background:var(--red);
}
.mobile-nav-links li ul.sub-menu {
	margin-bottom:1rem;
}
.mobile-nav-links li ul.sub-menu li {
	width:90%;
	background:var(--medium-dark-grey);
	margin:0 auto;
	overflow:hidden;
}
.mobile-nav-links li ul.sub-menu li:first-child {
	border-radius:.8rem .8rem 0 0;
}
.mobile-nav-links li ul.sub-menu li:last-child {
	border-radius:0 0 .8rem .8rem;
}
.mobile-nav-links li ul.sub-menu li a,
.mobile-nav-links li ul.sub-menu li strong {
	display:block;
	width:100%;
	font-size:1.6rem;
	font-weight:var(--font-normal);
	padding:1rem 2rem;
}
.mobile-nav-links li ul.sub-menu li strong {
    color:var(--gold);
}
.mobile-nav input[type="checkbox"]:checked ~ .mobile-nav-links::before,
.mobile-car-nav input[type="checkbox"]:checked ~ .mobile-nav-links::before {
	opacity:1;
	visibility:visible;
}
.mobile-nav input[type="checkbox"]:checked ~ .mobile-nav-links,
.mobile-car-nav input[type="checkbox"]:checked ~ .mobile-nav-links {
	height:100vh;
	padding:0 0 20vh;
	border-top:.3rem solid var(--red);
}
.mobile-nav input[type="checkbox"]:checked ~ .mobile-nav-links li,
.mobile-car-nav input[type="checkbox"]:checked ~ .mobile-nav-links li {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.mobile-nav-socials {
	text-align:center;
}
.mobile-nav-socials a {
	display:inline-block;
	width:4rem;
	height:4rem;
}
.mobile-nav-socials svg {
	width:3.5rem;
	fill:var(--medium-grey);
}

/* search */
.search {
	flex:0 0 auto;
}
.search-box {
	display:none;
	height:7rem;
	border-bottom:.1rem solid hsl(0deg 13.5% 22%);
	margin-left:13.5rem;
}
.search-input {
	grid-column:1;
	padding:0 2.5rem;
	background:hsl(0deg 8% 10%);
	border:none;
	border-radius:0;
	font:var(--font-normal) 1.5rem/1.4 'Work Sans', sans-serif;
	font-style:italic;
	color:hsl(0deg 0% 90%);
	letter-spacing:-0.02rem;
}
.search-input::placeholder {
	color:hsl(0deg 0% 55%);
	letter-spacing:-0.02rem;
}
.search-input:focus {
	background:hsl(0deg 8% 18%);
}
.search-submit {
	grid-column:2;
	background:var(--red);
	border:none;
	border-radius:0;
	color:white;
	cursor:pointer;
}
.search-submit:focus {
	border:none;
}
.search-submit svg, 
.search-btn svg {
	transition:transform 0.2s ease;
}
.search-submit:hover, 
.search-btn:hover {
	color:hsl(0deg 0% 18%);
	background:var(--gold);
}
.search-btn {
	display:none;
	width:7rem;
    height:7rem;
    padding:2.25rem;
	background:var(--red);
	color:hsl(0deg 0% 95%);
	margin-left:7.2rem;
}

/* content */
main {
	display:grid;
    grid-template-columns:100%;
    grid-template-rows:1fr;
	flex:1;
	margin-top:7rem;
}

/* left sidebar */
.sidebar-left {
	display:none;
    grid-area:1 / 1 / 2 / 2;
	width:25rem;
	padding:0 3rem 8rem 3.5rem;
}
.sidebar-left h3 {
	margin-top:3rem;
}
.sidebar-left h3 svg {
	display:inline-block;
	width:2.8rem;
	height:2.8rem;
	vertical-align:text-bottom;
	margin-right:.7rem;
}
.sidebar-left ul {
	list-style:none;
	margin:0 0 0 2.1rem;
}
.sidebar-left ul li a {
	display:block;
	font-size:1.5rem;
	color:var(--white);
	border-radius:.5rem;
	padding:.5rem 1rem .5rem 1.5rem;
	margin-left:.5rem;
}
.sidebar-left ul li a:hover {
	color:white;
	background:var(--red);
}
.sidebar-left ul li a:hover::before {
	margin:0 .5rem 0 0;
}
.sidebar-left-icon-outer {
	fill:var(--light-grey);
}
.sidebar-left-icon-inner {
	fill:var(--very-dark-grey);
}
.sidebar-left span.alpha {
	position:absolute;
	width:1.5rem;
    text-align:center;
	font:600 1rem/1.4 'Work Sans', sans-serif;
	color:black;
	background:var(--red);
	border-radius:.2rem;
    left:4.1rem;
	padding-right:.1rem;
    margin-top:.3rem;
}
.sidebar-left .spacer {
	margin-top:1rem;
}

/* content */
.content {
    width:90%;
	max-width:102rem;
	padding:0 0 4rem;
	margin:0 auto;
}

/* right sidebar */
.sidebar-right {
	display:none;
	width:40.6rem;
	height:calc(100% - 32rem);
	font-size:1.5rem;
	padding:0 3.5rem;
}
.content .sidebar-right h3 {
	margin-top:3rem;
	text-indent:-3.6rem;
    padding-left:3.6rem;
    line-height:1.6rem;
}
.content .sidebar-right h3 svg {
	display:inline-block;
	width:2.8rem;
	height:2.8rem;
	vertical-align:text-bottom;
	margin-right:.7rem;
}
.sidebar-right ul.tag-list {
    display:flex;
    flex-wrap:wrap;
    column-gap:.7rem;
    row-gap:.4rem;
}
.sidebar-right ul.tag-list li {
	display:inline;
    font-weight:var(--font-bold);
    line-height:3.2rem;
}
.sidebar-right ul.tag-list li a {
	display:inline;
	width:100%;
	padding:.5rem 2rem;
	background:var(--dark-grey);
	border-radius:.5rem;
	color:var(--white);
	white-space:nowrap; 
}
.sidebar-right ul.car-list {
	padding-bottom:1rem;
}
.sidebar-right ul.car-list h3 {
	text-indent:-1.6rem;
    line-height:1.4em;
	margin-bottom:1.3rem;
}
.sidebar-right ul.car-list p {
	margin:0;
}
.sidebar-right ul.tag-list li, 
.sidebar-right ul.side-list li, 
.sidebar-right ul.car-list li {
	list-style:none;
}
.sidebar-right ul.side-list li a, 
.sidebar-right ul.side-list li strong {
	display:inline-block;
	width:100%;
	padding:.5rem 2rem;
	border-radius:.5rem;
	color:var(--white);
	margin-bottom:.7rem;
}
.sidebar-right ul.car-list li a {
	display:inline-block;
	width:100%;
	padding:.5rem 1rem .5rem 2rem;
	border-radius:.5rem;
	color:hsl(0deg 8% 90%);
	margin:.2rem 0;
}
.sidebar-right ul.side-list li strong, 
.sidebar-right ul.side-list li a {
	background:var(--dark-grey);
}
.sidebar-right ul.side-list li strong {
	color:hsl(0deg 0% 60%);
	font-weight:300;
}
.sidebar-right ul.tag-list li a:hover, 
.sidebar-right ul.side-list li a:hover, 
.sidebar-right ul.car-list li a:hover {
	background:var(--red);
	color:white;
}
.sidebar-right ul.car-list strong {
    margin:0 auto -1rem;
}
.sidebar-right .archive-box-holder {
    grid-template-columns:1fr;
	width:100%;
}
.content .sidebar-right .archive-box h3,
.content .sidebar-right .archive-box-special h3 {
    text-indent:0;
}
.sidebar-right .wp-block-group__inner-container {
	height:100%;
}

/* footer */
.footer {
	display:grid;
	grid-template-rows:1fr;
	width:100%;
	height:auto;
	background:black;
	border-top:.2rem solid var(--red);
	padding:0 4rem 6rem;
	font-size:1.5rem;
	color:white;
	text-align:center;
}
.footer-nav ul {
	margin-top:2rem;
}
.footer-nav ul li {
	display:block;
	width:100%;
	max-width:25rem;
	border-radius:.5rem;
	list-style:none;
	margin:0 auto;
}
.footer-nav ul li:hover {
	background:var(--red);
}
.footer-nav ul li a {
	display:block;
	width:100%;
	color:white;
	padding:.8rem 0;
}
.footer .copyright {
	padding:1rem 0;
}
.footer .copyright a:hover {
	color:var(--gold);
}
.footer .copyright span {
	display:block;
	margin-top:1rem;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* common */
.intro {
	width:100%;
	max-width:72.8rem;
	margin:0 auto 3rem;
}
.intro p a, 
.description p a {
	font-weight:var(--font-bold);
}
.post-edit-link {
	position:fixed;
    bottom:1.8rem;
    left:2rem;
	padding:.5rem 1.5rem;
	font-weight:var(--font-bold);
	color:black;
    background:var(--gold);
    border-radius:.5rem;
	z-index:99;
}
.post-edit-link:hover {
	color:white;
    background:var(--red);
}

/* breadcrumbs */
.breadcrumb-holder {
	width:100%;
	padding:.5rem 5.5%;
    box-sizing:content-box;
    margin:0 0 0 -5.5%;
	overflow:hidden;
	white-space:nowrap;
}
#breadcrumbs {
	width:100%;
	max-width:82rem;
	height:2.5rem;
	color:inherit;
	font-size:1.4rem;
	line-height:2.4rem;
	text-align:center;
	margin:1rem 0 0;
    overflow-x:scroll;
	-ms-overflow-style:none;
	scrollbar-width:none;
}
#breadcrumbs::-webkit-scrollbar {
    display:none;
}
#breadcrumbs a,
#breadcrumbs .breadcrumb_last {
	display:inline-block;
	height:2.5rem;
	color:inherit;
	background:var(--medium-dark-grey);
	clip-path:polygon(calc(100% - 1rem) 0%, 100% 50%, calc(100% - 1rem) 100%, 0% 100%, 1rem 50%, 0% 0%);
	padding:0 2rem;
	margin-right:-1rem;
}
#breadcrumbs a:hover {
	color:white;
    background:var(--red);
	transition:background 0.2s ease;
}
#breadcrumbs span span:first-of-type a {
    clip-path:polygon(calc(100% - 1rem) 0%,100% 50%,calc(100% - 1rem) 100%,0% 100%,0% 0%);
	border-radius:.5rem 0 0 .5rem;
	padding-left:1.5rem;
}
#breadcrumbs .breadcrumb_last {
	background:hsl(0deg 8% 40%);
}

/* search pages */
.content-search-holder {
	max-width:82rem;
	text-align:center;
	margin:3rem auto;
}
.content-search-holder form {
	border-radius:1rem;
	overflow:hidden;
}
.content-search-holder .search-box {
	display:grid;
	grid-template-columns:1fr 5rem;
	grid-template-rows:auto;
    width:100%;
	height:auto;
	border-bottom:none;
    margin:0 auto;
}
.content-search-holder .search-input,
.content-search-holder .search-submit {
	height:5rem;
}
.content-search-holder .search-submit svg {
	width:2rem;
}
.refine-search {
	display:inline-block;
	grid-column-start:span 2;
	grid-row:2;
	width:100%;
	background:var(--dark-grey);
	border-radius:0 0 .5rem .5rem;
	font-size:1.5rem;
	font-weight:var(--font-bold);
	line-height:3.2rem;
	text-align:center;
	padding:1rem;
	margin:0 auto;
}
.refine-search input[type="checkbox"] {
    transform:scale(1.3);
	margin-right:.8rem;
    vertical-align:text-bottom;
}
.refine-search label {
    padding:0 .5rem;
	white-space:nowrap;
}
.refine-search span {
    padding:8rem 1.5rem .8rem 3rem;
}
.refine-search a {
	display:inline-block;
    padding:.8rem 1.5rem;
}
.refine-search a:hover {
	color:var(--very-dark-grey);
	background:var(--red);
}
.search-box-holder {
	display:flex;
	flex-wrap:wrap;
    justify-content:center;
	column-gap:1rem;
	row-gap:1rem;
	width:100%;
	max-width:82rem;
	margin:0 auto 4rem;
}
.search-box-holder .phone-wallpaper-box {
	width:calc(50% - .5rem);
}

/* pagination */
.home-pagination {
	display:none;
}
.pagination {
	max-width:82rem;
	padding:.5rem;
	margin:2rem auto;
	text-align:center;
}
.pagination .page-numbers {
	display:inline-block;
	padding:.6rem 1.5rem;
	color:var(--light-grey);
	font-weight:var(--font-bold);
	background:var(--medium-dark-grey);
	border-radius:.5rem;
	margin-bottom:1rem;
}
.pagination .page-numbers:hover {
	color:white;
	background:var(--red);
}
.pagination .dots:hover {
	background:var(--medium-dark-grey);
}
.pagination .current,
.pagination .current:hover {
    color:var(--red);
	background:black;
	box-shadow:inset 0 0 0 .1rem var(--red);
}
.page-menu {
	display:block;
    max-width:82rem;
	background:var(--dark-grey);
	border-radius:.5rem;
	font-size:1.5rem;
	font-weight:var(--font-bold);
	text-align:center;
	list-style:none;
	margin:4rem auto;
}
.page-menu li {
    display:inline-block;
}
.page-menu a {
	display:inline-block;
	color:white;
    padding:.8rem 1.5rem;
	border-radius:.5rem;
}
.page-menu a:hover {
	color:white;
	background:var(--red);
}
.pagination .page-numbers.dots:hover {
    color:var(--light-grey);
    background:var(--medium-dark-grey);
}
/* sorting */
.archive-sort {
	display:flex;
    column-gap:1rem;
	width:100%;
	max-width:82rem;
	font-size:1.5rem;
	font-weight:var(--font-bold);
	text-align:center;
	margin:5rem auto 2rem;
}
.archive-sort ul.publish-date,
.archive-sort ul.model-year {
	display:grid;
	grid-template-rows:2rem 1fr;
	grid-template-columns:50% 50%;
	width:50%;
	background:var(--dark-grey);
    border-radius:.6rem;
}
.archive-sort ul.publish-date li,
.archive-sort ul.model-year li {
	display:inline-block;
	list-style:none;
}
.archive-sort li.title {
	grid-column-start:span 2;
	list-style:none;
	font:var(--font-light) 1.4rem/1.4 'Work Sans', sans-serif;
	background:var(--medium-dark-grey);
    border-radius:.6rem .6rem 0 0;
}
.archive-sort a,
.archive-sort strong {
    position:relative;
	display:inline-block;
	width:100%;
	padding:.8rem 1rem;
	z-index:2;
}
.archive-sort strong {
    background:hsl(0deg 0% 0% / 25%);
}
.archive-sort a:hover {
	color:white;
	background:var(--red);
}
.archive-sort li.newest a:after,
.archive-sort li.newest strong:after {
	position:absolute;
	top:1rem;
	right:-.1rem;
	content:'';
	width:0;
	height:2.2rem;
	border:.1rem solid var(--medium-dark-grey);
}
.archive-sort li.newest a,
.archive-sort li.newest strong {
	border-radius:0 0 0 .5rem;
}
.archive-sort li.oldest a,
.archive-sort li.oldest strong {
	border-radius:0 0 .5rem 0;
}
/* misc */
.no-match,
.loop-insert-1,
.loop-insert-2,
.loop-insert-3,
.loop-insert-4 {
	grid-column:1/-1;
}
.loop-insert-1 {
	grid-row:5;
}
.loop-insert-2 {
	grid-row:11;
}
.loop-insert-3 {
	grid-row:18;
}

/* home page */
.home-box-holder {
	display:grid;
	grid-template-columns:100%;
	grid-column-gap:2rem;
	grid-row-gap:1rem;
	width:100%;
	max-width:82rem;
	margin:0 auto 4rem;
}
.home-box {
	display:grid;
	grid-template-columns:40% 60%;
	position:relative;
	width:100%;
	height:16.3rem;
	border-radius:.8rem;
	background:var(--dark-grey);
	overflow:hidden;
}
.home-box img {
	width:auto;
    height:16.3rem;
	object-fit:cover;
}
.home-box .number {
	grid-column:1;
	position:absolute;
    top:12.7rem;
    left:calc(40% - 4rem);
	width:4rem;
	height:3.6rem;
	background:var(--red);
	border-radius:.8rem 0 0 0;
    font:var(--font-heading) 2rem/1.4 'Palanquin Dark', sans-serif;
    color:white;
    padding-top:.2rem;
	text-align:center;
    justify-self:end;
	z-index:8;
}
.home-box .number:empty {
	display:none;
}
.home-box-holder .home-box h3, 
.search-box-holder .home-box h3 {
	grid-column:2;
    grid-row:1;
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	padding:0 1.5rem;
	margin:1rem 0 0;
}
.home-box p {
	grid-column:2;
    grid-row:2 / 4;
	height:7.5rem;
	color:hsl(0deg 8% 80%);
	font-size:1.5rem;
	line-height:2.4rem;
	padding:0 1.5rem;
	margin:1rem 0 1.5rem;
	overflow:hidden;
}

/* main pages */
.page-header {
	width:100%;
	height:1.2rem;
	background:var(--red);
	clip-path:polygon(0 0, 100% 0%, 98% 100%, 2% 100%);
	margin:2rem auto;
}

.main-category-holder > div {
	display:grid;
	grid-row-gap:1rem;
	width:100%;
    max-width:82rem;
	margin:1rem auto 4rem;
}
.main-category-box {
	display:grid;
	position:relative;
	grid-template-columns:1fr;
	align-items:center;
	color:var(--white);
	text-align:center;
	background:var(--dark-grey);
	border-radius:.8rem;
	padding:0 2rem 3rem;
	overflow:hidden;
}
.main-category-box:hover {
	color:var(--white);
}
.main-category-box:last-child {
	margin-bottom:2rem;
}
main .main-category-box h3 {
	grid-column:2;
    grid-row:1;
	font-size:1.8rem;
	margin:0;
}
.main-category-box p {
	grid-column:2;
    grid-row:1;
	font-size:1.6rem;
	color:hsl(0deg 8% 80%);
	margin:.5rem 0 0;
}

.category-holder > div {
	display:grid;
    grid-template-columns:1fr;
    grid-column-gap:2rem;
	grid-row-gap:1rem;
	width:100%;
	max-width:82rem;
	margin:0 auto 4rem;
}
.category-box {
	position:relative;
	width:100%;
	max-width:40rem;
	height:auto;
	max-height:30rem;
	border-radius:.8rem;
	background:var(--dark-grey);
	color:var(--white);
	text-align:center;
	overflow:hidden;
	margin:0 auto;
}
.category-box img {
    display:block;
	width:100%;
    height:auto;
	object-fit:cover;
}
.category-box h3 {
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	padding:0 3rem;
	margin:0;
}
.category-box p {
	color:hsl(0deg 8% 80%);
	font-size:1.5rem;
	padding:0 3rem;
	margin:1rem 0 2.5rem;
}
.content-button-holder {
	display:grid;
	grid-template-columns:1fr;
    grid-column-gap:.7rem;
	grid-row-gap:.7rem;
	width:100%;
	max-width:72.8rem;
	margin:2rem auto 4rem;
}
.content-button-holder.ext {
    display:grid;
}
.content-button-holder a {
	display:block;
	width:100%;
	padding:.5rem 1.5rem;
	font-size:1.5rem;
    color:var(--white);
	border-radius:.5rem;
	background:var(--dark-grey);
	text-align:center;
}
.content-button-holder a:hover {
	color:white;
	background:var(--red);
}
.content-button-holder.mobile {
	display:block;
	margin:-1rem auto 3rem;
}
.content-button-holder.mobile a {
	width:calc(100% - 4rem);
}
.content-button-holder.mobile a.extra {
	width:100%;
	margin-top:.7rem;
}
.content-button-holder summary {
    list-style:none;
}
.content-button-holder summary:after {
    position:absolute;
    right:5%;
    display:inline-block;
	content:'';
    width:3.1rem;
    height:3.1rem;
    background:var(--dark-grey) url(img/icons/breadcrumb-separator.svg) center no-repeat;
    background-size:1rem;
    border-radius:.5rem;
    transform:rotate(90deg);
	cursor:pointer;
    margin-top:-3.1rem;
}
.content-button-holder summary:hover:after {
    background-color:var(--red);
}
.content-button-holder[open] > summary:first-of-type:after {
    transform:rotate(270deg);
}

/*tags */
ul.tag-list-body {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-column-gap:1rem;
	grid-row-gap:.4rem;
    max-width:82rem;
    margin:0 auto 2rem;
}
ul.tag-list-body li {
    list-style:none;
}
ul.tag-list-body li a {
	display:inline-block;
	width:100%;
	padding:.5rem 2rem;
	background:var(--dark-grey);
	border-radius:.5rem;
	font-size:1.5rem;
	color:var(--white);
	margin-bottom:.5rem;
}
ul.tag-list-body li a:hover {
	background:var(--red);
	color:white;
}

/* car page */
.wallpaper-holder {
	display:grid;
    grid-template-columns:1fr;
    grid-column-gap:2rem;
	grid-row-gap:1rem;
	width:100%;
	max-width:82rem;
	margin:0 auto 4rem;
}
.wallpaper-box p, 
.wide-wallpaper-box p, 
.super-wide-wallpaper-box p, 
.phone-wallpaper-box p,
.wallpaper-box br, 
.wide-wallpaper-box br, 
.superwide-wallpaper-box br, 
.phone-wallpaper-box br {
	display:none;
}
/* wallpaper box */
.wallpaper-box {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:16.3rem auto 1fr;
	position:relative;
	width:100%;
	max-width:26rem;
	height:auto;
	border-radius:.8rem;
	background:var(--dark-grey);
	margin:0 auto;
}
.wallpaper-box img {
	position:relative;
	width:100%;
	max-width:26rem;
	height:16.3rem;
	border-radius:.8rem .8rem 0 0;
	object-fit:cover;
	z-index:4;
}
.wallpaper-box strong {
	display:none;
	width:10rem;
	height:2.2rem;
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	text-align:center;
	margin:.6rem auto 0;
}
.wallpaper-box ul {
	display:grid;
	grid-template-columns:repeat(2, 11rem);
	grid-column-gap:2rem;
	width:100%;
	max-width:25rem;
	max-height:7rem;
	margin:.5rem 1rem 1rem;
}
.wallpaper-box.ext ul {
	max-height:10rem;
}
.wallpaper-box ul::after {
	position:absolute;
	bottom:1.2rem;
	left:1rem;
	content:'';
	display:block;
	width:.3rem;
	height:6rem;
	border-radius:.3rem;
	background:var(--medium-dark-grey);
	margin:-6.4rem 0 0 11.8rem;
}
.wallpaper-box.ext ul::after {
	height:9.2rem;
}
.wallpaper-box ul li {
	list-style:none;
}
.wallpaper-box ul li a {
	display:inline-block;
	width:100%;
	padding:.6rem 1rem;
    text-align:center;
	font-size:1.5rem;
	color:hsl(0deg 0% 76%);
	border-radius:.5rem;
}
.wallpaper-box ul li a:hover {
	font-weight:var(--font-bold);
	color:white;
	background:var(--red);
}
.wallpaper-box a.credit {
	display:block;
    position:relative;
    margin:-2.2rem 0 0;
    font-size:1.2rem;
    color:var(--very-dark-grey);
	line-break:anywhere;
    background:var(--medium-grey);
    padding:.3rem 1rem;
    z-index:9;
    text-align:center;
}
.wallpaper-box a.credit:hover {
    color:white;
	background:var(--red);
}
.wallpaper-box ul li a.R16by9:hover::before,
.wallpaper-box ul li a.R16by10:hover::before,
.wallpaper-box ul li a.R4by3:hover::before,
.wallpaper-box ul li a.R3by2:hover::before	{
	display:block;
	position:absolute;
	width:2.5rem;
	height:1.2rem;
	background:var(--white);
	text-align:center;
	font:var(--font-bold) 1rem/1.4 'Work Sans', sans-serif;
	color:var(--very-dark-grey);
	border-radius:.2rem;
	margin:-1.3rem 0 0 0;
}
.wallpaper-box ul li a.R16by9:hover::before	{
	content:'16:9';
}
.wallpaper-box ul li a.R16by10:hover::before	{
	content:'16:10';
}
.wallpaper-box ul li a.R4by3:hover::before	{
	content:'4:3';
}
.wallpaper-box ul li a.R3by2:hover::before	{
	content:'3:2';
}
/* wallpaper wide box */
.wide-wallpaper-holder,
.super-wide-wallpaper-holder {
	display:grid;
    grid-template-columns:2fr;
    grid-column-gap:2rem;
	grid-row-gap:1rem;
	width:100%;
	max-width:82rem;
	margin:0 auto 4rem;
}
.wide-wallpaper-box,
.super-wide-wallpaper-box {
	display:grid;
    grid-template-rows:auto auto 1fr;
	width:100%;
	max-width:40rem;
	height:auto;
	/*max-height:24.8rem;*/
	border-radius:.8rem;
	background:var(--dark-grey);
	margin:0 auto;
}
.super-wide-wallpaper-box {
	max-width:60rem;
}
.wide-wallpaper-box img {
	width:40rem;
    height:auto;
    min-height:12rem;
    /*max-height:16.9rem;*/
	border-radius:.8rem .8rem 0 0;
	object-fit:cover;
}
.super-wide-wallpaper-box img {
	width:60rem;
    height:auto;
    min-height:10rem;
    max-height:16.9rem;
	border-radius:.8rem .8rem 0 0;
	object-fit:cover;
}
.wide-wallpaper-box strong,
.super-wide-wallpaper-box strong {
	display:none;
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	text-align:center;
	margin:.6rem auto 0;
}
.wide-wallpaper-box ul,
.super-wide-wallpaper-box ul {
	display:grid;
	grid-template-columns:repeat(2, calc(50% - 1rem));
	grid-column-gap:2rem;
	width:100%;
	max-width:25rem;
	margin:1rem auto;
}
.super-wide-wallpaper-box ul {
	grid-template-columns:1fr;
	max-width:14rem;
}
.wide-wallpaper-box ul::after {
	content:'';
	display:block;
	width:.3rem;
	height:2.6rem;
	border-radius:.3rem;
	background:var(--medium-dark-grey);
	margin:-2.8rem 0 0 107%;
}
.wide-wallpaper-box ul li,
.super-wide-wallpaper-box ul li {
	list-style:none;
}
.wide-wallpaper-box ul li a,
.super-wide-wallpaper-box ul li a {
	display:inline-block;
	width:100%;
	padding:.6rem 1rem;
    text-align:center;
	font-size:1.5rem;
	color:hsl(0deg 0% 76%);
	border-radius:.5rem;
}
.wide-wallpaper-box ul li a:hover,
.super-wide-wallpaper-box ul li a:hover {
	font-weight:var(--font-bold);
	color:white;
	background:var(--red);
}
/* wallpaper phone box */
.phone-wallpaper-holder {
	display:grid;
    grid-template-columns:repeat(2, calc(50% - .5rem));
    grid-column-gap:1rem;
	grid-row-gap:1rem;
	width:100%;
	max-width:39rem;
	margin:0 auto 4rem;
}
.phone-wallpaper-box {
	display:grid;
    grid-template-rows:28.5rem auto 1fr;
	width:100%;
	max-width:19rem;
	height:auto;
	border-radius:.8rem;
	background:var(--dark-grey);
}
.phone-wallpaper-box img {
	width:19rem;
    height:28.5rem;
	border-radius:.8rem .8rem 0 0;
	object-fit:cover;
}
.phone-wallpaper-box strong {
	display:none;
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	text-align:center;
	margin:.6rem auto 0;
}
.phone-wallpaper-box ul {
	width:90%;
	max-width:12rem;
	margin:1rem auto;
}
.phone-wallpaper-box ul li {
	list-style:none;
}
.phone-wallpaper-box ul li a {
	display:inline-block;
	width:100%;
	padding:.6rem 1rem;
    text-align:center;
	font-size:1.5rem;
	color:hsl(0deg 0% 76%);
	border-radius:.5rem;
}
.phone-wallpaper-box ul li a:hover {
	font-weight:var(--font-bold);
	color:white;
	background:var(--red);
}
/* all wallpaper boxes extra details */
main.car-profile .car-title,
main.car-profile .car-link,
.car-title,
.car-link {
	display:none !important;
}
main.car-profile .wallpaper-box strong, 
main.car-profile .wide-wallpaper-box strong,
main.car-profile .super-wide-wallpaper-box strong, 
main.car-profile .phone-wallpaper-box strong {
	grid-row:2;
}
main.car-profile .wallpaper-box {
	max-height:28.5rem;
}
main.car-profile .wallpaper-box.ext {
	max-height:32rem;
}
.car-title {
	grid-row:2;
    grid-column:1;
    font-size:1.2rem;
    color:var(--red);
    text-align:center;
    margin-top:1rem;
}
.car-link {
    position:absolute;
    bottom:0;
    width:3.2rem;
    height:2.8rem;
    background:var(--medium-grey) url(img/icons/icon-car-profile-link.svg) center no-repeat;
	background-size:2.2rem;
    border-radius:.8rem 0 0 0;
    justify-self:end;
	z-index:8;
}
.car-link:hover {
    background-color:var(--gold);
}
.car-link:hover::after {
	position:absolute;
	bottom:-2.5rem;
	right:0;
	content:'View car profile';
	width:10rem;
	font-size:1.2rem;
    color:var(--light-grey);
    text-align:center;
    background-color:var(--black);
	border:.1rem solid var(--medium-grey);
	border-radius:.4rem;
}
/* description */
.description {
	width:100%;
	max-width:72.8rem;
	line-height:2.6rem;
	margin:0 auto 4rem;
}
/* car specs */
.car-specs {
	display:grid;
	grid-template-columns:1fr;
	width:100%;
	max-width:82rem;
	font-size:1.5rem;
	margin:0 auto 4rem;
}
.car-specs li {
	border-radius:.5rem;
	background:var(--dark-grey);
	list-style:none;
	padding:.5rem 2rem;
	margin:0 0 .7rem 0;
}
.car-specs li:nth-child(even) {
	margin-right:0;
}
.car-specs li strong {
	margin-left:1rem;
}
/* youtube embeds */
.video-holder {
	width:100%;
	position:relative;
	max-width:82rem;
	height:0;
	padding-top:56.25%;
	border-radius:.8rem;
    overflow:hidden;
	margin:0 auto 4rem;
}
.video-holder iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    border:none;
}

/* car list page */
.car-list-holder > div {
	display:grid;
	column-gap:2rem;
	width:100%;
	max-width:82rem;
	font-size:1.5rem;
	margin:2rem auto 2rem;
}
.car-list-holder .col > div {
	display:grid;
	row-gap:2rem;
	margin-bottom:2rem;
}
.car-list h3 {
	display:block;
	width:100%;
	color:var(--white);
	background:black;
	border-radius:.8rem .8rem 0 0;
	text-transform:none;
	padding:.4rem 2rem;
	margin:0 0 1rem;
}
.car-list img {
	position:absolute;
	width:12rem;
	height:auto;
	right:2rem;
    top:-3.6rem;
}
.car-list strong {
	display:block;
	width:90%;
	background:var(--medium-dark-grey);
    border-radius:.5rem;
    padding:.5rem .8rem;
	margin:1rem 5%;
}
.car-list {
	position:relative;
	width:100%;
	background:var(--dark-grey);
	border-radius:.8rem;
	padding-bottom:1.3rem;
	margin-bottom:1rem;
}
.car-list li {
	width:90%;
	list-style:none;
	margin:0 5%;
}
.car-list li a {
	display:block;
	width:100%;
	padding:.5rem 1rem;
	font-size:1.5rem;
	color:hsl(0deg 8% 90%);
	text-indent:-1.4rem;
    padding-left:2rem;
	border-radius:.5rem;
	margin:.2rem 0;
}
.car-list li a:hover {
	font-weight:var(--font-bold);
	color:white;
	background:var(--red);
}
.car-list li a::before {
	display:inline-block;
    content:'';
    width:1rem;
    height:1.1rem;
    background:url(img/icons/breadcrumb-separator.svg) left center no-repeat;
    background-size:1rem;
	margin:0 1rem 0 -.5rem;
	vertical-align:baseline;
	transition:margin 0.1s ease;
}
.car-list li a:hover::before {
	margin:0 .5rem 0 0;
}
.car-list p {
	margin:0;
}
.car-list figure {
	display:inline;
}

/* archive sidebar */
.archive-list li {
	list-style:none;
	margin-bottom:1rem;
}
.archive-list li a {
	display:block;
	height:6.2rem;
	background:var(--dark-grey);
	border-radius:.5rem;
	color:var(--white);
	overflow:hidden;
}
.archive-list li a:hover {
	color:var(--very-dark-grey);
	background:var(--red);
}
.archive-list li span {
	display:inline-block;
	width:10rem;
	height:6.2rem;
}
.archive-list li p {
	display:inline-block;
	position:absolute;
    margin:1rem 0 0 1rem;
}

/* archive box */
.archive-box-holder {
	display:grid;
    grid-template-columns:1fr;
    grid-column-gap:2rem;
	grid-row-gap:1rem;
	width:100%;
	max-width:82rem;
	margin:0 auto;
}
.archive-box,
.archive-box-special {
	display:grid;
    grid-template-columns:10rem auto;
	align-items:center;
	width:100%;
	height:7rem;
	border-radius:.8rem;
	background:var(--dark-grey);
	overflow:hidden;
	margin:0 auto;
}
.archive-box-special {
	background:var(--red);
}
.archive-box:hover {
	background:var(--red);
}
.archive-box-special:hover {
	background:var(--gold);
}
.archive-box img,
.archive-box-special img {
	width:100%;
    height:100%;
	object-fit:cover;
}
.content .archive-box h3,
.content .archive-box-special h3 {
	display:block;
	font:var(--font-normal) 1.5rem/1.4 'Work Sans', sans-serif;
	color:var(--white);
	letter-spacing:-0.04rem;
	text-transform:none;
	padding:1rem 1.5rem 1.3rem;
	margin:0;
	overflow:hidden;
}
.content .archive-box:hover h3,
.content .archive-box-special:hover h3,
.content .archive-box-special h3 {
	color:white;
}
.content .archive-box-special:hover h3 {
	color:hsl(0deg 8% 11%);
	font-weight:var(--font-bold);
}

/* archive page */
.alphabet-nav {
	width:100%;
    max-width:82rem;
	position:sticky;
    top:8rem;
	background:var(--dark-grey);
    border-radius:1rem;
    padding:1rem 1rem .5rem;
	text-align:center;
    z-index:2;
	margin:-2rem 0 -1rem;
}
.alphabet-nav a {
	display:inline-block;
	width:2.56rem;
	padding:.3rem 0;
	text-align:center;
	color:var(--light-grey);
	font-weight:var(--font-bold);
    background:var(--medium-dark-grey);
    border-radius:.5rem;
	margin-bottom:.8rem;
}
.alphabet-nav a:hover {
	color:white;
    background:var(--red);
}
.no-entry {
	text-align:center;
}

/* rankings */
.ranking-holder > div {
	display:grid;
	grid-template-rows:10rem;
	grid-row-gap:1rem;
	width:100%;
    max-width:82rem;
	margin:1rem auto 4rem;
}
.ranking-box {
	display:grid;
	position:relative;
	grid-template-columns:5rem 7.5rem 1fr;
	grid-template-rows:10rem;
    height:10rem;
	color:var(--white);
	background:var(--dark-grey);
	border-radius:.8rem;
	overflow:hidden;
}
.ranking-box:hover {
	color:var(--white);
}
.ranking-box:last-child {
	margin-bottom:4rem;
}
.ranking-box .rank, 
.ranking-box .rank-first {
	width:100%;
    height:100%;
    align-self:center;
    background:var(--red);
	font:var(--font-heading) 3.8rem/1.4 'Palanquin Dark', sans-serif;
    color:white;
	text-align:center;
    padding:2rem 0;
}
.ranking-box .rank-first {
    background:var(--gold);
    color:hsl(0deg 0% 11%);
}
.ranking-box img {
	align-self:center;
    object-fit:cover;
}
.ranking-box img.logo {
	width:auto;
    height:100%;
	background:var(--black);
}
.ranking-box p {
	max-height:8rem;
    align-self:center;
	margin:1rem 2rem;
}
.ranking-box strong {
	display:block;
	font-size:1.7rem;
	color:var(--red);
}

/* most popular */
.popular-box {
	display:grid;
	grid-template-columns:40% 60%;
	position:relative;
	width:100%;
	border-radius:.8rem;
	background:var(--dark-grey);
	overflow:hidden;
}
.popular-box img {
	grid-row:1 / 3;
	width:auto;
    height:100%;
	min-height:13.4rem;
	object-fit:cover;
}
.popular-box h3 {
	grid-column:2;
    grid-row:1;
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	padding:0 1.5rem;
	margin:1rem 0 0;
}
.popular-box p {
	grid-column:2;
    grid-row:2;
	color:var(--medium-grey);
	font-size:1.5rem;
	padding:0 1.5rem;
	margin:1rem 0 1.5rem;
}

/* new car list */
.new-car-list {
	position:relative;
	max-width:82rem;
    margin:0 auto 4rem;
}
.new-car-list li {
	list-style:none;
	font-size:1.6rem;
}
.new-car-list li a {
	display:grid;
	width:100%;
	min-height:3.4rem;
	padding:.5rem 2rem .5rem;
	background:var(--dark-grey);
	border-radius:.5rem;
	color:var(--white);
	margin-bottom:.7rem;
}
.new-car-list li a:hover {
	background:var(--red);
	color:white;
}
.new-car-list .date {
	display:none;
	color:var(--red);
}
.new-car-list li:hover .date {
	color:var(--very-dark-grey);
}
.new-car-list .count {
	display:none;
	width:3.6rem;
	height:3.4rem;
	padding-top:.6rem;
	background:var(--medium-dark-grey);
	color:var(--light-grey);
	font-weight:var(--font-bold);
	text-align:center;
	border-radius:0 .5rem .5rem 0;
	margin:-.5rem 0;
}

/* manufacturer list */
.manufacturer-header::before {
	display:block;
	content:'';
	width:100%;
	height:1.2rem;
	background:var(--red);
	clip-path:polygon(0 0, 100% 0%, 98% 100%, 2% 100%);
	margin:5rem auto 0;
	z-index:1
}
main .content .manufacturer-header figure {
	margin:2.5rem 2rem 1rem;
}
.manufacturer-header img {
	position:relative;
	height:auto;
	margin-top:-7.5rem;
	z-index:2
}
.manufacturer-holder {
	display:grid;
	grid-template-columns:1fr;
	grid-column-gap:2rem;
	grid-row-gap:1rem;
	width:100%;
    max-width:82rem;
	margin:1rem auto 4rem;
}
.manufacturer-box {
	display:grid;
	grid-template-columns:10rem 1fr;
	position:relative;
	color:var(--white);
	background:var(--dark-grey);
	border-radius:.8rem;
	padding-right:1rem;
	overflow:hidden;
}
.manufacturer-box img {
	width:auto;
	height:100%;
	object-fit:cover;
	align-self:center;
	margin:0 auto;
}
.manufacturer-box:hover {
	color:var(--white);
}
.manufacturer-box h3, 
.manufacturer-box p {
	grid-column:2;
	grid-row:1;
}
.content .manufacturer-box h3 {
	margin:1.5rem 0 0;
}
.manufacturer-box p {
	font-size:1.5rem;
	margin-top:5rem;
}

/* motor shows */
.motor-show-box {
	position:relative;
	width:100%;
	max-width:26rem;
	border-radius:.8rem;
	background:var(--dark-grey);
	color:var(--white);
	text-align:center;
	padding-bottom:.5rem;
	overflow:hidden;
	margin:0 auto;
}
.motor-show-box img {
	width:26rem;
    height:auto;
	object-fit:cover;
}
.home-box-holder .motor-show-box h3 {
	font:var(--font-heading) 1.8rem/1.4 'Palanquin Dark', sans-serif;
	color:var(--white);
	letter-spacing:-0.06rem;
	padding:0 1.5rem;
	margin:.8rem 0;
}

/* download page */
.wallpaper-loader {
    max-width:82rem;
	text-align:center;
    margin:0 auto 1rem;
}
.wallpaper-loader img {
    position:relative;
	width:auto;
	max-height:75rem;
	border-radius:.8rem;
	margin-top:-18rem;
	z-index:2;
}
.wallpaper-loading {
	display:block;
	width:10rem;
	height:10rem;
	border-radius:10rem;
	border:1rem solid var(--medium-dark-grey);
	border-top-color:transparent;
	margin:10rem auto 0;
	z-index:1;
	animation:wallpaper-loading 1.2s linear infinite;
	-webkit-animation:wallpaper-loading 1.2s linear infinite;
}
@keyframes wallpaper-loading {
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.wallpaper-loader .small-grey {
    text-align:center;
}
.instruction-box {
	max-width:82rem;
	padding:1.5rem 2rem;
	color:var(--white);
	background:var(--dark-grey);
	border-radius:.8rem;
	margin:0 auto 1.5rem;
}
.instruction-box > div {
	display:grid;
	grid-template-columns:5.5rem 1fr;
	grid-column-gap:2rem;
	position:relative;
}
.instruction-box figure {
	display:flex;
	margin:0;
}
.instruction-box img {
	width:5rem;
	height:5rem;
	align-self:start;
}
.instruction-box h4 {
    margin:1rem 0 0;
}
.instruction-box ul li {
	list-style:none;
	text-indent:-1.4rem;
    padding-left:1.7rem;
	margin-bottom:.5rem;
}
.instruction-box ul li::before {
	display:inline-block;
    content:'';
    width:1rem;
    height:1.1rem;
    background:url(img/icons/breadcrumb-separator.svg) left center no-repeat;
    background-size:1rem;
	margin:0 1rem 0 -.5rem;
	vertical-align:baseline;
}

/* contact page */
.forminator-custom-form {
    max-width:72.8rem;
    margin:3rem auto 4rem;
}
.forminator-custom-form .forminator-row {
    margin-bottom:0 !important;
}
.forminator-custom-form .forminator-field {
    display:grid;
    grid-template-columns:8.5rem auto;
    margin-bottom:1rem;
}
.forminator-custom-form .forminator-row-last .forminator-field {
    display:grid;
    grid-template-columns:auto;
    margin-bottom:1rem;
}
.forminator-custom-form .details label, 
.forminator-custom-form .message label {
    background:black;
    color:white;
    padding:1rem;
    border-radius:.5rem 0 0 .5rem;
}
.forminator-custom-form .forminator-required {
	display:none;
}
.forminator-custom-form .details input, 
.forminator-custom-form .message textarea {
	grid-column:2;
	width:100%;
	font:var(--font-normal) 1.7rem/1.4 'Work Sans',sans-serif;
	color:var(--white);
	letter-spacing:-.05rem;
    background:var(--dark-grey);
    border-radius:0 .5rem .5rem 0;
	border:none;
    padding:1rem;
}
.forminator-custom-form .message {
	margin-top:2rem;
}
.forminator-custom-form .message textarea {
	min-height:20rem;
}
.forminator-custom-form .submit-btn {
	width:100%;
    background-color:var(--red);
    padding:1.3rem 3.1rem;
	font-size:1.7rem;
    font-weight:600;
    color:white;
    border-radius:.5rem;
	border:none;
	cursor:pointer;
	margin:1rem 0;
}
.forminator-custom-form .submit-btn:hover {
	color:black;
    background-color:var(--gold);
}
.forminator-show {
    background:var(--medium-dark-grey);
    border-radius:.5rem;
    padding:.7rem 2rem;
    margin-bottom:3rem;
}
.forminator-response-message p {
    margin:0;
}
.forminator-error {
    display:none;
}
.forminator-error ul li {
	list-style:none;
	padding:.5rem 2rem;
}
.forminator-success {
	background:var(--green);
    color:var(--white);
}
.forminator-custom-form .forminator-error-message {
    display:grid;
    grid-template-columns:1fr auto;
	grid-column-gap:2rem;
	grid-column:1 / span 2;
    border-radius:0 .5rem .5rem 0;
    background:none;
	color:var(--red);
    font-size:1.5rem;
	font-weight:var(--font-normal);
    padding:.5rem 0;
	z-index:9;
}
.forminator-custom-form .forminator-error-message::before {
    display:inline-block;
	content:'';
	width:100%;
	height:.3rem;
    border-radius:.5rem;
    background:var(--red);
	margin:.8rem 1rem .4rem 0;
	z-index:9;
}
.forminator-custom-form .grecaptcha-badge {
    box-shadow:none !important;
    margin:1rem 0;
}

/* faq page */
.faq-question {
    width:100%;
    max-width:76.8rem;
    line-height:2.6rem;
	padding:0.8rem 2rem 1rem;
    background:var(--medium-dark-grey);
    border-radius:.5rem;
    margin:0 auto 2rem;
}

/* guides page */
.guide-holder {
	display:grid;
	margin:4rem 0;
}
.guide-section {
	background:var(--dark-grey);
	border-radius:.8rem;
	padding:.8rem 2rem 1rem;
	margin-bottom:1rem;
}
.guide-holder .resolution,
.guide-holder .aspect {
	display:inline-block;
	font-size:3rem;
	font-weight:500;
	margin-top:0.5rem;
}
.res-holder {
	margin-bottom:6rem;
}
.res-holder ul {
	width:100%;
    max-width:72.8rem;
    line-height:3rem;
	background:var(--dark-grey);
    border-radius:.8rem;
    padding:0.8rem 2rem 1rem;
    margin:0 auto 3rem;
}
.res-holder ul li {
	list-style:none;
    margin:0 3rem 0 1rem;
}
.res-holder ul li::before {
    display:inline-block;
    content:'';
    width:1rem;
    height:1.1rem;
    background:url(img/icons/breadcrumb-separator.svg) left center no-repeat;
    background-size:1rem;
    margin:0 1rem 0 -0.5rem;
    vertical-align:baseline;
}
.res-holder h3.red {
	color:var(--red);
}
.res-holder h3.grey {
	color:var(--medium-grey);
}
.res-holder h3.yellow {
	color:var(--gold);
}
.res-holder h3.teal {
	color:var(--teal);
}
.res-holder ul.red {
	border:.2rem solid var(--red);
}
.res-holder ul.grey {
	border:.2rem solid var(--medium-grey);
}
.res-holder ul.yellow {
	border:.2rem solid var(--gold);
}
.res-holder ul.teal {
	border:.2rem solid var(--teal);
}


/* error pages */
main.error {
	grid-template-columns:1fr;
	min-height:calc(100vh - 38.7rem);
}
main.error .content {
	grid-area:1;
	text-align:center;
}

/* lazy load placeholder */
.thumb {
	position:relative;
	background:url(img/placeholder-lazy-load.svg) center no-repeat;
    background-size:cover;
	z-index:2;
}
.home-box .thumb {
	grid-row:1 / 3;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {
	font:var(--font-heading) 2.6rem/1.4 'Palanquin Dark', sans-serif;
	letter-spacing:-.01rem;
	text-align:center;
	margin:1rem 0;
}
h2 { 
    display:flex; 
    flex-direction:row;
	font:var(--font-heading) 2rem/1.4 'Palanquin Dark', sans-serif;
    color:var(--red);
	text-align:center;
	width:100%;
	max-width:82rem;
	margin:3rem auto 2rem;
} 
h2::before, h2::after { 
    content:''; 
    flex:1 1; 
    height:0.3rem;
    background:var(--red);
    /*border-radius:.2rem;*/
} 
h2::before { 
    margin:auto 1.8rem 1rem 0; 
} 
h2::after { 
    margin:auto 0 1rem 1.8rem; 
}
h3 {
	font:var(--font-heading) 1.7rem/1.4 'Palanquin Dark', sans-serif;
	letter-spacing:-0.02rem;
	text-transform:uppercase;
}
.content h3 {
	max-width:72.8rem;
    margin:0 auto 1.5rem;
}
.content h3.wide {
	max-width:82rem;
}
strong {
	font-weight:var(--font-bold);
}

/*------------------------------------*\
    ADS
\*------------------------------------*/

.ad-home-header,
.ad-home-incontent-1, 
.ad-home-incontent-2, 
.ad-home-incontent-3,
.ad-home-incontent-4,
.ad-home-mrec-1,
.ad-home-vrec-1,
.ad-home-vrec-2,
.ad-home-footer-desk,
.ad-home-footer-mob,
.ad-desk-footer-sticky,
.ad-mob-footer-sticky,
.ad-wallpaper-mrec-1-mob,
.ad-wallpaper-mrec-1-desk,
.ad-wallpaper-vrec-1,
.ad-wallpaper-header,
.ad-wallpaper-incontent-1,
.ad-multiplex {
	text-align:center;
}
.ad-home-header {
	display:none;
    max-width:97rem;
	width:100%;
    min-height:10rem;
    margin:1rem auto 0;
}
.ad-home-incontent-1, 
.ad-home-incontent-2, 
.ad-home-incontent-3,
.ad-home-incontent-4,
.ad-home-footer-desk,
.ad-home-footer-mob,
.ad-wallpaper-mrec-1-mob,
.ad-wallpaper-mrec-1-desk,
.ad-wallpaper-header,
.ad-wallpaper-incontent-1,
.ad-multiplex {
	width:100%;
    max-width:33.6rem;
    margin:0 auto;
}
.ad-home-mrec-1 {
	width:33.6rem;
	margin:0 auto;
}
.ad-home-vrec-1,
.ad-home-vrec-2,
.ad-wallpaper-vrec-1 {
	width:16rem;
	margin:2rem auto;
}
.ad-home-mrec-1,
.ad-home-vrec-2,
.ad-wallpaper-mrec-1-mob,
.ad-wallpaper-vrec-1 {
	margin-top:2rem;
}
.ad-home-vrec-2,
.ad-wallpaper-vrec-1 {
    position:sticky;
    top:10rem;
}
.ad-home-footer-desk,
.ad-wallpaper-mrec-1-desk {
	display:none;
}
.ad-desk-footer-sticky {
	display:none;
	position:fixed;
    bottom:0;
	left:calc(50% - 36.4rem);
	max-width:72.8rem;
	width:100%;
	height:9rem;
	margin:0 auto;
	z-index:9999;
}
.ad-mob-footer-sticky {
	width:32rem;
	height:5rem;
	position:fixed;
    bottom:0;
	left:calc(50% - 16rem);
	z-index:9999;
}
.ad-multiplex {
	margin:0 auto;
}
.publift-widget-scrolling_sticky_footer-container {
    width:97rem !important;
    margin:0 calc(50% - 48.5rem);
}

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

@media only screen and (min-width:20em) /* 320px */ {
	.logo-img {
		width:15.5rem;
		margin:1.8rem 2.5rem 1.8rem;
	}
	.logo .home-link {
		width:19rem;
	}
}
@media only screen and (min-width:25em) /* 400px */ {
	.logo .home-link {
		width:25rem;
	}
	.logo-img {
		width:18.5rem;
		margin:1.5rem 3.5rem;
	}
	.main-category-box::after  {
		display:inline;
		position:absolute;
		left:0;
		bottom:0;
		width:.5rem;
		height:0;
		background-color:var(--red);
		content:"";
		transition:height 0.2s ease;
	}
	.main-category-box:hover::after {
		width:.5rem;
		height:100%;
	}
	.main-category-box {
		grid-template-columns:14rem 1fr;
		text-align:left;
		padding:1.5rem 2rem 2rem 0;
	}
	.main-category-box svg {
		width:14rem;
	}
}
@media only screen and (min-width:30em) /* 480px */ {
	:target:before {
		content:"";
		display:block;
		height:16rem;
		margin:-16rem 0 0;
	}
	body {
		font:var(--font-normal) 1.7rem/1.4 'Work Sans', sans-serif;
	}
	h1 {
		font:var(--font-heading) 3.2rem/1.4 'Palanquin Dark', sans-serif;
	}
	h2 { 
		font:var(--font-heading) 2.4rem/1.4 'Palanquin Dark', sans-serif;
	}
	h2::before,
	h2::after { 
		margin-bottom:1.2rem; 
	} 
	.ranking-box {
		grid-template-columns:6rem 8.5rem 1fr;
	}
	.new-car-list li a {
		grid-template-columns:1fr 3.6rem;
		padding:.5rem 0 .5rem 2rem;
	}
	.new-car-list .count {
		display:block;
	}
	main .content .manufacturer-header figure {
		display:grid;
		grid-template-columns:1fr 25rem 6rem;
	}
	.manufacturer-header::before {
		margin:3.5rem auto 0;
	}
	.manufacturer-header img {
		grid-column:2;
		margin-top:-7.5rem;
	}
	.manufacturer-box {
		grid-template-columns:16rem 1fr;
	}
	.manufacturer-box img {
		width:12rem;
	}
	.ranking-box::after {
		left:14rem;
	}
	main.error .content h1 {
		margin-top:4rem;
	}
	.ranking-box strong {
		font-size:2rem;
	}
	.forminator-custom-form .forminator-field {
		grid-template-columns:12rem auto;
	}
	.forminator-custom-form .details input, 
	.forminator-custom-form .message textarea,
	.forminator-custom-form .details label, 
	.forminator-custom-form .message label {
		padding:1rem 2rem;
	}
	.forminator-custom-form .submit-btn {
		width:12rem;
	}
}
@media only screen and (min-width:31.25em) /* 500px */ {
	ul.tag-list-body {
		grid-template-columns:repeat(3, 1fr);
	}
}
@media only screen and (min-width:38.75em) /* 620px */ {
	body {
		background:hsl(0deg 8% 7%) url(img/body-bg-tablet.jpg) center -10rem repeat;
		font:var(--font-normal) 1.6rem/1.4 'Work Sans', sans-serif;
	}
	:target:before {
		content:"";
		display:block;
		height:8rem;
		margin:-8rem 0 0;
	}
	h1 {
		margin:2rem 0;
	}
	.hide-mobile-inline {
		display:inline !important;
	}
	.hide-obile-block {
		display:block !important;
	}
	.hide-mobile-grid {
		display:grid !important;
	}
	.hide-desktop-block {
		display:none !important;
	}
	#menu-manufacturer-menu,
	#menu-motor-racing-menu,
	#menu-other-cars-menu {
		grid-template-columns:repeat(3, 1fr);
	}
	.home-box-holder, 
	.wallpaper-holder,
	.search-box-holder {
		grid-template-columns:repeat(2, 26rem);
		column-gap:2rem;
		row-gap:2rem;
		width:54rem;
	}
	.content-search-holder {
		margin:4rem auto;
	}
	.content-search-holder .search-box {
		width:70%;
	}
	.search-box-holder .phone-wallpaper-box {
		width:100%;
	}
	.refine-search a:last-child {
		padding-right:3rem;
		border-radius:0 .5rem .5rem 0;
	}
	.content-button-holder {
		grid-template-columns:repeat(3, 1fr);
		grid-column-gap:1rem;
		grid-row-gap:1rem;
	}
	.content-button-holder.ext {
		grid-template-columns:repeat(2, 1fr);
	}
	.home-box {
		grid-template-columns:1fr;
		grid-template-rows:16.3rem 0 auto 1fr;
		max-width:26rem;
		height:36.5rem;
		padding-right:0;
	}
	.home-box::after {
		bottom:20.2rem;
	}
	.popular-box::after {
		bottom:14.7rem;
	}
	.home-box:hover::after, 
	.popular-box:hover::after {
		width:100%;
	}
	.home-box .number {
		grid-row:2;
		top:-3.6rem;
		left:calc(100% - 4rem);
	}
	.home-box-holder .home-box h3, 
	.search-box-holder .home-box h3 {
		grid-column:1;
		grid-row:3;
	}
	.home-box p {
		grid-column:1;
		grid-row:4;
		width:26rem;
		height:10rem;
	}
	.wallpaper-box ul {
		margin-top:0;
	}
	.popular-box {
		display:block;
		width:26rem;
		height:31rem;
		padding-right:0;
	}
	.wallpaper-box strong, 
	.wide-wallpaper-box strong,
	.super-wide-wallpaper-box strong, 
	.phone-wallpaper-box strong {
		display:block;
	}
	.wallpaper-box strong {
		width:auto;
		height:auto;
		margin:1rem auto 1.2rem;
	}
	.popular-box img {
		width:26rem;
		height:16.3rem;
		object-fit:cover;
	}
	.car-link:hover:after {
		right:-3.2rem;
	}
	.wide-wallpaper-holder, 
	.super-wide-wallpaper-holder,
	.category-holder > div {
		grid-row-gap:2rem;
	}
	.phone-wallpaper-holder {
		grid-template-columns:repeat(3, calc(33.33% - 1.4rem));
		grid-column-gap:2rem;
		grid-row-gap:2rem;
		max-width:61rem;
	}
	.wide-wallpaper-box ul,
	.super-wide-wallpaper-box ul,
	.phone-wallpaper-box ul	{
		margin-top:.5rem;
	}
	.car-specs {
		grid-template-columns:repeat(2, 1fr);
		grid-column-gap:1rem;
	}
	.car-list-holder > div {
		grid-template-columns:repeat(2, 1fr);
		margin:4rem auto 2rem;
	}
	.car-list-holder .col > div {
		row-gap:3rem;
		margin-bottom:3rem;
	}
	.ranking-holder > div {
		grid-row-gap:1.5rem;
	}
	.ranking-box {
		grid-template-columns:8rem 18.5rem 1fr;
	}
	.manufacturer-holder {
		grid-row-gap:2rem;
	}
	.main-category-holder > div {
		grid-row-gap:1.5rem;
	}
	.main-category-box {
		grid-template-columns:28rem 1fr;
		grid-template-rows:13.5rem;
		padding:0 6rem .5rem 0;
	}
	.main-category-box svg {
		width:26rem;
		height:14rem;
	}
	.ranking-box::after {
		left:26rem;
	}
	.ranking-box img.logo {
		height:auto;
	}
	.instruction-box > div {
		grid-template-columns:8rem 1fr;
	}
	.instruction-box img {
		width:7.5rem;
		height:7.5rem;
		align-self:center;
	}
	.instruction-box ul {
		padding:1.5rem 0 1.5rem 0;
	}
	.archive-box-holder {
		grid-template-columns:repeat(2, 1fr);
	}
	.archive-box h3,
	.archive-box-special h3 {
		margin:0;
	}
	.no-entry {
		margin-bottom:6rem;
	}
	.page-header,
	.pagination	{
		margin:3rem auto;
	}
	#breadcrumbs {
		font-size:1.5rem;
	}
	.home-pagination {
		display:block;
	}
	.loop-insert-1 {
		grid-row:3;
	}
	.loop-insert-2 {
		grid-row:7;
	}
	.loop-insert-3 {
		display:none;
	}
	.loop-insert-4 {
		grid-row:11;
	}
	.ad-home-header {
		display:block;
		min-height:0;
	}
	.ad-home-incontent-1,
	.ad-home-incontent-2,
	.ad-home-incontent-3,
	.ad-home-incontent-4,
	.ad-home-footer-desk,
	.ad-home-footer-mob,
	.ad-wallpaper-incontent-1,
	.ad-multiplex {
		width:calc(100% + 36.4rem);
		max-width:72.8rem;
		margin-left:calc(50% - 36.4rem);
	}
	.ad-wallpaper-header {
		max-width:100%;
	}
	.ad-home-footer-desk,
	.ad-wallpaper-mrec-1-desk {
		display:block;
	}
	.ad-home-footer-mob,
	.ad-wallpaper-mrec-1-mob {
		display:none;
	}
	.guide-holder {
		grid-template-columns:1fr 1fr;
		grid-column-gap:2rem;
	}
}
@media only screen and (min-width:51.25em) /* 820px */ {
	#menu-manufacturer-menu,
	#menu-motor-racing-menu,
	#menu-other-cars-menu {
		grid-template-columns:repeat(4, 1fr);
	}
	.alphabet-nav {
		width:100%;
		padding:1.5rem 1.5rem 1rem;
		margin:3rem auto;
	}
	.account-details .wp-block-group__inner-container {
		grid-template-columns:12rem 1fr 17rem;
		grid-template-rows:1fr;
		text-align:left;
	}
	.account-details svg {
		margin:1rem 0;
	}
	p.status {
		text-align:right;
	}
}
@media only screen and (min-width:58.125em) /* 930px */ {
	main.error {
		min-height:calc(100vh - 39.7rem);
	}
	.home-box-holder, 
	.wallpaper-holder,
	.search-box-holder {
		grid-template-columns:repeat(3, 1fr);
		width:82rem;
	}
	.wide-wallpaper-holder, 
	.category-holder > div {
		grid-template-columns:repeat(2, 40rem);
	}
	.phone-wallpaper-holder {
		grid-template-columns:repeat(4, 19rem);
		max-width:82rem;
	}
	.car-list-holder img {
		width:14rem;
	}
	.new-car-list li a {
		grid-template-columns:14rem 1fr 3.6rem;
		padding:.5rem 0 .5rem 2rem;
	}
	.new-car-list .date {
		display:block;
	}
	.ranking-box::before,
	.main-category-box::before {
		display:block;
		position:absolute;
		content:'>';
		top:.8rem;
		right:3rem;
		font:var(--font-heading) 5rem/1.4 'Palanquin Dark', sans-serif;
		color:transparent;
		transition:color 0.2s ease;
	}
	.main-category-box::before {
		top:2.5rem;
	}
	.ranking-box:hover::before,
	.main-category-box:hover::before {
		color:var(--medium-grey);
	}
	.manufacturer-holder {
		grid-template-columns:repeat(2, 1fr);
	}
	.page-header,
	.manufacturer-header::before {
		clip-path:polygon(0 0, 100% 0%, 99% 100%, 1% 100%);
	}
	.breadcrumb-holder {
		background:none;
	}
	#breadcrumbs {
		margin:2.5rem auto 0;
		padding:0;
	}
	.instruction-box > div {
		grid-template-columns:10rem 1fr;
	}
	.instruction-box img {
		margin:auto;
	}
	ul.tag-list-body {
		grid-template-columns:repeat(5, 1fr);
	}
	.ad-mob-footer-sticky {
		display:none;
	}
	.ad-desk-footer-sticky {
		display:block;
	}
	.footer {
		padding-bottom:9rem;
	}
}
@media only screen and (min-width:64em) /* 1024px */ and (max-width:73.6875em) /* 1179px */ {
	.search-btn {
		margin-left:18rem;
	}
}
@media only screen and (min-width:64em) /* 1024px */ and (max-width:98.6875em) /* 1579px */ {
	.search-btn {
		display:block;
	}
}
@media only screen and (min-width:64em) /* 1024px */ {
	.theme-switcher {
		top:2rem;
		right:16rem;
		visibility:visible;
	}
	.nav {
		display:block;
		z-index:50;
	}
	nav ul#menu-cars-drop-down,
	nav ul#menu-wallpapers-drop-down,
	nav ul#menu-rankings-drop-down {
		display:grid;
	}
	.mobile-nav {
		display:none;
	}
	.mobile-car-nav label {
		width:5.4rem;
		height:4rem;
		top:1.5rem;
		right:2rem;
	}
	.mobile-car-nav label span.cars {
		display:none;
	}
	.mobile-car-nav label span.car-finder {
		display:inline;
	}
	.mobile-car-nav input[type="checkbox"]:checked + label {
		right:3.1rem;
	}
	main.error {
		min-height:calc(100vh - 14.1rem);
	}
	.footer {
		display:flex;
		justify-content:space-between;
		height:10rem;
		padding-bottom:19rem;
	}
	.footer-nav ul {
		margin:0;
	}
	.footer-nav ul li {
		display:inline-block;
		width:auto;
		height:5rem;
		margin-top:1rem;
	}
	.footer-nav ul li a {
		padding:1.4rem 2rem 1.5rem;
	}
	.footer .copyright {
		text-align:right;
	}
	.footer a.coffee {
		display:none;
	}
}
@media only screen and (min-width:73.75em) /* 1180px */ {
	body {
		background:hsl(0deg 8% 7%) url(img/body-bg-2.5k.jpg) center -10rem repeat;
	}
	.theme-switcher {
		right:9.5rem;
	}
	.mobile-car-nav	{
		display:none;
	}
	.content {
		padding:0 0 5rem;
	}
	.social-btn-twitter, 
	.social-btn-facebook, 
	.social-btn-pinterest,
	.social-btn-instagram {
		display:inline-block;
	}
	main {
		grid-template-columns:25rem 1fr;
		background:none;
	}
	.sidebar-left {
		display:block;
	}
	.sidebar-left::after {
		height:calc(100% - 32rem);
	}
	.video-holder {
		padding-top:41.3%;
	}
	.publift-widget-scrolling_sticky_footer-container {
		margin:0 calc(50% - 48.5rem);
	}
}
@media only screen and (min-width:80em) /* 1280px */ {
	.footer .copyright span {
		display:inline;
	}
}
@media only screen and (min-width:98.75em) /* 1580px */ {
	main {
		grid-template-columns:25rem auto 40.6rem;
	}
	.nav {
		padding-right:2rem;
	}
	.nav .rankings:hover ul.sub-menu {
		height:26rem;
		padding:7rem calc(50% - 37rem);
	}
	.theme-switcher {
		right:40rem;
	}
	.search-box {
		display:grid;
		grid-template-columns:30.6rem 7rem;
	}
	.sidebar-right, 
	.sidebar-right::before {
		display:block;
		visibility:visible;
	}
	.sidebar-right {
		position:absolute;
		top:10rem;
		right:0;
	}
	.content {
		grid-area:1 / 2 / 2 / 3;
		width:100%;
	}
	.intro {
		width:90%;
		line-height:2.5rem;
	}
	.page-header,
	.manufacturer-header::before {
		width:90%;
	}
	main .content .manufacturer-header figure {
		padding:0 
	}
	.publift-widget-scrolling_sticky_footer-container {
		margin:0 auto 0 calc(50% - 56.5rem);
	}
}
@media only screen and (min-width:160em) /* 2560px */ {
	body {
		background:hsl(0deg 8% 7%) url(img/body-bg-4k.jpg) center -10rem repeat;
	}
}
@media only screen and (max-width:30em) /* 480px */ {
	.manufacturer-header {
		margin:-2rem 0 -1rem;
	}
	.manufacturer-header img {
		max-width:18rem;
        height:fit-content;
	}
}
@media only screen and (max-width:38.6875em) /* 619px */ {
	.home-box {
		height:18rem;
	}
	.home-box img {
		height:18rem;
	}
	.home-box .number {
		top:14.4rem;
	}
	/* place phone wallpapers at the top of the list on mobiles */
	article.wallpapers {
		display:grid;
	}
	article.wallpapers p.intro {
		grid-row:1;
	}
	article.wallpapers ad-wallpaper-header {
		grid-row:2;
	}
	article.wallpapers h2.phone {
		grid-row:3;
	}
	article.wallpapers div.phone {
		grid-row:4;
	}
}

/* max height queries */
@media only screen and (max-heigth:56em) /* 896px */ {
	.publift-widget-scrolling_sticky_footer-container {
		display:none !important;
	}
}

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

::selection {
	background:var(--gold);
	color:hsl(0deg 0% 5%);
	text-shadow:none;
}