@font-face {
font-family: 'Code Pro Black LC';
src: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Black-LC.eot);
src: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Black-LC.eot?#iefix) format('embedded-opentype'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Black-LC.woff2) format('woff2'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Black-LC.woff) format('woff'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Black-LC.ttf) format('truetype'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Black-LC.svg#Code-Pro-Black-LC) format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Code Pro Bold LC';
src: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Bold-LC.eot);
src: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Bold-LC.eot?#iefix) format('embedded-opentype'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Bold-LC.woff2) format('woff2'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Bold-LC.woff) format('woff'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Bold-LC.ttf) format('truetype'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro-Bold-LC.svg#Code-Pro-Bold-LC) format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Code Pro';
src: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro.eot);
src: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro.eot?#iefix) format('embedded-opentype'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro.woff2) format('woff2'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro.woff) format('woff'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro.ttf) format('truetype'),
url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/fonts/code-pro/Code-Pro.svg#Code-Pro) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.svg-loader {
display: flex;
position: relative;
align-content: space-around;
justify-content: center;
}
.spotify-playlist-embed iframe {
border-radius: 16px
}
.loader-svg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
fill: none;
stroke-width: 5px;
stroke-linecap: round;
stroke: rgb(64, 0, 148);
}
.loader-svg.bg {
stroke-width: 8px;
stroke: rgb(207, 205, 245);
}
.animate {
stroke-dasharray: 242.6;
animation: fill-animation 1s cubic-bezier(1, 1, 1, 1) 0s infinite;
}
iframe {
border-radius: 12px !important;
}
@keyframes fill-animation {
0% {
stroke-dasharray: 40 242.6;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 141.3;
stroke-dashoffset: 141.3;
}
100% {
stroke-dasharray: 40 242.6;
stroke-dashoffset: 282.6;
}
}
strong {
font-weight: 900;
} .border-radius-26 {
border-radius: 26px;
overflow: hidden;
}
.border-radius-20 {
border-radius: 26px;
overflow: hidden;
}
.border-radius-10 {
border-radius: 10px;
overflow: hidden;
}
.bg-green {
background: #2BC92B;
}
.bg-lightblue {
background: #1DB6EF;
}
.bg-pink {
background: #F7B2CE;
}
.even-section-cta-top {
position: absolute;
right: 50px;
top: 18px;
z-index: 101;
letter-spacing: 2px;
font-size: 16px;
margin-top: 0px !important;
}
.even-section-cta-top a {
color: white !important;
background-color: #762780 !important
}
.even-section-cta-top:hover a {
color: white !important;
background-color: #E5005E !important;
}
.bg-white {
background: white;
}
.bg-yellow {
background: #FFDA00;
}
.bg-yellow-green {
background: #BFEFBF;
}
.bg-blue {
background: #006898;
}
.bg-purple {
background: #E5005E;
}
.bg-dark {
background: #1D1D1B;
}
.bg-secondary {
background: #E8E7F4;
}
.navigate-down-arrow {
position: absolute;
bottom: 30px;
right: 0;
left: 0;
text-align: center;
margin: 0 auto;
}
.page-template-page-kids .navigate-down-arrow {
position: initial;
}
.kids-prices-secondary {
display: flex;
justify-content: space-between;
align-items: flex-start;
text-align: left;
flex-flow: row wrap;
max-width: 1150px;
margin: 0 auto;
margin-top: 46px;
margin-bottom: 20px;
}
.kids-prices-secondary h4 {
max-width: 48%;
width: 100%;
text-align: left;
}
.header-contact-page {
margin-top: -10px;
min-height: 370px;
display: flex;
align-items: center;
justify-content: center;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/groups-first-bg.svg);
}
.header-contact-page .title-with-icon {
margin-top: 0;
margin-bottom: 0
}
.header-contact-page .page-title {
color: white;
}
.contact-page-wrapper-info {
max-width: 1525px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
color: white;
font-size: 35px;
line-height: 45px;
padding-top: 140px;
padding-bottom: 50px;
}
.address-card {
background: #E5005E;
color: white;
max-width: 536px;
width: 100%;
max-height: 604px;
border-radius: 20px;
padding: 63px 45px;
padding-bottom: 34px;
font-size: 30px;
position: absolute;
top: -75%;
left: -50px;
line-height: 110%;
}
.contact-book-now-button {
display: inline-block;
}
.contact-book-now-button a {
height: 64px;
line-height: 100%;
vertical-align: middle;
background: #FFDA31;
color: #E5005E;
border-radius: 20px;
padding: 10px 60px;
font-weight: 700;
font-family: 'Code Pro Bold LC';
padding-top: 15px;
font-size: 25px;
border-radius: 12px;
}
.wpcf7 input,
.wpcf7 textarea {
width: 100%;
border: 4px solid #E5005E;
border-radius: 20px;
margin-bottom: 34px;
background: white;
}
.wpcf7 input {
height: 94px;
}
.wpcf7 input[type=submit] {
background: #E5005E;
max-width: 347px;
width: 100%;
color: white;
text-transform: uppercase;
border-radius: 20px;
line-height: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-radius: 20px;
}
.contact-page-wrapper-info p {
margin-top: 0;
}
.header-contact-page h2 {
color: white;
font-size: 41px;
margin-bottom: 62px;
}
.contact-info h3 {
font-size: 35px;
margin-bottom: 0;
color: white;
}
.contact-form {
max-width: 802px;
width: 100%;
}
.font-weight-bold {
font-family: 'Code Pro Black LC'
}
.address-card-title {
text-transform: uppercase;
font-size: 60px;
font-family: 'Code Pro';
line-height: 103%;
margin-bottom: 30px;
}
.contact-info {
max-width: 536px;
width: 100%;
position: relative;
}
.navigate-down-arrow:hover g {
opacity: 1;
cursor: pointer;
}
.page-id-66 .even-section-cta-top {
display: none;
}
.page-id-14 .storefront-breadcrumb {
display: none;
}
.text-white {
color: white;
}
.text-uppercase {
text-transform: uppercase;
}
.text-dark {
color: #1D1D20;
}
.text-purple {
color: #E5005E;
}
.title-secondary {
font-size: 70px;
margin-bottom: 40px;
}
.page-template-page-prices .booking-bg-container {
align-items: center;
flex-flow: column;
justify-content: space-evenly;
position: initial;
padding-top: 120px;
padding-bottom: 120px;
}
.wrapper-menu-prices {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
align-items: stretch;
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.play-hours-wrapper {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-around;
}
.playtime-timeframe {
max-width: 100%;
width: 100%;
margin-top: 36px;
color: white;
font-size: 35px;
text-align: center
}
.menu-prices-separator {
width: 3px;
background: #BFE340;
border-radius: 20px;
}
.page-template-page-prices .group-booking-page {
max-width: 49%; width: 100%;
margin-bottom: 40px;
border-radius: 32px;
border-radius: 32px;
border: 4px solid #ffda00;
text-align: center;
padding-bottom: 30px;
}
.image-bar-carousel {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
padding: 5px;
background: white;
}
.image-bar-carousel>div {
max-width: 49%;
width: 100%;
}
.book-package-button:hover {
filter: grayscale(10%);
}
.play-hours-bg-container-text {
border-radius: 20px;
border: 3px solid #E5005E;
padding-top: 0;
padding-bottom: 0;
padding: 40px 30px !important;
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.play-hours-bg-container-text .title-secondary {
font-size: 41px;
line-height: 45px;
}
.page-template-page-home-php .site-footer,
.page-template-page-whatson-php .site-footer,
.page-template-page-home-php .site-header,
.page-id-14 .site-header,
.page-id-17 .site-header,
.page-id-17 .site-footer,
.page-id-14 .storefront-breadcrumb,
.page-id-17 .storefront-breadcrumb,
.single-music .site-footer,
.single-music .storefront-breadcrumb,
.single-music .site-header,
.page-template-page-bar .site-header,
.page-template-page-bar .site-footer,
.page-template-page-bar .storefront-breadcrumb,
.page-template-page-groups .site-header,
.page-template-page-groups .site-footer,
.page-template-page-groups .storefront-breadcrumb,
.site-footer {
display: none;
}
.page-template-page-home-php .col-full,
.page-template-page-whatson-php .col-full,
.page-id-17 .col-full,
.single-music .col-full,
.page-template-page-bar .col-full,
.page-template-page-groups .col-full,
.col-full {
max-width: 1920px;
padding: 0;
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
body {
font-family: 'Quicksand', cursive;
font-size: 20px;
}
img {
border-radius: 0;
position: relative;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
padding: 0;
letter-spacing: 3px;
line-height: 120%;
font-family: Code Pro Black LC;
}
.storefront-breadcrumb {
display: none;
}
.site-header {
display: none;
}
.kids-header-images {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-bottom: 60px;
}
.kids-header-images-bottom {
padding-bottom: 10px;
margin-bottom: 0;
margin-top: 10px;
background: #762780;
}
.kids-header-images img {
max-width: 24.5%;
width: 100%;
height: auto;
object-fit: cover;
}
.navigation-custom {
padding: 0;
background: #762780;
margin: 0;
padding-top: 5px;
list-style: none;
color: white;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: 3;
position: fixed;
top: 100%;
left: 0;
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100vh;
height: 96px;
}
.nav-custom a {
color: white;
font-size: 12px;
font-weight: 700;
font-family: 'Quicksand', cursive;
text-transform: uppercase; letter-spacing: 3px;
padding: 6px 8px 4px;
border: 1px solid transparent;
}
.nav-custom a:hover {
cursor: pointer;
border: 1px solid white;
border-radius: 32px;
}
.section-full-screen {
height: 100vh; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: white;
}
.page-template-page-kids .section-full-screen {
height: auto;
min-height: 100vh;
}
.page-template-page-groups .section-full-screen video,
.page-template-page-home .section-full-screen video {
width: 100%;
height: 100vh;
object-fit: cover;
} .page-template-page-home .section-full-screen .section-title {
position: absolute;
flex-flow: column;
}
.homepagebook-now {
margin-top: 65px;
}
.page-template-page-groups .section-full-screen .title-text {
font-size: 70px;
}
.bar-video-wrapper {
text-align: center;
position: relative;
}
.t-button-enquire {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center
}
.t-margin-top {
margin-top: 60px
}
.t-price-wrapper {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-flow: row wrap;
border: 5px solid #E5005E;
border-radius: 20px;
padding: 80px;
margin-bottom: 120px;
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px
}
.t-price-info {
font-size: 25px;
}
.t-price-container {
position: relative;
max-width: 24%;
display: flex;
flex-flow: column;
align-items: space-between;
justify-content: space-between;
border-right: 2px solid #E5005E;
padding-right: 30px;
padding-left: 30px;
width: 100%;
}
.cta-container-text-image {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;
}
.cta-container-text-image>div {
max-width: 50%;
width: 100%;
text-align: center;
}
.cta-container-text-image img {
width: 100%;
object-fit: cover;
}
.cta-container-text-image .kid-cta-text-container {
padding: 5%;
}
.cta-container-text-image .kid-cta-text-container p {
margin-bottom: 0;
}
.page-template-page-kids .t-price-wrapper {
padding: 30px;
padding-left: 15px;
padding-right: 15px;
background: rgba(0, 0, 0, 0.6);
}
.page-template-page-kids .t-price-wrapper:first-of-type {
border-color: #FFDA31
}
.page-template-page-kids .t-price-wrapper:nth-of-type(3) {
padding-bottom: 60px;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(4),
.page-template-page-kids .t-price-wrapper:nth-of-type(5) {
padding: 70px 15px;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(4) .t-price-container .title-secondary {
font-size: 45px;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(4) .t-price-container,
.page-template-page-kids .t-price-wrapper:nth-of-type(5) .t-price-container {
max-width: 90%;
width: 100%;
margin: 0 auto;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(4) .t-price-name,
.page-template-page-kids .t-price-wrapper:nth-of-type(5) .t-price-name {
top: -110px;
}
.page-template-page-kids .t-price-container {
max-width: 100%;
border-right: initial;
display: flex;
justify-content: space-between;
flex-flow: row;
align-items: center;
}
.page-template-page-kids .t-price-container>div {
max-width: 35%;
width: 100%;
text-align: center;
}
.page-template-page-kids .t-price-name {
left: 50%;
transform: translateX(-50%);
top: -70px;
max-width: 450px;
width: 100%;
padding-top: 16px;
}
.t-price-container-2 {
border-right: 0
}
.last-container-t {
border-right: 0;
padding-right: 0 !important
}
.cta-container-text-image .title-secondary { }
.pay-price {
font-size: 70px;
font-family: 'Code Pro Black LC';
color: #FFDA00;
line-height: 70%;
margin-top: 40px;
display: block;
}
.t-price-info {
font-size: 25px;
color: white;
}
.t-price-name {
background: #FFDA00;
font-size: 30px;
letter-spacing: 3px;
max-width: 100%;
border-radius: 12px;
position: absolute;
top: -120px;
max-width: 450px;
width: 100%;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
font-family: 'Code Pro Black LC';
color: #1D1D1B;
left: 0;
}
.t-price-price {
margin-bottom: 20px;
margin-top: 30px;
color: white;
font-size: 35px
}
.bar-video-wrapper img {
margin: 0 auto;
margin-top: 42px;
}
.position-relative {
position: relative;
}
.section-homepage-buttons { position: relative;
}
.section-homepage-buttons img {
height: 100%;
width: 100%;
object-fit: cover;
}
.section-full-screen h1,
.section-full-screen h2 {
color: white;
font-family: Code Pro Black LC;
font-size: 104px;
text-transform: uppercase;
letter-spacing: 4px;
text-shadow: -3px 0px 2px rgba(229, 0, 94, 1), 3px 3px 0 rgb(0 0 0);
text-align: center
}
.page-template-page-bar-php h1,
.page-template-page-groups h1,
.page-template-page-bar-php h2 {
font-size: 70px;
}
.image-full-screen {
height: 100vh;
object-fit: cover;
width: 100%;
}
.wrapper-parent {
max-width: 1920px;
width: 100%;
margin: 0 auto;
}
.main-content-wrapper {
max-width: 95%;
background: #E8E7F4;
width: 100%;
border-right: 10px solid purple;
}
#primary .main-content-wrapper {
max-width: 100%;
border-right: none;
padding: 60px 30px;
}
#primary.content-area {
max-width: 95%;
background: #E8E7F4;
width: 100%;
border-right: 10px solid purple;
margin-left: auto;
margin-right: 0;
margin-bottom: 0;
}
.wrapper-border-right { max-width: 0.5%;
width: 100%; background: #762780;
}
.logo-header-custom {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
}
.hidden-logo-full {
position: absolute;
top: -22px;
left: -3px;
width: 0;
overflow: hidden;
transition: width 0.7s;
z-index: 101;
}
.nav-custom .logo-header-custom:hover {
border: unset;
}
.logo-header-custom:hover .hidden-logo-full {
width: 300px;
}
.nav-custom .logo-header-custom {
border: unset;
}
.nav-custom {
max-width: 5%;
width: 100%;
background: #762780;
position: relative;
}
.discount-icon {
position: fixed;
padding: 10px 20px;
background: #801580;
right: 0;
z-index: 3;
top: 45%;
border-radius: 10px;
padding-top: 14px;
display: flex;
align-items: center;
justify-content: space-between;
color: white;
cursor: pointer;
}
.discount-icon svg { }
.section-full-height {
height: 100vh;
}
.discount-icon:hover .cta-discount-buy {
width: 150px;
opacity: 1;
margin-left: 20px;
}
.cta-discount-buy {
width: 0;
overflow: hidden;
height: 30px;
opacity: 0;
transition: all 0.4s;
}
.cta-discount-buy a {
color: white;
}
.woocommerce-cart h1 {
text-align: center;
}
.footer-wrapper-container {
max-width: 100%;
width: 100%;
background: #E5005E;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 2;
}
.footer-wrapper-container-inside {
max-width: 95%;
margin: 0 auto;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 0;
margin-left: auto;
padding-right: 90px;
padding-left: 95px;
}
.footer-button-holder {
margin-right: -165px;
}
.footer-wrapper-container-inside .even-section-cta {
margin-top: 0;
text-align: center;
margin-bottom: 40px;
}
.pages-ace,
.copyright-text {
font-size: 12px;
letter-spacing: 3px;
}
.span-separators {
padding: 0 20px;
}
.footer-wrapper-container-inside .even-section-cta a {
max-width: 220px;
width: 100%;
text-align: center;
background: #762780;
color: white;
letter-spacing: 2px
}
.even-section-cta:hover {
filter: grayscale(10%);
}
.footer-copyright-container {
text-align: right;
}
.footer-social-logos {
text-align: right;
margin-bottom: 23px;
}
.footer-social-logos svg {
margin-left: 22px;
}
.cards-rounded-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;
max-width: 1610px;
width: 100%;
margin: 0 auto;
}
.card {
max-width: 360px;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
padding-top: 74px;
padding-bottom: 56px;
}
.card-icon {
margin-bottom: 34px;
}
.card-text,
.title-text {
font-size: 35px;
color: white;
}
.title-with-icon {
display: flex;
align-items: center;
justify-content: center;
margin-top: 120px;
margin-bottom: 50px;
}
.page-title {
font-size: 70px;
color: #762780;
letter-spacing: 8px;
text-align: center;
margin-left: 30px;
line-height: 100%;
margin-top: 20px;
text-transform: uppercase;
}
.section-music-articles {
max-width: 1300px;
width: 100%;
}
.article-text-container {
padding-left: 140px;
}
.section-music-article {
max-width: 1082px;
width: 100%;
}
.single-music-article-img {
margin-top: 66px;
margin-bottom: 73px;
width: 100%;
border-radius: 38px;
}
.single-music .page-title {
font-size: 43px;
}
.single-music .featured-music-article-title {
font-size: 60px;
font-weight: 400;
line-height: 70px;
letter-spacing: 0;
margin-bottom: 44px;
}
.section-music-article-featured {
width: 100%;
padding-bottom: 60px;
border-bottom: 3px solid #73308B;
margin-bottom: 62px;
}
.section-music-article-wrapper {
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-flow: row wrap;
}
.music-article-card {
max-width: 32%;
width: 100%;
margin-right: 1.3%;
}
.page-template-page-music .bg-secondary,
.page-template-page-music .main-content-wrapper,
.single-post .main-content-wrapper,
.single-post .bg-secondary {
background: white;
}
.page-template-page-music .music-article-card {
margin-bottom: 40px;
position: relative;
}
.music-article-card-info-title {
margin-top: 28px;
}
.page-template-page-music .music-article-card img {
max-height: 280px;
height: 100%;
width: 100%;
object-fit: cover;
}
.section-music-article-wrapper {
padding-bottom: 68px;
border-bottom: 3px solid #73308B;
margin-bottom: 90px;
}
.music-article-card-info-title,
.music-article-card-info-message,
.music-read-more {
font-family: 'Quicksand', cursive;
font-weight: 400;
font-size: 20px;
letter-spacing: 0px;
}
.music-read-more {
font-size: 34px;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
}
.page-template-page-music-php .featuerd-music-article-details {
max-width: 510px;
width: 100%;
margin-left: 0;
padding-left: 30px;
padding-top: 0;
padding-bottom: 0;
padding-right: 30px;
}
.page-template-page-music-php .featured-music-article-title {
font-size: 35px;
line-height: 45px;
margin-bottom: 60px;
}
.page-template-page-music-php .featured-music-article-date {
font-size: 25px;
}
.page-template-page-music-php .featured-music-article-body {
font-size: 25px;
}
.music-page-featured-article {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
}
.music-page-featured-article img {
max-width: 790px;
width: 100%;
height: 550px;
object-fit: cover;
}
.wrapper-music-section {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 120px 60px;
}
.music-sidebar {
max-width: 370px;
width: 100%;
}
.sidebar-section-title {
margin-top: 0;
margin-bottom: 48px;
font-family: 'Quicksand', cursive;
padding-bottom: 14px;
border-bottom: 3px solid #73308B;
text-transform: uppercase;
font-size: 25px;
font-weight: 700;
letter-spacing: initial;
}
.widget-sidebar-event {
margin-bottom: 25px;
}
.widget-sidebar-wrapper {
margin-bottom: 45px;
}
.spotify-embed-music {
padding: 20px;
padding-bottom: 10px;
background: #762780;
border-radius: 26px;
}
.page-subtitle {
font-size: 35px;
margin-top: 0;
margin-bottom: 0;
font-family: 'Quicksand', cursive;
text-align: center;
}
.section-homepage-promoted-music {
padding-top: 95px;
padding-bottom: 54px;
text-align: center;
color: white;
}
.section-homepage-promoted-music h2,
.section-bar h2 {
font-size: 70px;
}
.bar-promo-wrapper {
max-width: 1360px;
width: 100%;
margin: 0 auto;
}
.bar-section-wrapper {
padding: 55px 0;
padding-top: 65px;
}
.section-title {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 78px;
}
.page-template-page-prices .section-title {
margin-bottom: 46px;
}
.section-title h4 {
margin-left: 26px
}
.section-sub-title {
font-family: 'Quicksand', cursive;
font-size: 35px;
letter-spacing: initial;
margin-top: 24px;
max-width: 1260px;
width: 100%;
margin: 0 auto;
padding: 0 30px;
}
.section-sub-title {
max-width: 900px;
}
.booking-bg-container-kids .section-sub-title {
max-width: 1100px;
margin: 0 auto;
}
.booking-bg-container-kids .kids-prices-secondary h4.section-sub-title {
max-width: 48%;
}
.arrow-down-for-kids-page {
margin-top: 60px;
margin-bottom: 120px;
}
.section-bar .section-sub-title {
margin-bottom: 0;
}
.page-template-page-bar .section-title {
margin-bottom: 44px;
} .page-template-page-bar .section-full-screen .section-title h4,
.page-template-page-kids .section-full-screen .section-title h4 {
font-size: 70px;
}
.page-template-page-bar .section-full-screen .section-title,
.page-template-page-groups .section-full-screen .section-title {
margin-bottom: 5%;
}
.bar-half-section {
position: relative;
display: flex;
flex-flow: row wrap;
align-items: stretch;
}
.bar-section-info {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 50px;
font-size: 26px;
line-height: 120%;
}
.half-section-1,
.half-section-2 {
max-width: 50%;
width: 100%;
}
.bar-promo-wrapper .bar-section-info img {
max-width: 268px;
margin-right: 60px;
}
.babe-section-wrapper {
padding: 180px 0;
}
.bar-information-side .even-section-cta a {
color: #1D1D20 !important
}
.scroll-whatson .even-section-cta {
display: inline-block;
margin-top: 0;
margin-bottom: 30px;
}
.scroll-whatson .even-section-cta:hover a {
background: #762780;
color: #fff;
}
.bar-information-side {
color: white;
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: column;
padding-top: 180px;
padding-bottom: 48px;
padding-left: 60px;
padding-right: 60px;
}
.bar-information-side h2 {
color: white;
font-size: 78px;
letter-spacing: 5px;
}
h2+h3 {
border-top: 0;
padding-top: 0;
}
.bar-information-side h3,
.bar-information-side h4 {
font-family: 'Quicksand';
color: white;
font-size: 35px;
font-weight: 400;
}
.bar-information-side h4 {
font-size: 40px;
}
.page-template-page-bar .section-sub-title {
max-width: 1070px;
width: 100%;
margin: 0 auto;
margin-top: 62px;
}
.featured-music-article-wrapper {
max-width: 1646px;
width: 100%;
margin: 0 auto;
margin-top: 40px;
padding: 9px;
}
.featured-music-article-wrapper img {
max-width: 805px;
width: 100%;
height: 548px;
object-fit: cover;
border-radius: 26px;
overflow: hidden;
}
.featured-music-article-wrapper {
display: flex;
flex-flow: row;
align-items: stretch;
}
.featuerd-music-article-details {
text-align: left;
margin-left: 38px;
display: flex;
flex-flow: column;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 10px;
max-width: 650px;
width: 100%;
}
.featured-music-article-cta a {
padding: 12px 80px;
padding-top: 17px;
padding-bottom: 12px;
font-size: 20px;
font-family: Code Pro Black LC;
text-transform: uppercase;
letter-spacing: 5px;
display: inline-block;
text-align: center
}
.featured-music-article-label {
font-weight: 700;
width: fit-content;
border-bottom: 4px solid #E5005E;
}
.featured-music-article-cta a:hover {
background: #762780;
}
.featured-music-article-title {
font-size: 40px;
line-height: 100%;
font-weight: 700;
font-family: 'Quicksand', cursive;
text-align: left !important
}
.pop-fresh-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: white;
}
.pop-fresh-title {
font-size: 150px;
margin-bottom: 0;
line-height: 100%;
}
.spotify-playlist-embed {
margin-top: 36px;
margin-bottom: 46px;
padding: 20px;
padding-bottom: 10px;
background: #762780;
border-radius: 26px;
}
.pop-fresh-subtitle {
font-size: 100px;
margin-top: 0;
line-height: 100%;
}
.spotify-playlist-embed .dh {
background: #762780 !important;
border: 1px solid white !important;
}
.whatson-cards-wrapper {
margin-top: 54px;
}
.whatson-cards-wrapper .event-card {
margin-bottom: 34px;
}
.decoration-bottom-right {
top: initial;
right: 5% !important;
}
.event-card {
max-width: 368px;
width: 100%;
background: white;
padding: 4px;
text-align: left;
margin: 0 1%;
display: flex;
flex-flow: column;
justify-content: flex-start;
}
.page-template-page-music .event-card {
border: 1px solid #016999;
}
.event-card img {
position: relative !important;
max-height: 242px;
height: 100%;
overflow: hidden;
width: 100%;
display: block;
object-fit: cover;
}
.flip-card {
background-color: transparent;
width: 100%;
height: 242px;
perspective: 1000px; }
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d; }
.event-card {
border: 2px solid transparent;
}
.event-card:hover {
border: 2px solid #E4085E;
}
.event-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.event-card:hover .flip-card-front {
width: 98%;
margin: 0 auto
}
.single-post .event-card:hover {
border-color: transparent !important;
}
.single-post .music-article-card {
width: 100%;
max-width: 100%;
position: relative;
}
.single-post .music-article-card a {
overflow: hidden;
}
.single-post .music-article-card img { height: 280px;
width: 100%;
object-fit: cover;
}
.single-post .music-article-card .music-article-card-info-title {
margin-top: 10px;
}
.single-post .music-article-card>a:hover .overlay-bg-card {
opacity: 1;
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-color: transparent;
font-size: 25px;
line-height: 110%
}
.flip-card-front {
background-color: transparent;
color: black;
border-radius: 26px;
}
.flip-card-back {
background-color: white;
border: 1px solid white;
color: white;
transform: rotateY(180deg);
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
color: black;
font-size: 25px;
font-weight: 400;
border-radius: 26px;
padding: 0 30px;
}
.flip-card-back p {
margin-bottom: 0 !important
}
.whats-on-section {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-flow: row wrap;
max-width: 1606px;
width: 100%;
margin: 0 auto;
margin-bottom: 50px;
}
.even-title {
text-transform: uppercase;
font-size: 25px;
line-height: 105%;
font-family: Code Pro Bold LC; }
.discover-artist,
.featured-music-article-label {
font-family: Code Pro Bold LC;
font-size: 20px;
letter-spacing: 4px;
border-bottom: 4px solid #E5005E;
display: inline-block;
margin-bottom: 40px;
text-transform: uppercase;
}
.single-post .discover-artist {
margin-bottom: 0;
}
.single-post .featured-music-article-title {
margin-top: 40px !important;
margin-bottom: 40px !important;
text-align: left;
}
.even-cta {
margin-top: 48px;
border-radius: 10px;
font-family: Code Pro Bold LC;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
background: #009BBF;
color: white;
padding-top: 13px;
padding-bottom: 9px;
padding-left: 34px;
padding-right: 34px;
}
.page-template-page-music .even-cta {
background: #016999;
}
.even-cta:hover {
filter: grayscale(50%);
}
.whats-on-section .event-card .even-cta {
background: #E5005E;
}
.whats-on-section .event-card:hover .even-cta {
filter: initial;
background: #762780;
}
.even-section-cta {
margin-top: 81px;
}
.peak-prices-message {
font-size: 20px;
color: white;
margin-top: 0;
line-height: 100%;
text-align: center;
margin-bottom: 40px;
margin-top: 20px;
}
.page-template-page-prices .play-title {
margin-bottom: 0;
}
.page-template-page-prices .group-booking-page-price-info {
font-size: 30px;
line-height: 45px;
padding-left: 0
}
.page-template-page-prices .pay-price {
font-size: 30px;
}
.pay-price-count-person {
color: white;
font-family: 'Quicksand';
font-weight: 400;
}
.page-template-page-prices .group-hyper-play .play-title {
color: #FFDA00;
}
.page-template-page-prices .group-pure-play .play-title {
color: #E5005E;
}
.page-template-page-prices .group-hyper-play .pay-price {
color: #E5005E;
}
.even-section-cta a {
border-radius: 10px;
font-family: Code Pro Bold LC;
font-size: 20px;
text-transform: uppercase;
display: inline-block;
background: #FFDA31;
color: #E5005E;
padding-top: 12px;
padding-bottom: 7px;
padding-left: 48px;
padding-right: 48px;
}
.page-template-page-prices .even-section-cta a {
background: #E5005E;
color: white;
}
.page-template-page-prices .footer-wrapper-container .even-section-cta a {
background: #762780 !important
}
.even-date,
.even-duration {
font-size: 25px;
}
.even-cta a {
color: white;
display: inline-block;
}
.newsletter-section,
.absolute-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
max-width: 1606px;
width: 100%;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
} .bg-purple-pop {
background-color: #e5005e !important
}
.text-purple-pop {
color: #e5005e !important
}
.bg-yellow-pop {
background-color: #FFDA31 !important
}
.text-yellow-pop {
color: #FFDA31 !important
}
.text-bluelight-pop {
color: #1DB6EF !important
}
.text-student {
font-weight: 700;
font-size: 35px;
}
.bg-bluelight-pop {
background-color: #1DB6EF !important
}
.play-title {
max-width: 636px;
width: 100%;
text-align: center;
font-size: 70px;
font-family: 'Code Pro Black LC';
line-height: 100%;
color: #1D1D1B;
border-radius: 12px;
padding-top: 18px;
margin: 0 auto;
margin-bottom: 70px;
}
.group-pure-play .play-title {
background: #FFDA00;
font-size: 60px;
letter-spacing: 3px;
max-width: 100%;
border-top-left-radius: 26px;
border-top-right-radius: 26px;
}
.featured-music-article-wrapper>a {
width: 50%
}
.group-hyper-play .play-title {
background: #E5005E;
font-size: 60px;
letter-spacing: 3px;
border-top-left-radius: 27px;
border-top-right-radius: 27px;
}
.music-page-featured-article a {
max-width: 55%;
width: 100%
}
.button-book-timeframe-play {
margin-top: 50px;
padding-left: 40px;
} .page-template-page-prices .group-hyper-play .book-package-button {
background: #E5005E;
color: #FFDA00;
}
.page-template-page-prices .group-pure-play .book-package-button:hover,
.bar-information-side .even-section-cta:hover a {
fill: initial;
color: #FFDA00 !important;
background: #E5005E !important;
}
.page-template-page-prices .group-hyper-play .book-package-button:hover {
filter: initial;
color: #E5005E;
background: #FFDA00;
}
.button-fancy-nibble:hover {
filter: initial !important;
background: #FFDA00 !important;
}
.blue-hover a:hover {
filter: initial !important;
background: #006898 !important;
color: white !important
}
.yellow-hover:hover {
filter: initial !important;
background: #FFDA00 !important;
color: #E5005E !important
}
.purple-hover:hover {
filter: initial !important;
color: #FFDA00 !important;
background: #E5005E !important
}
.book-package-button {
border-radius: 12px;
background: #E5005E;
color: #FFDA00;
font-family: 'Code Pro Bold LC';
font-size: 20px;
letter-spacing: 3px;
padding: 8px 40px;
text-transform: uppercase;
line-height: 100%;
padding-top: 12px;
}
.group-booking-page-price-info {
padding-left: 40px;
font-family: 'Quicksand', cursive;
font-size: 35px;
letter-spacing: initial;
}
.pay-price {
font-size: 70px;
font-family: 'Code Pro Black LC';
color: #FFDA00;
line-height: 70%;
margin-top: 40px;
}
.group-booking-page-price-info ul {
margin: 0;
padding: 0;
padding-left: 25px;
}
.booking-bg-container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.booking-bg-container-kids {
max-width: 1606px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: stretch;
justify-content: center;
flex-flow: row wrap;
padding: 0 30px
}
.page-template-page-groups .booking-bg-container {
position: initial;
padding-left: 15px;
padding-right: 15px;
}
.group-separator img {
margin: 0 auto;
}
.group-booking-page {
max-width: 43%;
width: 100%;
}
.group-separator {
max-width: 4%;
width: 100%;
}
.booking-bg-container-text {
text-align: center;
width: 100%;
padding-top: 120px; margin-bottom: 30px
}
.section-bar {
max-width: 1642px;
margin: 0 auto;
}
.wrapper-bar-cards {
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
margin-top: 76px;
}
.section-homepage-bar {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
.bar-card {
max-width: 805px;
width: 100%;
background: white;
display: flex;
align-items: stretch;
justify-content: space-between;
text-align: left;
padding: 6px;
border-radius: 10px;
}
.bar-card-info {
padding-left: 35px;
padding-right: 25px;
display: flex;
flex-flow: column;
justify-content: space-between;
max-width: 58%;
}
.pay-price-2 {
font-size: 30px
}
.bar-card-title {
color: purple;
margin-top: 20px;
font-family: Code Pro Bold LC;
font-size: 25px;
margin-bottom: 15px;
}
.site-header-cart.focus .widget_shopping_cart,
.site-header-cart:hover .widget_shopping_cart {
left: -105px;
display: block;
padding: 0 15px;
min-width: 300px;
z-index: 5;
}
.bar-card .even-cta {
background: #762780;
font-size: 17px;
color: white;
font-family: Code Pro Bold LC;
height: 50px;
max-width: 190px;
width: 100%;
text-align: center;
padding-top: 12px;
margin-top: initial;
margin-bottom: 16px;
}
#site-header-cart:hvoer .discount-icon {
display: none !important;
}
.bar-card img {
max-width: 40%;
height: 300px;
width: 100%;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
}
.newsletter-section h2 {
font-size: 70px;
color: white;
margin-bottom: 60px;
}
.even-info-wrapepr {
padding: 32px 22px;
padding-bottom: 20px;
flex-grow: 1;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.even-cta {
width: fit-content
}
.newsletter-cta-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.newsletter-cta-wrapper p.newsletter-label {
margin-right: 80px;
max-width: 800px;
width: 100%;
text-align: right;
margin-bottom: 0;
font-size: 25px;
}
.newsletter-input {
max-width: 800px;
width: 100%;
}
.newsletter-input form {
display: flex;
flex-flow: row wrap;
margin-bottom: 0;
}
.newsletter-input input {
max-width: 50%;
width: 100%;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
height: 75px;
margin-bottom: 20px;
text-align: center;
}
.newsletter-sub-cta {
max-width: 360px;
width: 100%;
background: #e5245e;
color: white;
height: 75px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.newsletter-input p {
width: 100%;
display: block;
margin-bottom: 0;
}
.carousel-container {
background: white;
padding: 12px;
max-width: 1300px;
width: 100%;
margin: 0 auto;
position: relative;
}
.carousel-container img {
width: 100%;
height: 720px;
object-fit: cover;
object-position: top;
position: relative;
}
.image-holder {
position: relative
}
.page-template-page-bar .carousel-container img { object-fit: cover;
}
.image-text-holder {
max-width: 419px; background: #B7407E;
color: white;
text-transform: uppercase;
font-size: 35px;
line-height: 105%;
padding: 12px 10px;
position: absolute;
bottom: 10px;
left: 10px;
z-index: 101;
}
.carousel-container svg {
position: absolute;
}
svg.arrow-left {
left: -146px;
top: 50%;
transform: translateY(-50%);
}
svg.arrow-right {
right: -146px;
top: 50%;
transform: translateY(-50%);
} .nav-mobile>.col-full {
display: none;
}
.nav-mobile {
background: #762780;
width: 100%;
position: fixed;
top: 0;
z-index: 1;
right: 0;
}
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
color: white
} .nav-mobile .main-navigation {
display: none;
}
.site-header-cart .cart-contents {
padding: 15px 0;
}
.cart-contents {
color: white !important;
}
.nav-mobile #site-header-cart {
display: none;
text-align: right;
margin-left: auto;
color: white;
padding-right: 30px;
color: white !important
}
.woocommerce-page .nav-mobile #site-header-cart {
display: block;
}
.nav-mobile .count {
margin-left: 5px;
margin-right: 10px;
}
.woocommerce-ordering {
text-align: center;
}
.alpha,
h1 {
font-size: 40px;
}
.wc-block-grid__product-onsale,
.onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
border-color: #e5245e;
color: #e5245e;
}
.woocommerce-account h1 {
text-align: center;
margin-bottom: 50px;
border-bottom: 1px solid #c3c3c3;
padding-bottom: 30px;
color: #762780;
}
.addresses header.title h3 {
font-size: 24px;
}
.woocommerce-account h2 {
font-size: 30px;
margin-bottom: 20px;
}
.product-template-default .site-main,
.post-type-archive-product.woocommerce .site-main,
.woocommerce-cart .site-main,
.page-id-9 .site-main,
.woocommerce-account .site-main {
max-width: 1366px;
width: 100%;
margin: 0 auto;
padding-top: 50px; }
.post-type-archive-product.woocommerce .site-main,
.product-template-default .site-main {
margin-top: 50px;
}
.woocommerce-MyAccount-content {
width: 76.4705882353%;
float: right;
margin-right: 0;
background: white;
padding: 50px;
margin-bottom: 50px;
border-radius: 12px;
}
.woocommerce-cart-form__contents {
margin: 30px 0;
}
.page-id-9 .gamma,
.page-id-9 h3 {
font-size: 24px;
}
.form-row input,
.form-row select,
.form-row textarea {
width: 100%;
border-radius: 32px;
box-shadow: none;
}
.select2-container--default .select2-selection--single,
.filter-by-date select {
background-color: #fff;
border: 1px solid #aaa;
height: 56px;
border-radius: 32px;
}
.filter-by-date select {
padding: 0 15px;
outline: none;
}
.filter-by-date {
margin-bottom: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-top: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 15px;
right: 15px;
}
.woocommerce-cart .site-main .alpha,
.page-id-9 h1 {
text-align: center;
margin-bottom: 50px;
}
.woocommerce-order-received h2 {
font-size: 30px;
}
.wc-proceed-to-checkout .button.checkout-button,
#payment .place-order .button {
font-size: 20px;
}
.woocommerce-cart .actions {
margin-top: 30px;
}
.woocommerce-cart .actions button {
border-radius: 32px;
}
table.cart td.product-remove,
table.cart td.actions {
border-top-color: transparent;
}
table.cart td.actions {
background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-top: 30px;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #c3c3c3;
margin-bottom: 10px;
padding-bottom: 7px;
}
.woocommerce-MyAccount-navigation ul li:last-of-type {
border-bottom: 0
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button {
border-radius: 32px;
}
.storefront-sticky-add-to-cart__content {
width: 100%
}
.woocommerce-ordering {
margin-right: 0;
}
.storefront-sorting select.orderby {
height: 56px;
border-radius: 32px;
padding: 0 15px;
}
.storefront-sorting {
margin-bottom: 2.617924em;
text-align: center;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
table.cart td.actions input {
border-radius: 32px;
display: inline-block;
width: auto;
margin: 0;
outline: none;
box-shadow: none;
}
a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
outline: none;
}
.added_to_cart.alt,
.added_to_cart,
.widget a.button.checkout {
background-color: #e5245e;
border-color: #e5245e;
color: #ffffff;
border-radius: 32px;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
border-radius: 32px;
}
.wc-block-grid__products .wc-block-grid__product .button,
.wc-block-grid__products li.product .button,
ul.products .wc-block-grid__product .button,
ul.products li.product .button,
button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.button.alt,
.widget-area .widget a.button.alt {
margin-bottom: .236em;
border-radius: 32px;
background: #762780;
color: white;
}
.admin-bar .storefront-sticky-add-to-cart--slideInDown .storefront-sticky-add-to-cart__content {
width: 100%;
text-align:
}
.woocommerce-tabs .panel h2:first-of-type {
font-size: 30px;
margin-bottom: 30px;
}
li.product:focus,
.woocommerce-loop-product__link:focus {
outline: none;
}
.storefront-product-pagination {
display: none;
}
.filter-by-date {
width: 100%;
padding-left: 15px;
}
.filter-by-date-select:focus {
outline: none;
}
.modal-video-container {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 101;
}
.video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
border-radius: 50%;
padding: 18px 20px 18px 28px;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #ba1f24;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #fa183d;
border-radius: 50%;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 32px solid #fff;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
} .modal-video-container-wrapper {
width: 60%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
margin: 0 auto
}
.close-modal-video-container {
text-align: right;
width: 100%;
cursor: pointer;
}
.pulse-custom svg:hover {
-webkit-animation: pulse-custom 1s linear infinite;
animation: pulse-custom 1s linear infinite;
cursor: pointer;
}
.svg-pop-rules {
position: absolute;
right: 10%;
bottom: 23%;
}
.icon-absolute-decoration {
position: absolute;
right: 13%;
bottom: 10%;
}
.decoration-left-3 {
right: initial;
left: 40px;
bottom: -2%;
top: initial;
z-index: 101;
}
.decoration-left {
right: initial;
left: 7%;
bottom: 5%
}
.decoration-top-left {
right: initial;
left: 7%;
top: 5%
}
.decoration-middle-left {
left: 10%;
right: initial;
bottom: initial;
top: 15%;
}
.section-homepage-newsletter .decoration-left {
bottom: 21%;
}
.slick-arrow {
cursor: pointer;
}
.slick-arrow:hover {
opacity: 0.8;
}
.bar-video-wrapper img {
position: relative !important;
}
.decoration-middle-right {
left: initial;
right: 5%;
bottom: initial;
top: 45%;
}
.decoration-middle-left {
left: 5%;
right: initial;
bottom: initial;
top: 45%;
}
.decoration-left-top,
.decoration-right-top {
bottom: initial;
top: 5%;
}
.section-homepage-promoted-music .decoration-left-top {
left: 40px;
bottom: initial;
top: -30px;
}
.decoration-left-top {
left: 15%;
right: initial;
}
.decoration-right-top {
right: 4%;
}
.icon-absolute-decoration.in-view svg {
-webkit-animation: pulse-custom 1.5s ease-out infinite;
animation: pulse-custom 1.5s ease-out infinite;
}
.decoration-top-center {
left: 0;
right: 0;
bottom: initial;
top: 9%;
margin: 0 auto;
margin-left: -170px;
}
@-webkit-keyframes pulse-custom {
0% {
-webkit-transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.2, 1.2);
}
51% {
-webkit-transform: scale(1.6, 1.6);
}
52% {
-webkit-transform: scale(1.2, 1.2);
}
100% {
-webkit-transform: scale(1, 1);
}
}
@keyframes pulse-custom {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1.2);
}
51% {
transform: scale(1.6, 1.6);
}
52% {
transform: scale(1.2, 1.2);
}
100% {
transform: scale(1, 1);
}
;
} .overlay-bg-card {
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 280px;
border-radius: 26px;
z-index: 101;
display: flex;
align-items: center;
justify-content: center;
color: white !important;
} .music-article-card>a:hover .overlay-bg-card {
opacity: 1;
}
.spinDiv {
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;    }
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.floating {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 30px;
margin-top: 5px;
}
@keyframes floating {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 15px);
}
100% {
transform: translate(0, -0px);
}
}
.page-template-page-home .whats-on-section .event-card:first-of-type .even-cta {
background: #006898;
}
.page-template-page-home .whats-on-section .event-card:first-of-type:hover .even-cta {
background: #009BBF;
}
.page-template-page-home .whats-on-section .event-card:nth-of-type(2) .even-cta {
background: #FFDA31;
}
.page-template-page-home .whats-on-section .event-card:nth-of-type(2):hover .even-cta {
background: #E5005E;
}
.page-template-page-home .whats-on-section .event-card:nth-of-type(3) .even-cta {
background: #009BBF;
}
.page-template-page-home .whats-on-section .event-card:nth-of-type(3):hover .even-cta {
background: #006898;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
.section-homepage-buttons {
padding-top: 150px;
padding-bottom: 150px;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/green-icon-svg.svg);
}
.section-homepage-newsletter {
padding-top: 150px;
padding-bottom: 150px;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/icon-bg-dark.svg);
}
.section-pop-fresh {
padding-top: 150px;
padding-bottom: 150px;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/icon-bg-blue.svg);
}
.section-page-prices {
display: flex;
justify-content: center;
align-items: center;
flex-flow: column; background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/prices.svg);
}
.section-page-icons {
padding-top: 150px;
padding-bottom: 150px;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: column;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/color-roller.jpeg);
}
.section-page-nibble {
padding-top: 150px;
padding-bottom: 150px;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/groups-first-bg.svg);
}
.section-page-groups-sound {
padding-top: 150px;
padding-bottom: 150px;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/groups-first-bg.svg);
}
.section-page-hire-the-venu {
padding-top: 150px;
padding-bottom: 150px;
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/groups-first-bg.svg);
}
@media only screen and (max-width: 1730px) {
.address-card {
padding: 25px 45px;
left: 0;
font-size: 25px;
top: -70%;
}
.contact-page-wrapper-info {
font-size: 25px;
line-height: 110%;
}
.header-contact-page h2 {
margin-bottom: 32px;
font-size: 36px;
}
.header-contact-page h3 {
font-size: 28px;
}
.wpcf7 input {
height: 64px;
}
.address-card-title {
font-size: 40px
}
.navigation-custom {
height: 83px;
}
.nav-custom a {
margin-left: 6px;
}
.page-template-page-music-php .featured-music-article-date {
font-size: 22px;
margin-bottom: 30px;
}
.page-template-page-music-php .featured-music-article-title {
font-size: 30px;
margin-bottom: 50px;
}
.page-template-page-music-php .featured-music-article-body {
font-size: 22px;
}
.page-title,
.page-template-page-bar-php h1,
.page-template-page-bar-php h2,
.play-title,
.title-secondary,
.pay-price,
.page-template-page-groups .section-full-screen .title-text,
.section-homepage-promoted-music h2,
.section-bar h2,
.newsletter-section h2 {
font-size: 60px;
}
.pop-fresh-subtitle,
.pop-fresh-title {
font-size: 70px
}
.pay-price {
margin-top: 20px;
font-size: 40px;
}
.title-secondary {
margin-bottom: 30px;
}
.card-icon {
margin-bottom: 30px;
}
.newsletter-cta-wrapper p.newsletter-label {
margin-right: 40px;
}
.newsletter-cta-wrapper p.newsletter-label {
font-size: 20px;
}
.newsletter-input input,
.newsletter-sub-cta {
height: 55px;
}
.card-icon svg {
width: 100px;
height: 100px;
}
.newsletter-sub-cta {
max-width: 50%;
}
.newsletter-section,
.section-bar,
.whats-on-section,
.cards-rounded-wrapper {
padding: 0 30px;
}
.bar-card {
max-width: 49%;
}
.bar-card img {
height: 300px;
}
.bar-card-body {
font-size: 18px;
line-height: 120%;
margin-bottom: 20px;
}
.bar-card .even-cta {
height: 40px;
font-size: 16px;
line-height: 100%;
}
.page-subtitle,
.section-sub-title,
.bar-information-side h3,
.bar-information-side h4,
.group-booking-page-price-info,
.card-text,
.title-text,
.featured-music-article-title {
font-size: 30px;
text-align: center
}
.featured-music-article-wrapper a {
max-width: 50%;
width: 100%;
}
.featured-music-article-wrapper img {
height: 448px;
position: relative !important;
width: 100%;
object-fit: cover;
}
.section-homepage-promoted-music {
padding: 60px 30px;
}
.spotify-playlist-embed iframe {
height: 400px;
width: 360px;
}
.event-card {
max-width: 23%;
}
.events-template-default .event-card,
.single-post .event-card {
max-width: 100%;
}
.page-template-page-music .event-card {
max-width: 100%;
}
.page-template-page-groups .section-title,
.page-template-page-prices .section-title {
margin-bottom: 36px;
}
.card {
max-width: 23%;
}
.booking-bg-container-text {
padding-top: 100px;
}
.bar-section-wrapper {
padding: 55px 30px;
}
.babe-section-wrapper {
padding: 90px 30px;
}
.music-page-featured-article a {
max-width: 48%;
}
.music-page-featured-article img {
max-width: 100%;
width: 100%;
object-fit: cover;
}
.page-template-page-music-php .featuerd-music-article-details {
max-width: 50%;
}
.sidebar-section-title,
.even-title,
.even-date,
.even-duration {
font-size: 22px;
line-height: 110%;
}
.bar-information-side {
padding: 60px
}
.music-article-card-info-title,
.music-article-card-info-message,
.music-read-more,
.featured-music-article-cta a {
font-size: 18px;
}
.even-cta {
font-size: 18px;
margin-top: 38px;
}
.even-section-cta a,
.even-section-cta {
font-size: 18px
}
.wrapper-music-section {
flex-flow: row wrap;
padding: 100px 30px;
}
.section-music-articles {
max-width: 72%
}
.music-sidebar {
max-width: 25%
}
.pay-price-2 {
font-size: 30px
}
}
@media only screen and (min-width: 1921px) {
.page-template-page-home-php .col-full,
.page-template-page-whatson-php .col-full,
.page-id-17 .col-full,
.single-music .col-full,
.page-template-page-bar .col-full,
.page-template-page-groups .col-full,
.col-full {
max-width: 100%;
}
.groups-img-width {
width: 100%;
}
.navigation-custom {
height: 123px;
}
}
@media only screen and (max-width: 1681px) {
svg.arrow-right {
right: 30px
}
svg.arrow-left {
z-index: 101;
left: 30px;
}
.t-price-info {
font-size: 25px;
}
.t-price-name {
top: -115px;
padding-top: 16px;
}
.carousel-container {
max-width: 100%;
}
.booking-bg-container-text {
padding-top: 40px;
}
.contact-page-wrapper-info {
padding-left: 50px;
padding-right: 30px;
}
.main-content-wrapper {
border-radius: 5px;
}
}
@media only screen and (max-width: 1450px) {
.section-music-article {
max-width: 70%
}
.popgolf-booking-section-container {
padding-left: 65px;
padding-right: 45px
}
.event-card {
max-width: 31%;
}
.home .whats-on-section .event-card:last-of-type {
display: none
}
}
@media only screen and (max-width: 1024px) {
.col-full {
margin-left: 0;
margin-right: 0;
padding-left: 20px !important;
}
}
@media only screen and (max-width: 980px) {
.kids-header-images {
display: block;
width: 100%;
height: 300px;
}
.page-template-page-kids .slick-dots {
bottom: 20px;
}
.page-template-page-kids .slick-dots li button:before {
font-size: 20px;
}
.kids-header-images img {
max-width: initial;
height: 240px;
width: initial;
padding: 5px;
}
.page-template-page-kids .slick-dotted.slick-slider {
margin-bottom: 0;
}
.cta-container-text-image {
flex-flow: column;
}
.page-template-page-kids .t-price-name {
left: initial;
transform: initial;
}
.page-template-page-kids .t-price-wrapper {
margin-bottom: 0;
}
.page-template-page-kids .t-price-container {
margin-top: 0;
}
.arrow-down-for-kids-page {
max-width: 40px;
height: auto;
margin-top: 20px;
margin-bottom: 40px;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(5) {
margin-bottom: 60px;
}
.page-template-page-kids .section-full-screen {
height: auto;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(4),
.page-template-page-kids .t-price-wrapper:nth-of-type(5) {
padding: 30px 0;
padding-bottom: 50px;
}
.page-template-page-kids .t-price-wrapper:nth-of-type(4) .t-price-container .title-secondary {
font-size: 22px;
}
.kids-cta-containers>div:nth-of-type(2) {
flex-flow: column-reverse;
}
.page-template-page-kids .t-price-container {
flex-flow: column;
}
.page-template-page-kids .t-price-container>div {
max-width: 100%;
font-size: 18px;
}
.cta-container-text-image>div {
max-width: 100%;
}
.cta-container-text-image .kid-cta-text-container {
padding: 40px 15px;
}
.carousel-container {
max-width: 100%;
}
svg.arrow-right {
max-width: 30px
}
svg.arrow-left {
max-width: 30px
}
.image-bar-carousel>div {
max-width: 100%
}
.image-text-holder {
font-size: 20px;
max-width: 200px
}
.popgolf-booking-section-container {
padding: 0 15px
}
.t-price-wrapper {
max-width: 100%;
padding: 30px 15px
}
.t-price-container {
max-width: 100%;
border-right: 0;
margin-top: 30px;
padding: 0 15px
}
.last-container-t {
padding-right: 30px;
padding: 0 15px
}
.t-price-name {
position: initial;
margin-bottom: 16px;
font-size: 26px
}
.text-student {
font-size: 26px
}
.col-full {
padding-left: 0 !important
}
.t-price-info br {
display: none
}
.t-margin-top .t-price-info br {
display: block
}
.header-contact-page {
min-height: 220px
}
.pay-price-2 {
line-height: 110%
}
.map-location iframe {
height: 300px !important
}
.contact-page-wrapper-info {
flex-flow: column;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
font-size: 18px;
}
.pages-ace {
display: flex;
flex-flow: column;
}
.pages-ace .span-separators {
display: none;
}
.pages-ace>span {
margin-bottom: 6px;
}
.address-card {
position: initial;
padding: 20px 15px;
margin-bottom: 40px;
font-size: 18px;
line-height: 120%;
}
.address-card-title {
font-size: 28px
}
.contact-book-now-button a {
font-size: 16px;
}
.header-contact-page h2 {
margin-bottom: 0;
font-size: 30px;
}
.header-contact-page h3 {
font-size: 26px
}
.page-template-page-home .section-full-screen .section-title {
margin-bottom: 0 !important;
margin-top: -60px;
}
.page-template-page-home .section-full-screen {
height: 450px;
}
.navigate-down-arrow,
.even-section-cta-top {
display: none
}
.parallax {
background-attachment: scroll;
}
.section-page-prices {
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
justify-content: center;
height: initial;
}
.section-homepage-buttons,
.section-homepage-newsletter,
.section-pop-fresh,
.section-page-prices,
.section-page-nibble,
.section-page-icons,
.section-page-groups-sound,
.section-page-hire-the-venu {
padding-top: 50px;
padding-bottom: 50px;
}
.section-page-icons {
padding-left: 30px;
padding-right: 30px
}
.homepagebook-now {
max-width: 220px !important;
height: auto !important;
position: absolute;
bottom: -90px;
}
.page-template-page-prices .section-full-height .absolute-container {
padding-top: 60px;
padding-bottom: 60px;
height: 100%;
}
.section-title h4 {
margin-left: 0;
}
.section-title,
.play-hours-wrapper {
flex-flow: column;
}
.bar-video-wrapper img {
height: 300px !important;
}
.play-hours-bg-container-text .title-secondary {
font-size: 36px;
line-height: 41px;
}
.page-template-page-prices .group-booking-page {
max-width: 100%;
}
.wrapper-menu-prices {
flex-flow: column;
}
.group-pure-play .play-title,
.group-hyper-play .play-title {
font-size: 32px;
padding-top: 10px;
padding-bottom: 4px;
}
.page-template-page-prices .group-booking-page-price-info {
font-size: 20px;
line-height: 120%
}
.button-book-timeframe-play {
padding-left: 0;
text-align: center;
}
.navigate-down-arrow {
width: 40px;
height: 40px;
margin-top: 30px;
}
.playtime-timeframe {
max-width: 100%;
margin-top: 30px;
font-size: 20px;
}
.filter-by-date select {
width: 100%
}
.post-type-archive-product.woocommerce .site-main,
.product-template-default .site-main {
margin-top: 0;
padding: 20px 20px;
}
.single-post .featured-music-article-title {
margin-top: 20px !important;
margin-bottom: 0 !important
}
.coupon #coupon_code {
margin-bottom: 10px;
}
.product-template-default .site-main,
.post-type-archive-product.woocommerce .site-main,
.woocommerce-cart .site-main,
.page-id-9 .site-main,
.woocommerce-account .site-main {
margin-top: 0;
padding-top: 0;
}
.wc-proceed-to-checkout .button.checkout-button,
#payment .place-order .button {
font-size: 16px;
}
.storefront-sorting {
margin-top: 30px;
}
body {
font-size: 18px;
}
.page-template-page-groups .section-full-screen video {
height: 400px;
}
.storefront-primary-navigation {
margin-top: 8px
}
.page-template-page-groups .section-full-screen .section-title {
top: initial;
font-size: 32px !important;
margin-bottom: 0
}
.alpha,
h1,
.page-template-page-kids .section-full-screen .section-title h4 {
font-size: 32px;
}
.nav-mobile {
display: block;
width: 100%;
display: flex;
flex-flow: row;
align-items: flex-start;
justify-content: space-between;
padding: 10px 15px;
background: #801580;
position: initial;
}
.nav-mobile .main-navigation {
display: block;
}
.nav-mobile>.col-full {
display: block;
}
button.menu-toggle {
padding: 2px .875em 2px 2.617924em;
background: transparent;
color: white;
border-color: white;
}
button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
background-color: white;
}
.main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a,
button.menu-toggle,
button.menu-toggle:hover,
.handheld-navigation .dropdown-toggle {
color: white;
}
button.menu-toggle,
button.menu-toggle:hover {
border-color: white;
}
.main-navigation ul li a {
padding: 3px 0;
}
.site-header,
.secondary-navigation ul ul,
.main-navigation ul.menu>li.menu-item-has-children:after,
.secondary-navigation ul.menu ul,
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul li>a,
.storefront-handheld-footer-bar ul li.search .site-search,
button.menu-toggle,
button.menu-toggle:hover {
background-color: transparent;
}
.nav-mobile .col-full,
.storefront-primary-navigation {
max-width: 50%;
width: 100%;
}
.storefront-primary-navigation .col-full {
max-width: 100%;
text-align: right;
display: block;
}
.page-subtitle,
.section-sub-title,
.bar-information-side h3,
.bar-information-side h4,
.group-booking-page-price-info,
.card-text,
.title-text,
.featured-music-article-title {
font-size: 20px;
}
.position-relative img,
.section-homepage-buttons img {
position: absolute;
height: 100%;
object-fit: cover;
}
.custom-bar-img {
position: initial !important;
height: initial !important
}
.card {
max-width: 48%;
padding-top: 44px;
padding-bottom: 26px;
margin-bottom: 20px;
}
.newsletter-section,
.section-bar,
.whats-on-section,
.cards-rounded-wrapper {
padding: 0 15px;
}
.wrapper-bar-cards {
margin-top: 40px;
flex-flow: column;
}
.bar-card {
max-width: 100%;
flex-flow: column;
}
.card-icon svg {
width: 40px;
height: 40px;
}
.newsletter-cta-wrapper {
flex-flow: column;
}
.newsletter-input {
max-width: 100%;
}
.newsletter-cta-wrapper p.newsletter-label {
margin-right: 0;
max-width: 100%;
margin-bottom: 20px;
font-size: 18px;
text-align: center;
}
.newsletter-section h2,
.section-title {
margin-bottom: 30px;
}
.section-sub-title br {
display: none;
margin-top: 20px;
}
.newsletter-cta-wrapper p.newsletter-label br {
display: none;
}
.booking-bg-container {
flex-flow: column;
align-items: center;
justify-content: center;
position: relative;
padding: 20px 20px;
padding-bottom: 50px;
}
.play-title {
margin-bottom: 15px;
}
.even-section-cta {
margin-top: 40px;
}
.group-separator {
display: none;
}
.footer-wrapper-container-inside {
max-width: 100%;
flex-flow: column;
padding: 0;
text-align: center;
} .group-booking-page {
max-width: 100%;
margin: 30px 0;
}
.pay-price {
margin-bottom: 10px
}
.booking-bg-container .group-booking-page:first-of-type {
margin-top: 30px;
}
.group-booking-page-price-info {
padding-left: 0;
list-style: none;
text-align: center;
}
.group-booking-page-price-info ul {
padding-left: 0;
margin-left: 0;
width: fit-content;
margin: 0 auto;
text-align: left
}
.featured-music-article-title,
.featured-music-article-body {
margin: 10px 0;
}
.featured-music-article-title {
margin-top: 20px;
}
.featured-music-article-body,
.featured-music-article-date {
font-size: 18px;
}
.featuerd-music-article-details {
padding-top: 10px;
}
.featured-music-article-cta a {
font-size: 16px !important;
padding: 6px 40px;
padding-top: 10px;
}
.nav-custom {
display: none;
}
.footer-wrapper-container-inside .even-section-cta {
margin-top: 30px;
margin-bottom: 30px;
}
.t-price-wrapper-last .t-price-price {
margin-top: 0
}
.pay-price-2 {
font-size: 26px !important;
line-height: 110%;
}
.featured-music-article-wrapper a {
max-width: initial
}
.pages-ace,
.copyright-text {
text-align: center;
}
.footer-social-logos {
margin-top: 30px;
text-align: center;
}
.footer-social-logos svg {
width: 34px;
height: 34px;
}
.main-content-wrapper {
max-width: 100%;
width: 100%;
}
.page-id-14 .main-content-wrapper {
padding: 0 20px;
}
.col-full {
margin: 0;
}
.page-title,
.page-template-page-bar-php h1,
.page-template-page-bar-php h2,
.play-title,
.title-secondary,
.pay-price,
.page-template-page-groups .section-full-screen .title-text,
.section-homepage-promoted-music h2,
.section-bar h2,
.newsletter-section h2,
.section-full-screen h1,
.section-full-screen h2,
.pop-fresh-subtitle,
.pop-fresh-title,
.page-template-page-bar .section-full-screen .section-title h4 {
font-size: 32px
}
.page-template-page-bar .section-full-screen .section-title,
.page-template-page-groups .section-title {
margin-bottom: 50px
}
.bar-half-section {
flex-flow: column;
}
.half-section-1,
.half-section-2,
#primary.content-area {
max-width: 100%;
}
.bar-section-wrapper {
padding: 50px 20px;
}
.featured-music-article-wrapper a {
width: initial
}
.featured-music-article-wrapper img {
width: 100%
}
.bar-section-info {
flex-flow: column;
}
.bar-promo-wrapper .bar-section-info img {
max-width: 170px;
margin-right: 0;
margin-bottom: 30px;
}
.arrow-down-yellow {
position: relative !important;
margin-top: 20px;
}
.page-template-page-bar .section-sub-title {
margin-top: 30px;
}
.half-section-2 h3 {
margin-top: 20px;
margin-bottom: 20px;
}
.page-template-page-bar .section-full-screen {
padding-top: 20px;
align-items: center;
}
.bar-promo-wrapper iframe {
height: 400px;
}
.sidebar-section-title,
.even-title,
.even-date,
.even-duration {
font-size: 20px;
}
.section-homepage-promoted-music {
padding: 50px 15px;
}
.section-full-screen h1,
.section-full-screen h2 {
text-align: center;
}
.event-card {
max-width: 100%;
margin-bottom: 30px
}
.even-cta {
font-size: 14px;
}
.whats-on-section {
flex-flow: column;
padding: 0;
}
.featured-music-article-wrapper {
flex-flow: column;
}
.featured-music-article-wrapper img {
height: 200px
}
.featuerd-music-article-details {
padding-left: 0;
margin-left: 0;
}
.section-music-article {
max-width: 100%
}
.page-template-page-home .featuerd-music-article-details {
padding: 32px 22px;
padding-bottom: 20px;
}
.title-icon svg {
width: 52px;
height: 52px;
}
.newsletter-section,
.absolute-container,
.pop-fresh-wrapper,
.cards-rounded-wrapper {
position: relative;
padding: 50px 15px;
}
.section-homepage-bar {
padding: 50px 0;
}
.section-homepage-bar .bar-card:first-of-type {
margin-bottom: 30px
}
.bar-card img {
position: relative !important;
max-width: 100%;
width: 100%;
height: 200px;
}
.carousel-container img {
position: relative !important;
object-fit: initial;
height: initial;
}
.bar-card-body {
font-size: 16px;
}
.bar-card-title {
margin-bottom: 15px;
}
.title-with-icon {
margin-top: 15px;
margin-bottom: 15px;
flex-flow: column;
}
.page-title {
margin-left: 0;
}
.overlay-bg-card {
height: 200px;
}
.page-template-page-music .music-article-card img {
height: 200px;
}
.section-music-article-wrapper,
.music-page-featured-article {
flex-flow: column;
}
.section-music-article-wrapper {
margin-bottom: 15px;
padding-bottom: 0;
}
.music-read-more {
text-align: left;
margin-bottom: 60px;
}
.music-page-featured-article a {
max-width: 100%
}
.page-template-page-music-php .featuerd-music-article-details {
max-width: 100%;
padding: 15px 0;
}
.page-template-page-music-php .featured-music-article-title {
font-size: 28px;
line-height: 120%;
margin-bottom: 20px
}
.page-template-page-music-php .featured-music-article-date {
font-size: 20px;
margin-bottom: 15px;
}
.music-article-card,
.section-music-articles {
max-width: 100%
}
.wrapper-music-section {
padding: 50px 20px;
}
.single-music-article-img {
margin-bottom: 30px;
margin-top: 30px;
}
.music-sidebar {
max-width: 100%
}
.title-with-icon svg {
height: 70px;
width: 70px;
}
.page-id-14 .title-with-icon svg {
height: 40x;
width: 40px;
}
.article-text-container {
padding-left: 0;
}
.bar-card-info {
max-width: 100%;
padding: 15px
}
.main-content-wrapper {
border-radius: 0
}
.discount-icon {
top: initial;
bottom: 10%;
}
.pop-fresh-wrapper {
text-align: center;
}
.discount-icon {
padding: 5px 10px;
padding-top: 10px;
}
.footer-social-logos svg:first-of-type {
margin-left: 0;
}
.discount-icon svg {
width: 30px;
height: 30px;
}
.icon-absolute-decoration svg {
max-width: 35%;
}
.svg-pop-rules {
display: none;
}
.section-full-screen {
height: 350px;
background-attachment: initial;
background-position: center !initial;
background-repeat: no-repeat;
}
.footer-button-holder {
margin-right: 0;
}
.svg.arrow-right {
max-width: 30px
}
.svg.arrow-left {
max-width: 30px
}
.page-template-page-home .featured-music-article-label {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-page-home .section-full-screen {
background-image: url(https://popgolf.com/wp-content/themes/storefront-child-theme-master/assets/images/homepage-image-header-mobile.jpg) !important;
}
.kids-prices-secondary {
flex-flow: column;
margin-bottom: 0;
margin-top: 10px;
}
.booking-bg-container-kids .kids-prices-secondary h4.section-sub-title {
max-width: 100%;
}
.booking-bg-container-kids .kids-prices-secondary h4.section-sub-title span {
display: block;
}
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}