/*
Theme Name: Ace Signs
Theme URI: https://www.acesigns.ie/
Author: Forza!
Author URI: http://www.forza.ie
Description: Responsive Wordpress theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 2

Text Domain: acesigns

*/

:root { --orange:#f17330; --green:#5aaf38; --blue:#185eb0; --yellow:#fecb13; --gold:#c7a15f; --dark-grey:#262829; --grey:#666; --mid-grey:#999; --light-grey:#ddd; --white:#fff; }

* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { min-height:100%; }

body { min-height:100%; background-color:var(--white); font-family:'Poppins',Helvetica,Arial,sans-serif; font-size:62.5%; font-weight:400; color:var(--grey); }

img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; }

.wrapper { max-width:1210px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px; position:relative; }

.sub-header { padding:5px 0; color:var(--white); position:relative; z-index:202; }

.sub-header .buttons { display:inline-block; float:left; margin-right:10px; }
.sub-header .buttons .more-button {  font-weight:600; font-size:1.4em; }

.search form { width:40px; transition:width 500ms; display:inline-block; float:left; }
.search form div {  background-color:rgba(255,255,255,0.5); padding:0.6em 0.25em 0.65em; font-size:1.4em; border-radius:1.5em; position:relative; overflow:hidden; transition:background-color 500ms; }
.search form div input { border:none; background:none; float:left; color:#004873; width:80%; line-height:1em; -webkit-appearance:none; -mox-appearance:none; outline:none; }
.search form div input.search-box { font-family:'Poppins',Helvetica,Arial,sans-serif; font-weight:600; line-height:1.25em; padding:3px 0 0 35px; width:100%; }
.search form button { border:none; background:none; outline:none; -webkit-appearance:none; font-size:1.2em; position:absolute; top:0.6em; left:0.4em; }
/*Hover & Active*/
.search.active form,
.search:hover form { width:220px; }

.sub-header .links { font-size:1.6em; float:right; margin-top:6px; }
.sub-header .links > span { display:inline-block; margin-left:20px; }
.sub-header .links > span a { color:var(--white); text-decoration:none; transition:color 300ms; }
.sub-header .links > span a:hover { color:var(--dark-grey); }

.header { padding:25px 0 25px; margin:0; position:relative; z-index:201; }

.mobile-menu-trigger { display:inline-block; cursor:pointer; text-align:center; margin-right:35px; float:left; }
.mobile-menu-trigger .fa-bars { font-size:4em; }
.mobile-menu-trigger strong { display:block; font-size:1.2em; text-align:center; }

.header .logos { display:inline-block; float:left; }
.header .logos .logo { display:inline-block; width:166px; }
.header .logos img:first-of-type { margin-right:35px; }

.header .buttons { display:inline-block; float:right; margin-top:10px; }
.header .buttons .more-button {  font-weight:600; font-size:1.6em; }

.nav-overlay { position:fixed; left:0; top:0; width:100%; min-height:100vh; z-index:9999; visibility:hidden; opacity:0; transition:opacity 0.3s linear, visibility 0.3s linear; }
.nav-overlay.active { visibility:visible; opacity:1; }
.nav-overlay .top-nav { background-color:rgba(0,0,0,0.9); height:30vh; width:100%; position:relative; }
.nav-overlay .signs-nav  { background-color:rgba(241,115,48,0.9); height:70vh; float:left; width:50%; padding:5% 80px 5% 20px; }
.nav-overlay .signs-nav .services-nav { float:right; width:100%; max-width:505px; }

.nav-overlay .vans-nav  { background-color:rgba(90,175,56,0.9); height:70vh; float:right; width:50%; padding:5% 20px 5% 80px; }
.nav-overlay .vans-nav .services-nav { float:left; width:100%; max-width:505px; }

.nav-overlay .services-nav > p { font-size:3em; margin-bottom:5%; }
.nav-overlay .services-nav > .under-arrows { margin-bottom:5%; }
.nav-overlay .services-nav .level-2 { display:inline-block; width:49%; vertical-align:top; margin-bottom:10px; padding-right:10px; }
.nav-overlay .services-nav .level-2:noth-of-type(odd) { margin-right:1%; }
.nav-overlay .services-nav .level-2 p { font-size:2em; position:relative; padding-left:40px; line-height:1.25em; margin-bottom:5px; }
.nav-overlay .services-nav .level-2 p span { cursor:pointer; }
.nav-overlay .services-nav .level-2 a { text-decoration:none; color:var(--white); }
.nav-overlay .services-nav .level-2 p svg { position:absolute; left:0; top:0; font-size:1.2em; color:var(--white); }
.nav-overlay .services-nav .level-2 ul { display:none; font-size:1.8em; padding:0 0 20px 45px; } 

.top-nav .wrapper { position:absolute; width:100%; left:50%; bottom:10%; transform:translateX(-50%); }

.mobile-menu-close { display:block; cursor:pointer; text-align:center; float:left; }
.mobile-menu-close .fa-times { font-size:4em; color:var(--white); }
.mobile-menu-close strong { display:block; font-size:1.4em; text-align:center; color:var(--white); }

.top-nav .social { display:block; cursor:pointer; text-align:center; float:right; font-size:3em; }
.top-nav .social a svg { color:var(--white); margin-left:10px; }

.top-nav ul { font-size:2.2em; font-weight:600; display:flex; justify-content:space-between; width:100%; padding-top:2%; }
.top-nav ul li { list-style-type:none; text-align:center; }
.top-nav ul li a { color:var(--white); display:block; text-decoration:none; position:relative; }

/*** Page with Sidebar ***/
.container-outer { overflow:visible; margin-bottom:4%; margin-top:4%; }
.container-inner { max-width:68%; float:left; margin-right:32%; overflow:visible; position:relative; z-index:10; border-right:1px solid #e4e4e4;  }
.container-inner .content { float:left; padding-right:6%; width:100%; }
.sidebar { float:right; width:41%; position:relative; margin-right:-47%; }

/*** Content Clearfix ***/

.clearfix:after,
.content:after,
.do-flex:after,
.services-wrapper > div:after,
.testimonials .right:after,
.footer .hours p:after { content:""; display:table; clear:both; }  


/*** COLUMNS ***/

div.col, .gallery-size-thumbnail dl { float:left; }

.col-3, .gallery-size-thumbnail { display:flex; flex-wrap:wrap; margin:0 -1%; }
.col-3 > div.col, .gallery-size-thumbnail dl.gallery-item { width:31.33%; margin:0 1% 2%; }

.gallery-size-thumbnail br,
.gallery-size-thumbnail .gallery-caption { display:none; } 

.col-4 { display:flex; flex-wrap:wrap; margin:0 -1%; }
.col-4 > div.col { width:23%; margin:0 1% 2%; }

.do-flex { display:flex; flex-wrap:wrap; margin-bottom:-1px;}




/** Simplelightbox **/

div.simple-lightbox .sl-navigation button { font-size:6em; outline:none; }
div.simple-lightbox .sl-counter { font-size:2em; }
div.simple-lightbox button.sl-close { font-size:4em; outline:none; }
div.simple-lightbox .sl-navigation button.sl-prev { left:30px; }
div.simple-lightbox .sl-navigation button.sl-next { right:30px; }


/*** Buttons ***/



.more-button { font-family:'Roboto Condensed',Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:400; background-color:var(--orange); border:2px solid var(--orange); border-radius:1.5em; padding:0.75em 1.25em 0.7em; color:var(--white); font-size:1.8em; line-height:1em; text-decoration:none; text-transform:uppercase; display:inline-block; white-space:nowrap; text-transform:uppercase; transition:all 300ms; }
.more-button:hover { background-color:var(--dark-grey); border-color:var(--dark-grey); color:var(--white); }
.content p .more-button { font-size:1em; color:var(--white); }
.content .more-button { color:var(--white); }

a.more-button { text-decoration:none; }

.more-button.outline { background-color:transparent; border-color:var(--orange); color:var(--orange); } 
.more-button.outline:hover { background-color:var(--orange); border-color:var(--orange); color:var(--white); }

.more-button.outline.white-button { background-color:transparent; border-color:var(--white); color:var(--white); } 
.more-button.outline.white-button:hover { background-color:var(--white); border-color:var(--white); color:#444; }

.more-button.green-button { background-color:var(--green); border-color:var(--green); }
.more-button.green-button:hover { background-color:#444; border-color:#444; color:var(--white); }
.more-button.outline.green-button { background-color:transparent; border-color:var(--green); color:var(--green); }
.more-button.outline.green-button:hover { background-color:var(--green); border-color:var(--green); color:var(--white); }

.more-button.blue-button { background-color:var(--blue); border-color:var(--blue);  }
.more-button.blue-button:hover { background-color:#444; border-color:#444; color:var(--white); }
.more-button.outline.blue-button { background-color:transparent; border-color:var(--blue); color:var(--blue); }
.more-button.outline.blue-button:hover { background-color:var(--blue); border-color:var(--blue); color:var(--white); }

.more-button.yellow-button { background-color:var(--yellow); border-color:var(--yellow); color:var(--dark-grey); }
.more-button.yellow-button:hover { background-color:#444; border-color:#444; color:var(--white); }
.more-button.outline.yellow-button { background-color:transparent; border-color:var(--yellow); color:var(--yellow); }
.more-button.outline.yellow-button:hover { background-color:var(--yellow); border-color:var(--yellow); color:var(--white); }

.more-button.gold-button { background-color:var(--gold); border-color:var(--gold);  }
.more-button.gold-button:hover { background-color:#444; border-color:#444; color:var(--white); }
.more-button.outline.gold-button { background-color:transparent; border-color:var(--gold); color:var(--gold); }
.more-button.outline.gold-button:hover { background-color:var(--gold); border-color:var(--gold); color:var(--white); }

.more-button.has-arrows { position:relative; padding-right:4.25em; }
.more-button.has-arrows svg { position:absolute; width:50px; right:1em; top:50%; transform:translateY(-50%); }

.button-wrapper { margin-bottom:5%; }
.button-wrapper .more-button { margin:0 10px 10px 0; }

.under-arrows svg { width:60px; }

.has-arrows .arrows,
.orange-arrows .arrows,
.under-arrows .arrows { fill:var(--orange); fill-rule:evenodd; transition:fill 300ms; }
.green-button .arrows,
.green-arrows .arrows { fill:var(--green); }
.blue-button .arrows,
.blue-arrows .arrows { fill:var(--blue); }
.yellow-button .arrows,
.yellow-arrows .arrows { fill:var(--yellow); }
.gold-button .arrows,
.gold-arrows .arrows { fill:var(--gold); }

.outline.has-arrows:hover .arrows { fill:var(--white); }

.transparent-arrows .arrows { fill:rgba(255,255,255,0.5); }

.has-bg-image { background-position:center center; background-repeat:no-repeat; background-size:cover; }

/*** H ***/

h1, h2, h3, h4, h5, h6 { font-family:'Roboto Condensed',Helvetica,Arial,sans-serif; font-weight:600; line-height:1em; margin-bottom:0.5em; color:var(--blue); text-transform:uppercase; }

h3 { font-size:3em; }

h4 { font-size:2.4em; }

h5 { font-size:2em; }

h6 { font-size:1.8em; }

h1, h2.h-1, h3.h-1, h4.h-1, .sidebar > h3:first-child { font-size:4.8em; }

h2, h1.h-2, h3.h-2, h4.h-2 { font-size:3.8em; } 

h1 a, h2 a{ text-decoration:none; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:block; font-size:0.7em; }


/*** PAGES ***/

.content p { font-size:1.8em; line-height:1.5em; margin:0 0 1.5em; }

.content strong { font-weight:700; }

.content a:not(.more-button),
.sidebar a { color:#9f417f; font-weight:400; transition:all 300ms; }
.content a:not(.more-button):hover,
.sidebar a:hover { color:#222; }


/*** LISTS ***/

.content ul,
.content ol  { font-size:1.8em; line-height:1.5em; margin:0 2px 1.5em 0; overflow:hidden; }
.content ul *,
.content ol * { font-size:1em; }
.content ul li { list-style-type:disc; margin:0 0 1em 30px; } 
.content ol li { list-style-type:decimal; margin:0 0 1em 30px; } 


.content ul.tick-list { overflow:visible; }
.content ul.tick-list li:before { content:"\f00c"; font-family:'Font Awesome 5 Solid'; display:none; }
.content ul.tick-list li svg { color:#ffcb05; position:absolute; top:0.25em; left:5px; transform:rotate(-7deg); }
.content ul.tick-list li { position:relative; list-style-type:none; margin-left:0; margin-bottom:1em; padding-left:35px; }

.content ul.arrow-list,
.footer-menu ul { overflow:visible; }
.content ul.arrow-list li:before,
.footer-menu ul li:before { content:"\f0da"; font-family:'Font Awesome 5 Solid'; display:none; }
.content ul.arrow-list li,
.footer-menu ul li { position:relative; list-style-type:none; margin-left:0; margin-bottom:0.5em; padding-left:1.5em; }
.content ul.arrow-list li svg,
.footer-menu ul li svg { color:var(--gold); position:absolute; top:0.25em; left:5px;  }

.content ul.pdf-list { margin-left:0; }
.content ul.pdf-list li:before { content:"\f1c1"; font-family:'Font Awesome 5 Solid'; display:none; }
.content ul.pdf-list li.web:before { content:"\f14c"; }
.content ul.pdf-list li.audio:before { content:"\f1c7";  }
.content ul.pdf-list li { position:relative; list-style-type:none; padding-top:0.25em; padding-bottom:1.5em; border-bottom:1px solid #ddd; margin-bottom:1.5em; margin-left:3em; font-size:1.125em; }
.content ul.pdf-list li:last-of-type { border:none; }
.content ul.pdf-list li svg { font-style:normal; color:#e0bf44; font-size:2em; position:absolute; left:-1.25em; }
.content ul.pdf-list li.web svg { left:-1.35em; }
.content ul.pdf-list li span { display:block; font-size:0.9em; padding-top:0.25em; }

.sidebar ul { list-style-type:disc; margin:0 0 45px 25px; font-size:1.4em; }
.sidebar ul li { margin-bottom:1em; }


/*** HOMEPAGE ****/

.slides-wrapper { position:relative; padding-top:40%; z-index:1; overflow:hidden; }
.slides-wrapper .slides,
.slides-wrapper .slides .slide,
.slides-wrapper .bx-wrapper,
.slides-wrapper .bx-wrapper .bx-viewport { position:absolute !important; z-index:1; top:0 !important; height:100% !important; width:100% !important; }
.slides-wrapper .bx-wrapper { height:100% !important; }
.slides-wrapper .slides .slide { display:none; }
.slides-wrapper .slides > div.slide:first-of-type { display:block; }

.slides-wrapper .slides .slide .wrapper { position:absolute; top:0; bottom:0; max-width:1210px; width:100%; left:50%; transform:translateX(-50%); z-index:+1; }

.slides-wrapper .slides .slide .text { background-color:rgba(0,0,0,0.8); max-width:470px; padding:5% 6% 3% 4%; position:absolute; width:100%; top:50%; left:20px; transform:translateY(-50%); z-index:+2;
clip-path:polygon( 0px 0px, 80% 0px, 100% 100px, 100% 100%, 0% 100% ); }

.slides-wrapper .slides .slide .text h4 { font-size:1.6em; font-weight:400; letter-spacing:0.05em; }
.slides-wrapper .slides .slide .text h3 { font-size:5em; margin-bottom:0.5em;  }
.slides-wrapper .slides .slide .text .arrows { width:60px; margin-bottom:20px; }
.slides-wrapper .slides .slide .text p.slide-text { font-size:1.6em; margin-bottom:1em; }
.slides-wrapper .slides .slide .text a.read-more { font-family:'Roboto Condensed',Helvetica,Arial,sans-serif; text-transform:uppercase; font-weight:600; font-size:2.4em; text-decoration:none; float:right; }
.slides-wrapper .slides .slide .text a.read-more svg { font-size:0.85em; position:relative; top:-0.1em; }

.slides-wrapper .slides .slide > svg.arrows2-svg { position:absolute; opacity:0.3; width:45%; }
.slides-wrapper .slides .slide > svg.arrows2-svg:first-of-type { top:0; left:0; }
.slides-wrapper .slides .slide > svg.arrows2-svg:last-of-type { bottom:-10%; right:0; }

.slides-wrapper .slides .slide.orange > svg.arrows2-svg .arrows { fill:var(--orange); }
.slides-wrapper .slides .slide.green > svg.arrows2-svg .arrows { fill:var(--green); }
.slides-wrapper .slides .slide.blue > svg.arrows2-svg .arrows { fill:var(--blue); }
.slides-wrapper .slides .slide.yellow > svg.arrows2-svg .arrows { fill:var(--yellow); }
.slides-wrapper .slides .slide.white > svg.arrows2-svg .arrows { fill:var(--white); }


/** SERVICES **/

.services-wrapper { display:flex; }
.services-wrapper > div { float:left; width:50%; }
.services-wrapper .inner { position:relative; }
.services-wrapper .inner .logo { position:absolute; width:166px; left:0; top:-15px; }
.services-wrapper .inner h2 { padding-left:200px; }

.services-wrapper .services { margin-bottom:5%; }
.services-wrapper .services .service { position:relative; padding-top:25%; }
.services-wrapper .services .service .mask { position:absolute; top:0; right:0; bottom:0; left:0; transition:background-color 300ms; z-index:2; }
.services-wrapper .services .service p { position:absolute; margin-bottom:0; width:90%; top:60%; left:50%; transform:translate(-50%,-50%); color:var(--white); text-align:center; z-index:3; transition:top 300ms; }
.services-wrapper .services .service:hover p { top:50%; }
.services-wrapper .services .service a { position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; }

.services-wrapper .service-icons { margin-bottom:3%; position:relative; z-index:3; }
.services-wrapper .service-icons .icon { display:inline-block; margin-right:5%; text-align:center; }
.services-wrapper .service-icons .icon:last-of-type { margin-right:0; }
.services-wrapper .service-icons .icon img { width:auto; }

.services-wrapper .signs { padding:5% 5% 5% 20px; }
.services-wrapper .vans { padding:5% 20px 5% 5%; position:relative; overflow:hidden; }
.services-wrapper .signs .inner { float:right; max-width:720px; }
.services-wrapper .vans .inner { float:left; max-width:720px; }
.services-wrapper .vans .inner .more-button { color:var(--light-grey) !important; position:relative; z-index:3; }

.services-wrapper .signs .service { border-top:4px solid var(--orange); }
.services-wrapper .signs .service .mask { background-color:rgba(24,94,176,0.8); }
.services-wrapper .signs .service:hover .mask { background-color:rgba(234,107,30,0.8); }

.services-wrapper .vans .service { border-top:4px solid var(--green); }
.services-wrapper .vans .service .mask { background-color:rgba(124,124,124,0.8); }
.services-wrapper .vans .service:hover .mask { background-color:rgba(90,175,56,0.8); }

.services-wrapper .vans > .arrows-svg { opacity:0.2; position:absolute; bottom:-5%; left:-20%; z-index:2; }
.services-wrapper .vans > .arrows-svg .arrows { fill:var(--grey); }

/** INTRO **/

.home .intro .h-1 { color:var(--orange); }
.home .intro h1 { font-family:'Poppins',Helvetica,Arial,sans-serif; color:var(--grey); font-size:2.4em; text-transform:none; }
.home .intro .left { float:left; width:50%; margin-right:5%; }
.home .intro .right { float:left; width:45%; position:relative; }
.home .intro .right .top { position:absolute; width:100%; top:0; bottom:45%; }
.home .intro .right .bottom { position:absolute; width:47.5%; top:60%; bottom:0; }
.home .intro .right .bottom-1 { left:0; }
.home .intro .right .bottom-2 { right:0; }

.count-numbers .counter { font-size:4.8em; }


/** WORK **/

.projects { margin-top:5%; }
.projects .project { float:left; flex:1 1 auto; width:25%; padding-top:20%; position:relative; overflow:hidden; }
.projects .project .mask { position:absolute; top:0; right:0; bottom:0; left:0; background-color:transparent; transition:background-color 500ms; z-index:2; }
.projects .project .text { position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; opacity:0; transition:opacity 700ms; }
.projects .project .text p { margin-bottom:0; text-align:center; color:var(--dark-grey); }
.projects .project .text p.uppercase { font-size:2.6em; }
.projects .project .triangle { position:absolute; border:8em solid #000; border-top-color:transparent; border-right-color:transparent; bottom:-100%; left:-100%; transition:all 500ms ease; z-index:4; }
.projects .project .triangle svg { position:absolute; bottom:-2em; left:-2em; color:var(--white); font-size:2.4em; }
.projects .project a { position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; }

.projects .project:hover .mask { background-color:rgba(199,161,95,0.8); }
.projects .project:hover .text { opacity:1; }
.projects .project:hover .triangle { bottom:0; left:0; }


/** LOGOS **/

/* flexisel */
.nbs-flexisel-container { position:relative; max-width:100%; }
.content ul.nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; height:131px; }
.nbs-flexisel-inner { overflow:hidden; width:100%; }
.content ul li.nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; list-style-type:none; }
.nbs-flexisel-item img { width:100%; cursor:pointer; position:relative; margin-top:10px; margin-bottom:10px; max-width:300px; max-height:101px; }
/*** flexisel navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right { width:17px; height:26px; position:absolute; cursor:pointer; z-index:100; opacity:1; }
.nbs-flexisel-nav-left { left:-25px; background:url(js/images/button-previous.png) no-repeat; }
.nbs-flexisel-nav-right { right:-25px; background:url(js/images/button-next.png) no-repeat; }

.client-logo-wrapper { padding:0; display:none; }
.client-logo-wrapper li { list-style-type:none; }
.client-logo-wrapper img { width:auto; height:101px; }


/** TESTIMONIALS **/

.page-template-page-testimonials .testimonial { padding-bottom:2%; margin-bottom:4%; border-bottom:1px solid #ddd; }
.page-template-page-testimonials .testimonials div.testimonial:last-of-type { border-bottom:none; }

.testimonials > div { flex:1 1 auto; float:left; width:50%; }
.testimonials .right { padding:5% 20px 5% 5%; }
.testimonials .right .inner { float:left; width:100%; max-width:600px; }

.testimonials .right h3 { padding-left:85px; position:relative; margin-bottom:1em; }
.testimonials .right h3:before { content:""; position:absolute; width:70px; height:51px; left:0; top:-0.2em; background:url(images/quote.png) no-repeat; }

.testimonial blockquote { position:relative; padding:0; }
.testimonial blockquote p { color:var(--light-grey); margin-bottom:2em; }
.testimonial .client-photo { width:80px; height:80px; border-radius:50%; border:1px solid var(--light-grey); margin-bottom:20px; background-position:top center; background-size:auto 100%; }
.testimonial p.name { font-size:2.4em; color:var(--white); font-weight:600; margin-bottom:0; }
.testimonial p.info { font-weight:400; }

/* BX PAGER */

.bx-wrapper .bx-pager { font-size:.85em; font-family:Arial; font-weight:bold; color:#999; padding-top:10px; position:absolute; bottom:30px; z-index:999; left:50%; transform:translateX(-50%); }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color:transparent; border:2px solid var(--white); text-indent:-9999px; display:block; width:20px; height:20px; margin:0 3px; outline:0; border-radius:10px; transition:all 300ms; }
.bx-wrapper .bx-pager.bx-default-pager a:hover { background-color:var(--white); }
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color:var(--white); width:40px; }

/** NEWS **/

.boxes {  }
.boxes .box { position:relative;  }
.boxes .box img { display:block; }
.boxes .box .box-inner { padding:10% 10% calc(10% + 50px); }
.boxes .box .box-inner h4 {  }
.boxes .box .box-inner p { font-size:1.6em; }
.boxes .box .more-button { position:absolute; bottom:8%; left:10%; white-space:nowrap; }


/****** SERVICE PAGES ******/

.services-page > .do-flex { flex-wrap:nowrap; }
.services-page .services-nav { flex:1 1 auto; min-width:30%; max-width:30%; }
.services-page .services-nav h4 { margin-bottom:0; font-size:1.8em; font-weight:400; line-height:1em; padding:1em 10px; background-color:var(--mid-grey); }
.services-page .services-nav .steel-bg { padding:15px; margin-bottom:15px; }
.services-page .services-nav p { margin-bottom:0.5em; padding-left:25px; position:relative; }
.services-page .services-nav a { text-decoration:none; color:var(--dark-grey); }
.services-page .services-nav svg { color:var(--dark-grey); position:absolute; left:0; top:0.25em; }
.services-page .services-nav .clickable svg { cursor:pointer; }
.services-page .services-nav ul { font-size:1.6em; margin-bottom:5px; display:none; }
.services-page .services-nav .active ul { display:block; }
.services-page .services-nav li:before { content:"-"; position:absolute; left:0; }
.services-page .services-nav li { list-style-type:none; position:relative; margin:0 0 0.5em 1.75em; padding-left:15px; }
.services-page .services-nav li a { color:var(--grey); }

.signmakers .sub-header,
.signmakers .services-page .services-nav h4.active { background-color:var(--orange); }
.vanfitouts .sub-header,
.vanfitouts .services-page .services-nav h4.active { background-color:var(--green); }
.covid19 .sub-header,
.covid19 .services-page .services-nav h4.active { background-color:var(--yellow); }

.search-results .sub-header { background-color:var(--orange) !important; }

.signmakers .services-nav li.current_page_item a,
.signmakers .services-nav div.active svg,
.signmakers .services-page h1 { color:var(--orange); }
.vanfitouts .services-nav li.current_page_item a,
.vanfitouts .services-nav div.active svg,
.vanfitouts .services-page h1 { color:var(--green); }
.covid19 .services-nav li.current_page_item a,
.covid19 .services-nav div.active svg,
.covid19 .services-page h1 { color:var(--yellow); }


.signmakers .services .more-button { background-color:var(--orange); border-color:var(--orange); }
.vanfitouts .services .more-button { background-color:var(--green); border-color:var(--green); }
.covid19 .services .more-button { background-color:var(--yellow); border-color:var(--yellow); }

.signmakers .services .more-button:hover,
.vanfitouts .services .more-button:hover,
.covid19 .services .more-button:hover { background-color:var(--dark-grey); border-color:var(--dark-grey); }


.services-page .services { flex:1 1 auto; padding-left:3%; }
.services-page .services h1 { font-size:3.4em; }

/* Carousel */
.inner-slides-wrapper { position:relative; overflow:hidden; margin-bottom:5%; }
.inner-slides-wrapper .inner-slides,
.inner-slides-wrapper .inner-slides .slide,
.inner-slides-wrapper .bx-wrapper,
.inner-slides-wrapper .bx-wrapper .bx-viewport { position:relative; z-index:1; }
.inner-slides-wrapper .inner-slides .slide { display:none; }
.inner-slides-wrapper .inner-slides > div.slide:first-of-type { display:block; }

/* Gallery */
.services-gallery .service { position:relative; padding-top:25%; }
.services-gallery .service .mask { position:absolute; top:0; right:0; bottom:0; left:0; transition:background-color 300ms; z-index:2; }
.services-gallery .service p { position:absolute; margin-bottom:0; width:90%; top:60%; left:50%; transform:translate(-50%,-50%); color:var(--white); text-align:center; z-index:3; transition:top 300ms; }
.services-gallery .service:hover p { top:50%; }
.services-gallery .service a { position:absolute; top:0; right:0; bottom:0; left:0; z-index:4; }

.signmakers .services-gallery .service { border-top:4px solid var(--orange); }
.signmakers .services-gallery .service .mask { background-color:rgba(24,94,176,0.8); }
.signmakers .services-gallery .service:hover .mask { background-color:rgba(234,107,30,0.8); }

.vanfitouts .services-gallery .service { border-top:4px solid var(--green); }
.vanfitouts .services-gallery .service .mask { background-color:rgba(124,124,124,0.8); }
.vanfitouts .services-gallery .service:hover .mask { background-color:rgba(90,175,56,0.8); }

.covid19 .services-gallery .service { border-top:4px solid var(--yellow); }
.covid19 .services-gallery .service .mask { background-color:rgba(124,124,124,0.8); }
.covid19 .services-gallery .service:hover .mask { background-color:rgba(254,203,19,0.8); }

/* Projects */
.services-page .projects .project { width:33.33%; max-width:33.33%; padding-top:25%; }
.services-page .projects .project .text p.uppercase { font-size:1.8em; }
.services-page .projects .project .triangle { border-width:4em; }
.services-page .projects .project .triangle svg { bottom:-1em; left:-1.5em;  font-size:2em; }


/*** INNER PAGES ***/

.breadcumbs-wrapper { padding:2% 0; }
.breadcumbs-wrapper .content p { font-size:1.8em; line-height:2em; margin-bottom:0; color:var(--grey); }
.breadcumbs-wrapper .content p a { text-decoration:none; color:var(--grey); white-space:nowrap; }
.breadcumbs-wrapper .content p span.breadcrumb_last { white-space:nowrap; }
.breadcumbs-wrapper .content p svg { margin:0 10px; }

.page-template-page-services .breadcumbs-wrapper { margin-bottom:10px; }

.signmakers .breadcumbs-wrapper .content p svg { color:var(--orange); }
.vanfitouts .breadcumbs-wrapper .content p svg { color:var(--green); }
.covid19 .breadcumbs-wrapper .content p svg { color:var(--yellow); }


.inner-title .arrows { width:60px; margin:0 auto; }




/*** TEAM PAGE ***/

.content .member { margin-bottom:5%; padding-bottom:3%; border-bottom:1px solid #ddd; }
.content > div.member:last-of-type { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.content .member > img { float:left; margin-top:-20px; width:205px; border-radius:50%; border:10px solid #eee; }
.content .member .member-inner { padding-left:260px; }


/*** COVID GRID ***/

.icon-grid .icons { flex-wrap:wrap; justify-content:center; }
.icon-grid .icons .icon { flex:0 1 auto; width:24%; margin:0 4% 4%; text-align:center; }
.icon-grid .icons .icon img { display:inline-block; width:auto; margin-bottom:15px; }

.partner-logos { padding-top:4%; }
.client-logos { padding-bottom:4%; }

.gallery-size-partnet-logo { text-align:center; }
.gallery-size-partnet-logo br { display:none; }
.gallery-size-partnet-logo .gallery-item { display:inline-block; width:17%; margin:0 1% 2%; padding-top:10%; position:relative; }
.gallery-size-partnet-logo .gallery-item img { position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; height:100%; width:auto; }

/*** SEARCH RESULTS PAGE ***/

.search-entry { padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid var(--light-grey); }
.search-entry .result { padding-left:34%; }
.search-entry img { float:left; width:29%; }

/*** CONTACT PAGE ***/

.contact-wrapper {  max-width:1210px; margin:0 auto 5%; padding-left:20px; padding-right:20px; }
.contact-wrapper .map-wrapper { border:1px solid var(--light-grey); padding:5% 0; }
.contact-wrapper .do-flex { border:1px solid var(--light-grey); border-top:0; }
.contact-wrapper .do-flex > div { float:left; width:50%; padding:5%; }
.contact-wrapper .do-flex .form { border-right:1px solid var(--light-grey); } 

/** GOOGLE MAP **/

.map-frame { width:90%; height:auto; margin:0 auto; }
#map_canvas { width:100%; height:400px; }
.map-frame .map-info h3 { font-size:1.4em; text-align:center; line-height:1.25em; margin-bottom:0; font-weight:600; text-transform:uppercase; }
.map-frame .info-box { padding-top:5px; }
.map-frame .info-box p { font-size:1.1em; line-height:1.25em; font-weight:600; text-align:center; margin-bottom:0.25em; }
.map-frame .gmnoprint .gm-style-mtc { display:none !important; }

/*** CONTACT DETAILS ***/

.contact-details .details p { margin-bottom:60px; }
.contact-details .details span { display:block; white-space:nowrap; position:relative; padding-left:30px; margin-bottom:10px; }
.contact-details .details span svg { color:var(--gold); position:absolute; left:0; top:3px; }
.contact-details .details span a { color:var(--dark-grey); text-decoration:none; }
.contact-details .details .social a { display:inline-block; height:32px; width:32px; margin:0 10px 10px 0; position:relative; background-color:transparent; border:1px solid var(--grey); border-radius:50%; transition:all 300ms; }
.contact-details .details .social a svg { font-size:1.4em; position:absolute; color:var(--grey); top:50%; left:50%; transform:translate(-50%,-50%); transition:color 300ms; }
.contact-details .details .social a:hover { background-color:var(--grey); border-color:var(--white); }
.contact-details .details .social a:hover svg { color:var(--white); }

/*** QUOTE PAGE ***/

.page-template-page-quote .contact-wrapper .do-flex { border: 1px solid var(--light-grey); }


/*** REMODAL ***/

.remodal.white-bg { background-color:#fff !important; }
.remodal.purple-bg { background-color:#9f417f !important; }
.remodal.lilac-dark-bg { background-color:#b9aac5 !important; }
.remodal.lilac-light-bg { background-color:#eeeaf1 !important; }
.remodal.gold-bg { background-color:#e0bf44 !important; }
.remodal.red-bg { background-color:#cc0000 !important; }

/** Pop Up **/

.remodal-wrapper .remodal.popup { text-align:left; padding:0; }
.remodal-wrapper .remodal.popup h3 { margin:0; padding:30px; }
.remodal-wrapper .remodal.popup .content { margin:0; padding:30px; }

.remodal-wrapper .remodal.popup h3.purple-bg,
.remodal-wrapper .remodal.popup h3.gold-bg,
.remodal-wrapper .remodal.popup h3.lilac-dark-bg,
.remodal-wrapper .remodal.popup h3.red-bg { color:#fff !important; }


/*** BLOG ***/

.entry { border-bottom:1px solid #ddd; margin-bottom:5%; padding-bottom:1%; }
.entry.has-image { padding-left:34%; }
.entry h2 { margin-bottom:3px; }
.entry .postmetadata { margin-bottom:7px; }

.blog .entry img,
.archive .entry img { float:left; margin-left:-51%; margin-top:5px; width:45%; }

.entry p.more-wrapper { text-align:right; font-size:1em; }
.content .entry p a.more-button { font-size:1.5em; }

.blog .news-feed,
.single .news-feed,
.archive .news-feed { margin-top:30px; }

.sidebar > ul { font-size:1.6em; }

.tagcloud { margin-bottom:50px; }

.content .navigation { text-align:center; }
.content .navigation ol.wp-paginate li { margin:0; }
.content .navigation ol.wp-paginate .current { background:#9f417f; border:1px solid #9f417f; }

img.full-image { display:block; margin-bottom:5%; }

.postmetadata { font-size:1.4em; display:block; margin-bottom:5%; }

.nav-next { float:right; }

.nav-single { font-size:2em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0 25px; margin:10% 0 3%; }
.nav-single a { text-decoration:none; }
.nav-single svg { font-size:1.5em; top:4px; position:relative; }
.nav-single span.next { float:right; }
.nav-single span.prev svg { margin-right:5px; }
.nav-single span.next svg { margin-left:5px; }

/** STRIPE FORM ***/

form.wpfs-form { margin:0 auto; max-width:360px; }
form.wpfs-form .wpfs-form-group { max-width:100% !important; }
form.wpfs-form .wpfs-form-check { text-align:center; }
form.wpfs-form .wpfs-form-actions { display:block; }
form.wpfs-form .wpfs-form-actions button { width:100%; }


/*** FORMS ***/

input, textarea, select {
  /* -webkit-appearance: none; */
  -webkit-border-radius: 0;
	outline:none;
}

select { -webkit-appearance: none; }

/*** FORMS ***/

.contact-form { border-top:5px solid #80c7e6; }

.contact-form .wrapper { z-index:2; }

.contact-form h3 { font-weight:300; color:var(--white); }

div.wpcf7 { margin:0 auto; padding:0 0 70px; width:100%; max-width:760px; position:relative; }

.wpcf7 form:before, .wpcf7 form:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.wpcf7 form:after { clear: both; }  
.wpcf7 form { zoom:1; position:relative; } 

.screen-reader-response { display:none !important; } 

.wpcf7 p.notice { float:none; width:96%; font-size:1.1em; display:block; text-align:center; }

.content .wpcf7 p { float:left; width:46%; margin:0 2% 2.5%; }
.wpcf7 p.full { float:none; width:100%; margin:0 0 2.5%; }
.wpcf7 p.half { float:none; width:50%; margin:0 auto; }
.wpcf7 label { display:inline-block; line-height:1.25em; margin:0 0 0.5em 0.8em; font-family:'Poppins',Helvetica,Arial,sans-serif; font-weight:400; font-size:0.8em; display:none; color:var(--grey); }
.wpcf7 label.show { display:inline-block; }
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 select { width:100%; border:none; border:1px solid var(--light-grey); background-color:var(--white); border-radius:5px; padding:0.75em; font-family:'Poppins',Helvetica,Arial,sans-serif; font-size:16px; color:#999; }
.wpcf7 textarea { height:120px; resize:vertical; }
.wpcf7 input.short { width:50%; }

.wpcf7 input.wpcf7-submit { display:inline-block; width:auto; font-family:'Poppins',Helvetica,Arial,sans-serif; font-weight:400; background-color:var(--blue); border:none; border-radius:1.5em; padding:0.5em 1.5em; color:var(--white); font-size:1.3em; line-height:1em; text-decoration:none; letter-spacing:0.05em; white-space:nowrap; text-transform:uppercase; transition:all 300ms; }
.wpcf7 input.wpcf7-submit:hover { background-color:var(--orange); color:var(--white); border-radius:5px; }

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }

.wpcf7-response-output {
		background:none;
		border:none !important;
		margin:0 !important;
		padding: 0 !important;
		z-index: 999;
		font-size:14px;
		text-align:center;
		position:absolute;
		bottom:-40px;
		right:0;
		width:100%;
		color:var(--grey);
		font-weight:400;
}

div.wpcf7 span.ajax-loader { position:absolute; display:none; left:50%; margin:0; padding:0; margin-left:-80px; top:auto; bottom:-30px; width:160px; height:20px; background:url(images/ajax-loader.gif); }
div.wpcf7 span.ajax-loader.is-active { display:block !important; }

.wpcf7-not-valid { border-color:red !important; }

span.wpcf7-form-control-wrap { display:inline !important; }


/*** CF7 ***/
.wpcf7-acceptance label { display:inline-block; line-height:1.5em; font-size:0.8em; color:var(--grey); }
.wpcf7-acceptance label a { color:var(--orange) !important; font-weight:400; }
.wpcf7-acceptance label a:hover { color:var(--blue) !important; }
.wpcf7-acceptance input[type=checkbox] { width:20px; vertical-align:top; position:relative; top:0.2em; box-shadow:none !important; }
input[type="submit"]:disabled.wpcf7-submit { background-color:#ccc !important; cursor:default; }

/*** Date Picker ***/
#ui-datepicker-div { font-size:130%; }

/*** TABLES ***/

table.cookie-table { width:100%; font-size:1em; }
.cookie-table { background:var(--white); border-collapse:separate; border-spacing:1px; text-align:center; margin-bottom:30px; }
.cookie-table th { background:#A0A0A0; padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:var(--white);  }
.cookie-table td { background:#f1f1f1; padding:10px; text-align:center; vertical-align:middle;  }
.cookie-table th, .cookie-table td { font-size:1.5em; line-height:1.5em; }
.cookie-table tr th:last-of-type, .cookie-table tr td:last-of-type { text-align:left; }

table.price-table { width:100%; font-size:1em; }
.price-table { background:var(--white); border-collapse:separate; border-spacing:2px; text-align:left; margin-bottom:30px; }
.price-table th { background:#b69dcb; padding:8px 10px 6px; vertical-align:top; font-weight:bold; color:var(--white);  }
.price-table td { background:#eeeaf1; padding:10px; vertical-align:middle; color:#9f417f; }
.price-table th, .price-table td { font-size:1.6em; line-height:1.5em; }




/*** VIDEO PAGE ***/

.videowrapper { float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; height:0; margin-bottom:20px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/*** FOOTER **/

.quote-request .do-flex { flex-wrap:nowrap; }
.quote-request .image { flex:0 0 auto; width:230px; }
.quote-request .text { flex:1 1 auto; padding:3%; }
.quote-request .text p { margin-bottom:0; font-size:1.6em; }
.quote-request .text p strong { font-size:1.2em; font-weight:400; text-transform:uppercase; }
.quote-request .button { flex:0 0 auto; width:230px; position:relative; }
.quote-request .button a { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:2.2em; }


.footer { padding-top:5%; position:relative; }

.footer .col.menu { width:18%; }
.footer .col.hours { width:28%; }
.footer .col.about { padding-right:2%; }

.footer .col { color:var(--dark-grey); }
.footer .col p,
.footer .col ul { color:var(--dark-grey); font-size:1.6em; padding-right:10px; }
.footer .col a { text-decoration:none; color:var(--dark-grey); transition:color 300ms; }
.footer .col a:hover { color:var(--orange); }
.footer .col h5 { font-size:3em; margin-bottom:30px; }

.footer .address .logo { max-width:166px; margin:-12px 0 15px; }
.footer .address span { display:block; position:relative; padding-left:30px; margin-bottom:10px; }
.footer .address span svg { color:var(--gold); position:absolute; left:0; top:3px; }

.footer .social a { display:inline-block; height:32px; width:32px; margin:0 10px 10px 0; position:relative; background-color:transparent; border:1px solid var(--blue); border-radius:50%; transition:all 300ms; }
.footer .social a svg { font-size:1.4em; position:absolute; color:var(--blue); top:50%; left:50%; transform:translate(-50%,-50%); transition:color 300ms; }
.footer .social a:hover { background-color:var(--orange); border-color:var(--orange); }
.footer .social a:hover svg { color:var(--white); }

.footer .hours p { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--light-grey); }
.footer .hours p.payment { padding-bottom:0; margin-bottom:0; border-bottom:none; }
.footer .hours p.payment a { display:block; line-height:1em; color:var(--white); text-align:center; text-transform:uppercase; padding:1.25em 10px; }
.footer .hours p span:first-of-type { float:left; }
.footer .hours p span:last-of-type { float:right; }

.sub-footer { padding:1% 0; }

.sub-footer .content p { font-size:1.4em; color:var(--white); font-weight:300; margin-bottom:0; text-align:center; }
.sub-footer .content p strong { display:block; float:left; }
.sub-footer .content p span { display:block; float:right; }
.sub-footer .content p span a { display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid var(--white); color:var(--white); white-space:nowrap; text-decoration:none; transition:color 300ms; }
.sub-footer .content p span a:hover { color:var(--gold); text-decoration:underline; }





/*** MISC ***/

img.alignleft { float:left; margin:3px 3% 2% 0; width:auto; max-width:40%; }
img.alignright { float:right; margin:3px 0 2% 3%; width:auto; max-width:40%; }
img.aligncenter { display:block; margin:5px auto 3%; width:auto; }

.line { clear:both; display:block; height:3em; margin-bottom:5em; border-bottom:3px solid #eee; }

.overflow { overflow:hidden; }

.clear { clear:both; padding:2% 0; }

.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }

.uppercase { text-transform:uppercase; font-family:'Roboto Condensed',Helvetica,Arial,sans-serif; font-weight:600; }


.white-txt { color:var(--white); }
.orange-txt { color:var(--orange); }
.green-txt { color:var(--green); }
.blue-txt { color:var(--blue); }
.yellow-txt { color:var(--yellow); }
.gold-txt { color:var(--gold); }
.dark-grey-txt { color:var(--dark-grey); }
.grey-txt { color:var(--grey); }
.light-grey-txt { color:var(--light-grey); }

.white-bg { background-color:var(--white); }
.orange-bg { background-color:var(--orange); }
.green-bg { background-color:var(--green); }
.blue-bg { background-color:var(--blue); }
.yellow-bg { background-color:var(--yellow); }
.gold-bg { background-color:var(--gold); }
.dark-grey-bg { background-color:var(--dark-grey); }
.grey-bg { background-color:var(--grey); }
.light-grey-bg { background-color:var(--light-grey); }
.steel-bg { background:url(images/steel-bg.jpg) #efefef; }

.mask { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; transition:background-color 500ms; }

.padding { padding-top:4%; padding-bottom:3%; }
.padding-top { padding-top:4%; }
.padding-bottom { padding-bottom:3%; }



@media only screen and (max-width: 1200px) {

	
	.slides-wrapper { padding-top:400px; }

	.slides-wrapper .slides .slide { padding:20px; }
	.slides-wrapper .slides .slide .wrapper { position:relative; top:auto; bottom:auto; left:auto; transform:none; padding:0; }
	
	.slides-wrapper .slides .slide .text { padding: 5% 6% 40px 4%; position:relative; max-width:600px; top:auto; left:auto; transform:none; clip-path:polygon( 0px 0px, calc(100% - 100px) 0px, 100% 100px, 100% 100%, 0% 100% ); }
	
	.slides-wrapper .slides .slide .text h3 { font-size: 3.4em; }
	.slides-wrapper .slides .slide .text .arrows { margin-bottom:10px; }
	.slides-wrapper .slides .slide .text a.read-more { font-size:2em; }
	
	.bx-wrapper .bx-pager { left:auto; transform:none; right:20px; bottom:10px; }
	.bx-wrapper .bx-pager.bx-default-pager a { width:14px; height:14px; border-radius:7px; }
	.bx-wrapper .bx-pager.bx-default-pager a.active { width:28px; }

}

@media only screen and (max-width: 1130px) {

	.top-nav { font-size:80%; }
	.signs-nav,
	.vans-nav { font-size:90%; }
	
	.nav-overlay .signs-nav { padding-right:20px; }
	.nav-overlay .vans-nav { padding-left:20px; }
	
	.nav-overlay .services-nav .level-2 ul { padding-top:0.5em; }
	.nav-overlay .services-nav .level-2 ul li { margin-bottom:0.5em; }
	
	.services-wrapper .inner .logo { position:relative; }
	.services-wrapper .inner h2 { padding-left:0; }
	.services-wrapper .services .service p { font-size:1.6em; }
	
}

@media only screen and (max-width: 980px) {
	
	.search form { width:220px !important; }
	
	.services-page .services-nav { font-size:85%; }
	
	.services-gallery .service p { font-size:1.6em; }
	
	.col-4 > div.col { width:48% !important; }
	
	.services-wrapper .col-3 > div.col { width:48%; padding-top:40%; }
	
}

@media only screen and (max-width: 870px) {
	
	.sub-footer .content p strong,
	.sub-footer .content p span { float:none; text-align:center; }
	.sub-footer .content p strong { margin-bottom:1em; }

}

@media only screen and (max-width: 830px) {

	.header { padding:15px 0; }
	
	.top-nav ul { font-size:2em; }
	
	.signs-nav,
	.vans-nav { font-size:80%; }
	
	.breadcumbs-wrapper .content p { font-size:1.6em; }
	.breadcumbs-wrapper .content p svg { margin:0 5px; }
	
	.services-wrapper { display:block; }
	.services-wrapper > div { float:none; width:100%; }
	
	.services-gallery .service p { font-size:1.8em; }
	.services-wrapper .col-3 > div.col { width:31.33%; padding-top:25%; }
	
	.services-wrapper .signs,
	.services-wrapper .vans { padding:20px; }
	
	.services-wrapper .signs .inner,
	.services-wrapper .vans .inner { float:none; max-width:unset; }
	
	.intro do-flex { display:block; }
	.home .intro .left { float:none; width:100%; margin:0 0 5%; }
	.home .intro .right { float:none; width:100%; position:relative; padding-top:60%; }

	

	
	h3 { font-size:2.4em; }
	h4 { font-size:2em; }
	h5 { font-size:1.9em; }
	h6 { font-size:1.8em; }
	h1, h2.h-1, h3.h-1, h4.h-1, .sidebar > h3:first-child { font-size:4em; }
	h2, h3.h-2, h4.h-2 { font-size:3em; }
	
}

@media only screen and (max-width: 800px) {


}

@media only screen and (max-width: 768px) {
	
	.sub-header .links span.mobile-hide { display:none; }
	
	.top-nav ul { font-size:1.8em; }
	
	.wrapper { padding-right:10px; padding-left:10px; }
	
	.nbs-flexisel-nav-left { left:-15px; }
	.nbs-flexisel-nav-right { right:-15px; }
	
	.page-template-page-quote .contact-wrapper .do-flex,
	.contact-wrapper .do-flex { display:block; }
	
	.contact-wrapper .do-flex > div { float:none; width:100%; }
	
	.contact-wrapper .do-flex .form { border-right:none; border-bottom:1px solid var(--light-grey); }
	
	

} 


@media only screen and (max-width: 700px) {

	.mobile-menu-trigger { margin-right:25px; }
	.mobile-menu-trigger strong { display:none; }
	
	.header .logos .logo { width:120px; }
	.header .logos img:first-of-type { margin-right:15px; }
	
	.header .buttons { margin-top: 4px; }
	.header .buttons .more-button { font-size:1.4em; }
	
	.nav-overlay .scroll-overflow { position:absolute; top:0; left:0; width:100%; height:100vh; overflow:scroll; }
	
	.nav-overlay .top-nav { height:auto; }
	.top-nav .wrapper { position:relative; left:auto; bottom:auto; transform:none; padding:20px; }
	
	.nav-overlay .signs-nav,
	.nav-overlay .vans-nav { height:auto; float:none; width:100%; padding:20px; }
	
	.nav-overlay .signs-nav .services-nav,
	.nav-overlay .vans-nav .services-nav { float:none; max-width:unset; }
	
	.nav-overlay .services-nav > p { margin-bottom:1em; }
	.nav-overlay .services-nav > .under-arrows { display:none; }
	
	.services-gallery .service p { font-size:1.6em; }
	
	.services-page .do-flex { display:block; }
	.services-page .services-nav { display:none; }
	.services-page .services { padding-left:0; }
	
	
	img.alignleft,
	img.alignright,
	img.aligncenter { display:block; float:none; margin:0 auto 3%; width:auto; max-width:100%; }
	
	
	.quote-request .do-flex { display:block; }
	.quote-request .image { display:none; }
	.quote-request .text { text-align:center; }
	.quote-request .text p {  }
	.quote-request .text p strong {  }
	.quote-request .button { padding:0 3% 3%; width:100%; text-align:center; }
	.quote-request .button a { position:relative; top:auto; left:auto; transform:none; font-size:1.8em; }
	
	
	.footer .col-3 { width:100%; max-width:400px; margin:0 auto 8% !important; float:none; }
	
	.footer-wrapper { background-size:90% auto; }
	
	.sub-footer small { display:block; width:100%; float:none; padding:10px 0; }
	
}

@media only screen and (max-width: 640px) {
	
	.top-nav ul { font-size:2.4em; display:block; }
	.top-nav ul li { margin-bottom:0.5em; }
	
	.signs-nav, .vans-nav { font-size:90%; }
	
	.slides-wrapper .slides .slide .wrapper { font-size:80%; }
	.slides-wrapper .slides .slide .text { padding:5% 6% 32px 4%; }
	
	
	.wpcf7 form p, 
	.wpcf7 form p.full { float:none; width:96%; }
	
	.cookie-table { font-size:0.8em; }
	
}

@media only screen and (max-width: 600px) {

	.slides-wrapper { padding-top:300px; }
	.slides-wrapper .slides .slide { padding:10px; }
	
	h3 { font-size:2.4em; }
	h4 { font-size:2.2em; }
	h5 { font-size:2em; }
	h6 { font-size:1.8em; }
	h1, h2.h-1, h3.h-1, h4.h-1, .sidebar > h3:first-child { font-size:2.8em; }
	h2, h3.h-2, h4.h-2 { font-size:2.6em; }
	
	.home .intro p { font-size:1.8em; }
	
	.content p .more-button { font-size:1.1em; }
	
	.content ul.pdf-list li { font-size:1em; }
	
	.sub-footer .content p a { margin:0 10px; padding:0; border:none; }
	
	.wpcf7-response-output { font-size:13px; }
	
	.sub-footer .content p span a { display:block; margin:10px 0; border-left:none; }
	
	
}

@media only screen and (max-width: 520px) {
	
	.sub-header { padding:7px 0 10px; }
	.sub-header span.covid a { font-size:0.85em; font-weight:600; margin-right:0; }
	.sub-header a.book-button { font-size:0.95em; top:0; right:10px; padding:0.25em 0.5em; border-radius:3px; }
	
	.header { padding:15px 0 10px; }
	.mobile-menu-trigger { margin-right:15px; }
	.mobile-menu-trigger .fa-bars { font-size:3.4em; }
	.header .logos .logo { width:90px; }
	.header .buttons { margin-top:0; }
	.header .buttons .more-button { font-size: 1.2em; }
	
	
	.col-3:not(.numbers) > div.col, .gallery-size-thumbnail dl.gallery-item { width:48% !important; }
	
	.services-gallery .service { padding-top:35%; }
	
	.services-wrapper .col-3 > div.col { padding-top:40%; }
	
}


@media only screen and (max-width: 500px) {
	
	.search form { width:140px !important; }
	
	.nav-overlay .services-nav .level-2 { display:block; width:100%; margin-bottom:2em; padding-right:0; }
	
	.numbers .col { font-size:75%; }

	
	.col-4 { display:block; margin:0; }
	.col-4 > div.col { width:98% !important; }
	
	.contact-wrapper .map-wrapper { padding:0; }
	.map-frame { width:100%; }

}


@media only screen and (max-width: 470px) {
	
	.search-entry img { float:none; width:100%; display:block; margin-bottom:5%; }
	.search-entry .result { padding-left:0; }
	
	.cookie-table, .cookie-table * { display:block; text-align:left; }
	.cookie-table tr:first-of-type { display:none; }
	
}

@media only screen and (max-width: 430px) {
	
	.mobile-menu-trigger,
	.header .logos img:first-of-type { margin-right:10px; }
	.mobile-menu-trigger .fa-bars { font-size:2.8em; }
	.header .logos .logo { width:80px; }
	.header .buttons .more-button { font-size:1em; }
	
	
	.main-menu .wrapper > ul li:nth-of-type(1),
	.main-menu .wrapper > ul li:nth-of-type(2) { display:block; }
	
	/* Woo */
	
	.woocommerce form .payment_method_stripe .form-row label { font-size:13px; }
	
}

@media only screen and (max-width: 400px) { 

	.sub-header .buttons { display:none; }
	.search form { width: 180px !important; }
	
	.contact-details .details span { font-size:0.85em; }
	
}

@media only screen and (max-width: 360px) {
	
	.mobile-menu-trigger .fa-bars { font-size:2.4em; }
	.header .logos .logo { width:70px; }
	.header .buttons .more-button { font-size:0.9em; }
	
	.header .logo { width:160px; }
	.header .badge { width:70px; }
	
	
}