body { letter-spacing: 3px; } body #page, #page h1, #page h2, #page h3, #page h4, #page h5, #page p, #page span, #page div { color: #fff; } #site-footer, #site-footer .footer-links, .site-header, .site-header .slide-menu-gr-container, #site-footer .footer-legal { background-color: transparent; } #site-header { box-shadow: none; background: #000; } @media all and (min-width: 800px) { #main-content { padding-top:80px; } } .slide-menu-gr-container .menu-social-container .slide-menu-gr-parent li svg.h { height: 16px; } .slide-menu-gr-container .menu-social-container .slide-menu-gr-parent li svg.w { width: 16px; } .button:hover { opacity: 0.8; } .site-header.site-header-transparent #slide-menu-gr.docked, #slide-menu-gr.docked { background: #000; background-color: #000; } /* Header / Logo / Menu */ #logo-HOLD { position: absolute; top: 10px; } #site-header-HOLD { background: #000; } #main-content { text-shadow: rgb(0 0 0) 1px 1px 5px; } @media all and (min-width: 1280px) { #main-content-HOLD { max-width: 80%; margin: auto; /*background-color: rgba(0,0,0,.7);*/ } } /* BANNER */ /* = = 2023 = = */ .promo.home[data-headerType=slickslider] .slider-gr .slider-gr-container .slick-list, .slider-gr.wide-slide .slider-gr-slide .slide-content { height: 100vh; } @media all and (min-width: 800px) { .promo.home[data-headerType=slickslider] .slider-gr .slider-gr-container .slick-list, .slider-gr.wide-slide .slider-gr-slide .slide-content { max-height: 90vh; } } @media all and (min-width: 1280px) { .HOLD.promo.home[data-headerType=slickslider] .slider-gr .slider-gr-container .slick-list, .HOLD.slider-gr.wide-slide .slider-gr-slide .slide-content { max-height: 35vw; } } figure.size-full { width: 100%; } .max-height-100 { max-height: calc(100vh - 150px); } /* @media all and (max-width: 768px) { .slide-content-HOLD { height: 100vh; } .slide-image-background.slide-desktop { display: none; } } .promo .slider-gr.wide-slide .slider-gr-slide .slide-snippet { background-color: transparent !important; } @media all and (max-width: 800px) { #home .promo.home .slider-gr .slider-gr-slide { height: calc(100vh - 1px); } } @media all and (min-width: 800px) and (max-width: 1399px) { #home .promo.home .slider-gr .slider-gr-slide { height: 55vw; } } @media all and (min-width: 1400px) { #home .promo.home[data-headerType=slickslider] .slider-gr .slider-gr-container { height: auto; } #home .promo.home .slider-gr .slider-gr-slide { height: auto; max-height: 100vh; } } .slider-gr.wide-slide .slider-gr-slide { max-height: calc(100vh - 1vh); } */ /* v1 background body #page-HOLD { background-image: url(//carlyraejepsen.umg-wp.com/files/2022/04/bg2-compressed-scaled.jpg); background-size: cover; background-position: 50% -4vh; background-repeat: no-repeat; background-attachment: fixed; } @media all and (min-width: 1280px) { body #page-HOLD { background-position: 50% -20vh; } } body.home #page-HOLD { background-image: url(//carlyraejepsen.umg-wp.com/files/2022/04/Carly_Rae_Jepsen_Western_Wind_DCS-CVR-compressed.jpg); background-size: cover; background-position: 50% -7vh; background-repeat: no-repeat; background-attachment: scroll; } @media all and (min-width: 1280px) { body.home #page-HOLD { background-position: 50% -50vh; } } */ /* TOUR DATES - SEATED */ body.page .seated-event-link1, body.page .seated-event-link1:visited, body.page .seated-event-link2, body.page .seated-event-link2:visited, body.page .seated-follow-link, body.page .seated-follow-link:visited { background-color: #000; text-shadow: none; } /* MUSIC PAGE */ .c-music-button { background-color: #ffcc33; border-radius: 40px; } .links-contain.full-logo li { background: #333; } /* VIDEOS */ .videos .color-palette-bg { background-color: #000; } /* NEWSLETTER PAGE */ .newsletter-container header { background-color: rgba(0,0,0,.6); padding: 2rem; } #header-bar-HOLD { top: 20px; } #extra-content h1 { } #extra-content { /*text-shadow: 1px 1px #333;*/ text-align: center; margin-top: 25rem; } @media all and (min-width:1280px) { #extra-content { /*text-shadow: 1px 1px #333;*/ text-align: center; margin-top: 55vh; } } #extra-content img { max-width: 340px; margin: 0 auto; } #extra-content a.button { display: inline-block; margin: 10px auto; padding: 4px 16px; background: #000; border-radius: 40px; } #extra-content a.button:hover { background: #fff; color: #000; } #site-footer { background: #000; } #site-footer .site-footer-left, #site-footer .site-footer-middle { font-size: 11px; } @media only screen and (min-width: 50em) { #site-footer .legal { width: auto; position: relative; justify-content: flex-end; margin-right: 15px; } } #site-footer .footer-socials { display: none; } #_evh-button { display: none !important; } #_evh-button span { color:#000; font-size: 10px }