/*
Theme Name: Pole Position Driving School
Theme URI: https://www.pole-position-driving-school.co.uk/
Author: DSW
Description: Lightweight replacement for the legacy DSW_1/Themler theme.
Version: 1.0.10
Requires at least: 6.9
Requires PHP: 8.1
Text Domain: pole-position
*/
:root{--yellow:#fbc42d;--orange:#dd5636;--paper:#363636;--ink:#d4d4d4;--footer:#262626;--max:1010px}
*{box-sizing:border-box}html{font-size:16px}
body{margin:0;color:var(--ink);background:#262626 url("assets/page.png") repeat;font:400 16px/1 "Muli",Arial,sans-serif}
a{color:var(--yellow);text-decoration:none}a:hover,a:focus{text-decoration:underline}img{max-width:100%;height:auto}
html body nav.top-nav{position:relative;z-index:20;width:100%;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;background-color:#333!important;background-image:linear-gradient(to bottom,#5c5c5c 0%,#333 100%)!important;background-repeat:repeat-x!important}
html body nav.top-nav:before{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;content:"";background-color:#333;background-image:linear-gradient(to bottom,#5c5c5c 0%,#333 100%);background-repeat:repeat-x}
html body nav.top-nav .top-nav-inner,html body nav.top-nav .menu-horizontal-menu-container{height:38px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;background-color:transparent!important;background-image:none!important}
.top-nav-inner{position:relative!important;width:min(calc(100% - 20px),var(--max));margin:0 auto!important}
.menu-toggle{display:none;width:100%;padding:9px;border:0;color:var(--yellow);background:#292929;font:700 16px Muli,sans-serif}
.top-nav ul{display:flex;align-items:center;gap:9px;height:26px!important;margin:0!important;padding:0!important;list-style:none}.top-nav-inner>ul{position:absolute!important;top:-7px!important;left:0!important}.top-nav li{position:relative;height:26px!important;margin:0!important;padding:0!important}
.top-nav a{display:block;padding:0 17px;border:1px solid transparent;border-radius:2px;color:#d9d9d9;font:400 14px/24px Muli,sans-serif;white-space:nowrap}
.top-nav a:hover,.top-nav a:focus,.top-nav .current-menu-item>a,.top-nav .current_page_item>a{border-color:#696969;color:#503b02;background:#fab905 linear-gradient(to bottom,#fbc228 0%,#fab905 50%,#d79f04 100%);text-decoration:none}
.top-nav .sub-menu{position:absolute;z-index:30;top:100%;left:0;display:none;min-width:180px;padding:4px;background:#292929}.top-nav li:hover>.sub-menu,.top-nav li:focus-within>.sub-menu{display:block}
.site-header{height:150px;background:#f2c52f url("assets/header.jpg") center/cover repeat-x}
.header-inner{position:relative;width:min(calc(100% - 20px),var(--max));height:150px;margin:auto;padding:20px 12px}
.site-title{margin:0;color:#372901;font:700 40px/40px "Francois One",Arial,sans-serif}.site-title a,.site-title a:link,.site-title a:visited,.site-title a:hover,.site-title a:focus,.site-title a:active{color:#372901!important;text-decoration:none!important}
.header-tagline{margin:19px 0 0 4px;color:#322501;font:700 26px/26px Muli,Arial,sans-serif}
.header-mark{position:absolute;top:20px;right:39px;width:92px;height:92px}
.site-main{position:relative;width:min(calc(100% - 20px),var(--max));min-height:420px;margin:-20px auto 0;padding:11px;border-radius:5px 5px 0 0;background:var(--paper);box-shadow:0 0 7px 4px rgba(0,0,0,.4)}
.entry-content{color:var(--ink);font:400 16px/16px Muli,Arial,sans-serif}.entry-content p{margin:16px 0}.entry-content h1{margin:20px 0;color:var(--yellow);font:700 33px/33px "Playfair Display",Georgia,serif}.entry-content h2{color:var(--yellow);font:700 28px/1.2 "Playfair Display",Georgia,serif}.entry-content h3{color:var(--orange);font:400 20px/1.2 "Playfair Display",Georgia,serif}.entry-content h4{color:var(--orange)}
.entry-content input:not([type=submit]),.entry-content textarea,.entry-content select{max-width:100%}.entry-content iframe{max-width:100%}
.wpforms-container button[type=submit]{border:0!important;color:#322501!important;background:var(--yellow)!important;padding:10px 18px!important}
.site-footer{color:#fff;background:var(--footer);font:400 13px/18.5714px Muli,Arial,sans-serif}
.footer-inner{width:min(calc(100% - 20px),var(--max));margin:auto}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.footer-widget{min-width:0;padding:5px 10px}.footer-widget .widget{margin:0}.footer-widget .widget-title{margin:10px 0;padding-left:10px;border-left:3px solid var(--yellow);color:#fff;font:400 23px/32.8571px "Playfair Display",Georgia,serif}
.footer-widget p{margin:12px 0}.footer-widget ul{margin:5px 0;padding-left:13px;list-style:none}.footer-widget li{margin:5px 0}.site-footer a,.site-footer a:link,.site-footer a:visited,.site-footer a:hover,.site-footer a:focus,.site-footer a:active{color:#fff;font-weight:400!important}
.site-credit{margin:0;padding:0 0 5px;color:#828282;font:400 10px/10px Arial,sans-serif}.site-credit a{color:#828282}
.icon-envelope:before{content:"✉"}.icon-phone-square:before{content:"☎"}.icon-mobile:before{content:"▯"}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){html body nav.top-nav,html body nav.top-nav .top-nav-inner,html body nav.top-nav .menu-horizontal-menu-container{height:auto!important}.top-nav-inner{position:static!important}.menu-toggle{display:block}.top-nav ul{display:none;height:auto!important;padding:0!important}.top-nav-inner>ul{position:static!important}.top-nav.is-open ul{display:block}.top-nav li{width:100%;height:auto!important}.top-nav a{padding:7px 14px}.top-nav .sub-menu{position:static;display:block;padding-left:20px}.site-header,.header-inner{height:130px}.header-inner{padding:18px 14px}.site-title{max-width:75%;font-size:29px;line-height:31px}.header-tagline{margin-top:12px;font-size:21px}.header-mark{top:19px;right:14px;width:72px;height:72px}.site-main{margin:-10px auto 0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.footer-grid{grid-template-columns:1fr}.entry-content h1{font-size:27px;line-height:30px}.header-mark{display:none}.site-title{max-width:100%}}