/*
Theme Name: Annette's Driving School
Description: Modern replacement preserving the established Stevenage Driving Lessons appearance.
Version: 1.0.2
Author: DSW
Text Domain: annettes-driving-school
*/
*{box-sizing:border-box}html{overflow-x:hidden;min-height:100%}body{min-height:100%;margin:0;color:#242b2d;background:#dadfe1 url('assets/page.png') fixed;font:15px/1.35 Verdana,Geneva,Arial,Helvetica,sans-serif}a{color:#52646b}img{max-width:100%;height:auto}
.site-header{height:150px;background:url('assets/header.jpg') center top no-repeat}.header-inner{position:relative;width:1000px;max-width:calc(100% - 24px);height:150px;margin:0 auto;padding:25px 190px 10px 5px}.site-title{margin:0;color:#123344;font:bold 40px/40px 'Palatino Linotype',Georgia,'Times New Roman',Times,serif}.site-tagline{margin:8px 0 0;color:#53666d;font:20px/1.2 Arial,Helvetica,sans-serif}.site-tagline:empty{display:none}.l-plate{position:absolute;top:14px;right:45px;width:auto;height:auto}
.site-sheet{position:relative;width:1000px;max-width:calc(100% - 24px);margin:-20px auto 0;background:#fff;border:1px solid #bbc3c6;border-radius:5px 5px 0 0;box-shadow:0 2px 12px rgba(0,0,0,.32);overflow:hidden}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:540px}.sidebar{padding:15px;background:#fafafa;border-radius:4px 0 0}.vertical-menu,.vertical-menu ul{margin:0;padding:0;list-style:none}.vertical-menu{line-height:0}.vertical-menu li{margin:0 0 4px}.vertical-menu a{display:block;width:170px;min-height:32px;padding:0 13px;border:1px solid transparent;border-radius:3px;color:#71868e;text-decoration:none;font:15px/30px Verdana,Geneva,Arial,Helvetica,sans-serif;white-space:normal;overflow-wrap:normal;word-break:normal}.vertical-menu .current_page_item>a,.vertical-menu .current-menu-item>a,.vertical-menu a:hover{border-color:#8e9ea4;color:#1a4861;background:linear-gradient(#72b5da,#3a98cb)}
.content{min-width:0;padding:14px 10px 42px}.entry-title,.page-title{margin:0 0 16px;color:#34434a;font:normal 32px/1.2 Georgia,'Times New Roman',serif}.entry-title a{color:inherit;text-decoration:none}.entry-content h1,.entry-content h2,.entry-content h3{color:#778187;font-family:Georgia,'Times New Roman',serif;line-height:1.05}.entry-content p{margin:0 0 1em}.entry-content table{max-width:100%}.entry-content iframe{max-width:100%}.wp-caption{max-width:100%}.wp-caption-text{color:#667277;font-size:12px}.entry-content blockquote{clear:both;overflow:auto;margin:10px 10px 10px 50px;padding:0 0 0 28px;color:#050f14;background:#bbc5c9 url('assets/postquote.png') no-repeat 0 0;font:15px/1.55 Verdana,Geneva,Arial,Helvetica,sans-serif}.entry-content blockquote p{margin:14px}
.entry-content::after{display:block;clear:both;content:''}.entry-content img{margin:7px}.entry-content img.alignleft,.alignleft{float:left;margin:7px 14px 7px 7px}.entry-content img.alignright,.alignright{float:right;margin:7px 7px 7px 14px}.aligncenter{display:block;margin:7px auto}.wp-caption.alignleft{float:left;margin:7px 14px 7px 7px}.wp-caption.alignright{float:right;margin:7px 7px 7px 14px}
.site-footer{min-height:55px;color:#c1cacd;background:#546369;font-size:14px}.footer-inner{width:1000px;max-width:calc(100% - 24px);min-height:55px;margin:0 auto;padding:8px 12px;text-align:center}.site-footer a{color:#cbe1bc;text-decoration:none}.site-footer a:hover{color:#dcebd1;text-decoration:underline}.page-footer{margin:3px 0 0;color:#ccd3d6;font:10px Arial,sans-serif}
/* Tablet: retain the established left-hand navigation, but let both columns
   contract safely instead of clipping the content. */
@media (min-width:721px) and (max-width:1024px){
 .header-inner,.site-sheet,.footer-inner{max-width:calc(100% - 32px)}
 .layout{grid-template-columns:185px minmax(0,1fr)}
 .sidebar{padding:12px 10px}
 .vertical-menu a{width:100%;padding-right:9px;padding-left:9px}
 .content{padding-right:16px;padding-left:16px}
 .entry-content table{display:block;overflow-x:auto}
}

/* Phone: place the navigation above the page in a compact two-column grid. */
@media (max-width:720px){
 body{font-size:14px}
 .site-header{height:126px;background-position:center top;background-size:auto 126px}
 .header-inner{height:126px;max-width:100%;padding:18px 92px 8px 14px}
 .site-title{font-size:clamp(25px,8vw,36px);line-height:1.05}
 .site-tagline{font-size:17px}
 .l-plate{top:16px;right:12px;max-width:72px;max-height:92px}
 .site-sheet{width:100%;max-width:100%;margin-top:-10px;border-right:0;border-left:0;border-radius:0}
 .layout{display:block;min-height:0}
 .sidebar{padding:8px;background:#f4f6f6;border-bottom:1px solid #bbc3c6;border-radius:0}
 .vertical-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;line-height:normal}
 .vertical-menu li{min-width:0;margin:0}
 .vertical-menu a{width:100%;height:100%;min-height:38px;padding:7px 9px;font-size:13px;line-height:1.25;overflow-wrap:break-word}
 .content{padding:18px 14px 30px}
 .entry-title,.page-title{font-size:27px}
 .entry-content img.alignleft,.entry-content img.alignright,.alignleft,.alignright,.wp-caption.alignleft,.wp-caption.alignright{float:none;display:block;margin:10px auto}
 .entry-content blockquote{margin:10px 0;padding-left:28px}
 .entry-content table{display:block;max-width:100%;overflow-x:auto}
 .entry-content iframe{width:100%}
 .footer-inner{max-width:100%;padding-right:14px;padding-left:14px}
}

@media (max-width:420px){
 .vertical-menu{grid-template-columns:1fr}
 .site-title{font-size:25px}
}