/*
Theme Name: SUBWAY TO SALLY
Author: ticktoo Systems GmbH / Pedro Stoehr
Author URI: https://ticktoo.com
Template: bones
*/

/*! IMPORTS ------------------------------------------------------------ */

@import url('fonts/Inter/Inter.css');
@import url('../bones/vendor/bootstrap-5.3.2-dist/css/bootstrap.min.css');
@import url('vendor/fontawesome-pro-6.4.2-web/css/all.min.css');
@import url('vendor/fontawesome-pro-6.4.2-web/css/sharp-solid.min.css');

/*! VARS --------------------------------------------------------------- */

:root {
	--theme-font: 'Inter', Helvetica Neue, Helvetica, sans-serif;
	--theme-color: 13,13,13;
  --theme-color-light: 245,245,245;
  --theme-color-yellow: 255,237,0;
	--theme-color-grey: 151,151,151;
  --theme-color-grey-dark: 70,70,70;
	--theme-color-grey-light: 241,241,245;
  --theme-color-red: 226,0,26;
	--bs-link-color-rgb: 255,237,0;
  --bs-link-hover-color-rgb: 123,123,124;
  --theme-transition: all .4s ease-in-out;
}

/*! GENERAL ------------------------------------------------------------ */

body{background-color:rgb(var(--theme-color));color:rgb(var(--theme-color-light));font-family:var(--theme-font);font-size:1rem;line-height:1.5}
h1{font-family:var(--theme-font);hyphens:auto;font-weight:bold;line-height:1.1;margin:0;padding:2rem 0 1.25rem 0;text-transform: uppercase;}
h2{font-family:var(--theme-font);color:rgb(var(--theme-color-grey));hyphens:auto;font-weight:bold;margin:0;padding:.75rem 0 1rem 0;text-transform: uppercase;}
h3{font-family:var(--theme-font);color:rgb(var(--theme-color-grey));hyphens:auto;font-weight:bold;margin:0;padding:.75rem 0 1rem 0}
h4{font-family:var(--theme-font);hyphens:auto;font-weight:bold;padding:.75rem 0 1rem 0}
p{margin-bottom: 1rem;}
p:last-child{margin-bottom:0}
a{text-decoration:none;transition:var(--theme-transition)}
.group:after{content:".";clear:both;display:block;height:0;visibility:hidden}

/*! HEADER ------------------------------------------------------------- */

