@layer base{*,:after,:before,::backdrop{box-sizing:border-box;margin:0;padding:0;border:0 solid}body{min-height:100vh;display:flex;flex-direction:column}abbr{&:where([title]){text-decoration:underline dotted}}hr{height:0;color:var(--layout-hr-colour);border-top-width:var(--layout-hr-size)}menu,ol,ul{list-style:none}progress{vertical-align:baseline}summary{display:list-item}table{border-collapse:collapse}}@layer base{button,input,select,optgroup,textarea,::file-selector-button{font-family:inherit;font-size:inherit;line-height:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;border:0 solid;border-radius:0;background:none}button,[type=button],[type=reset],[type=submit],::file-selector-button{appearance:button;color:inherit;border:none;background:none;text-transform:inherit;font-weight:inherit;display:flex;align-items:center;justify-content:center}textarea,select,input:not([type=button]),input:not([type=checkbox]),input:not([type=file]),input:not([type=hidden]),input:not([type=radio]){appearance:none;color:var(--colour-text);background-color:var(--form-input-background-colour);border-color:var(--form-input-border-colour);border-width:var(--form-input-border-width);border-radius:var(--form-input-border-radius);padding:var(--form-input-padding);min-width:0;width:100%;&:focus{outline:var(--layout-focus-outline)}&::placeholder{opacity:1;color:var(--form-input-placeholder-colour)}}[type=checkbox],[type=radio]{appearance:none;padding:0;display:inline-block;vertical-align:middle;user-select:none;flex-shrink:0;height:var(--layout-icon-size);width:var(--layout-icon-size);color:var(--form-toggle-colour-unchecked);background-color:var(--form-input-background-colour);background-size:100% 100%;background-origin:border-box;background-position:center;background-repeat:no-repeat;&:focus{outline:var(--layout-focus-outline)}&:checked{color:var(--form-toggle-colour-checked);&:hover,&:focus{color:var(--form-toggle-colour-checked)}}}[type=checkbox]{background-image:var(--form-checkbox-icon-unchecked);&:checked{background-image:var(--form-checkbox-icon-checked)}}[type=radio]{background-image:var(--form-radio-icon-unchecked);&:checked{background-image:var(--form-radio-icon-checked)}}[type=file]{&::file-selector-button{margin-inline-end:var( --form-input-padding-y )}}select{background-image:var(--form-select-icon-toggle);background-position:right var(--form-input-padding-y) center;background-repeat:no-repeat;background-size:var(--layout-icon-size) var(--layout-icon-size);padding-right:calc((2 * var(--form-input-padding-y)) + var(--layout-icon-size))}textarea{resize:vertical}::-webkit-calendar-picker-indicator{line-height:1}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0;padding-block:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}button{background:none;border:none;padding:0;color:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center}}@layer base{audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{width:100%;height:auto}svg{fill:currentColor}}@layer base{html{letter-spacing:normal;font-feature-settings:normal;font-variation-settings:normal;text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--text-font-default);font-size:var(--text-size-1);color:var(--colour-text);line-height:var(--text-line-height-1)}a{color:inherit;text-decoration:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight)}h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight)}h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight)}h4{font-size:var(--text-h4-size);font-weight:var(--text-h4-weight)}h5{font-size:var(--text-h5-size);font-weight:var(--text-h5-weight)}h6{font-size:var(--text-h6-size);font-weight:var(--text-h6-weight)}}@layer base{.icon{width:var(--layout-icon-size);height:var(--layout-icon-size);fill:currentColor;flex-shrink:0;flex-grow:0}}@layer base{.image{& img{aspect-ratio:var(--ratio)}}}@layer base{.share-page{position:relative;.simple-share{position:absolute;z-index:10;background-color:#fff;padding:var(--layout-spacing-2);display:flex;flex-direction:column;gap:var(--layout-spacing-3);margin-top:var(--layout-spacing-3);>div{white-space:nowrap}a{display:flex;gap:var(--layout-spacing-2);align-items:center}}}}@layer base{.autocomplete{.input{position:relative;.items{position:absolute;z-index:10;background-color:var(--form-input-background-colour);overflow-y:scroll;display:flex;flex-direction:column;gap:var(--layout-spacing-1);padding:var(--layout-spacing-1);border:1px solid var(--form-input-border-colour);width:100%;max-height:200px;&:empty{display:none}}}}}@layer theme{body{--nav-bar-height: var(--layout-spacing-6);&.MEDIUM{--nav-bar-height: var(--layout-spacing-7)}}.icon{&.facebook{color:var(--colour-brand-facebook)}&.twitter{color:var(--colour-brand-twitter)}&.apple-music{color:var(--colour-brand-apple-music)}&.spotify{color:var(--colour-brand-spotify)}}}@layer components{body{padding-top:var(--nav-bar-height);#content{flex-grow:1;.MEDIUM &{margin:0 auto;width:var(--layout-container-1)}header{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--layout-spacing-3);&:has(.logo){padding:var(--layout-spacing-3)}.logo{width:auto;max-width:100%;&.themusic{height:var(--layout-spacing-8);.MEDIUM &{height:var(--layout-spacing-10)}}&.countrytown{height:var(--layout-spacing-5);.MEDIUM &{height:var(--layout-spacing-8)}}&.wheretoaustralia{height:var(--layout-spacing-7);.MEDIUM &{height:var(--layout-spacing-10)}}}}main{padding:var(--layout-spacing-4) var(--layout-spacing-3);display:flex;flex-direction:column;gap:var(--layout-spacing-3);.MEDIUM &{padding:var(--layout-spacing-3) 0;display:grid;grid-template-columns:650px 1fr}.content,.extras{display:flex;flex-direction:column}.content{gap:var(--layout-spacing-3);.MEDIUM &{gap:var(--layout-spacing-5)}}.extras{gap:var(--layout-spacing-5)}}}}}@layer components{#page-home{#trending-mobile{.MEDIUM &{display:none}}#trending-desktop{display:none;.MEDIUM &{display:block}}}}@layer components{#nav-bar{height:var(--nav-bar-height);padding:var(--layout-spacing-1) var(--layout-spacing-2);position:fixed;width:100%;top:0;z-index:10;background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);display:flex;gap:var(--layout-spacing-2);align-items:center;justify-content:space-between;.MEDIUM &{--layout-icon-size: 28px;padding:var(--layout-spacing-2) var(--layout-spacing-3);gap:var(--layout-spacing-3)}a,button{&:hover{color:var(--colour-theme-highlight)}}.home-link{flex-grow:1;display:block;height:100%;.MEDIUM &{flex-grow:0}.logo{height:100%;max-width:150px;&.full{display:none}.SMALL:not(.MEDIUM) &,.LARGE &{&.small{display:none}&.full{display:block}}.LARGE &{&.full{max-width:200px}}}}.nav-links{display:none;.MEDIUM &{display:flex;gap:var(--layout-spacing-3);justify-content:center;flex-grow:1;font-size:var(--text-size-5);text-transform:uppercase}}.actions{display:flex;gap:var(--layout-spacing-1);align-items:center;justify-content:end}}}@layer components{#nav-menu{position:fixed;z-index:20;background-color:#fff;color:var(--colour-text);width:80%;top:0;bottom:0;left:0;overflow-y:auto;transition-property:left;transition-timing-function:ease;transition-duration:.3s;&.opening{left:-100%}.MEDIUM &{width:300px}a,button{&:hover{color:var(--colour-theme-highlight)}}.menu-close{position:absolute;top:var(--layout-spacing-2);right:var(--layout-spacing-2)}.content{display:flex;flex-direction:column;gap:var(--layout-spacing-4);padding:var(--layout-spacing-5) var(--layout-spacing-3);font-size:var(--text-size-2);.MEDIUM &{gap:var(--layout-spacing-5);font-size:var(--text-size-3)}>div{display:flex;flex-direction:column;gap:var(--layout-spacing-3);&.searches{label{text-transform:uppercase}}}}}}@layer components{.logo{width:auto;&.branded{&.themusic{fill:var(--colour-primary-tm)}&.countrytown{fill:var(--colour-secondary-ct);.town{fill:var(--colour-primary-ct)}}&.wheretoaustralia{fill:var(--colour-primary-wta)}}}}@layer components{.share-page{.simple-share{right:0;z-index:20;background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-4);font-size:var(--text-size-2);gap:var(--layout-spacing-4);margin-top:var(--layout-spacing-3)}}}@layer components{.socials{display:flex;gap:var(--layout-spacing-2);align-items:center;.MEDIUM &{gap:var(--layout-spacing-3)}}}@layer components{#state-picker{display:none;.MEDIUM &{display:block;position:relative;font-size:var(--text-size-2);.states{position:absolute;left:0;z-index:20;margin-top:var(--layout-spacing-3);background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-4);form{display:flex;flex-direction:column;gap:var(--layout-spacing-1)}}}}}@layer components{.page-headers{h1{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-2);.MEDIUM &{font-size:var(--text-size-7)}}p{font-family:var(--text-font-quicksand);margin-bottom:var(--layout-spacing-3);font-size:var(--text-size-3);line-height:var(--text-line-height-3);a{font-weight:700;text-decoration:underline;&:hover{color:var(--colour-theme-highlight)}}}}.pager{display:flex;justify-content:center}}@layer components{button,a{gap:var(--layout-spacing-2px);&.primary{display:flex;justify-content:center;align-items:center;border-radius:var(--layout-border-radius-1);background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-3) var(--layout-spacing-6);.MEDIUM &{font-size:var(--text-size-3)}}}}@layer components{.form-field{& label{display:block;margin-bottom:var(--layout-spacing-2px)}}}@layer components{.articles{display:flex;flex-direction:column;gap:var(--layout-spacing-5);.article{&:hover{.image{filter:brightness(1.2)}.title{color:var(--colour-theme-highlight)}}&.lead{border:2px solid var(--colour-theme-highlight);padding:var(--layout-spacing-1);.title{line-height:var(--text-line-height-2);font-size:var(--text-size-5);font-family:var(--text-font-forum);margin-bottom:var(--layout-spacing-2)}}.info{text-transform:uppercase;margin-bottom:var(--layout-spacing-2px);.MEDIUM &{font-size:var(--text-size-2)}}.detail{&:not(.lead &){position:relative;.MEDIUM &{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-spacing-4)}}.image{.lead &{margin-top:var(--layout-spacing-2)}}.text{display:flex;flex-direction:column;margin-top:var(--layout-spacing-1);gap:var(--layout-spacing-1);.MEDIUM &{margin-top:0}.title{line-height:var(--text-line-height-2);font-size:var(--text-size-4);font-family:var(--text-font-forum);.MEDIUM &{font-size:var(--text-size-5);--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}.summary{line-height:var(--text-line-height-3);font-size:var(--text-size-2);font-family:var(--text-font-quicksand);.MEDIUM &{--lines: 4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}}}}}}@layer components{#recommended{h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3)}.list{display:flex;flex-direction:column;gap:var(--layout-spacing-3);a{display:flex;flex-direction:column;gap:var(--layout-spacing-1);.title{font-family:var(--text-font-forum);font-size:var(--text-size-4);line-height:var(--text-line-height-2)}&:hover{.image{filter:brightness(1.2)}.title{color:var(--colour-theme-highlight)}}}}}}@layer components{#trending{h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3)}.list{display:flex;flex-direction:column;a{display:flex;gap:var(--layout-spacing-3);padding-bottom:var(--layout-spacing-3);margin-bottom:var(--layout-spacing-3);border-bottom:2px solid var(--colour-theme-background);&:hover{.title{color:var(--colour-theme-highlight)}}&:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.count{margin-top:var(--layout-spacing-1px);background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);display:flex;justify-content:center;align-items:center;width:var(--layout-spacing-6);height:var(--layout-spacing-6);font-family:var(--text-font-forum);font-size:var(--text-size-6);flex-grow:0;flex-shrink:0}.title{font-family:var(--text-font-quicksand);font-size:var(--text-size-3);line-height:var(--text-line-height-3)}}}}}@layer components{.gigs{display:flex;flex-direction:column;gap:var(--layout-spacing-5);margin-top:var(--layout-spacing-5);h2{font-size:var(--text-size-5);.MEDIUM &{font-size:var(--text-size-6)}}.gig{position:relative;display:flex;flex-direction:row-reverse;justify-content:start;grid-template-columns:1fr 2fr;gap:var(--layout-spacing-2);&.featured{flex-direction:column;border:2px solid var(--colour-theme-highlight);padding:var(--layout-spacing-5) var(--layout-spacing-1) var(--layout-spacing-2);.MEDIUM &{padding:var(--layout-spacing-6) var(--layout-spacing-2) var(--layout-spacing-3)}}a:hover{color:var(--colour-theme-highlight)}.promo-text{text-transform:uppercase;position:absolute;top:var(--layout-spacing-2px);right:var(--layout-spacing-2px);.MEDIUM &{font-size:var(--text-size-2)}}.details{display:flex;flex-direction:column;gap:var(--layout-spacing-1);.MEDIUM &{gap:var(--layout-spacing-2)}.featured &{gap:var(--layout-spacing-2)}.date{font-size:var(--text-size-2);.MEDIUM &{font-size:var(--text-size-3)}.featured &{font-size:var(--text-size-3);.MEDIUM &{font-size:var(--text-size-4)}}}.name{line-height:var(--text-line-height-1);font-size:var(--text-size-3);font-family:var(--text-font-forum);text-wrap:balance;.MEDIUM &{font-size:var(--text-size-4);line-height:var(--text-line-height-2)}.featured &{line-height:var(--text-line-height-2);font-size:var(--text-size-5);.MEDIUM &{font-size:var(--text-size-6)}}&:not(.featured &){--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;.MEDIUM &{--lines: initial}}}.venue{font-family:var(--text-font-quicksand);font-size:var(--text-size-2);text-wrap:balance;.MEDIUM &{font-size:var(--text-size-3);line-height:var(--text-line-height-2)}.venue-name{font-weight:700}&:not(.featured &){--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;.MEDIUM &{--lines: initial}}}.tags{display:flex;flex-wrap:wrap;gap:5px;white-space:nowrap;margin-top:var(--layout-spacing-1px);.MEDIUM &{font-size:var(--text-size-3)}:not(:first-child){display:none;.featured &,.MEDIUM &{display:block}}}}.actions{flex-basis:40%;flex-shrink:0;flex-grow:0;.image{&:hover{filter:brightness(1.2)}}.links{display:flex;align-items:center;gap:var(--layout-spacing-2);margin-top:var(--layout-spacing-1);.featured &{margin-top:var(--layout-spacing-4);justify-content:center;flex-direction:column;.MEDIUM &{font-size:var(--text-size-3)}}.primary{&:not(.featured &){width:100%;span{display:none;.MEDIUM &{display:block}}}}.more{display:none;.featured &{display:block}}}}}}}@layer components{#gig-search{background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-3);h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3)}form{display:flex;flex-direction:column;gap:var(--layout-spacing-2px);button{text-transform:uppercase;font-size:var(--text-size-5);margin-top:var(--layout-spacing-3);align-self:flex-end;padding:var(--layout-spacing-1) var(--layout-spacing-2);border-width:2px;border-radius:5px;border-style:solid;color:var(--colour-theme-foreground);border-color:var(--colour-theme-foreground);&:hover{color:var(--colour-theme-highlight);border-color:var(--colour-theme-highlight)}}}}}@layer components{#playlist-viewer{form{display:flex;align-items:center;gap:var(--layout-spacing-1);font-size:var(--text-size-2);&.switch-player{font-size:var(--text-size-2);justify-content:right;margin-bottom:var(--layout-spacing-2)}&.switch-playlist{margin-top:var(--layout-spacing-3);border:2px solid var(--colour-theme-background);padding:var(--layout-spacing-3);border-radius:var(--layout-border-radius-1);flex-direction:column;.info{font-size:var(--text-size-4)}.options{display:flex;flex-direction:column;gap:var(--layout-spacing-2);button{font-family:var(--text-font-forum);font-size:var(--text-size-4);&:hover{color:var(--colour-theme-highlight)}}}}button{font-size:var(--text-size-3);span{display:flex;align-items:center;gap:var(--layout-spacing-2px)}}}iframe{width:100%;height:450px}}}