/* Theme Name: premiercarsv2 Author: Forest Web Design Version: 1.0.0 Author URI: https://www.premiercars.org.uk/ Description: Theme for Forest Web Design website. Tags: forest web design Requires at least: 5.0 Tested up to: 7.0 Requires PHP: 7.0 License: Private License URI: https://www.premiercars.org.uk/ Text Domain: premiercarsv2 */ /* original green #333092; */ html, body {font-size:17px;} * {font-family:'Poppins', sans-serif;font-size:1em;margin:0;padding:0;color:#111;font-weight:300;} h1, h2, h3, h4, h5, h6 {font-weight:400;font-family:'Libre Caslon Text', serif;} h1 {font-size:1.3em;margin:0 0 1.15em 0;line-height:1em;box-sizing:border-box;text-transform:capitalize;color:#333092;} h2 {font-size:2em;margin:0 0 0.66em 0;line-height:1.2em;} h3 {font-size:1.3em;margin:0 0 1.15em 0;line-height:1.5em;} h4 {font-size:1.3em;margin:0 0 1.15em 0;line-height:1em;} h5 {font-size:1em;margin:0 0 1.5em 0;line-height:1em;} h6 {font-size:2em;margin:0 0 0.66em 0;line-height:1.2em;} h1 a, h2 a, h3 a, h4 a, h5 a {} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {} p {line-height:1.5em;margin:0 0 1.5em 0;color:#333;} p a {font-weight:600;color:#111;border:0;-webkit-transition:all 0.5s;transition:all 0.5s;} p a:hover, p a:visited {color:#000;} p strong {color:#111;font-weight:600;} p.tick {font-size:1.1em;background-image:url(assets/svg/tick.svg);background-size:1.5em;background-repeat:no-repeat;background-position:center left;padding:0 0 0 2em;} a {text-decoration:none;} .section ul, #content ul {list-style-position:outside;margin:0 0 1.5em 1.5em;} .section ul li, #content ul li {line-height:1.5em;color:#333;} .section ul.tick li, #content ul.tick li {background-image:url(assets/svg/tick.svg);background-size:1em;background-repeat:no-repeat;background-position:center left;padding:0 0 0 1.5em;line-height:2em;font-size:1.1em;} .section ul li a, #content ul li a {font-weight:600;line-height:2em;} .section ul li ul, #content ul li ul {margin:0;} .section ul li ul li, #content ul li ul li {} .section ul li ul li a, #content ul li ul li a {font-weight:300;padding-left:1em;} .section-inside .box {overflow:hidden;background-color:#eee;box-sizing:border-box;padding:1.5em;} .section-inside .box img {margin-bottom:1.5em;} input[type="text"],input[type="email"],input[type="search"],textarea {display:block;width:100%;box-sizing:border-box;padding:0.5em;line-height:1.5em;margin:0 0 1em 0;border:1px solid #333092;background-color:#eee;border-radius:0.25em;} input.wpcf7-quiz {width:33%;} input[type="submit"] {box-sizing:border-box;padding:0.68em;background:rgba(0,0,255,0.8);border:0;font-size:1.1em;line-height:1em;font-weight:600;color:#fff;margin:0 0 3em 0;border-radius:0.25em;transition:all 0.3s;} input[type="submit"]:hover {cursor:pointer;background:rgba(0,0,255,1);} .widget input[type="text"],.widget input[type="email"],.widget input[type="search"],.widget textarea {display:block;width:100%;box-sizing:border-box;padding:0.5em;line-height:1.5em;margin:0 0 1em 0;border:1px solid #333092;background-color:#fff;border-radius:0.25em;} input.textfieldshort {width:10em;} .button {display:inline-block;overflow:hidden;} .button a {display:block;padding:0.68em;background:rgba(0,0,255,0.8);border:0;font-size:1em;line-height:1em;font-weight:600;color:#fff;margin:0;border-radius:0.25em;transition:all 0.3s;} .button a:hover {cursor:pointer;background:rgba(0,0,255,1);} button.wpforms-submit {font-family:'Be Vietnam', Arial, Helvetica, sans-serif;box-sizing:border-box!important;padding:0.68em!important;background:rgba(51,48,146,0.8)!important;border:0!important;font-size:1.1em!important;line-height:1em!important;font-weight:600!important;color:#fff!important;margin:0 0 3em 0!important;border-radius:0.25em!important;text-shadow:0px 1px 4px rgba(0,0,0,0.3)!important;transition:all 0.3s!important;} button.wpforms-submit:hover {cursor:pointer!important;background:rgba(51,48,146,1)!important;} .search-form .screen-reader-text {display:none;} .search-form input[type="search"] {background-color:#fff;} .textwidget input.wpforms-field-medium, .textwidget .wpforms-field-medium {max-width:100%!important;} .clear {clear:both;} .mob-break {clear:both;} .space {padding-bottom:3em;} .text-wrap {width:100%;overflow:hidden;} .alignleft {display:inline;float:left;margin:0 1.5em 1.5em 0;} .alignright {display:inline;float:right;margin:0 0 1.5em 1.5em;} .aligncenter {clear:both;display:block;margin:0 auto;} .alignnone {clear:both;display:block;margin:0 0 1.5em 0;} figure {width:100%!important;} figure img {display:block;width:100%;height:auto;} .size-tiny {display:block;width:75px;height:auto;} .size-thumbnail {display:block;width:100%;height:auto;} .size-medium {display:block;width:100%;height:auto;} .size-full {display:block;width:100%;height:auto;} .gallery {margin:0;} .gallery-item {box-sizing:border-box;display:inline-block;text-align:center;vertical-align:top;width:100%;} .gallery-columns-2 .gallery-item {max-width:50%;padding:0 1.5em 1.5em 0;} .gallery-columns-3 .gallery-item {max-width:33.33%;padding:0 1.5em 1.5em 0;} .gallery-columns-4 .gallery-item {max-width:25%;padding:0 1.5em 1.5em 0;} .gallery-columns-5 .gallery-item {max-width:20%;padding:0 1.5em 1.5em 0;} .gallery-columns-6 .gallery-item {max-width:16.66%;padding:0 1.5em 1.5em 0;} .gallery-caption {display:block;} div.wpcf7-response-output {margin:2em 0;padding:1em;color:#fff;font-weight:600;} div.wpcf7-mail-sent-ok {border:0;background-color:#090;} .wpcf7 form.sent .wpcf7-response-output {background-color:#090!important;border:2px solid #46b450!important;} body {width:100%;padding:0;margin:0;background-color:#fff;} div#panel {overflow:hidden;padding:0;margin:0;background-color:#fff;} #container {width:100%;padding:0;margin:0;overflow:hidden;} .container {width:100%;padding:0;margin:0;overflow:hidden;} #header {width:100%;height:4.5em;box-sizing:border-box;padding:1.5em;text-align:center;position:fixed;top:0;background:rgba(255,255,255,1);z-index:9999;} /*#header.sticky {background-color:#fff;transition:all 0.25s;box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);} .sticky + .content {padding-top:4.5em;}*/ #header #mobile-menu {float:left;height:1.5em;width:1.5em;margin:0;} #header #mobile-menu button {height:1.5em;width:1em;border-radius:0;} #header #mobile-menu button.toggle-button {background-color:transparent;border:0;height:1.5em;width:1em;background-image:url(assets/svg/menu.svg);background-size:1em;background-position:center center;background-repeat:no-repeat;} #header.sticky #mobile-menu button.toggle-button {background-image:url(assets/svg/menu.svg);} #header #mobile-menu button.toggle-button:focus {outline:none;border:none;} #header #logo {display:inline-block;height:1.5em;margin:0 auto;text-align:left;} #header #logo a img {display:block;height:1.5em;width:auto;} /*#header #logo a {color:#fff;font-size:1.5em;line-height:1em;font-weight:900;letter-spacing:0.1em;opacity:0.9;} #header.sticky #logo a {color:#222;}*/ #header #logo a img {display:block;height:1.5em;width:auto;} #header #logo p {display:none;} #header #call {float:right;border:none;} #header #call a {display:block;width:1.5em;height:1.5em;border:none;background-image:url(assets/png/phone.png);background-size:1.25em;background-position:center center;background-repeat:no-repeat;} /*#header.sticky #call a {background-image:url(assets/svg/call.svg);}*/ #header #main-menu {display:none;} #header #details {display:none;} #header-nudge {width:100%;height:4.5em;} #hero {width:100%;height:450px;overflow:hidden;background-color:#666;background-image:url(assets/jpg/bg.jpg);background-size:100%;} #hero .hero-inside {width:100%;height:450px;overflow:hidden;box-sizing:border-box;padding:4.5em 1.5em 1.5em 1.5em;background: rgb(51,48,146); background: linear-gradient(90deg, rgba(51,48,146,0.5) 0%, rgba(0,0,0,0.5) 100%);} #hero h2 {font-size:1em;font-weight:300;margin:0 0 20px 0;letter-spacing:0;padding:0;color:#fff;} #hero p {font-size:1.2em;font-weight:600;margin:0 0 20px 0;line-height:1.5em;color:#fff;} #hero .hero-inside .hero-container {width:100%;height:calc(450px - 4.5em);overflow:hidden;position:relative;text-align:center;} #hero .hero-inside .hero-container .text-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%; } #hero.short {height:300px;} #hero.short .hero-inside {height:300px;padding:4.5em 1.5em 1.5em 1.5em;} #hero.short .hero-inside .hero-container {height:calc(300px - 4.5em);} #hero.shorter {height:200px;} #hero.shorter .hero-inside {height:200px;padding:4.5em 1.5em 1.5em 1.5em;} /*#main-services {width:100%;box-sizing:border-box;padding:1.5em;margin:0;overflow:hidden;background-color:#eee;} #main-services .container {display:flex;flex-direction:column;justify-content:space-evenly;gap:1.5em;} #main-services .container.service {}*/ #content {width:100%;overflow:hidden;padding:0;margin:0;} #content .content {width:100%;box-sizing:border-box;padding:1.5em;margin:0;overflow:hidden;} #content .content .post {width:100%;overflow:hidden;padding:0;margin:0 0 1.5em 0;} #content .content .post .posts-thumbnail {width:100%;overflow:hidden;padding:0;margin:0 0 1.5em 0;} #content .content .post .posts-thumbnail a img {display:block;width:100%;height:auto;} #content .content .post .posts-text {width:100%;overflow:hidden;padding:0;margin:0;} #content .content .featured-post {width:100%;overflow:hidden;padding:0;margin:0 0 1.5em 0;} #content .content .featured-post .post-thumbnail {width:100%;overflow:hidden;padding:0;margin:0 0 1.5em 0;} #content .content .featured-post .post-thumbnail img {display:block;width:100%;height:auto;} #content .sidebar {width:100%;box-sizing:border-box;padding:1.5em;margin:0;overflow:hidden;} #content.fullwidth .content {width:100%;box-sizing:border-box;padding:1.5em;margin:0;overflow:hidden;} #content .sidebar .widget ul {margin:0;} .section {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-intro {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-all {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-left {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-right {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-first {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-second {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-third {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-single {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-double {width:100%;overflow:hidden;padding:0;margin:0;} .section .section-quad {width:50%;overflow:hidden;padding:0;margin:0;float:left;} .section .section-sixths {width:50%;overflow:hidden;padding:0;margin:0;float:left;text-align:center;} .section-inside {box-sizing:border-box;padding:1.5em;} /*customisations*/ #main-services { background: rgb(235,235,245); background: linear-gradient(135deg, rgba(235,235,245,1) 25%, rgba(255,255,255,1) 100%); } #main-services .section-inside img {display:block;width:100%;height:auto;margin:0 0 1.5em 0;} #main-services h3 {margin:0;} h3.local {background-image:url(assets/png/1-local.png);background-size:1.2em;background-repeat:no-repeat;background-position:center left;padding:0 0 0 1.7em;} h3.executive {background-image:url(assets/png/2-executive.png);background-size:1.2em;background-repeat:no-repeat;background-position:center left;padding:0 0 0 1.7em;} h3.airport {background-image:url(assets/png/3-airport.png);background-size:1.2em;background-repeat:no-repeat;background-position:center left;padding:0 0 0 1.7em;} h3.events {background-image:url(assets/png/4-events.png);background-size:1.2em;background-repeat:no-repeat;background-position:center left;padding:0 0 0 1.7em;} #main-services p {margin:0;} #welcome {} #welcome .section-left {background:rgba(250,250,250,0.95);} #welcome .section-right .box {background:rgba(250,250,250,1);box-sizing:border-box;padding:1.5em;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.2);} #six-icons { background: rgb(235,235,245); background: linear-gradient(135deg, rgba(235,235,245,1) 25%, rgba(255,255,255,1) 100%); } #testimonials {text-align:center;} #testimonials img {margin:0 0 1.5em 0;} #testimonials img.website {display:block;width:100%;height:auto;background-color:#fafafa;box-sizing:border-box;padding:0.5em;border-radius:0.5em;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.2);} #testimonials img.stars {display:inline-block;width:38%;height:auto;} #achieve {} #all-services {background-color:#333; background-color: #222222; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath id='a' data-color='fill' fill='%23252525' stroke='%23252525' stroke-width='13.45' d='M-25 20h50L0-20z'%3E%3C/path%3E%3Cuse xlink:href='%23a' x='100'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='100'%3E%3C/use%3E%3Cuse xlink:href='%23a' x='100' y='100'%3E%3C/use%3E%3Cuse xlink:href='%23a' x='50' y='50'%3E%3C/use%3E%3Cuse xlink:href='%23a' x='50' y='150'%3E%3C/use%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E"); background-size: cover; background-position: center; background-repeat: no-repeat; } #all-services h3 {color:#fff;} #all-services p {color:#fff;} #six-icons .section-inside img {display:block;margin:0 auto 1.5em auto;height:4em;width:4em;} #ctas {background-color:#333;} #ctas h3 {color:#fff;} #ctas p {color:#fff;} #reasons {} #reasons .section-first, #reasons .section-second, #reasons .section-third {background:none;} #reasons p:last-of-type {margin:0;} #landing-content {} #all-about {background-color:#333; background-color: #222222; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23222222'/%3E%3Cstop offset='1' stop-color='%23333333'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='2000' height='1666.7' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; } #all-about .section-inside:hover {background:rgba(0,0,0,0.05);} #all-about p strong {color:#fff;} #all-about p {color:#fff;} #faqs {} #benefits {} #benefits .section-first, #benefits .section-second, #benefits .section-third {background:none;} #benefits .section-first:hover, #benefits .section-second:hover, #benefits .section-third:hover {background:rgba(250,250,250,0.95);} #location {} #location .section-left {background:rgba(250,250,250,0.95);} #tabs-section {width:100%;box-sizing:border-box;padding:1.5em;margin:0;overflow:hidden;background-color:#eee;} #tabs-section .tab {overflow:hidden;border-bottom:1px dashed #ccc;} #tabs-section .tab button {float:left;border:none;outline:none;cursor:pointer;background:transparent;padding:0 1em 0 0;margin:0 1em 1.5em 0;color:#aaa;font-weight:300;border-right:2px solid rgba(51,48,146,0.5);transition:0.5s;} #tabs-section .tab button:hover {color:#111;} #tabs-section .tab button.active {color:#111;font-weight:600;} #tabs-section .tab button:last-of-type {border:none;} #tabs-section .tabcontent {display:none;padding:1.5em 0;animation:fadeEffect 0.5s;} #tabs-section .tabcontent h3 {text-transform:capitalize;font-size:1.5em;margin:0 0 1em 0;} .message {overflow:hidden;width:100%;box-sizing:border-box;padding:1.5em;background-color:#eee;text-align:center;} .message h4 {color:#333092;} .message#locations {background-color:#eee;} .message#locations .fifth {padding-top:1.5em;} .message#locations p {margin:0;} .message#locations p a {color:#333092;} .message#newsletter {background-color:#333092;} .message#newsletter h4 {color:#fff;} .message#newsletter p {color:#fff;} .message#offices {} .message#offices p {} .message#offices .box {box-sizing:border-box;padding:1.5em;background-color:#fff;text-align:left;} .message#offices .box p:last-of-type {margin:0;} .message#cta {background-color:#333092;padding:6em 1.5em; background-image:url(assets/jpg/message-bg.jpg);background-size:cover;background-attachment:fixed; } .message#cta p {color:#fff;font-size:2em;margin:0 0 30px 0;} .message#cta .button a {background-color:#fff;color:#333092;} .news-item {box-sizing:border-box;width:100%;padding:0;list-style:none;clear:both;} .news-item .news-thumbnail {box-sizing:border-box;width:25%;padding:0 0.75em 2em 0;float:left;} .news-item .news-thumbnail a img {display:block;width:100%;height:auto;margin:0 0 0.75em 0;} .news-item .news-text {box-sizing:border-box;width:75%;padding:0 0 2em 1em;float:right;} .news-item .news-text p a.title {display:inline-block;font-size:1.1em;line-height:1.3em;font-weight:600;background:none;text-transform:capitalize;} .news-item .news-text p.link-more {display:none;} .news-item .news-text p {margin:0 0 0.5em 0;font-size:1em;} .news-item .news-text p.post-meta a {background-image:none;} .news-item .news-text .news-excerpt {display:none;} .news-item .news-text .button {} .news-item .news-text .button a {} .news-item .news-text .button a:hover {} #footer {width:100%;box-sizing:border-box;padding:1.5em;overflow:hidden;background-color:#333092;} #footer .container {display:flex;flex-direction:column;justify-content:space-evenly;gap:1.5em;} #footer h5 {margin:0 0 1.25em 0;} #footer p {font-size:0.9em;line-height:1.5em;margin:0 0 1em 0;} #footer p a {background:none;background-image:none;font-weight:300;} #footer ul {padding:0;margin:0 0 1em 0;} #footer ul li {font-size:0.9em;list-style:square;list-style-position:inside;padding:0.38em 0;line-height:1em;margin:0;font-weight:300;} #footer ul li a {} #footer ul li strong {font-weight:600;} #footer .footer-widget:nth-of-type(3) a img {display:block;height:3em;width:3em;float:left;margin:0 1em 0.81em 0;} #footer .footer-widget:nth-of-type(4) img {display:block;height:2em;width:2em;float:left;margin:0 0.81em 0.81em 0;} #bottom {width:100%;box-sizing:border-box;padding:1.5em;overflow:hidden;background-color:#333092;} #bottom p {font-size:0.9em;line-height:1.5em;margin:0 0 1em 0;color:#fff;} #bottom p a {color:#fff;} .slideout-menu {position:fixed;left:0;top:0;bottom:0;right:0;z-index:0;background-color:#fff;width:290px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;} .slideout-panel {position:relative;z-index: 1;} .slideout-open, .slideout-open body, .slideout-open .slideout-panel {overflow:hidden;} .slideout-open .slideout-menu {display: block;} .slideout-menu #slide-logo {overflow:hidden;width:100%;box-sizing:border-box;padding:1.5em;} .slideout-menu #slide-logo a {color:#fff;font-size:1.5em;font-weight:600;float:left;} .slideout-menu #slide-logo a img {display:block;width:100%;height:auto;} .slideout-menu #slide-call {overflow:hidden;width:100%;} .slideout-menu #slide-call a {display:block;font-size:0.9em;line-height:1em;color:#111;padding:1.66em;border-top:1px solid #ddd;} .slideout-menu #slide-call a strong {font-size:1.2em;font-weight:600;color:#111;} .slideout-menu #slide-call a:hover {background:rgba(0,0,0,0.2);} .slideout-menu #slide-menu {overflow:hidden;width:100%;} .slideout-menu #slide-menu ul {border-top:1px solid #ddd;} .slideout-menu #slide-menu ul li {list-style:none;border-bottom:1px solid #ddd;} .slideout-menu #slide-menu ul li a {display:block;color:#111;padding:1em 1.5em;background-size:1.2em;background-position:1.5em;background-repeat:no-repeat;border:none;} .slideout-menu #slide-menu ul li a:hover {background:rgba(0,0,0,0.2);padding:1em 1.5em;background-size:1.2em;background-position:1.5em;background-repeat:no-repeat;} .slideout-menu #slide-menu ul li ul {border-top:1px solid #ddd;} .slideout-menu #slide-menu ul li ul li {list-style:none;border-bottom:1px solid #ddd;} .slideout-menu #slide-menu ul li ul li a {display:block;color:#444;padding:1em 1.5em 1em 2.5em;background-size:1.2em;background-position:1.5em;background-repeat:no-repeat;border:none;} .slideout-menu #slide-menu ul li ul li a:hover {background:rgba(0,0,0,0.2);padding:1em 1.5em 1em 2.5em;background-size:1.2em;background-position:1.5em;background-repeat:no-repeat;} #text-4 h4 {background-image:url(assets/png/taxi.png);background-size:1em;background-repeat:no-repeat;background-position:center left;box-sizing:border-box;padding-left:1.5em;} #text-6 h4 {background-image:url(assets/png/enquire.png);background-size:1em;background-repeat:no-repeat;background-position:center left;box-sizing:border-box;padding-left:1.5em;} @media (min-width: 768px) { .mob-break {clear:none;display:none;} #container {} .container {} #header {height:8em;padding:1.5em;border-bottom:1px solid rgba(255,255,255,0.05);overflow:visible;} #header .container {overflow:visible;} #header-nudge {height:8em;} .sticky + .content { padding-top: 8em; } #header #mobile-menu {display:none;} #header #call {display:none;} #header #logo {float:left;height:5em;margin:0;} #header #logo a img {height:5em;} #header #logo p {display:block;line-height:1em;margin:0;} #header #main-menu {display:block;height:3em;float:right;margin:1em 0;overflow:visible;} .menu-main-container {overflow:visible;} #header #main-menu ul {margin:0;padding:0;float:left;overflow:visible;} #header #main-menu ul li {margin:0 0 0 1.5em;padding:0;height:3em;list-style:none;float:left;position:relative;overflow:visible;} #header #main-menu ul li:first-of-type {margin:0;} #header #main-menu ul li a {display:block;box-sizing:border-box;color:#222;font-weight:400;font-size:1.1em;line-height:2.72em;padding:0;opacity:0.9;transition:all 0.5s;} #header #main-menu ul li#menu-item-329 a {background-color:#333092;color:#fff;padding:0 0.75em;border-radius:0.25em;text-shadow:0px 1px 4px rgba(0,0,0,0.3);transition:all 0.3s;} #header #main-menu ul li#menu-item-329 a:hover {background-color:#333092;} #header #main-menu .menu-menu-container {float:left;} #header #main-menu ul li ul {transition:all 0.5s;display:none;position:absolute;top:2.5em;width:13em;left:-0.5em;z-index:999!important;background-color:#eee;padding:0.5em;margin:0;list-style:none;border-radius:0.25em;} #header #main-menu ul li ul li {overflow:hidden;display:block;box-sizing:border-box;margin:0;width:100%;height:auto;text-align:left;} #header #main-menu ul li ul li a {display:block;box-sizing:border-box;line-height:1.5em;padding:0!important;margin:0 0 0.5em 0;border:0;font-size:1em;transition:all 0.25s;opacity:0.9;transition:all 0.5s;} #header #main-menu ul li ul li:first-of-type a {padding:0;} #header #main-menu ul li ul li:last-of-type a {margin:0;} #header #main-menu ul li ul li a:hover {opacity:1;} #header #main-menu ul li:hover > ul {display:block;transition:all 0.5s;} #hero .hero-inside {padding-top:6em;} #hero .hero-inside .hero-container {height:calc(450px - 6em);} #hero h2 {font-size:1.3em;margin:0 0 1.15em 0;} #hero p {font-size:1.5em;} #hero .hero-inside .hero-container .text-wrap {width:60%;} /*#main-services .container {flex-direction:row;}*/ #content.fullwidth .content {padding:3em;} #content .content {width:75%;float:left;padding:3em;} #content .content .post {margin:0 0 3em 0;} #content .content .post .posts-thumbnail {width:50%;float:left;margin:0;box-sizing:border-box;padding:0 1.5em 0 0;} #content .content .post .posts-text {width:50%;float:right;margin:0;box-sizing:border-box;padding:0 0 0 1.5em;} #content .sidebar {width:25%;float:right;} #content .sidebar .widget {padding:1.5em;background:rgba(0,0,0,0.05);margin:0 0 1.5em 0;} /*sizing*/ .section {padding-top:3em;padding-bottom:3em;} .section .section-intro {} .section .section-all {width:100%;float:left;} .section .section-left {width:50%;float:left;} .section .section-right {width:50%;float:right;} .section .section-first {width:33.33%;float:left;} .section .section-second {width:33.33%;float:left;} .section .section-third {width:33.34%;float:left;} .section .section-single {width:33.33%;float:left;} .section .section-double {width:66.67%;float:left;} .section .section-quad {width:25%;float:left;} .section .section-sixths {width:33.33%;float:left;} /*colours*/ /* .section .container .section-left {background:rgba(0,0,0,0.05);} .section .container .section-right {background-color:transparent;} .section .container:nth-of-type(2) .section-left {background-color:transparent;} .section .container:nth-of-type(2) .section-right {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(3) .section-left {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(3) .section-right {background-color:transparent;} .section .container:nth-of-type(4) .section-left {background-color:transparent;} .section .container:nth-of-type(4) .section-right {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(5) .section-left {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(5) .section-right {background-color:transparent;} .section .container:nth-of-type(6) .section-left {background-color:transparent;} .section .container:nth-of-type(6) .section-right {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(7) .section-left {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(7) .section-right {background-color:transparent;} .section .container:nth-of-type(8) .section-left {background-color:transparent;} .section .container:nth-of-type(8) .section-right {background:rgba(0,0,0,0.05);} .section .container .section-first {background:rgba(0,0,0,0.05);} .section .container .section-second {background-color:transparent;} .section .container .section-third {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(2) .section-first {background-color:transparent;} .section .container:nth-of-type(2) .section-second {background:rgba(0,0,0,0.05);} .section .container:nth-of-type(2) .section-third {background-color:transparent;} .section .container .section-first .section-inside {} .section .container .section-second .section-inside {} .section .container .section-third .section-inside {} .section .section-quad .section-inside {} .section .section-quad:nth-of-type(2) .section-inside {} .section .section-quad:nth-of-type(3) .section-inside {} .section .section-quad:nth-of-type(4) .section-inside {} */ .section-inside {} /*customisations*/ .bgimg01 {background-image:url(assets/jpg/bg1.jpg);background-size:cover;background-repeat:no-repeat;} .bgimg02 {background-image:url(assets/jpg/bg-reading.jpg);background-size:cover;background-repeat:no-repeat;} .leftcolumn {box-sizing:border-box;width:50%;padding:0 0.75em 0 0;float:left;} .rightcolumn {box-sizing:border-box;width:50%;padding:0 0 0 0.75em;float:right;} .message {} #featured-news {padding:1.5em;overflow:hidden;} #featured-news h4 {text-align:center;} #featured-news .container {flex-direction:row;} #featured-news .news-item {box-sizing:border-box;width:25%;float:left;clear:none;} #featured-news .news-item .news-thumbnail {box-sizing:border-box;width:100%;padding:0 0 1em 0;margin:0;float:left;overflow:hidden;} #featured-news .news-item .news-thumbnail a img {margin:0;padding:0;} #featured-news .news-item .news-text {width:100%;padding:0;overflow:hidden;} #featured-news .news-item .news-text a.title {font-weight:600;} #featured-news .news-item .news-text .news-excerpt {display:block;} #featured-news .news-item .news-text .news-excerpt p.post-category {} #featured-news .news-item .news-text .news-excerpt p.date-posted {} #footer {padding:1.5em;} #footer .container {flex-direction:row;} #footer .footer-widget {width:25%;float:left;box-sizing:border-box;padding:0;margin:0;} #bottom {text-align:center;} } @media (min-width: 1024px) { html, body {font-size:16px;} h1 {font-size:1.5em;margin:0 0 1em 0;} h2 {font-size:2.2em;margin:0 0 0.68em 0;} h3 {font-size:1.3em;margin:0 0 1.15em 0;} h4 {font-size:1.5em;margin:0 0 1em 0;} h5 {font-size:1.1em;margin:0 0 1.36em 0;} .container {} #header {padding:1.5em 3em;} #header #logo a {transition:all 0.5s;} #header #logo a:hover {opacity:1;} #header #main-menu ul li a:hover {opacity:1;} #header #main-menu ul li.current_page_item a {} #header #details {display:block;height:3em;float:right;margin:1em 0;} #header #details p {float:right;margin:0 0 0 2em;line-height:2.72em;color:#666;font-size:1.1em;font-weight:600;box-sizing:border-box;padding:0 0 0 2em;background-size:1.1em;background-position:center left;background-repeat:no-repeat;} #header.sticky #details p {color:#666;} #header #details p.phone {background-image:url(assets/png/phone.png);} /*#header.sticky #details p.phone {background-image:url(assets/svg/call-green.svg);}*/ #header #details p.email {background-image:url(assets/svg/enquire-green.svg);} #hero {height:550px;} #hero .hero-inside {height:550px;} #hero .hero-inside .hero-container {height:calc(550px - 6em);margin:0 auto;} #hero .hero-inside .hero-container .text-wrap {width:50%;left:0;text-align:left;transform:translate(0%, -50%);background: rgba(51,48,146,0.5);padding:1.5em;border-bottom:5px solid rgba(51,48,146,0.75);} /*#main-services {padding:3em;} #main-services .container {gap:3em;} #main-services .container .service {}*/ #content {} #content .content {width:66.67%;} #content .sidebar {width:33.33%;} #content .sidebar .widget {padding:3em;margin:0 0 3em 0;} .section .section-intro {width:50%;padding:0 25%;text-align:center;} .section-inside {padding:3em;} #welcome .section-right .box {padding:3em;} #main-services .section-inside {padding:0 3em;} .leftcolumn {padding:0 1.5em 0 0;} .rightcolumn {padding:0 0 0 1.5em;} .message {padding:3em;} .message .not-full {width:50%;margin:0 auto;} .message .not-full-50 {width:50%;margin:0 auto;} .message .not-full-62 {width:62.5%;margin:0 auto;} .message .not-full-75 {width:75%;margin:0 auto;} .message .fifth {width:20%;float:left;box-sizing:} #tabs-section {padding:3em;} #featured-news {padding:3em;} #featured-news .container {gap:3em;} #footer {padding:3em;} #footer .container {gap:3em;} #bottom {padding:3em;} } @media (min-width: 1440px) { html, body {font-size:17px;} .container {width:1280px;margin:0 auto;} #hero .hero-inside .hero-container {width:1280px;} #hero .hero-inside .hero-container .text-wrap {width:50%;} #content .container {width:1280px;} #content .content {} #content .sidebar {padding:3em;} .section {position:relative;} .section .pin {position:absolute;top:1.5em;left:1.5em;margin:0;font-size:1em;line-height:1em;transform:rotate(0deg);} .section .section-left {position:relative;} .section .section-right {} .section .section-left .section-inside {width:640px;float:right;padding:3em 3em 3em 0;} .section .section-right .section-inside {width:640px;float:left;padding:3em 0 3em 3em;} .section .container {width:calc(1280px + 6em);} } @media (min-width: 1920px) { .container {width:1440px;} #hero .hero-inside .hero-container {width:1440px;} #hero .hero-inside .hero-container .text-wrap {width:40%;} #content .container {width:calc(1440px + 6em);} .section .section-left .section-inside {width:720px;} .section .section-right .section-inside {width:720px;} .section .container {width:calc(1440px + 6em);} }