.site-header{background-color:transparent;position:absolute;left:0;top:0;transition:var(--theme-transition);width:100%;z-index:42;}
html > body .site-header{position:fixed}
.site-header.scrollhead{background-color:rgba(var(--theme-color),.9);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.site-header .container,.offcanvas-header .container{height:inherit;position:relative}
.site-header .brand,.offcanvas-header .brand{left:50%;position:absolute;transform:translateX(-50%);transition:var(--theme-transition);}
.site-header .brand a,.offcanvas-header .brand a{display:block;text-indent:-9999px}
.site-header .brand a{background:url(img/logo.svg) no-repeat 0 0}
.offcanvas-header .brand a{background:url(img/logo.svg) no-repeat 0 0}
.site-header .header-store {position:absolute;left:1.5rem;top:50%;transform:translateY(-50%)}
.site-header .header-newsletter {position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}
.site-header .header-socials{position:absolute;right:12rem;top:50%;transform:translateY(-50%)}
.offcanvas .menu-btn.close span{background-size:22px 22px;background:url(img/asset_menu-close.svg) no-repeat center center;cursor:pointer;display:block;height:22px;margin-right:5px;text-indent:-9999px;width:22px}
.min-vh-100{min-height:100vh!important}
.offcanvas .inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;padding:0 2rem}
.socials{list-style-type:none;margin:0;padding:0}
.socials li{display:inline-block;margin:0 .35rem}
.socials li:first-child{margin-left:0}
.socials li:last-child{margin-right:0}
.socials a{color:#FFF;font-size:1.1rem}
.header-newsletter a,.canvas-newsletter a{color:rgb(var(--theme-color));background-color:rgba(var(--theme-color-yellow),1);display:inline-block;padding:.5rem 1rem;font-weight:bold;font-size:.9rem;text-transform:uppercase;transition:var(--theme-transition)}
.header-newsletter a:hover,.canvas-newsletter a:hover{background-color:rgba(var(--theme-color-yellow),.5)}
.canvas-newsletter a{display:block;text-align:center;padding:1rem 2rem;font-size:1.2rem;margin-bottom:3rem}
.canvas-socials{text-align:center}
.canvas-socials a{font-size:1.3rem}
.header-store a,.canvas-store a{color:rgba(var(--theme-color-yellow),1)}
.header-store a:hover{color:rgba(var(--theme-color-yellow),.5)}
.header-store{font-weight:bold;font-size:.9rem;text-transform:uppercase}
.header-store i{margin-right:4px}
.canvas-store a{padding:1rem 2rem;border:1px solid rgb(var(--theme-color-yellow));font-size:1.2rem;margin-bottom:3rem;text-align:center;display:block}
.mast-wrapper{mask-image:linear-gradient(to bottom,rgba(0,0,0,1.0) 83%,transparent 100%)}
.masthead{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;height:83vh;overflow:hidden;background-size:cover!important;background:no-repeat top center;transition:var(--theme-transition)}
.quicklink-item{border:1px solid rgb(var(--theme-color-grey-dark));border-radius:6px;background:no-repeat center center;background-size:cover;position:relative;margin-bottom:2rem}
.quicklink-item:before{content:"";display:block;padding-top:70%}
.ql-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;min-height:70%;overflow:visible}
.video-item{border:1px solid rgb(var(--theme-color-grey-dark));border-radius:6px;background:no-repeat center center;background-size:cover;position:relative;margin-bottom:2rem;padding-top:56.25%}
.video-item .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:48px;width:68px;background:url(img/icon_yt.svg) no-repeat center center;background-size:68px 48px}
.tour-item{border-bottom:1px solid rgb(var(--theme-color-grey-dark));padding:1rem 0 .95rem;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;align-content:flex-start}
.tour-item:hover{background:rgb(245,245,245);background:linear-gradient(90deg,rgba(245,245,245,0) 0%,rgba(245,245,245,.05) 10%,rgba(245,245,245,.05) 90%,rgba(245,245,245,0) 100%)}
.tour-item:first-of-type{}
.tour-item:last-of-type{border:0}
.tour-info{flex-grow:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;align-content:flex-start}
.tour-date{font-weight:bold;min-width:9em}
.tour-action{min-width:6em;text-align:center}
.tour-title{min-width:calc(40% - 4.5em);padding-right:1rem;padding-top:.2rem}
.tour-head{font-size:.85rem;text-transform:uppercase}
.tour-where{color:rgb(var(--theme-color-grey));min-width:calc(60% - 4.5em);padding-right:1rem}
.tour-where .venue{color:rgb(var(--theme-color-light));font-weight:bold}
.tour-where .city{font-size:.85rem;text-transform:uppercase}
.tour-support{font-size:.85rem;color:rgb(var(--theme-color-grey))}
.tour-action a{color:rgb(var(--theme-color));background-color:rgba(var(--theme-color-yellow),1);display:inline-block;padding:.5rem 1rem;font-weight:bold;font-size:.9rem;text-transform:uppercase;transition:var(--theme-transition)}
.tour-action a:hover{background-color:rgba(var(--theme-color-yellow),.5)}
.sold-out {color:rgba(255,255,255,.5)}
.page-id-103 h1{display:none}
.page-id-117 h1{display:none}
.page-id-175 h1{display:none}
.support-head{color:rgb(var(--theme-color-grey));text-align:center;font-size:.85rem;font-weight:bold;text-transform:uppercase;margin-bottom:2rem}
.buy-link{background-color:rgba(var(--theme-color-yellow),1);color:rgb(var(--theme-color));display:block;font-size:1.1rem;font-weight:bold;padding:1rem 2rem;margin-bottom:1.5rem;text-transform:uppercase;text-align:center;text-decoration:none;transition:var(--theme-transition)}
.buy-link:hover{background-color:rgba(var(--theme-color-yellow),.5)}

