/*
Theme Name: Advice Robo 2025
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
	--green:#00aa77;
	--green-dark:#005e55;
	--pink:#aa00aa;
	--blue-dark:#001133;
	--blue-light:#005599;
	--blue:#003366;
	--blue-grey:#8091B3;
	--purple:#55096f;
	--grey:#e6e9f0;
	--grey-dark:#aeb0b4;
	--grey-blue:#405173;
	--plyr-color-main:var(--green);
}

/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;font-family:"Inter", sans-serif;overflow-x:hidden; }
body { overflow-x:hidden;padding-top:80px; }

* { box-sizing:border-box; }

img { display:block; }

.container { width:100%;max-width:1500px;margin:0 auto; }
.small-container { width:100%;max-width:840px;margin:0 auto; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.text-center { text-align:center; }

.bg-blue { background:var(--blue); }
.bg-blue-light { background:var(--blue-light); }
.bg-grey { background:var(--grey); }
.bg-blue-dark { background:var(--blue-dark); }
.bg-white { background:#fff; }

:is(.bg-blue-dark, .bg-blue-light) :is(h1,h2,h3,h4,h5,h6,p) { color:#fff; }

h1,h2,h3,h4,h5,h6 { font-family:"Hubot Sans", sans-serif;font-weight:500; }

h1 { font-size:clamp(2rem,5vw,2.5rem);line-height:110%; }
.banner h1, .home-banner h1 { color:#fff;font-size:clamp(2.5rem,5vw,6rem);line-height:110%; }
h1 span { color:var(--pink); }
.bg-white h1 { color:var(--blue-dark) }
h2 { font-size:clamp(1.5rem,2.5vw,2.5rem);color:#fff;line-height:140%; }
.bg-white h2 { color:var(--blue-dark) }
h3 { color:var(--pink);font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:140%; }
h4 { font-size:1.5rem;line-height:140%; }
h5 { font-size:1.5rem;line-height:140%; }

a.button { height:fit-content;transition:background 0.3s ease-in-out;display:inline-block;position:relative;text-decoration:none;font-weight:500;border-radius:2rem;background:var(--grey);color:var(--blue-dark);padding:0.65rem 1.3em; }
a.button:hover { background:var(--grey-dark); }
a.button.big { font-size:1.5rem;padding:0.8rem 2em; }
a.button.green { background:var(--green);color:#fff; }
a.button.green:hover { background:var(--green-dark); }
a.button.arrow { padding-right:calc(1.3rem + 11px); }
a.button.arrow.big { padding-right:calc(2.5rem + 11px);  }
a.button.arrow::after { transition:right 0.3s ease-in-out;right:15px;top:calc(50% - 10px);width:11px;height:20px;background:url("/wp-content/themes/arch_robo/img/arrow-black.svg") no-repeat center;background-size:contain;content:"";position:absolute; }
a.button.green.arrow::after { background:url("/wp-content/themes/arch_robo/img/arrow-white.svg") no-repeat center;background-size:contain; }
a.button.arrow:hover::after { right:10px; }

a { color:var(--pink);text-decoration:none;font-weight:500; }
a:hover { color:var(--blue-light); }

select { font-size:1rem;appearance:none;border:none;transition:background 0.3s ease-in-out;display:inline-block;position:relative;text-decoration:none;font-weight:500;border-radius:2rem;background:var(--grey);color:var(--blue-dark);padding:0.65rem 1.3em;padding-right:calc(1.3rem + 11px); }
select:hover { background:var(--grey-dark); }
.gtranslate_wrapper { position:relative; }
.gtranslate_wrapper::after { transition:right 0.3s ease-in-out;right:15px;top:calc(50% - 10px);width:11px;height:20px;background:url("/wp-content/themes/arch_robo/img/arrow-black.svg") no-repeat center;background-size:contain;content:"";position:absolute; }
.gtranslate_wrapper:hover::after { right:10px; }

/* ===== NAV MENU ===== */
header { background:#fff;padding:1rem 2rem;position:fixed;z-index:999;width:100%;top:0;left:0;  }
.nav-holder { display:flex;justify-content:space-between;gap:1rem;align-items:center; }
nav { flex:1 1 auto; }
#navmenu .menu { display:flex;gap:1rem;justify-content:space-evenly;list-style: none;padding:0;margin:0;width:100%;z-index:100;position:relative; }
#navmenu .menu li { position:relative; }
#navmenu .menu li a { color:var(--blue-dark);text-decoration:none;font-size:1.125rem;font-weight:500; }
#navmenu .menu li a:hover,
#navmenu .menu li.current_page_item > a { color:var(--pink); }
#navmenu .sub-menu { padding:2rem 0 0;display:none;position:absolute;width:300px;top:100%;left:0;background:#fff;list-style: none;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .sub-menu li a { padding:0.5rem 1rem;display:block; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }

footer { background:var(--blue-dark);padding:3rem 2rem 12rem;color:#fff; }
footer .menu { list-style: none;padding:0;margin:0.6rem 0 0;width:100%;line-height:200%; }
footer  a { text-decoration:none;color:#fff;font-weight:500; }
footer a.underlined { text-decoration:underline; }
footer  a:hover { color:var(--pink); }
footer li { flex:0 1 180px; }

.footer-logo { display:inline-block; }
.footer-grid { display:flex;flex-wrap:wrap;width:100%;gap:1rem;margin-top:2rem; }
.footer-grid > div { flex:1 0 200px; }
.socials { position:absolute;top:0;right:0;display:flex;gap:1rem; }
.socials a img { height:20px;width:auto;object-fit:contain; }
.socials a:hover { opacity:0.25; }


/* ===== MODULES ===== */
.module { display:block;padding:clamp(2rem, 5vw, 6rem) 2rem clamp(2rem, 5vw, 6rem); }
.module.no-bottom-padding { padding-bottom:0rem; }
.module.two_column_textimage { padding:clamp(2rem, 5vw, 6rem) 2rem clamp(2rem, 5vw, 6rem); }
.module.slider { padding-top:0px;padding-bottom:0; }
.module.single-post { padding-top:1rem; }

.home-banner { position:relative;background:var(--blue-dark);padding-bottom:clamp(0px,12vw,400px);margin-bottom:clamp(0px,7vw,400px); }
/*.home-banner::after { position:absolute;content:"";width:100%;height:10%;left:0;bottom:0;background:linear-gradient(0deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%); }*/
.home-banner video { width:100%;opacity:0.5;position:absolute;top:0;left:0;height:100%;object-fit:cover; }
.video-overlay { position:absolute;top:0;left:0;width:100%;height:100%;background:var(--blue-dark);mix-blend-mode:color; }
.video-overlay.pink { background:var(--pink);mix-blend-mode:overlay;}
.home-text-overlay { position:relative;top:0;left:0;width:100%;height:100%;padding:2rem;z-index:5; }
/*.home-text-overlay h2 { padding-right:15vw; }*/

.banner { position:relative;background:var(--grey);padding-bottom:clamp(0px,12vw,250px);margin-bottom:clamp(0px,12vw,150px); }
.banner :is(h1,h2) { color:var(--blue-dark);width:100%; }
.banner-container { width:100%;max-width:1200px;text-wrap:balance; }

.breadcrumbs { padding:1rem 1rem;color:#fff;font-weight:500;position:relative;z-index:3; }
.breadcrumbs a { color:var(--blue-grey);text-decoration:none; }
.breadcrumbs a:hover { color:#fff; }

.home-hex-people-holder { pointer-events:none;z-index:2;aspect-ratio:1920/1025;position:absolute;top:100%;width:100%;max-width:1920px;left:50%;transform:translate(-50%, -65%); }
.home-hex-people { width:100%; }
.banner-hex { opacity:0;position:absolute;bottom:0;left:0;width:calc(100% / 7);aspect-ratio:250/285; }
.banner-hex.logo { opacity:1; }
.banner-hex { transform:scale(1.01);-webkit-mask-repeat: no-repeat;-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUwIDI4NS43MSI+CiAgPGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllcl8xIj4KICAgIDxwYXRoIGQ9Ik0xMjUsMGwxMjUsNzEuNDN2MTQyLjg2bC0xMjUsNzEuNDNMMCwyMTQuMjlWNzEuNDNMMTI1LDBaIi8+CiAgPC9nPgo8L3N2Zz4=');-webkit-mask-position: center;mask-size:contain }
/*.banner-hex { background:#fff; }*/
.banner-hex img { width:100%;height:100%;object-fit:cover; }
.banner-hex-extension { position:absolute;left:100%;width:100%;height:100%;transform:translateY(-23%); }
.banner-hex-extension:nth-child(2) { left:-100%; }

.hex-pos-1 { left:calc(calc(100% / 7) * 0);  }
.hex-pos-2 { left:calc(calc(100% / 7) * 1);  }
.hex-pos-3 { left:calc(calc(100% / 7) * 2);  }
.hex-pos-4 { left:calc(calc(100% / 7) * 3);  }
.hex-pos-5 { left:calc(calc(100% / 7) * 4);  }
.hex-pos-6 { left:calc(calc(100% / 7) * 5);  }
.hex-pos-7 { left:calc(calc(100% / 7) * 6);  }
  
.banner-hex:is(.row-1, .row-3).hex-pos-1 { left:calc(calc(100% / 7) * 0.5);  }
.banner-hex:is(.row-1, .row-3).hex-pos-2 { left:calc(calc(100% / 7) * 1.5);  }
.banner-hex:is(.row-1, .row-3).hex-pos-3 { left:calc(calc(100% / 7) * 2.5);  }
.banner-hex:is(.row-1, .row-3).hex-pos-4 { left:calc(calc(100% / 7) * 3.5);  }
.banner-hex:is(.row-1, .row-3).hex-pos-5 { left:calc(calc(100% / 7) * 4.5);  }
.banner-hex:is(.row-1, .row-3).hex-pos-6 { left:calc(calc(100% / 7) * 5.5);  }
.banner-hex:is(.row-1, .row-3).hex-pos-7 { left:calc(calc(100% / 7) * 5.5);  }

.banner-hex.row-2 { transform:scale(1.01) translateY(-75%); }
.banner-hex.row-3 { transform:scale(1.01) translateY(-150%); }
.banner-hex.row-4 { transform:scale(1.01) translateY(-225%); }


.banner-hex:not(.logo).visible { opacity:1;animation:fadeIn 0.8s ease-in-out 1; }

@keyframes flickerAnimation {
  0%   { opacity:0; }
  10%  { opacity:1; }
  20%  { opacity:0; }
  30%  { opacity:1; }
  45%  { opacity:0; }
  60%  { opacity:1; }
  80%  { opacity:0; }
  100% { opacity:1; }
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}



.icon-columns { margin-top:4rem;position:relative;display:flex;gap:2rem;flex-wrap:wrap; }
.icon-columns::after { position:absolute;top:0;right:0;content:"";display:block;background:#fff;height:100%;width:1px; }
.icon-columns > div { padding-right:1rem;position:relative;flex:1; }
.icon-columns > div p { min-width:250px; }
.icon-columns > div::after { position:absolute;content:"";display:block;width:1px;height:100%;top:0;right:0rem;background:var(--blue-dark); }
.bg-grey .icon-columns::after { background:var(--grey); }
.icon-columns > div:last-child::after { display:none; }
/*.icon-columns > div:last-child { border:none; }*/
.icon-columns .stat { font-size:4.5rem;font-weight:700;font-family:"Hubot Sans";display:block;color:var(--pink); }
:is(.icon-rows, .icon-columns) .stat-under { font-size:1.5rem;font-weight:500;line-height:140%;margin-bottom:-1rem;display:inline-block; }
.bg-grey .stat-under { color:var(--pink);  }
 
.icon-rows { display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;position:relative; }
.icon-rows::before { width:100%;height:2px;top:0;left:0;background:var(--grey);content:"";display:block;position:absolute; }
.icon-rows > div { flex:0 1 470px;border-top:1px solid var(--grey-blue);padding-top:2rem; }
.icon-rows > div p { min-width:400px; }
.logos-grid { display:flex;gap:2rem;align-items:center;margin-top:4rem;flex-wrap:wrap;justify-content:center; }
.logos-grid img { width:100%; } 

.tick-boxes { display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));flex-wrap:wrap;gap:2rem;margin:2rem 0;justify-content: space-between; }
.tick-box { padding:2rem 0;flex:1 1 calc(25% - 2rem);position:relative;height:inherit;background:var(--blue);border-radius:1rem;overflow:hidden; }
.tick-box::before { mix-blend-mode:multiply;z-index:2;content:"";background:var(--blue-light);width:100%;height:100%;top:0;left:0;display:block;position:absolute; }
.tick-box > img { filter:grayscale(1);z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1; }
.tick-box-text { z-index:3;position:relative;text-align:center;padding:0 2rem;color:#fff;height:100%;display:flex;flex-wrap:wrap;align-content:space-between;align-items:center; }
.tick-box-text img { display:inline-block;margin:0 auto 2rem; }
.tick-text { font-size:2rem;font-weight:500;line-height:120%;margin-bottom:1rem;flex:1 1 100%; }


.two-column { display:flex;gap:3rem;flex-wrap:wrap;justify-content:space-between; }
.text-column { flex:0 1 591px;max-width:590px;text-wrap:pretty; }
.img-column { flex:1 1 50%;max-width:50%; }
.img-column.no-bottom-space { align-content:end; }
/*.img-column img { width:100%;min-width:260px; }*/
.slick-slider { margin-bottom:0px; }
/*.stat-column . { flex: 1 1 auto; }*/

/*.module.slider { padding:0rem 0rem 0 2rem; }*/
.slick-track { display: flex !important; }
.slick-slide { height:inherit; }
.slick-slide > div,
.slick-slide .slide,
.slick-slide .two-column,
.slick-slide .img-column,
.slick-slide .img-column > div { height:100%; }
.slick-dots { bottom:0px; }
.slick-dots li button:before,
.slick-dots li.slick-active button:before { color:#fff;font-size:12px; }
.slick-dots li.slick-active button:before { opacity:1 }

.slick-prev:before, .slick-next:before { display:none; }
.slick-prev, .slick-next { width:50px;height:90px;background:url("/wp-content/themes/arch_robo/img/arrow-white.svg") no-repeat;background-size:contain; }
.slick-prev { left:-6rem;transform:translateY(-50%) scaleX(-1); }
.slick-next { right:-6rem; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity:0.6;background:url("/wp-content/themes/arch_robo/img/arrow-white.svg") no-repeat;background-size:contain; }

.img-column img { height:100%;object-fit:cover;width:100%; }
.slider p { font-size:1.5rem; }
.two-col-slider .two-column { flex-wrap:nowrap; }
.two-col-slider .text-column { padding:3rem 0; }
.img-column:is(.cornered,.hexed) { position:relative; }
.img-column.cornered > div { height:100%; }
.img-column.cornered::before,
.img-column.cornered::after,
.img-column.cornered > div::before,
.img-column.cornered > div::after { clip-path: polygon(100% 0, 0 0, 0 100%);content:"";display:block;width:20vw;max-width:256px;aspect-ratio:256/147;background:var(--blue-dark);position:absolute;top:-1px;left:-1px; }
.img-column.cornered::after { clip-path: polygon(0 0, 0 100%, 100% 100%);top:auto;bottom:-1px; }


.img-column.hexed::before { clip-path: polygon(0 0, 0 25%, 25% 0%, 100% 0, 100% 25%, 75% 0%);content:"";display:block;width:calc(100% + 2px);height:calc(100% + 2px);aspect-ratio:256/147;background:var(--blue-dark);position:absolute;top:-1px;left:-1px; }
.img-column.hexed::after  { clip-path: polygon(0 100%, 0 75%, 25% 100%, 75% 100%, 100% 75%, 100% 100%);content:"";display:block;width:calc(100% + 2px);height:calc(100% + 2px);aspect-ratio:256/147;background:var(--blue-dark);position:absolute;top:-1px;left:-1px; }


.img-column.hexed.large::before { clip-path: polygon(0 0, 0 50%, 50% 0%, 100% 0, 100% 50%, 50% 0%); }
.img-column.hexed.large::after { display:none; }

.bg-white .img-column.hexed::before,
.bg-white .img-column.hexed::after { background:#fff; }

.bg-blue-light .img-column.hexed::before,
.bg-blue-light .img-column.hexed::after { background:var(--blue-light); }





.vert { display:flex;align-items:center; }
.no-bottom-padding .vert { padding-bottom:4rem; }


.video-holder { position:relative; }
.video-thumb-overlay { z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5; }
.video-holder img { position:absolute;top:0; }
.video-play { z-index:2;position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%, -50%); }

 
.team-flex { display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-evenly; }
.team { flex:0 1 calc(33% - 2rem); }
.team img.masked { aspect-ratio:1/1;object-fit:cover;mask-image:url("/wp-content/themes/arch_robo/img/hex-mask.svg");mask-size:contain;max-width:300px;mask-repeat:no-repeat; }
span.role { color:#fff;margin-top:-1.5em;display:block; }
.linkedin { display:inline-block;margin-top:1rem; }
.linkedin:hover { opacity:0.6; }


.list-slide { padding:0 1rem; }
.listing { background:var(--blue-dark);color:#fff;padding:2rem;border-radius:2rem;text-align:center;row-gap:2rem;justify-content:center; }

.job-slider { margin-top:2rem; }
.job-slider .slick-dots { bottom:-80px; }
.job-slider .slick-dots li button:before,
.job-slider .slick-dots li.slick-active button:before { color:var(--blue-dark);font-size:12px; }
.listing span { font-size:2rem;flex:1 0 100%; }
.listing { display:flex;flex-wrap:wrap; }




.tick-list { width:100%; }
.tick-list .tick { width:100%;color:#fff;padding:1rem 0rem;position:relative;display:flex;align-items:center;column-gap:1rem;border-top:1px solid var(--blue-grey); }
.tick-list .tick:last-child { border-bottom:1px solid var(--blue-grey); }
.tick-list .tick::before { flex:0 0 50px;content:"";display:inline-block;width:50px;height:50px;background:url("/wp-content/themes/arch_robo/img/icon-pink-tick.svg") no-repeat;background-size:contain; }



.blog-post-title { font-size:1.25rem;display:block;margin:1rem 0 1.2rem; }
.pagination { text-align:center;margin-top:3rem; }
.pagination a { display:inline-block;padding:0.5rem 1rem;text-decoration:none; }
.pagination a.next::after { margin:0 0 0 1rem;position:relative;top:3px;content:"";display:inline-block;width:10px;height:18px;background:url("/wp-content/themes/arch_robo/img/arrow-grey.svg") no-repeat;background-size:contain; }
.pagination a.prev::before { margin:0 1rem 0 0;position:relative;top:3px;content:"";display:inline-block;width:10px;height:18px;background:url("/wp-content/themes/arch_robo/img/arrow-grey.svg") no-repeat;background-size:contain;transform:scaleX(-1); }
.pagination a:is(.prev, .next):hover {  }
.page-numbers { color:var(--blue-dark); }
.page-numbers:hover,
.page-numbers.current { color:var(--pink); }

.blog-archive-grid { display:flex;flex-wrap:wrap;gap:2rem; }
.blog-post-module-grid { margin-top:3rem;  }
.blog-archive-grid > div { flex:1 1 360px;width:100%; }
.blog-archive-holder { align-content:baseline;flex-flow:column;border-radius:1.2rem;padding:0rem 2rem 3rem;overflow:hidden;background:var(--grey);width:100%;height:inherit;display:flex;flex-wrap:wrap; }
.bg-grey .blog-archive-holder { background:#fff; }
.blog-archive-holder .button { width:fit-content; }
.blog-post-link img { aspect-ratio:384/216;object-fit:cover;width:100%; }
.blog-post-link { width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem; }
.blog-archive-text { flex:1 1 auto;padding:2rem 0 1rem; }
.blog-post-date { display:inline-block;width:100%;font-family:"Hubot Sans", sans-serif;font-weight:500; }
.blog-post-title { color:var(--pink);font-weight:500; }
.cat-link { padding:4rem 2rem 0rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap; }
.category-link, .filter a { text-decoration:none;color:var(--blue-dark);font-size:0.9rem;font-weight:500; }
.category-link:hover, .filter a:hover, .filter a.active { color:var(--pink); }

.filter { padding:0 0 3rem;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem; }


form label { display:block;font-weight:500;margin-bottom:0.5rem;color:var(--pink) }
form :is(input, textarea) { font-family:"Inter", sans-serif;width:100%;border-radius:1.5rem;border:none;padding:1rem 1.5rem; }
form button { font-size:1rem;appearance:none;border:none;font-weight:500;background:var(--green);color:#fff;height:fit-content;transition:background 0.3s ease-in-out;display:inline-block;position:relative;text-decoration:none;font-weight:500;border-radius:2rem;padding:0.65rem 1.3em; }
form button:hover { background:var(--green-dark); }

.forminator-response-message { margin-bottom:2rem; }

.cky-btn-revisit-wrapper { display:none !important; }

@media(min-width:1500px){
	.img-column.cornered > div::before,
	.img-column.cornered > div::after { clip-path: polygon(100% 0, 100% 100%, 0 0%);left:auto;right:-1px; }
	.img-column.cornered > div::after { clip-path: polygon(100% 0, 100% 100%, 0 100%);top:auto;bottom:-1px; }
}

@media(max-width:1720px){
	.slick-prev, .slick-next { width:30px;height:55px; }
	.slick-prev { left:-3rem; }
	.slick-next { right:-3rem; }
}

@media(max-width:1620px){
	.slick-prev, .slick-next { height:45px;top:calc(100% - 35px);z-index:2 }
	.slick-prev { left:0rem; }
	.slick-next { right:0rem; }
	.two-col-slider .text-column { padding-bottom:5rem; }
}




@media(max-width:1350px){
	.tick-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:1100px){
		  .icon-columns, .tick-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}


@media(max-width:1024px){
	.nav-holder { padding-top:3rem; }
	.nav-holder a.button { padding-top:14px;position:absolute;top:0;left:0;width:60%;border-radius:0px;height:46px; }
	.nav-holder a.button.grey { left:60%;width:40%; }
	.gtranslate_wrapper { position:absolute;top:0;left:0;width:60%;border-radius:0px;left:60%;width:40%; }
	.nav-holder select { width:100%;height:100%;border-radius:0px;height:46px; }
	body { padding-top:7rem; }
	header .logo { position:relative;top:4px; }



}

@media (max-width: 800px) {

}



/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
	.nav-holder { flex-wrap:wrap; }
	nav { width:100%; }
		.mobile-toggle { display:inline-block;position:absolute;top:67px;right:1rem; }
		#navmenu { display:none; }
		#navmenu .menu { width:100%;display:block; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */
		body { padding-top:110px; }
/*		.nav-holder {  }*/
header { padding-bottom:0px; }

#navmenu .sub-menu { padding:1rem 0 1rem 1rem; }
.two-col-slider .two-column { flex-wrap:wrap;gap:0rem; }
.two-col-slider .img-column { flex:0 1 100%;width:auto;max-height:300px;max-width:100%;height:auto; }

.tick-boxes {
    grid-template-columns: repeat(1, 1fr);
  }
  .img-column { max-width:100%; }
  	.two-col-slider .text-column { padding-bottom:2rem; }

}

/* Mobile Size */
@media(max-width:650px){

			  .icon-columns {
    grid-template-columns: repeat(1, 1fr);
  }

  .icon-rows > div p { min-width:280px; } 


}