/*
Theme Name: Street Stories 2021
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: 
*/


/* COLOURS

Green: var(--themecolour);


*/

:root {
  --plyr-color-main:#00FFA8;
  --plyr-control-radius: 0px;
  --plyr-control-icon-size: 35px;
  --themecolour:#00FFA8;
  --themetext:#000000;
  --stirling:#2cfffe;
  --colchester:#eeda36;
}

.plyr--full-ui input[type=range]  { color:var(--themecolour) }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:var(--themecolour); }


@font-face {
    font-family: 'TT Interfaces';
    src: url('/wp-content/themes/arch_ss/fonts/TTInterfaces-Bold.woff2') format('woff2'),
        url('/wp-content/themes/arch_ss/fonts/TTInterfaces-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('/wp-content/themes/arch_ss/fonts/TTInterfaces-Medium.woff2') format('woff2'),
        url('/wp-content/themes/arch_ss/fonts/TTInterfaces-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* --- GENERAL --- */
body,html { font-family: 'TT Interfaces', sans-serif;margin:0;padding:0;font-weight:normal; }

body { padding-top:523px;padding-top:160px;background:#000; }

.m-grid { margin-bottom:0; }
.m-container-768 { max-width:868px; }

.pos-rel { position:relative; }
.text-white { color:#ffffff !important; }
.text-black { color:#000000 !important; }
.text-green { color:var(--themecolour) !important; }

.bg-white { background:#ffffff; }
.bg-green { background:var(--themecolour);color:var(--themetext) !important; }
.bg-green .text-green, .bg-green .text-white { color:var(--themetext) !important; } 
.bg-black .text-white { color:#fff !important; }
.bg-black .text-green { color:var(--themecolour) !important; }

.bg-blue-light { background:var(--stirling);color:#000; }
.bg-yellow { background:var(--colchester);color:#000; }

.bg-black { background:#000000; }
.bg-grey  { background:#333333; }

.vertical-outer { display:inline-table;vertical-align: middle;width:100%;height:100%; }
.vertical-align, .vertical-inner { display:table-cell;vertical-align: middle;width:100%;height:100%; }


.bg-black * { color:#fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

.hide-overflow { overflow:hidden; }

ul { padding-left:20px; }
ul li { margin-bottom:15px; }

img { display:block; }

.vertical-outer { display:inline-table;vertical-align: middle;width:100%;height:100%; }
.vertical-inner { display:table-cell;vertical-align: middle;width:100%;height:100%; }

.zindex1 { z-index:1; }

h1 { font-size:3em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:inline-block;width:100%;max-width:500px;margin-bottom:15px;margin-top:0px }
h2 { font-size:2em; }
h3 { font-size:1.6em;margin-bottom:30px; }
h4 { font-size:1.3em; }
h5 { font-size:1.1em;margin:15px 0 -10px; }

p { line-height:1.5em; }

p a, :where(h1,h2,h3,h4,h5,h6) a { color:var(--themecolour); }
p a:hover, :where(h1,h2,h3,h4,h5,h6) a:hover { color:#fff; }
a.button { display:inline-block;color:#000;text-decoration: none;background:var(--themecolour);padding:12px 20px 15px;border-radius:5px;font-size:0.9em;font-weight:bold;border:1px solid var(--themecolour); }
a.button:hover { color:var(--themecolour);background:#000; }

a.button.black { background:#000;color:#fff;font-size:0.9rem;border:1px solid transparent; }
a.button.black:hover { background:var(--themecolour);color:#000;border:1px solid #000; }

a.button.small { padding:5px 10px 5px; }

/* --- HEADER --- */
.header { position:fixed;z-index:100;top:0px;width:100%;box-shadow:0px 5px 15px rgba(0,0,0,0.2); }
.header-top { padding:30px 15px 100px;text-align:center;padding-bottom:20px; }
.logo-street-stories { max-width:800px;max-width:140px;width:100%;display:inline-block;margin-top:70px;margin-top:0px; }
.white-logo { filter:invert(100%); }

.menu { list-style: none;padding:0;margin:0;display:inline-block;width:100%;background:#000;widht:100%;display:inline-table;table-layout: fixed; }
.menu li { display:table-cell;text-align:center; }
.menu li a { display: inline-block;width:100%;height:100%;padding:10px;text-decoration: none;color:#fff; }
.menu li a:hover { color:var(--themecolour);background:#000; }

.logo-arch { width:auto;height:auto;display:inline-block;position:absolute;top:0px;left:0px; }
.logo-bid img, .logo-arch img, .logo-arch-footer img { width:auto;height:50px;display:inline-block; }
.logo-arch-footer { width:auto;height:auto;display:inline-block;height:50px;margin:0 30px; }
.logo-arch-footer:not(.graffio) { position:relative;top:10px; } 
.header-socials { position:absolute;top:0;right:-10px;}
.header-socials span { position:relative;top:-5px;margin-right:10px; }

a.text-white:hover { color:var(--themecolour) !important; }

a.social { width:24px;height:24px;background:url("/wp-content/themes/arch_ss/img/socials.png") no-repeat left top;background-size:120px auto;display:inline-block;margin:0 10px; }

a.social.black { position:relative;z-index:2;width:24px;height:24px;background:var(--themecolour);display:inline-block;margin:0 10px; }
.footer a.social.black { background:#00FFA8; }
/*a.social.black:before { content:"";z-index:1;display:inline-block;width:24px;height:24px;position:absolute;top:0;left:0;background:var(--themecolour); }*/
a.social.black:after  { content:"";z-index:1;display:inline-block;width:24px;height:24px;position:absolute;top:0;left:0;background:url("/wp-content/themes/arch_ss/img/socials-black.png") no-repeat left top;background-size:120px auto; }


a.instagram, a.instagram.black:after { background-position:0px 0px; }
a.twitter, a.twitter.black:after { background-position:-24px 0px; }
a.facebook, a.facebook.black:after  { background-position:-48px 0px; }
a.linkedin, a.linkedin.black:after { background-position:-72px 0px; }
a.youtube, a.youtube.black:after { background-position:-96px 0px; }
a.green.instagram:hover, a.instagram:hover { background-position:0px -24px; }
a.green.twitter:hover, a.twitter:hover   { background-position:-24px -24px; }
a.green.facebook:hover, a.facebook:hover  { background-position:-48px -24px; }
a.green.linkedin:hover, a.linkedin:hover  { background-position:-72px -24px; }
a.green.youtube:hover, a.youtube:hover  { background-position:-96px -24px; }

a.social.instagram.black:hover, a.social.instagram.black:focus, a.social.instagram.black:active, 
a.social.twitter.black:hover, a.social.twitter.black:focus, a.social.twitter.black:active,   
a.social.facebook.black:hover, a.social.facebook.black:focus, a.social.facebook.black:active, 
a.social.linkedin.black:hover, a.social.linkedin.black:focus, a.social.linkedin.black:active,  
a.social.youtube.black:hover, a.social.youtube.black:focus, a.social.youtube.black:active  { background:#ffffff; }

 


a.green.instagram { background-position:0px -48px; }
a.green.twitter   { background-position:-24px -48px; }
a.green.facebook  { background-position:-48px -48px; }



a.app-button { width:40%;height:auto;background:var(--themecolour);display:inline-block; }
a.app-button:hover { background:#fff; }
a.app-button img { width:100%; }



.bg-green a { color:#000; }
.bg-green a:hover { color:#fff; }
.bg-black a { color:#fff; }
.bg-black a:hover { color:var(--themecolour); }

.bg-black a.button { color:#000; }
.bg-black a.button:hover { color:var(--themecolour); }



.text-white a { color:#fff; }
.text-white a:hover { color:var(--themecolour); }

.plyr .plyr__video-embed { margin-top:clamp(2rem,10vw,4rem); }
.plyr:first-child  .plyr__video-embed{ margin-top:0; }


/* --- INTRO --- */
.subbrand { width:100%;max-width:300px; }
.intro h3 { color:var(--themecolour); }


/* -- LOCATIONS -- */
.location { display:block;display:inline-table;margin:0;width:100%;position:relative;overflow:hidden;text-decoration:none;height:390px; }
.location > img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.location-content { display:block;display:table-cell;vertical-align:middle;position:relative;z-index:2;padding:16% 15px;text-align:center; }
.location .white-logo { width:160px;height:70px;display:inline-block; }
.location .white-logo.invisible { opacity:0;height:22px; }
.location-content .title { font-size:2.3em;color:#fff;font-weight:bold; }
.location-content .subtitle { font-size:1.2em;font-weight:bold;text-transform: uppercase; }
.location-overlay { position:absolute;bottom:20%;right:0%;background:rgba(0,0,0,0.7);width:200%;height:280%;transform:rotate(33deg);-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;-o-transition: all 0.75s ease-in-out;transition: all 0.75s ease-in-out; }
.location:hover .location-overlay { /*right:100%;bottom:25%;*/transform:rotate(33deg) translateX(-40%); } 
/* -56.8% */
.location-link.disabled { pointer-events:none;background:#3e3e3e; }
.location-link.disabled img { opacity:0.3; }


/* --- HOW TO --- */
.howto-slider { margin-top:30px; }
.howto-slide { padding:30px 30px;position:relative; }
.howto-slide p { text-align:center; }
.howto-slide img { width:100%; }
.howto-number { position:absolute;top:0px;left:15px;font-size:2em;display:inline-block;text-align:center;border:2px solid #000;border-radius:100%;width:50px;height:50px; }
.slick-next { right:0px; }
.slick-prev { left:0px;transform: rotate(180deg);background-position: 17px center !important;margin-top:-40px; }
.slick-next:before, .slick-prev:before { display:none; }
.slick-next, .slick-prev { z-index:1;background:var(--themecolour);/*background:var(--themecolour) url("/wp-content/themes/arch_ss/img/black-arrow-right.svg") no-repeat center;background-size:15px auto;*/width:45px;height:80px; }
.slick-next:after, .slick-prev:after { content:"";display:block;width:15px;height:20px;background:url("/wp-content/themes/arch_ss/img/black-arrow-right.svg") no-repeat center;background-size:15px auto;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); }
.slick-next:hover, .slick-prev:hover, .slick-next:active, .slick-prev:active, .slick-next:focus, .slick-prev:focus { background:var(--themecolour) url("/wp-content/themes/arch_ss/img/black-arrow-right.svg") no-repeat center;background-size:15px auto;background:#fff; }
.slick-disabled { display:none !important; }


/* --- DISCOVER -- */
.artist-profile { background:#000000;padding:30px 30px 80px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.artist-profile h4 { margin-bottom:5px; }
.artist-profile span, .mobile-artist-count { display:block;margin-bottom:-15px;font-weight:bold;margin-top:30px; }
.onlyone .mobile-artist-count { display:none !important; }
.onlyone .artist-profile { display:block !important;padding-top:2rem !important; }
.artist-profile .artist-count { font-size:1.75em;margin-top:0px;margin-bottom:0px; }
.artist-art { width:calc(100% + 30px);margin-top:-30px; }
.artists-grid { margin-top:45px; }
.green-triangle { width: 0;height: 0;border-style: solid;border-width: 0 0 60px 60px;border-color: transparent transparent var(--themecolour) transparent;position:absolute;bottom:0;right:0; }
.artist-socials { margin:30px 0 10px -10px; }
.tel { color:#fff !important; }

/* --- MAP --- */
#map { width:100%;display:block; }
#mobilemap { display:none;border-top:1px solid #fff; }
.map { width:100%; }
.map-holder { position:relative;overflow: hidden; }
.map-popup-holder { position:absolute;top:0;left:0;width:100%;height:100%;text-align:right;padding:30px;overflow:hidden; }
.marker { position:absolute;z-index:1;width:35px;height:55px;background:url("/wp-content/themes/arch_ss/img/marker.svg") no-repeat center;background-size:contain;top:0;left:0;text-decoration: none;color:var(--themecolour);font-weight:bold;padding:9px 0px 0px;text-align:center; }
/*.marker.active, .marker:hover { color:#000;background:url("/wp-content/themes/arch_ss/img/marker-green.svg") no-repeat center;background-size:contain; }*/
.marker.mobile, .marker.mobile:hover { color:var(--themecolour);display:inline-block;position:static;background:url("/wp-content/themes/arch_ss/img/marker.svg") no-repeat center;background-size:contain;margin-right:15px;vertical-align: top;margin-top:15px; }
/*.mobile-location.active .marker.mobile { color:#000;background:url("/wp-content/themes/arch_ss/img/marker-green.svg") no-repeat center;background-size:contain; }*/
.marker.active, .marker:hover { color:#fff; }

.map-popup { position:absolute;z-index:5;display:inline-block;width:400px;text-align:left;top:30px;right:-430px; }
.map-popup.active { right:30px; }
.popup-top { display:inline-block;background:#000;width:calc(100% - 40px);padding:5px 10px;font-size:1.5em;position:relative; }
.popup-top:after { display:inline-block;content:"";position:absolute;top:0;right:-40px;width: 0;height: 0;border-style: solid;border-width: 40px 0 0 40px;border-color: transparent transparent transparent #000000; }
.popup-image { width:100%; }
.popup-bottom { background:#000;padding:15px; }

.mobile-location { border-bottom:2px solid var(--themecolour); }
.mobile-location.active { background:#000; }
.mobile-location-top { padding:5px 30px 5px; }
.mobile-location-top h4 { display:inline-block;width:calc(100% - 50px); }
.mobile-location.active h4 { color:var(--themecolour); }
.mobile-location-bottom { display:none; }
.mobile-location.start .mobile-location-bottom { display:block; }
.mobile-location-bottom p { margin-top:5px; }
.map-link { margin-bottom:15px;display:inline-block; }
.mobile-popup-image { width:calc(100% + 60px);transform: translate(-30px, -5px); }

/* --- Partnership --- */
.partnership .img { width:100%;height:100%;object-fit: cover;position: absolute;top:0;left:0; }
.partnership-image-fix { position:relative;left:-159px; }
.partnership .partnership-logo { height:40px;display: inline-block;margin:15px 0; }
.black-arrow { position:absolute;width:100%;height:100%;top:0;left:0;background:url("/wp-content/themes/arch_ss/img/black-triangle.svg") no-repeat left bottom;background-size:contain; }
.black-arrow.right { left:auto;right:-1px;background:url("/wp-content/themes/arch_ss/img/black-triangle-right.svg") no-repeat right bottom;background-size:contain; }

.svg-triangle { position:absolute;height:100%;top:0;left:0; }
.svg-triangle.right { left:auto;right:-1px;transform:scaleX(-1); }

.bg-green .svg-triangle { fill:var(--themecolour); }

.text-column-width { width:100%;max-width:600px;display:inline-block; }
.img-left,.img-right { width:50% !important; }
.img-left { left:0;right:auto !important; }
.img-right { right:0;left:auto !important; }



/* --- Video --- */
.plyr__control--overlaid { padding:25px;border:2px solid #fff;background:transparent; }


/* Image Slider */
.image-slide img { width:100%; }

 
/* Content Block */
.large-text-content-block { padding:20% 30px; }

/* Form */
form { margin-top:30px; }
input, textarea { width:100%;padding:10px 15px;font-family:sans-serif;max-width:100%;margin:0px 0;border:none;display:block;font-size:1em;text-align:center; }
input[type="submit"] { color:#fff;background:#000;width:auto;margin:0 auto;padding:10px 30px;border-radius:5px;font-size:1em; }
input[type="submit"]:hover { color:#000;background:#fff; }
.wpcf7-not-valid-tip { display:inline-block;width:100%;margin:5px 0 10px; }
 

/* Process */
.progress-side { text-align:left;height:250px;width:100%;max-width:550px;display:inline-block;padding:30px 155px 30px 30px;font-weight:bold;font-size:1.5em; }
.progress-side.large-side { font-size:2em; }
.side-triangle { position:absolute;top:0;right:0;transform: rotate(180deg);height:250px; }
.progress-side img.step-image { width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover; }
.process-step { margin-bottom:15px; }
.process-text { padding-right:15%; }
.progress-side-column { text-align:center; }

/* --- Footer --- */
.footer .logos { display:inline-table;table-layout: fixed;width:100%;padding:100px 0; }
.footer .logos { display:inline-block; }
.footer .logos > div { display:table-cell;display:inline-block; }
.footer .logos > div a { display:inline-block;width:auto; }
.footer .logos > div a img { width:auto;height:60px; }
.footer .logos > div:nth-child(1) { padding-right:15px; }
.footer .logos > div:nth-child(2) { padding-right:15px;padding-left:15px;text-align:center; }
.footer .logos > div:nth-child(3) { padding-left:15px;text-align:right; }

.footer-logo-top { width:100%;text-align:center; }
.footer-logo-bottom { width:100%;font-size:1.5em;font-weight:bold; }
.footer .logos > div.footer-logo-top a { margin:0 45px 30px; }
.footer .logos > div.footer-logo-bottom  a img { height:45px;position:relative;top:10px;margin:0 5px;  }
.footer .text-green { color:#00ffa8 !important; }


.imageimage img { width:100%;display:block; }
.sonly-logo { width:350px;margin-top:30px; }
.socials-slider { max-width:600px;margin:0 auto;width:100%; }




/* Home */
.slick-dots li button::before { font-size:14px;color:#fff;opacity:1; }
.slick-dots li.slick-active button:before, .slick-dots li:hover button:before { opacity:1;color:#000; }

.quote-slider .slick-slide { padding:0 15px; }
.quote-slider p { font-size:1.25em;line-height:1.3em; }
.quote-slider span { display:block;width:100%;font-size:0.85em; }
.quote-slider span.name { font-weight:bold;margin-top:30px;margin-bottom:10px; }
.quote-slider span.role { margin-bottom:40px; }

.benefit-icon img { height:80px;width:auto;margin:30px auto 30px; }

.how-icon { background:var(--themecolour);width:150px;height:150px;border-radius: 100%;display:inline-block;padding:35px 0 0;text-align:center;margin-bottom:15px; }
.how-icon img { height:80px;width:auto;display:inline-block; }

.location-link { position:relative;display:block;overflow:hidden;background:#000; }
.location-link img { width:100%;transition:all 0.4s ease-in-out;transform:scale(1); }
.location-label { color:#000;background:var(--themecolour);display:inline-block;padding:10px 20px;font-weight:bold;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:1.4em;transition:all 0.2s ease-in-out; }
.location-link:hover .location-label { transform: translate(-50%, -50%) scale(1); }
.location-link:hover img { opacity:0.5;transform:scale(1.1); }

#start p span { font-weight:bold;font-size:1.1em; }
#start p span.wpcf7-list-item-label { font-weight: normal;font-size:0.8em; }
input[type="checkbox"] { display:inline-block;width:auto;margin-right:15px; }

.green-arrow { width:100px;height:100px;position:absolute;display:block; }
.green-arrow.top-left { top:0;left:0;background:url("/wp-content/themes/arch_ss/img/green-arrow-top-left@2x.png") no-repeat;background-size:100px 100px; }
.green-arrow.bottom-right { bottom:0;right:0;background:url("/wp-content/themes/arch_ss/img/green-arrow-bottom-right@2x.png") no-repeat;background-size:100px 100px; }



.ss-window { position:absolute;top:-100%;left:0;transition:top 1s ease-in-out; }
.ss-window.active { top:0; }

.ss-window-hidden { position:absolute;top:0;left:0;width:100%;clip-path:polygon(25% 25%, 76% 25%, 76% 75%, 25% 75%); }
.ss-window-hands { position:absolute;top:-17%;left:0;width:104.27083333333333%; }
.home-banner { overflow:hidden; }
.ss-holding-dealie { position:absolute;top:100%;left:0;width:100%;height:100%;display:block;transition:top 1s ease-in-out; }
.ss-holding-dealie.active { top:0%; }

.ss-window-text { z-index:3;border-top:5px solid #000;position:relative;text-align:center;display:inline-block;background:#000;color:#fff;padding:0px 30px 15px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:4em;font-weight:bold; }
.ss-window-text span.line1 { position:absolute;top:0%;left:50%;transform: translateX(-50%); }
.ss-window-text span.line2 { opacity:0;white-space: nowrap; }

.ss-window-screen { width:51%;height:50%;position:absolute;top:25%;left:25%; }
.ss-window-screen-overlay { transition:background 0.4s ease-in-out;width:51%;height:50%;position:absolute;top:25%;left:25%;display:block;background:var(--themecolour);background:#2cfffe; }

#header { display:block; }


.cn-button.wp-default { background:var(--themecolour);color:var(--themetext); }

.graffio img { height:50px;position:relative;top:10px; }

.anr_captcha_field_div > div { margin:0 auto; }

.home-video-banner { position:relative; }
.overlay-video { opacity:1;transition:opacity 0.4s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#000; }
.overlay-video.hidden { opacity:0;pointer-events:none; }
.overlay-video video { opacity:0.8; }
.home-play-holder { padding:40px;width:130px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid var(--themecolour);border-radius:100%; }
.home-play { transform:translateX(17%);width:100%;height:100%;background:var(--themecolour);display:block;clip-path:polygon(0% 0%, 100% 50%, 0% 100%); }
.home-play-holder:hover { background:#000;border-color:#fff; }
.home-play-holder:hover .home-play { background:#fff; }


.blog-image-holder { position:relative;background:#000;overflow:hidden; }
.blog-image-holder::after { content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;display:block; }
.blog-image-holder img { opacity:1;transform:scale(1);width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;transition:all 0.3s ease-in-out; }
.article-loop { background:var(--themecolour);color:var(--themetext); }
.article-loop header { display:block;padding:0px 30px 30px; }
.article-loop a { text-decoration:none;color:var(--themetext);font-size:1.5rem;line-height:auto; }
.blog-image-holder:hover img { opacity:0.6;transform:scale(1.1); }
.blog-post { color:#fff; }
.blog-header-separator { width:100vw;height:60px;background:var(--themecolour);position:relative; }
.blog-header { overflow:hidden;margin-top:0px;padding:120px 0px 60px; }
.blog-header-image { position:absolute;opacity:0.3;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.blog-post-body :is(h1,h2,h3,h4,h5,h6) { color:var(--themecolour); }

.paginatino { text-align:center;padding:15px 30px;text-align:center; }
.paginatino a { color:#000;text-decoration:none;display:inline-block;padding:10px 20px;background:var(--themecolour);border:1px solid transparent; }
.paginatino a:hover { background:#000;color:var(--themecolour);border:1px solid var(--themecolour); }




#quotes .slick-track
{
display: flex !important;
}

#quotes .slick-slide
{
height: inherit !important;
}



.sub-brand-logo { width:100%;max-width:350px;display:inline-block; }
.sub-brand-box { padding:90px 30px 60px;text-align:center; }
.sub-brand-box ul { list-style:none;padding:0;width:100%;max-width:650px;margin:45px auto 0; }
.sub-brand-box ul li { font-weight:bold;font-size:1rem;position:relative; }
.sub-brand-box ul li:not(.no-tick)::before { margin-right:20px;content:"";display:inline-block;position:relative;top:3px;width:20px;height:20px;background:url("/wp-content/themes/arch_ss/img/tick.svg") no-repeat center;background-size:contain; }
.cta-large-text > span { font-weight:bold;font-size:1.2rem;display:inline-block;padding-bottom:10px; }

@media(min-width:769px){
    .desktop-hide { display:none !important; }
    .mobile-artist-header { display:none !important; }
}

@media(max-width:1100px){
    .black-arrow { top:50%;height:50%; }
    .footer .logos > div a img { width:auto;height:50px;}
}

@media(max-width:768px){
    .howto-slide { padding:30px 60px;position:relative; }
    #map { display:none !important; }
    #mobilemap { display:block !important; }
    
    .artist-profile { padding-top:0px;display:none; }
    .artist-top-label { margin-top:5px !important; }
    .artist-profile .artist-count { display:none !important; }
    .artist-art { display:none !important; }

    .mobile-artist-header {  }
    .mobile-artist-art { width:100%; }
    .mobile-artist-count { font-size:1.75em;margin-top:0px;margin-bottom:0px;padding:15px 30px 15px; }
    
    .toggle-plus { font-weight:bold;position:absolute;right:30px;top:0;font-size:1.5em;color:var(--themecolour); }


    .artist-profile .m-grid-gap-15 { grid-gap: 0px; }
    .artist-art { position:absolute;top:0;left:0px;width:100%;margin:0;transform: translateY(-100%); }
    /*.logo-street-stories { margin-top:70px  !important; }*/
    .mobile-hide, .logo-bid, .header-socials > span, .logo-arch { display:none !important; }
    .logo-street-stories { margin-top:0px !important; }
    .header-top { padding:15px 15px 15px !important; }
    body { padding-top:80px; }
    /*h1 { margin-bottom:0px; }*/
    
    .footer .logos { padding:30px 0; }
    .footer .logos > div { display:inline-block;width:100%;text-align:center !important;padding:30px 0; }

    .footer-logo-top { margin-bottom:-50px; }
    .partnership .img { position:static;display:block; }

    .right-on-mobile { grid-row:2; }
    .img-left, .img-right { width:100% !important; }
    .textimage_column > .hide-overflow { overflow: visible !important;position:static !important; }
    .textimage_column > .hide-overflow .pos-rel { position:static; }
    .textimage_column .svg-triangle { height:25%;top:auto;bottom:0; }

    .hideimageonmobile { display:none !important; }

    .ss-window-text { font-size:3em; }
}






/* ===== NAV MENU ===== */
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative;width:100%; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }


.header-bottom { background:#000;text-align:right; }
.mobile-toggle { width:30px;height:30px;display:none;margin:14px 15px 0 0 ; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#ffffff; }
.mobile-toggle.active .toggle-bar { background:#666; }

#footermenu .menu { list-style: none;padding:0;margin:0; }

.link-consistency { display:inline-block;width:120px;text-align:center;margin:0 5%; }
.logo-arch-footer { margin:0; }


.slick-slider { margin-bottom:0; }

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio { position:relative; }


/* Tablet Size */
@media(max-width:768px){
    /* Move this to it's own query if it needs to break down earlier */
        .mobile-toggle { display:inline-block; }
        #navmenu { display:none; }
        #navmenu.back-to { display:inline-block !important; }
        #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; }
    /* ---------------------- */
}

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


      .sonly-logo { width:300px;margin-top:45px; }
.link-consistency { width:100%;margin:0; }
    .howto-slide img { max-width:250px;margin:0 auto; }
    .logo-arch-footer { display:block;margin:30px 30px; }


     .location { height:auto; }
     h1 { font-size:2.2em; }
     h2 { font-size:1.6em; }


     .slick-next, .slick-prev { width:35px;height:50px; }
     .slick-next:after, .slick-prev:after { width:12px;background-size:12px auto; }
     .slick-prev { margin-top:-25px; }


     .graffio img { height:50px;position:relative;top:0px; }


    body { padding-top:140px; }

     .ss-window-text { font-size:2.2em; }

     .sub-brand-logo { width:100%;max-width:250px;display:inline-block; }
}