/*! SITE -------------------------------------------------------------------- */

.site-content{background-color:transparent;}
.site-content a{transition:var(--theme-transition);text-decoration:none}

/*! FOOTER ------------------------------------------------------------- */

.site-footer{color:rgb(var(--theme-color-light));font-family:var(--theme-font);font-size:.85rem;padding:2rem 0}
.site-footer .footer-menu ul{font-size:.85rem;list-style-type:none;margin:0;padding:0;text-transform:uppercase}
.site-footer .footer-menu a{color:rgb(var(--theme-color-light));text-decoration:none}
.site-footer .footer-menu li{display:inline-block;padding-left:.1rem}
.site-footer .footer-menu li:first-child{padding-left:0}
.site-footer .footer-menu li:before{color:rgba(var(--theme-color-light),.5);content:'|';padding-right:.35rem}
.site-footer .footer-menu li:first-child:before{content:'';padding-right:0}

/*! LAZY BLOCKS ------------------------------------------------------------- */

/*! SPACER */

.block-spacer{display:block;width:100%}
.block-spacer.s1{height:1rem}
.block-spacer.s2{height:2rem}
.block-spacer.s3{height:4rem}
.block-spacer.s4{height:6rem}

/*! BOOTSTRAP PARTS modified ------------------------------------------------ */

.container{padding:0 1.5rem}
.img-fluid{height:auto;max-width:100%;width:100%}
.offcanvas{background-clip:padding-box;border:0;bottom:0;display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:opacity .1s ease-in-out;visibility:hidden;z-index:10001}
.offcanvas-top{background:rgb(var(--theme-color));height:100vh!important;left:0;max-height:100%;opacity:0;right:0;top:0}
.offcanvas.show{opacity:1;visibility:visible}
.modal{z-index:10001;}
.modal-backdrop{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:rgb(var(--ewd-brown))}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.6}
.modal-content{border-radius:0;border:0;position: relative;}

/*! WP Modifiers ------------------------------------------------------------ */

.wp-block-image.size-large img,
.wp-block-image.size-full img{border-radius:6px;display:block;height:auto;max-width:100%;width:1200px;}
figcaption{font-size:.85rem;color:#999}
.wp-block-embed-youtube {margin:0;padding:0;}
.wp-block-embed-youtube .wp-block-embed__wrapper{height:0;margin-bottom:24px;padding-bottom:56.25%;padding-top:30px;position:relative;overflow:hidden}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,.wp-block-embed-youtube .wp-block-embed__wrapper object,.wp-block-embed-youtube .wp-block-embed__wrapper embed,.wp-block-embed-youtube .wp-block-embed__wrapper video{height:100%;left:0;position:absolute;top:0;width:100%}
.wp-block-file{border:1px solid #DDD;height:42px;line-height:42px;margin-bottom:10px;position:relative;width:100%}
.wp-block-file a {border: 0;}
.wp-block-file a:not(.wp-block-file__button){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='rgb(29,29,27)' d='M47 48H1c-.6 0-1-.4-1-1V37c0-.6.4-1 1-1s1 .4 1 1v9h44v-9c0-.6.4-1 1-1s1 .4 1 1v10c0 .6-.4 1-1 1zM24 38c-.3 0-.5-.1-.7-.3l-14-14c-.3-.3-.4-.7-.2-1.1.1-.4.5-.6.9-.6h6V1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v21h6c.4 0 .8.2.9.6.2.4.1.8-.2 1.1l-14 14c-.2.2-.4.3-.7.3zM12.4 24L24 35.6 35.6 24H31c-.6 0-1-.5-1-1V2H18v21c0 .6-.4 1-1 1h-4.6z'/></svg>");background-position:10px center;background-repeat:no-repeat;background-size:24px 24px;color:var(--agf-blue-light);display:block;font-weight:600;padding-left:50px;text-decoration:none}
.wp-block-file a:not(.wp-block-file__button):hover{color:#999;}
.wp-block-file__button{display:none}
.wp-block-button__link{background-color:#666!important;border-radius:3px!important;border:1px solid #666!important;color:#FFF!important;font-size:.9rem;font-weight:bold!important;letter-spacing:.025rem;margin-bottom:0!important;outline:0!important;padding:10px;text-transform:uppercase;width:100%}

/*! RESPONSIVE, BABY! -------------------------------------------------- */

@media screen and (min-width: 1200px){ /* EXTRA LARGE */
  .container{max-width:1080px}
  .container.custom{max-width: 1800px!important;}
}
@media screen and (min-width: 992px){ /* LARGE */ 
	.admin-bar .site-header{top:32px}
  .site-header, .offcanvas-header{height:110px;}
  .site-header .brand,.offcanvas-header .brand{top:20px}
  .site-header .brand a,.offcanvas-header .brand a{background-size:500px 70px;height:70px;width:500px}
  .site-header.scrollhead{height:55px}
  .site-header.scrollhead .brand{top:10px}
  .site-header.scrollhead .brand a{background-size:250px 35px;height:35px;width:250px}
  .offcanvas-body {margin-top:20px;}
  .site-content{padding:120px 0 5rem 0}
  .footer-socials{text-align:right}
  .footer-menu{text-align:left}
  h1{font-size:2.5rem}
  h2{font-size:1.4rem}
  h3{font-size:1.2rem}
  h4{font-size:1.2rem}
  .masthead{margin-top:-120px}
  .tour-where .city{padding-left:6px}
}
@media screen and (min-width: 1281.98px){ /* HEADER FIX */
  .site-header .menu-btn {display: none}
  .offcanvas .menu-btn{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}
}
@media screen and (max-width: 1281.98px){ /* HEADER FIX */
  .header-newsletter,.header-socials,.header-store{display:none}
  .site-header .brand,.offcanvas-header .brand{left:1.5rem;position:absolute;transform:none;}
  .site-header .menu-btn,.offcanvas .menu-btn{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}
  .site-header .menu-btn span{background:url(img/asset_menu.svg) no-repeat center center;background-size:28px 22px !important;cursor:pointer;display:block;height:22px;text-indent:-9999px;width:33px}
}
@media screen and (max-width: 991.98px){ /* SMALL + MEDIUM */
	.site-header,.offcanvas-header{height:55px}
	.site-header {background-color:rgb(var(--theme-color-green-light))}
  .site-header .brand,.offcanvas-header .brand{top:10px}
  .site-header .brand,.offcanvas-header .brand{left:1.5rem;position:absolute;transform:none;}
  .site-header .brand a,.offcanvas-header .brand a{background-size:250px 35px;height:35px;width:250px}
  .offcanvas-body {margin-top:30px;}
  .offcanvas-body .menu {font-size:1.6rem;}
  .offcanvas-body .menu .current-menu-item > a,.site-header .menu .current-menu-parent > a{color: rgb(var(--ewd-gold))}
  .site-content{padding:100px 0 5rem 0}
  .block-spacer.s1{height:1rem}
  .block-spacer.s2{height:1rem}
  .block-spacer.s3{height:2rem}
  .block-spacer.s4{height:4rem}
  .footer-socials,.footer-menu{text-align:center}
  .site-footer .footer-socials,.site-footer .footer-menu{display:block}
  .site-footer .footer-socials{padding-bottom:1rem}
  .masthead{margin-top:-100px}
  .tour-info{flex-direction:column}
  .tour-where .city{display:block;margin-bottom:1rem}
}
@media screen and (min-width: 576px) and (max-width: 991.98px){ /* MEDIUM ONLY */ }
@media screen and (max-width: 575.98px){ /* SMALL ONLY*/ }

/*! END OF LINE */