body { overflow-x: hidden; } #loader { background-color: #030303; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1999; } #loader svg { display: block; height: 100px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100px; } .fa-spotify { color: #1dbb50 !important; } .btn { background: none; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.26); color: #fff; cursor: pointer; display: inline-block; font-family: "Titillium Web", Helvetica, Arial, sans-serif; font-size: 13px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; letter-spacing: 0.025em; line-height: 1em; overflow: hidden; padding: 8px 0; text-align: center; vertical-align: bottom; } .btn span { padding: 0 25px 0 0; position: relative; transition: all 0.3s ease-in-out; } .btn span::before, .btn span::after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 476.213 476.21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='345.606,107.5 324.394,128.713 418.787,223.107 0,223.107 0,253.107 418.787,253.107 324.394,347.5 345.606,368.713 476.213,238.106 ' fill-rule='nonzero' fill='%23ffffff'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; content: " "; display: block; height: 10px; position: absolute; top: calc(50% + 1px); transform: translateY(-50%); transition: all 0.3s ease-in-out; width: 15px; z-index: 1; } .btn span::before { left: -15px; opacity: 0; } .btn span::after { opacity: 1; right: 0; } .btn:active span, .btn:focus span, .btn:hover span { padding: 0 0 0 35px; } .btn:active span::before, .btn:focus span::before, .btn:hover span::before { left: 10px; opacity: 1; } .btn:active span::after, .btn:focus span::after, .btn:hover span::after { opacity: 0; right: -35px; } .pace { border: 1px solid #fff; } .video-container { left: 0; max-width: 100%; min-height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 1; } .video-container video { bottom: 0; height: auto; left: 0; min-height: 100%; min-width: 100%; position: absolute; right: 0; top: 0; width: auto; } body { background-color: #000; font-family: "Montserrat", sans-serif; /*padding-top: 160px;*/ } body h3 { font-family: "Oswald", sans-serif; font-weight: normal; text-transform: uppercase; } body #nav-mobile { background-color: rgba(0, 0, 0, 0.9); bottom: 0; display: none; height: 100vh; left: 0; overflow-y: auto; padding: 100px 15px 15px 15px; position: fixed; right: 0; top: -100vh; transition: top 0.5s; width: 100vw; z-index: 998; } @media only screen and (max-width: 991px) { body #nav-mobile { display: block; } } body #nav-mobile.is-active { top: 0; } body #nav-mobile ul.menu { text-align: center; } body #nav-mobile ul.menu li { display: block; padding: 15px 0; } body #nav-mobile ul.menu li a, body #nav-mobile ul.menu li a:link, body #nav-mobile ul.menu li a:visited { color: #fff; font-size: 16px; letter-spacing: 0.25em; line-height: 1em; padding: 5px; text-indent: 0.125em; text-transform: uppercase; } body #nav-mobile ul.menu li a:active, body #nav-mobile ul.menu li a:focus, body #nav-mobile ul.menu li a:hover, body #nav-mobile ul.menu li a:link:active, body #nav-mobile ul.menu li a:link:focus, body #nav-mobile ul.menu li a:link:hover, body #nav-mobile ul.menu li a:visited:active, body #nav-mobile ul.menu li a:visited:focus, body #nav-mobile ul.menu li a:visited:hover { color: #fff; } body #nav-mobile form { display: inline-block; } @media only screen and (max-width: 599px) { body #nav-mobile form { display: block; } } body #nav-mobile form input, body #nav-mobile form button { background: transparent; color: #fff; float: left; font-family: "Titillium Web", sans-serif; font-size: 12px; height: 35px; letter-spacing: 0.025em; line-height: 1; margin: 0; padding: 12px 0; } body #nav-mobile form input { border: 1px solid rgba(255, 255, 255, 0.26); border-right: none; line-height: 35px; padding-left: 15px; width: 220px; } @media only screen and (max-width: 599px) { body #nav-mobile form input { border-right: 1px solid rgba(255, 255, 255, 0.26); margin-bottom: 5px; width: 100%; } } body #nav-mobile form button { border: 1px solid rgba(255, 255, 255, 0.26); cursor: pointer; width: 95px; } @media only screen and (max-width: 599px) { body #nav-mobile form button { display: block; margin-bottom: 20px; width: 100%; } } body #nav-mobile ul.social-mobile { display: none; margin-top: 15px; text-align: center; } @media only screen and (max-width: 991px) { body #nav-mobile ul.social-mobile { display: block; } } body #nav-mobile ul.social-mobile li { display: inline-block; } body #nav-mobile ul.social-mobile li a, body #nav-mobile ul.social-mobile li a:link, body #nav-mobile ul.social-mobile li a:visited { color: #fff; font-size: 20px; padding: 5px 10px; } body > header { left: 0; padding: 15px 15px 15px 60px; position: fixed; top: 0; -webkit-transform: translate(0, 0); width: 100%; z-index: 999; } @media only screen and (max-width: 1199px) { body > header { padding-left: 30px; } } @media only screen and (max-width: 991px) { body > header { background-color: rgba(0, 0, 0, 0.8); left: 0; padding: 15px; position: fixed; top: 0; width: 100%; } } body > header.scrolled { background-color: rgba(0, 0, 0, 0.8); height: auto; } body > header.scrolled * { transition: all 0.3s linear; } body > header.scrolled .wrap { display: inline-block !important; float: right; margin: 0 !important; padding-top: 20px; } @media only screen and (max-width: 991px) { body > header.scrolled .wrap { padding-top: 0; } } body > header.scrolled form, body > header.scrolled .socials { height: 0 !important; } body > header.scrolled h1 { float: left; } body > header #header-top { -webkit-transform: translate(0, 0); } body > header #header-top .container { max-width: 1350px; padding: 0 0; -webkit-transform: translate(0, 0); } body > header #header-top .wrap { align-items: center; display: flex; justify-content: center; margin-bottom: 30px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body > header #header-top .wrap { display: block; margin-bottom: -58px; } } body > header #header-top form, body > header #header-top .socials { overflow: hidden; } body > header #header-top form { margin-right: 50px; width: 315px; } @media only screen and (max-width: 1399px) { body > header #header-top form { margin-right: 0; } } @media only screen and (max-width: 1199px) { body > header #header-top form { margin-right: 15px; width: 285px; } } @media only screen and (max-width: 991px) { body > header #header-top form { display: none; } } body > header #header-top form input, body > header #header-top form button { background: transparent; color: #fff; float: left; font-family: "Titillium Web", sans-serif; font-size: 12px; height: 35px; letter-spacing: 0.025em; line-height: 1; margin: 0; } body > header #header-top form input { border: 1px solid rgba(255, 255, 255, 0.26); border-right: none; line-height: 35px; padding-left: 15px; width: 220px; } @media only screen and (max-width: 1199px) { body > header #header-top form input { width: 190px; } } body > header #header-top form button { cursor: pointer; width: 95px; } @media only screen and (max-width: 991px) { body > header #header-top .socials { display: none; } } body > header #header-top .socials li { display: inline-block; } body > header #header-top .socials li a, body > header #header-top .socials li a:link, body > header #header-top .socials li a:visited { color: #fff; font-size: 20px; padding: 5px 15px; position: relative; top: 2px; } @media only screen and (max-width: 1399px) { body > header #header-top .socials li a, body > header #header-top .socials li a:link, body > header #header-top .socials li a:visited { font-size: 18px; padding: 5px 8px; } } body > header #header-top .socials li a:active, body > header #header-top .socials li a:focus, body > header #header-top .socials li a:hover, body > header #header-top .socials li a:link:active, body > header #header-top .socials li a:link:focus, body > header #header-top .socials li a:link:hover, body > header #header-top .socials li a:visited:active, body > header #header-top .socials li a:visited:focus, body > header #header-top .socials li a:visited:hover { opacity: 0.6; } body > header #header-top nav { flex: 1; } body > header #header-top nav button.hamburger { display: none; } body > header #header-top nav button.hamburger .hamburger-inner, body > header #header-top nav button.hamburger .hamburger-inner:after, body > header #header-top nav button.hamburger .hamburger-inner:before { background-color: #fff; } @media only screen and (max-width: 991px) { body > header #header-top nav button.hamburger { display: inline-block; } } @media only screen and (max-width: 991px) { body > header #header-top nav ul { display: none; } } body > header #header-top nav li { display: inline-block; line-height: 1em; margin-right: 25px; } @media only screen and (max-width: 1310px) { body > header #header-top nav li { margin-right: 15px; } } @media only screen and (max-width: 1199px) { body > header #header-top nav li { margin-right: 8px; } } body > header #header-top nav li a, body > header #header-top nav li a:link, body > header #header-top nav li a:visited { color: #fff; font-size: 16px; letter-spacing: 0.1em; line-height: 1em; padding: 5px 15px; position: relative; text-transform: uppercase; /*&:after { background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); transition: width 0.3s; width: 0; }*/ } @media only screen and (max-width: 1310px) { body > header #header-top nav li a, body > header #header-top nav li a:link, body > header #header-top nav li a:visited { padding: 5px; } } @media only screen and (max-width: 1199px) { body > header #header-top nav li a, body > header #header-top nav li a:link, body > header #header-top nav li a:visited { font-size: 15px; } } body > header #header-top nav li a:active, body > header #header-top nav li a:focus, body > header #header-top nav li a:hover, body > header #header-top nav li a:link:active, body > header #header-top nav li a:link:focus, body > header #header-top nav li a:link:hover, body > header #header-top nav li a:visited:active, body > header #header-top nav li a:visited:focus, body > header #header-top nav li a:visited:hover { color: rgba(255, 255, 255, 0.66); /*&:after { width: 100%; }*/ } body > header #header-top nav li.current-menu-item:not(.bio) a, body > header #header-top nav li.current-menu-item:not(.bio) a:link, body > header #header-top nav li.current-menu-item:not(.bio) a:visited { color: rgba(255, 255, 255, 0.66) !important; /*&:after { background-color: #790b26; width: 100%; }*/ } body > header #header-top nav li:last-of-type { margin-right: 0; } body > header #header-top h1 { display: inline-block; margin-left: -40px; } @media only screen and (max-width: 1199px) { body > header #header-top h1 { margin-left: -10px; } } @media only screen and (max-width: 991px) { body > header #header-top h1 { margin: 0; } } body > header #header-top h1 a svg, body > header #header-top h1 a:link svg, body > header #header-top h1 a:visited svg { display: block; height: 60px; transition: opacity 0.3s; width: 60px; } body > header #header-top h1 a svg circle, body > header #header-top h1 a svg rect, body > header #header-top h1 a svg path, body > header #header-top h1 a:link svg circle, body > header #header-top h1 a:link svg rect, body > header #header-top h1 a:link svg path, body > header #header-top h1 a:visited svg circle, body > header #header-top h1 a:visited svg rect, body > header #header-top h1 a:visited svg path { fill: white; } body > header #header-top h1 a:active svg, body > header #header-top h1 a:focus svg, body > header #header-top h1 a:hover svg, body > header #header-top h1 a:link:active svg, body > header #header-top h1 a:link:focus svg, body > header #header-top h1 a:link:hover svg, body > header #header-top h1 a:visited:active svg, body > header #header-top h1 a:visited:focus svg, body > header #header-top h1 a:visited:hover svg { opacity: 0.6; } body > main { margin-bottom: 420px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { body > main { margin-bottom: 320px; } } body > main article#newsletter { background: #070b09 url("../img/newsletter-bg.jpg") 0 0 no-repeat; background-size: cover; padding: 75px 0 85px; position: relative; -webkit-transform: translate(0, 0); z-index: 2; } @media only screen and (max-width: 991px) { body > main article#newsletter { display: none; } } body > main article#newsletter .container { max-width: 1400px; padding: 0 90px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body > main article#newsletter .container { padding: 0 15px; } } body > main article#newsletter .left-col, body > main article#newsletter .right-col { display: inline-block; vertical-align: middle; -webkit-transform: translate(0, 0); width: calc(50% - 4px); } body > main article#newsletter .left-col { padding-right: 30px; } body > main article#newsletter .left-col h3 { color: #fff; font-family: "Montserrat", sans-serif; font-size: 30px; font-weight: 200; letter-spacing: 0.025em; margin: 0; } body > main article#newsletter .right-col { padding-left: 30px; } body > main article#newsletter .right-col form { border-bottom: 1px solid rgba(255, 255, 255, 0.54); } body > main article#newsletter .right-col form input { background: none; border: none; color: rgba(255, 255, 255, 0.3); font-family: "Titillium Web", sans-serif; letter-spacing: 0.025em; padding: 10px 0; } body > main article#newsletter .right-col form button { background: none; border: none; color: #fff; cursor: pointer; display: inline-block; float: right; font-family: "Titillium Web", sans-serif; letter-spacing: 0.025em; margin-top: 10px; overflow: hidden; padding: 0 0 0 15px; position: relative; transition: opacity 0.3s; } body > main article#newsletter .right-col form button:before { content: "\e927"; font-family: "icomoon"; font-size: 10px; position: absolute; left: -10px; top: 50%; transition: left 0.3s; transform: translateY(-50%); } body > main article#newsletter .right-col form button:active:before, body > main article#newsletter .right-col form button:focus:before, body > main article#newsletter .right-col form button:hover:before { left: 0; } body > footer { bottom: 0; color: #fff; left: 0; padding: 140px 0 30px; position: fixed; right: 0; text-align: center; } @media only screen and (max-width: 991px) { body > footer { padding: 50px 0 30px; } } body > footer #footer-logo svg { display: block; height: 82px; margin: 0 auto 80px; width: 82px; } body > footer #footer-logo svg circle, body > footer #footer-logo svg rect, body > footer #footer-logo svg path { fill: rgba(255, 255, 255, 0.41); } body > footer ul { margin-bottom: 40px; } body > footer ul li { display: inline-block; margin: 0 7px; } body > footer ul li a, body > footer ul li a:link, body > footer ul li a:visited { color: rgba(255, 255, 255, 0.3); font-family: "Titillium Web", sans-serif; font-size: 12px; line-height: 1em; padding: 5px 15px; } body > footer ul li a:active, body > footer ul li a:focus, body > footer ul li a:hover, body > footer ul li a:link:active, body > footer ul li a:link:focus, body > footer ul li a:link:hover, body > footer ul li a:visited:active, body > footer ul li a:visited:focus, body > footer ul li a:visited:hover { color: rgba(255, 255, 255, 0.6); } body > footer p { color: rgba(255, 255, 255, 0.22); font-family: "Titillium Web", sans-serif; font-size: 12px; } body > footer p span { margin: 0 15px; } body > footer p a, body > footer p a:link, body > footer p a:visited { color: rgba(255, 255, 255, 0.22); text-decoration: underline; } body > footer p a:active, body > footer p a:focus, body > footer p a:hover, body > footer p a:link:active, body > footer p a:link:focus, body > footer p a:link:hover, body > footer p a:visited:active, body > footer p a:visited:focus, body > footer p a:visited:hover { color: rgba(255, 255, 255, 0.6); } body.home > main #banner { background: #000; background-size: cover; /*padding: 470px 0 205px;*/ position: relative; z-index: 1; } @media only screen and (max-width: 991px) { body.home > main #banner { margin-top: 94px; } } body.home > main #banner .video-container { max-width: 100%; overflow: hidden; padding-top: 50%; position: relative; width: 100%; z-index: 1; } body.home > main #banner .video-container video { bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0; width: 100%; } body.home > main #banner .container { bottom: 30px; margin: auto; max-width: 1400px; padding: 0 0 0 85px; position: absolute; z-index: 2; } @media only screen and (max-width: 991px) { body.home > main #banner .container { margin: 0; padding: 0 15px; } } body.home > main #banner #banner-content { max-width: 50%; padding-top: 200px; } @media only screen and (max-width: 991px) { body.home > main #banner #banner-content { left: 0; max-width: 100%; padding: 0 15px; position: absolute; top: 50%; transform: translateY(-50%); } } body.home > main #banner #banner-content h3 { color: #fff; font-size: 120px; letter-spacing: 0.025em; line-height: 0.9em; margin-bottom: 15px; text-shadow: 0 0 24px rgba(0, 0, 0, 0.8); } @media only screen and (max-width: 991px) { body.home > main #banner #banner-content h3 { font-size: 113px; } } @media only screen and (max-width: 599px) { body.home > main #banner #banner-content h3 { font-size: 70px; } } body.home > main #banner #banner-content h4 { color: #fff; font-size: 24px; font-weight: normal; letter-spacing: 0.025em; margin-bottom: 40px; text-shadow: 0 0 24px rgba(0, 0, 0, 0.8); } @media only screen and (max-width: 599px) { body.home > main #banner #banner-content h4 { font-size: 20px; } } body.home > main #banner #banner-content ul li { display: inline-block; } body.home > main #banner #banner-content ul li a, body.home > main #banner #banner-content ul li a:link, body.home > main #banner #banner-content ul li a:visited { color: #fff; border: 1px solid #fff; display: inline-block; font-family: "Titillium Web", sans-serif; font-size: 14px; letter-spacing: 0.025em; line-height: 1em; margin: 0 15px 0 0; max-width: 100%; padding: 10px 0; text-align: center; width: 155px; } @media only screen and (max-width: 991px) { body.home > main #banner #banner-content ul li a, body.home > main #banner #banner-content ul li a:link, body.home > main #banner #banner-content ul li a:visited { font-size: 18px; } } @media only screen and (max-width: 599px) { body.home > main #banner #banner-content ul li a, body.home > main #banner #banner-content ul li a:link, body.home > main #banner #banner-content ul li a:visited { font-size: 12px; width: 135px; } } body.home > main #banner #banner-content ul li:last-of-type a, body.home > main #banner #banner-content ul li:last-of-type a:link, body.home > main #banner #banner-content ul li:last-of-type a:visited { margin-right: 0; } body.home > main article#tour { background: #030303 url("../img/tour-bg.jpg") 0 0 no-repeat; background-size: 100% auto; color: #fff; display: flex; min-height: 100vh; overflow: hidden; padding: 30px 0; /*padding: 165px 0;*/ position: relative; } @media only screen and (max-width: 991px) { body.home > main article#tour { background-position: right 0; background-size: cover; height: auto; padding: 95px 0; } } body.home > main article#tour #tour-overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; } body.home > main article#tour .container { margin: auto; max-width: 1400px; padding: 0 90px; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { body.home > main article#tour .container { margin: 0; padding: 0 15px; } } body.home > main article#tour div[id^="jarallax-container"] > div { background-size: 100% auto !important; } body.home > main article#tour h3 { font-size: 60px; letter-spacing: 0.2em; margin-bottom: 65px; } @media only screen and (max-width: 991px) { body.home > main article#tour h3 { margin-bottom: 30px; } } body.home > main article#tour .event { align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.23); display: flex; justify-content: center; padding: 40px 0 20px; } @media only screen and (max-width: 991px) { body.home > main article#tour .event { display: block; padding: 30px 0 15px; } } body.home > main article#tour .event .event-flag { padding-right: 7px; width: 5%; } @media only screen and (max-width: 991px) { body.home > main article#tour .event .event-flag { margin-bottom: -10px; padding: 0; width: 100%; } } body.home > main article#tour .event .event-date { font-family: "Oswald", sans-serif; font-size: 18px; letter-spacing: 0.2em; line-height: 1.6; padding: 0 7px; text-transform: uppercase; width: 20%; } @media only screen and (max-width: 991px) { body.home > main article#tour .event .event-date { /*margin-bottom: 10px;*/ padding: 0; width: 100%; } } body.home > main article#tour .event .event-location { font-family: "Montserrat", sans-serif; font-size: 16px; letter-spacing: 0.025em; line-height: 1.6; padding: 0 7px; width: 30%; } @media only screen and (max-width: 991px) { body.home > main article#tour .event .event-location { float: left; padding: 0; width: 33.33333334%; } } @media only screen and (max-width: 767px) { body.home > main article#tour .event .event-location { /*margin-bottom: 15px;*/ width: 100%; } } body.home > main article#tour .event .event-location .country { color: #adadad; } body.home > main article#tour .event .event-venue { font-family: "Montserrat", sans-serif; font-size: 16px; letter-spacing: 0.025em; line-height: 1.6; padding: 0 7px; width: 20%; } @media only screen and (max-width: 991px) { body.home > main article#tour .event .event-venue { float: left; padding: 0; width: 33.33333334%; } } @media only screen and (max-width: 767px) { body.home > main article#tour .event .event-venue { margin-bottom: 15px; width: 100%; } } body.home > main article#tour .event .event-tickets { padding-left: 7px; text-align: right; width: 30%; } @media only screen and (max-width: 991px) { body.home > main article#tour .event .event-tickets { float: left; padding: 0; width: 33.33333334%; } } @media only screen and (max-width: 767px) { body.home > main article#tour .event .event-tickets { margin-bottom: 15px; text-align: left; width: 100%; } } body.home > main article#tour .event .event-tickets a, body.home > main article#tour .event .event-tickets a:link, body.home > main article#tour .event .event-tickets a:visited { background-color: #fff; border: 1px solid #fff; color: #3b3b3b; font-family: "Titillium Web", sans-serif; font-size: 14px; letter-spacing: 0.025em; line-height: 1em; margin-left: 5px; padding: 7px 20px; } body.home > main article#tour .event .event-tickets a:first-of-type, body.home > main article#tour .event .event-tickets a:link:first-of-type, body.home > main article#tour .event .event-tickets a:visited:first-of-type { margin-left: 0; } body.home > main article#tour .event .event-tickets a:active, body.home > main article#tour .event .event-tickets a:focus, body.home > main article#tour .event .event-tickets a:hover, body.home > main article#tour .event .event-tickets a:link:active, body.home > main article#tour .event .event-tickets a:link:focus, body.home > main article#tour .event .event-tickets a:link:hover, body.home > main article#tour .event .event-tickets a:visited:active, body.home > main article#tour .event .event-tickets a:visited:focus, body.home > main article#tour .event .event-tickets a:visited:hover { background-color: transparent; color: #fff; } body.home > main article#tour #more-wrap { margin-top: 30px; text-align: center; } @media only screen and (max-width: 991px) { body.home > main article#tour #more-wrap { display: none; } } body.home > main article#tour #more-wrap a, body.home > main article#tour #more-wrap a:link, body.home > main article#tour #more-wrap a:visited { background-color: #fff; border: 1px solid #fff; color: #3b3b3b; display: inline-block; font-family: "Titillium Web", sans-serif; font-size: 16px; letter-spacing: 0.025em; line-height: 1em; padding: 7px 20px; } body.home > main article#tour #more-wrap a:active, body.home > main article#tour #more-wrap a:focus, body.home > main article#tour #more-wrap a:hover, body.home > main article#tour #more-wrap a:link:active, body.home > main article#tour #more-wrap a:link:focus, body.home > main article#tour #more-wrap a:link:hover, body.home > main article#tour #more-wrap a:visited:active, body.home > main article#tour #more-wrap a:visited:focus, body.home > main article#tour #more-wrap a:visited:hover { background-color: transparent; color: #fff; } body.home > main article#newsletter { background: #070b09; } body.home > main section#news { background: #030303 url("../img/news-bg.jpg") 0 0 no-repeat; background-size: cover; display: flex; /*height: 100vh;*/ min-height: 100vh; overflow: hidden; padding: 30px 0; /*padding: 160px 0 140px;*/ position: relative; } @media only screen and (max-width: 991px) { body.home > main section#news { height: auto; padding: 95px 0 30px; } } body.home > main section#news .container { margin: auto; max-width: 1400px; padding: 0 90px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.home > main section#news .container { padding: 0 15px; } } body.home > main section#news h3 { color: #fff; font-size: 60px; letter-spacing: 0.2em; margin-bottom: 65px; } @media only screen and (max-width: 991px) { body.home > main section#news #news-wrap { text-align: center; } } body.home > main section#news #news-wrap #news-carousel { position: relative; } @media only screen and (max-width: 991px) { body.home > main section#news #news-wrap #news-carousel { display: none; } } body.home > main section#news #news-wrap #news-carousel a, body.home > main section#news #news-wrap #news-carousel a:link, body.home > main section#news #news-wrap #news-carousel a:visited { color: #fff; display: block; font-family: "Oswald", sans-serif; font-size: 24px; letter-spacing: 0.1em; position: relative; transition: opacity 0.3s; } body.home > main section#news #news-wrap #news-carousel a h4, body.home > main section#news #news-wrap #news-carousel a:link h4, body.home > main section#news #news-wrap #news-carousel a:visited h4 { animation-duration: 0.5s; bottom: 50px; display: none; font-weight: normal; max-width: 33.33333334%; padding-left: 40px; position: absolute; right: 25px; } body.home > main section#news #news-wrap #news-carousel a h4.animated, body.home > main section#news #news-wrap #news-carousel a:link h4.animated, body.home > main section#news #news-wrap #news-carousel a:visited h4.animated { display: block; } body.home > main section#news #news-wrap #news-carousel a h4:before, body.home > main section#news #news-wrap #news-carousel a:link h4:before, body.home > main section#news #news-wrap #news-carousel a:visited h4:before { background-color: #790b26; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 5px; width: 21px; } body.home > main section#news #news-wrap #news-carousel a:active, body.home > main section#news #news-wrap #news-carousel a:focus, body.home > main section#news #news-wrap #news-carousel a:hover, body.home > main section#news #news-wrap #news-carousel a:link:active, body.home > main section#news #news-wrap #news-carousel a:link:focus, body.home > main section#news #news-wrap #news-carousel a:link:hover, body.home > main section#news #news-wrap #news-carousel a:visited:active, body.home > main section#news #news-wrap #news-carousel a:visited:focus, body.home > main section#news #news-wrap #news-carousel a:visited:hover { opacity: 0.75; } body.home > main section#news #news-wrap .wrap { display: inline-block; margin-right: 25px; position: relative; vertical-align: top; width: calc(50% - 30px); } body.home > main section#news #news-wrap .swiper-pagination { display: inline-block; margin-top: 15px; width: auto; } body.home > main section#news #news-wrap .swiper-pagination .swiper-pagination-bullet { background: #fff; height: 5px; margin: 0 10px; vertical-align: middle; width: 5px; } body.home > main section#news #news-wrap .swiper-pagination .swiper-pagination-bullet-active { background: none; border: 2px solid #fff; height: 17px; opacity: 1; width: 17px; } body.home > main section#news #news-wrap #news-articles { display: inline-block; vertical-align: top; width: calc(50% - 4px); } @media only screen and (max-width: 991px) { body.home > main section#news #news-wrap #news-articles { text-align: center; width: 100%; } } body.home > main section#news #news-wrap #news-articles article { color: #fff; display: inline-block; margin-right: 25px; text-align: left; vertical-align: top; width: calc(50% - 30px); } @media only screen and (max-width: 599px) { body.home > main section#news #news-wrap #news-articles article { display: block; margin-bottom: 30px; width: 100%; } } body.home > main section#news #news-wrap #news-articles article:last-of-type { margin-right: 0; } body.home > main section#news #news-wrap #news-articles article .post-img { margin: 0 auto 30px; overflow: hidden; } body.home > main section#news #news-wrap #news-articles article a img, body.home > main section#news #news-wrap #news-articles article a:link img, body.home > main section#news #news-wrap #news-articles article a:visited img { display: block; height: auto; transition: transform 0.3s; width: 100%; } body.home > main section#news #news-wrap #news-articles article a:active img, body.home > main section#news #news-wrap #news-articles article a:focus img, body.home > main section#news #news-wrap #news-articles article a:hover img, body.home > main section#news #news-wrap #news-articles article a:link:active img, body.home > main section#news #news-wrap #news-articles article a:link:focus img, body.home > main section#news #news-wrap #news-articles article a:link:hover img, body.home > main section#news #news-wrap #news-articles article a:visited:active img, body.home > main section#news #news-wrap #news-articles article a:visited:focus img, body.home > main section#news #news-wrap #news-articles article a:visited:hover img { transform: scale(1.2); } body.home > main section#news #news-wrap #news-articles article time { display: block; font-family: "Montserrat", sans-serif; font-size: 12px; letter-spacing: -0.01em; line-height: 1em; margin-bottom: 30px; } body.home > main section#news #news-wrap #news-articles article h4 a, body.home > main section#news #news-wrap #news-articles article h4 a:link, body.home > main section#news #news-wrap #news-articles article h4 a:visited { color: #fff; font-size: 24px; font-weight: normal; letter-spacing: -0.01em; max-width: 100%; word-wrap: break-word; } body.home > main section#news #news-wrap #news-articles article h4 a:active, body.home > main section#news #news-wrap #news-articles article h4 a:focus, body.home > main section#news #news-wrap #news-articles article h4 a:hover, body.home > main section#news #news-wrap #news-articles article h4 a:link:active, body.home > main section#news #news-wrap #news-articles article h4 a:link:focus, body.home > main section#news #news-wrap #news-articles article h4 a:link:hover, body.home > main section#news #news-wrap #news-articles article h4 a:visited:active, body.home > main section#news #news-wrap #news-articles article h4 a:visited:focus, body.home > main section#news #news-wrap #news-articles article h4 a:visited:hover { color: rgba(255, 255, 255, 0.66); } body.home > main section#news #news-wrap #news-articles .news-more { color: #fff; display: block; font-family: "Titillium Web", sans-serif; font-size: 14px; line-height: 1em; padding: 10px; margin: 40px 0 0; text-align: center; width: calc(100% - 30px); } body.home > main article#music { background: #030303; background-size: cover; display: flex; min-height: 100vh; overflow: hidden; padding: 30px 0; position: relative; } @media only screen and (max-width: 991px) { body.home > main article#music { height: auto; padding: 95px 0; } } body.home > main article#music .video-container video { top: -7vh; } body.home > main article#music .container { margin: auto; max-width: 1350px; padding: 0 15px 0 90px; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { body.home > main article#music .container { margin: 0; padding: 0 15px; } } body.home > main article#music h3 { color: #fff; display: inline-block; font-size: 60px; letter-spacing: 0.2em; } body.home > main article#music .left-col, body.home > main article#music .right-col { display: inline-block; vertical-align: top; width: calc(50% - 4px); } @media only screen and (max-width: 991px) { body.home > main article#music .left-col, body.home > main article#music .right-col { display: block; width: 100%; } } body.home > main article#music .left-col { padding-right: 130px; } @media screen and (max-width: 1199px) { body.home > main article#music .left-col { padding-right: 50px; } } @media only screen and (max-width: 991px) { body.home > main article#music .left-col { margin-bottom: 45px; padding-right: 0; } } body.home > main article#music .left-col #watch-top { margin-bottom: 50px; } @media only screen and (max-width: 991px) { body.home > main article#music .left-col #watch-top { margin-bottom: 30px; } } body.home > main article#music .left-col #watch-top a, body.home > main article#music .left-col #watch-top a:link, body.home > main article#music .left-col #watch-top a:visited { color: #fff; float: right; font-family: "Titillium Web", sans-serif; font-size: 14px; line-height: 1em; margin-top: 20px; padding: 10px 30px; } @media only screen and (max-width: 599px) { body.home > main article#music .left-col #watch-top a, body.home > main article#music .left-col #watch-top a:link, body.home > main article#music .left-col #watch-top a:visited { display: none; } } body.home > main article#music .left-col #featured-video { margin-bottom: 15px; } body.home > main article#music .left-col .video-item { cursor: pointer; overflow: hidden; } body.home > main article#music .left-col .video-item .video-thumb { transition: transform 0.3s, opacity 0.3s; } body.home > main article#music .left-col .video-item:active .video-thumb, body.home > main article#music .left-col .video-item:focus .video-thumb, body.home > main article#music .left-col .video-item:hover .video-thumb { transform: scale(1.2); opacity: 0.7; } body.home > main article#music .right-col { padding-left: 130px; } @media screen and (max-width: 1199px) { body.home > main article#music .right-col { padding-left: 50px; } } @media only screen and (max-width: 991px) { body.home > main article#music .right-col { padding-left: 0; } } body.home > main article#music .right-col h3 { margin-bottom: 60px; } @media only screen and (max-width: 991px) { body.home > main article#music .right-col h3 { margin-bottom: 30px; } } body.home > main article#music .right-col .track { color: #fff; display: block; font-family: "Montserrat", sans-serif; font-size: 16px; height: 46px; padding: 12px 0; position: relative; -webkit-transform: translate(0, 0); } body.home > main article#music .right-col .track:after { background-color: #fff; bottom: 0; content: ""; display: block; height: 0 !important; left: 50%; position: absolute; transform: translateX(-50%); transition: width 0.3s; width: 0 !important; z-index: 1; } body.home > main article#music .right-col .track .progress-bar { background-color: #790b26; bottom: 0; height: 1px; left: 0; position: absolute; width: 0; z-index: 2; } body.home > main article#music .right-col .track .trigger-play { cursor: pointer; height: 18px; } body.home > main article#music .right-col .track .play-btn { position: relative; top: 4px; } body.home > main article#music .right-col .track .play-btn i.fa-play, body.home > main article#music .right-col .track .play-btn i.fa-pause { font-size: 10px; left: 0; position: absolute; } body.home > main article#music .right-col .track .play-btn span { color: rgba(255, 255, 255, 0.3); display: none; font-family: "Oswald", sans-serif; font-size: 10px; left: 0; position: absolute; transition: opacity 0.3s; } body.home > main article#music .right-col .track ul { text-align: right; } body.home > main article#music .right-col .track ul li { display: inline-block; font-family: "Titillium Web", sans-serif; font-size: 12px; vertical-align: middle; } body.home > main article#music .right-col .track ul li:first-of-type { margin-right: 15px; } @media only screen and (max-width: 599px) { body.home > main article#music .right-col .track ul li:first-of-type { display: none; } } body.home > main article#music .right-col .track ul li a, body.home > main article#music .right-col .track ul li a:link, body.home > main article#music .right-col .track ul li a:visited { color: #fff; font-size: 18px; padding: 5px 2px; } @media only screen and (max-width: 599px) { body.home > main article#music .right-col .track ul li a, body.home > main article#music .right-col .track ul li a:link, body.home > main article#music .right-col .track ul li a:visited { font-size: 18px; padding: 5px; } } body.home > main article#music .right-col .track ul li a:active, body.home > main article#music .right-col .track ul li a:focus, body.home > main article#music .right-col .track ul li a:hover, body.home > main article#music .right-col .track ul li a:link:active, body.home > main article#music .right-col .track ul li a:link:focus, body.home > main article#music .right-col .track ul li a:link:hover, body.home > main article#music .right-col .track ul li a:visited:active, body.home > main article#music .right-col .track ul li a:visited:focus, body.home > main article#music .right-col .track ul li a:visited:hover { opacity: 0.6; } body.home > main article#music .right-col .track.playing .play-btn i:before { content: "\e953" !important; } body.home > main article#music .right-col .track.paused .play-btn i:before { content: "\e944" !important; } body.home > main article#music .right-col .track:active:after, body.home > main article#music .right-col .track:focus:after, body.home > main article#music .right-col .track:hover:after, body.home > main article#music .right-col .track.paused:after, body.home > main article#music .right-col .track.playing:after { height: 1px !important; width: 100% !important; } body.home > main article#music .right-col .track:active .play-btn i.fa-play, body.home > main article#music .right-col .track:focus .play-btn i.fa-play, body.home > main article#music .right-col .track:hover .play-btn i.fa-play, body.home > main article#music .right-col .track.paused .play-btn i.fa-play, body.home > main article#music .right-col .track.playing .play-btn i.fa-play { opacity: 1; } body.home > main article#music .right-col .track:active .play-btn span, body.home > main article#music .right-col .track:focus .play-btn span, body.home > main article#music .right-col .track:hover .play-btn span, body.home > main article#music .right-col .track.paused .play-btn span, body.home > main article#music .right-col .track.playing .play-btn span { opacity: 0; } body.home > main article#music .right-col .track:active ul, body.home > main article#music .right-col .track:focus ul, body.home > main article#music .right-col .track:hover ul, body.home > main article#music .right-col .track.paused ul, body.home > main article#music .right-col .track.playing ul { opacity: 1; } body.home > main article#music .right-col #player { display: none; } body.home > main article#bio { background-color: #030303; color: #fff; display: flex; min-height: 100vh; } @media only screen and (max-width: 991px) { body.home > main article#bio { height: auto; } } body.home > main article#bio .left-col, body.home > main article#bio .right-col { align-items: center; display: flex; flex: 1; justify-content: center; width: 50%; } @media only screen and (max-width: 991px) { body.home > main article#bio .left-col, body.home > main article#bio .right-col { display: block; width: 100%; } } body.home > main article#bio .left-col { padding: 50px 0; position: relative; -webkit-transform: translate(0, 0); } body.home > main article#bio .left-col #bio-bg-text { bottom: 20%; height: 655px; position: absolute; right: -20px; -webkit-transform: translate(0, 0); width: 325px; } @media only screen and (max-width: 991px) { body.home > main article#bio .left-col #bio-bg-text { display: none; } } body.home > main article#bio .left-col .container { padding-left: 90px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.home > main article#bio .left-col .container { padding-left: 15px; } } @media only screen and (max-width: 991px) { body.home > main article#bio .right-col { display: none; } } body.home > main article#bio .right-col img { height: auto; width: 100%; } body.home > main article#bio h3 { font-family: "Montserrat", sans-serif; font-size: 30px; font-weight: 100; margin-bottom: 20px; } @media only screen and (max-width: 599px) { body.home > main article#bio h3 { font-size: 22px; } } body.home > main article#bio hr { background-color: #fff; border: none; display: inline-block; height: 1px; margin-bottom: 60px; max-width: 32px; width: 32px; } body.home > main article#bio p { font-family: "Montserrat", sans-serif; font-size: 13px; letter-spacing: 0.025em; line-height: 1.8em; text-align: justify; } body.home > main article#bio a, body.home > main article#bio a:link, body.home > main article#bio a:visited { color: #fff; display: inline-block; font-family: "Titillium Web", sans-serif; font-size: 14px; margin-top: 30px; text-decoration: underline; } body.home > main article#bio a:active, body.home > main article#bio a:focus, body.home > main article#bio a:hover, body.home > main article#bio a:link:active, body.home > main article#bio a:link:focus, body.home > main article#bio a:link:hover, body.home > main article#bio a:visited:active, body.home > main article#bio a:visited:focus, body.home > main article#bio a:visited:hover { color: rgba(255, 255, 255, 0.3); } body.home > main section#instagram { background-color: #030303; display: flex; /*height: 100vh;*/ min-height: 100vh; padding-bottom: 185px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.home > main section#instagram { padding-bottom: 95px; } } body.home > main section#instagram .container { margin: auto; max-width: 1360px; padding: 0 45px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.home > main section#instagram .container { margin: 0; padding: 0 15px; } } body.home > main section#instagram #feed { -webkit-transform: translate(0, 0); } body.home > main section#instagram #feed .feed-item { float: left; max-width: 33.33333334%; padding: 50px; position: relative; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item { max-width: 50%; padding: 25px; } } @media only screen and (max-width: 599px) { body.home > main section#instagram #feed .feed-item { max-width: 100%; padding: 15px; } } body.home > main section#instagram #feed .feed-item a { position: relative; } body.home > main section#instagram #feed .feed-item:nth-of-type(1) a { height: 350px !important; width: 285px !important; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(1) a { height: 285px !important; width: 350px !important; } } body.home > main section#instagram #feed .feed-item:nth-of-type(2) { top: 150px; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(2) { top: 0; } } body.home > main section#instagram #feed .feed-item:nth-of-type(2) a { height: 285px !important; width: 350px !important; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(2) a { height: 350px !important; width: 285px !important; } } body.home > main section#instagram #feed .feed-item:nth-of-type(3) a { height: 350px !important; width: 285px !important; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(3) a { height: 350px !important; width: 285px !important; } } body.home > main section#instagram #feed .feed-item:nth-of-type(4) { top: 50px; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(4) { top: 0; } } body.home > main section#instagram #feed .feed-item:nth-of-type(4) a { height: 285px !important; width: 350px !important; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(4) a { height: 285px !important; width: 350px !important; } } body.home > main section#instagram #feed .feed-item:nth-of-type(5) { top: 25px; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(5) { display: none; } } body.home > main section#instagram #feed .feed-item:nth-of-type(5) a { height: 350px !important; width: 285px !important; } body.home > main section#instagram #feed .feed-item:nth-of-type(6) { top: 50px; } @media only screen and (max-width: 991px) { body.home > main section#instagram #feed .feed-item:nth-of-type(6) { display: none; } } body.home > main section#instagram #feed .feed-item:nth-of-type(6) a { height: 285px !important; width: 350px !important; } body.home > main section#instagram #feed .feed-item a, body.home > main section#instagram #feed .feed-item a:link, body.home > main section#instagram #feed .feed-item a:visited { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; color: #fff; display: block; max-width: 100%; width: 100%; } body.home > main section#instagram #feed .feed-item a span, body.home > main section#instagram #feed .feed-item a:link span, body.home > main section#instagram #feed .feed-item a:visited span { background-color: rgba(0, 0, 0, 0.8); display: block; height: 100%; max-height: 100%; max-width: 100%; opacity: 0; overflow: hidden; padding: 15px; transition: opacity 0.3s; } body.home > main section#instagram #feed .feed-item a:active span, body.home > main section#instagram #feed .feed-item a:focus span, body.home > main section#instagram #feed .feed-item a:hover span, body.home > main section#instagram #feed .feed-item a:link:active span, body.home > main section#instagram #feed .feed-item a:link:focus span, body.home > main section#instagram #feed .feed-item a:link:hover span, body.home > main section#instagram #feed .feed-item a:visited:active span, body.home > main section#instagram #feed .feed-item a:visited:focus span, body.home > main section#instagram #feed .feed-item a:visited:hover span { opacity: 1; } body.home > main section#instagram h3 { float: right; font-family: "Titillium Web", sans-serif; font-size: 60px; font-weight: normal; margin-top: 100px; text-transform: lowercase; } @media only screen and (max-width: 991px) { body.home > main section#instagram h3 { font-size: 40px; margin-top: 15px; } } @media only screen and (max-width: 599px) { body.home > main section#instagram h3 { font-size: 30px; } } body.home > main section#instagram h3 a, body.home > main section#instagram h3 a:link, body.home > main section#instagram h3 a:visited { color: rgba(255, 255, 255, 0.3); /*text-decoration: underline;*/ } body.home > main section#instagram h3 a span, body.home > main section#instagram h3 a:link span, body.home > main section#instagram h3 a:visited span { display: block; position: relative; } body.home > main section#instagram h3 a span:first-of-type, body.home > main section#instagram h3 a:link span:first-of-type, body.home > main section#instagram h3 a:visited span:first-of-type { display: inline-block; } body.home > main section#instagram h3 a span:before, body.home > main section#instagram h3 a span:after, body.home > main section#instagram h3 a:link span:before, body.home > main section#instagram h3 a:link span:after, body.home > main section#instagram h3 a:visited span:before, body.home > main section#instagram h3 a:visited span:after { background-color: rgba(255, 255, 255, 0.3); display: block; content: ''; height: 4px; position: absolute; top: 100%; transition: width 0.3s; width: 100%; z-index: 1; } body.home > main section#instagram h3 a span:before, body.home > main section#instagram h3 a:link span:before, body.home > main section#instagram h3 a:visited span:before { background-color: #790b26; width: 0; z-index: 2; } body.home > main section#instagram h3 a:active, body.home > main section#instagram h3 a:focus, body.home > main section#instagram h3 a:hover, body.home > main section#instagram h3 a:link:active, body.home > main section#instagram h3 a:link:focus, body.home > main section#instagram h3 a:link:hover, body.home > main section#instagram h3 a:visited:active, body.home > main section#instagram h3 a:visited:focus, body.home > main section#instagram h3 a:visited:hover { color: rgba(255, 255, 255, 0.5); } body.home > main section#instagram h3 a:active span:before, body.home > main section#instagram h3 a:focus span:before, body.home > main section#instagram h3 a:hover span:before, body.home > main section#instagram h3 a:link:active span:before, body.home > main section#instagram h3 a:link:focus span:before, body.home > main section#instagram h3 a:link:hover span:before, body.home > main section#instagram h3 a:visited:active span:before, body.home > main section#instagram h3 a:visited:focus span:before, body.home > main section#instagram h3 a:visited:hover span:before { width: 100%; } body.page-template-template-tour div#banner { overflow: hidden; position: relative; z-index: 1; } @media only screen and (max-width: 991px) { body.page-template-template-tour div#banner { display: none; } } body.page-template-template-tour div#banner img { display: block; height: auto; margin: 0 auto; width: 100%; } body.page-template-template-tour article#tour { background-color: #030303; color: #fff; padding: 100px 0; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour { background: #030303 url("../img/tour-bg.jpg") right 0 no-repeat; /*background-attachment: fixed;*/ min-height: 100vh; padding: 95px 0; } } body.page-template-template-tour article#tour .container { max-width: 1400px; padding: 0 90px; position: relative; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .container { padding: 0 15px; } } body.page-template-template-tour article#tour div[id^="jarallax-container"] > div { background-size: 100% auto !important; } body.page-template-template-tour article#tour h3 { font-size: 60px; letter-spacing: 0.2em; margin-bottom: 65px; /*text-shadow: 0 0 24px rgba(255, 255, 255, 0.8);*/ } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour h3 { margin-bottom: 30px; } } body.page-template-template-tour article#tour #tour-shows { position: relative; z-index: 2; } body.page-template-template-tour article#tour .event { align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.23); display: flex; justify-content: center; padding: 40px 0 20px; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .event { display: block; padding: 30px 0 15px; } } body.page-template-template-tour article#tour .event .event-flag { padding-right: 7px; width: 5%; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .event .event-flag { padding: 0; width: 100%; } } body.page-template-template-tour article#tour .event .event-date { font-family: "Oswald", sans-serif; font-size: 18px; letter-spacing: 0.2em; line-height: 1.6; padding: 0 7px; text-transform: uppercase; width: 20%; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .event .event-date { margin-bottom: 10px; padding: 0; width: 100%; } } body.page-template-template-tour article#tour .event .event-location { font-family: "Montserrat", sans-serif; font-size: 16px; letter-spacing: 0.025em; line-height: 1.6; padding: 0 7px; width: 30%; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .event .event-location { float: left; padding: 0; width: 33.33333334%; } } @media only screen and (max-width: 767px) { body.page-template-template-tour article#tour .event .event-location { margin-bottom: 15px; width: 100%; } } body.page-template-template-tour article#tour .event .event-location .country { color: #adadad; } body.page-template-template-tour article#tour .event .event-venue { font-family: "Montserrat", sans-serif; font-size: 16px; letter-spacing: 0.025em; line-height: 1.6; padding: 0 7px; width: 20%; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .event .event-venue { float: left; padding: 0; width: 33.33333334%; } } @media only screen and (max-width: 767px) { body.page-template-template-tour article#tour .event .event-venue { margin-bottom: 15px; width: 100%; } } body.page-template-template-tour article#tour .event .event-tickets { padding-left: 7px; text-align: right; width: 30%; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour .event .event-tickets { float: left; padding: 0; width: 33.33333334%; } } @media only screen and (max-width: 767px) { body.page-template-template-tour article#tour .event .event-tickets { margin-bottom: 15px; text-align: left; width: 100%; } } body.page-template-template-tour article#tour .event .event-tickets a, body.page-template-template-tour article#tour .event .event-tickets a:link, body.page-template-template-tour article#tour .event .event-tickets a:visited { background-color: #fff; border: 1px solid #fff; color: #3b3b3b; font-family: "Titillium Web", sans-serif; font-size: 14px; letter-spacing: 0.025em; line-height: 1em; margin-left: 5px; padding: 7px 20px; } body.page-template-template-tour article#tour .event .event-tickets a:first-of-type, body.page-template-template-tour article#tour .event .event-tickets a:link:first-of-type, body.page-template-template-tour article#tour .event .event-tickets a:visited:first-of-type { margin-left: 0; } body.page-template-template-tour article#tour .event .event-tickets a:active, body.page-template-template-tour article#tour .event .event-tickets a:focus, body.page-template-template-tour article#tour .event .event-tickets a:hover, body.page-template-template-tour article#tour .event .event-tickets a:link:active, body.page-template-template-tour article#tour .event .event-tickets a:link:focus, body.page-template-template-tour article#tour .event .event-tickets a:link:hover, body.page-template-template-tour article#tour .event .event-tickets a:visited:active, body.page-template-template-tour article#tour .event .event-tickets a:visited:focus, body.page-template-template-tour article#tour .event .event-tickets a:visited:hover { background-color: transparent; color: #fff; } body.page-template-template-tour article#tour #tour-text { position: absolute; right: 22%; top: 20%; z-index: 1; } @media only screen and (max-width: 991px) { body.page-template-template-tour article#tour #tour-text { display: none; } } body.blog > main { background: #030303 url("../img/news-bg.jpg") right 0 no-repeat; background-attachment: fixed; /*background-size: cover;*/ overflow: hidden; padding: 160px 0 0; position: relative; z-index: 2; } @media only screen and (max-width: 991px) { body.blog > main { padding: 95px 0 0; } } body.blog > main .container { max-width: 1400px; padding: 0 90px; } @media only screen and (max-width: 991px) { body.blog > main .container { padding: 0 15px; } } body.blog > main h3 { color: #fff; font-size: 60px; letter-spacing: 0.2em; margin-bottom: 65px; /*text-shadow: 0 0 24px rgba(255, 255, 255, 0.8);*/ } @media only screen and (max-width: 991px) { body.blog > main h3 { margin-bottom: 30px; } } body.blog > main .wrap { display: inline-block; margin-right: 25px; vertical-align: top; width: calc(50% - 30px); } body.blog > main #news-wrap #news-carousel { position: relative; } @media only screen and (max-width: 991px) { body.blog > main #news-wrap #news-carousel { display: none; } } body.blog > main #news-wrap #news-carousel a, body.blog > main #news-wrap #news-carousel a:link, body.blog > main #news-wrap #news-carousel a:visited { color: #fff; display: block; font-family: "Oswald", sans-serif; font-size: 24px; letter-spacing: 0.1em; position: relative; transition: opacity 0.3s; } body.blog > main #news-wrap #news-carousel a h4, body.blog > main #news-wrap #news-carousel a:link h4, body.blog > main #news-wrap #news-carousel a:visited h4 { animation-duration: 0.5s; bottom: 50px; display: none; font-weight: normal; max-width: 33.33333334%; padding-left: 40px; position: absolute; right: 25px; } body.blog > main #news-wrap #news-carousel a h4.animated, body.blog > main #news-wrap #news-carousel a:link h4.animated, body.blog > main #news-wrap #news-carousel a:visited h4.animated { display: block; } body.blog > main #news-wrap #news-carousel a h4:before, body.blog > main #news-wrap #news-carousel a:link h4:before, body.blog > main #news-wrap #news-carousel a:visited h4:before { background-color: #790b26; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 5px; width: 21px; } body.blog > main #news-wrap #news-carousel a:active, body.blog > main #news-wrap #news-carousel a:focus, body.blog > main #news-wrap #news-carousel a:hover, body.blog > main #news-wrap #news-carousel a:link:active, body.blog > main #news-wrap #news-carousel a:link:focus, body.blog > main #news-wrap #news-carousel a:link:hover, body.blog > main #news-wrap #news-carousel a:visited:active, body.blog > main #news-wrap #news-carousel a:visited:focus, body.blog > main #news-wrap #news-carousel a:visited:hover { opacity: 0.75; } body.blog > main #news-wrap .swiper-pagination { margin-top: 15px; /*bottom: 50px; display: inline-block; float: left; left: 15px; position: absolute;*/ width: auto; } body.blog > main #news-wrap .swiper-pagination .swiper-pagination-bullet { background: #fff; height: 5px; margin: 0 10px; vertical-align: middle; width: 5px; } body.blog > main #news-wrap .swiper-pagination .swiper-pagination-bullet-active { background: none; border: 2px solid #fff; height: 17px; opacity: 1; width: 17px; } body.blog > main #news-wrap article { color: #fff; display: inline-block; margin: 0 25px 90px 0; vertical-align: top; width: calc(25% - 30px); /*@media only screen and (max-width: 767px) { width: calc(50% - 15px); &:nth-of-type(2n) { margin-right: 0; } }*/ } @media only screen and (max-width: 991px) { body.blog > main #news-wrap article { margin-bottom: 30px; width: calc(50% - 30px); } body.blog > main #news-wrap article:nth-of-type(4n) { margin-right: 0; } } @media only screen and (max-width: 767px) { body.blog > main #news-wrap article { margin-bottom: 50px; margin-right: 0; text-align: center; width: 100%; } body.blog > main #news-wrap article img { display: block; margin: 0 auto; } } body.blog > main #news-wrap article:last-of-type { margin-right: 0; } body.blog > main #news-wrap article .post-img { margin: 0 auto 30px; overflow: hidden; } body.blog > main #news-wrap article a img, body.blog > main #news-wrap article a:link img, body.blog > main #news-wrap article a:visited img { display: block; transition: transform 0.3s; } body.blog > main #news-wrap article a:active img, body.blog > main #news-wrap article a:focus img, body.blog > main #news-wrap article a:hover img, body.blog > main #news-wrap article a:link:active img, body.blog > main #news-wrap article a:link:focus img, body.blog > main #news-wrap article a:link:hover img, body.blog > main #news-wrap article a:visited:active img, body.blog > main #news-wrap article a:visited:focus img, body.blog > main #news-wrap article a:visited:hover img { transform: scale(1.2); } body.blog > main #news-wrap article time { display: block; font-family: "Montserrat", sans-serif; font-size: 12px; letter-spacing: -0.01em; line-height: 1em; margin-bottom: 30px; } body.blog > main #news-wrap article h4 a, body.blog > main #news-wrap article h4 a:link, body.blog > main #news-wrap article h4 a:visited { color: #fff; font-size: 24px; font-weight: normal; letter-spacing: -0.01em; word-wrap: break-word; } @media only screen and (max-width: 991px) { body.blog > main #news-wrap article h4 a, body.blog > main #news-wrap article h4 a:link, body.blog > main #news-wrap article h4 a:visited { font-size: 20px; } } body.blog > main #news-wrap article h4 a:active, body.blog > main #news-wrap article h4 a:focus, body.blog > main #news-wrap article h4 a:hover, body.blog > main #news-wrap article h4 a:link:active, body.blog > main #news-wrap article h4 a:link:focus, body.blog > main #news-wrap article h4 a:link:hover, body.blog > main #news-wrap article h4 a:visited:active, body.blog > main #news-wrap article h4 a:visited:focus, body.blog > main #news-wrap article h4 a:visited:hover { color: rgba(255, 255, 255, 0.66); } body.page-template-template-music > main { background-color: #030303; position: relative; z-index: 2; } body.page-template-template-music > main section h3 { color: #fff; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: normal; letter-spacing: 0.2em; /*text-shadow: 0 0 24px rgba(255, 255, 255, 0.8);*/ } body.page-template-template-music > main section .left-col, body.page-template-template-music > main section .right-col { align-items: center; display: flex; flex: 1; justify-content: center; width: 50%; } body.page-template-template-music > main section .left-col .container, body.page-template-template-music > main section .right-col .container { max-width: 600px; padding: 0 15px 0 70px; } @media only screen and (max-width: 991px) { body.page-template-template-music > main section .left-col .container, body.page-template-template-music > main section .right-col .container { max-width: 100%; padding: 0 15px; } } body.page-template-template-music > main section .left-col img.full, body.page-template-template-music > main section .right-col img.full { height: auto; width: 100%; } body.page-template-template-music > main section .left-col { overflow: hidden; position: relative; } body.page-template-template-music > main section .right-col { overflow: hidden; position: relative; } body.page-template-template-music > main section#watch { display: flex; } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#watch { background: #030303 url("../img/watch-bg-mobile.jpg") 0 0 no-repeat; background-size: cover; display: block; padding-top: 95px; } body.page-template-template-music > main section#watch .left-col { display: none; } } body.page-template-template-music > main section#watch .right-col { background: transparent url("../img/music-watch-text.png") left center no-repeat; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#watch .right-col { width: 100%; } } body.page-template-template-music > main section#watch .right-col #jarallax-container-0 > div { background-position: left 50% !important; background-size: 216px 742px !important; } body.page-template-template-music > main section#watch #watch-top { margin-bottom: 50px; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#watch #watch-top { margin-bottom: 30px; } } body.page-template-template-music > main section#watch #watch-top h3 { float: left; } body.page-template-template-music > main section#watch #watch-top a, body.page-template-template-music > main section#watch #watch-top a:link, body.page-template-template-music > main section#watch #watch-top a:visited { color: #fff; float: right; font-family: "Titillium Web", sans-serif; font-size: 14px; line-height: 1em; margin-top: 20px; padding: 10px 30px; } @media only screen and (max-width: 599px) { body.page-template-template-music > main section#watch #watch-top a, body.page-template-template-music > main section#watch #watch-top a:link, body.page-template-template-music > main section#watch #watch-top a:visited { display: none; } } body.page-template-template-music > main section#watch #featured-video { margin-bottom: 15px; } body.page-template-template-music > main section#watch .video-item { cursor: pointer; overflow: hidden; } body.page-template-template-music > main section#watch .video-item .video-thumb { transition: transform 0.3s, opacity 0.3s; } body.page-template-template-music > main section#watch .video-item:active .video-thumb, body.page-template-template-music > main section#watch .video-item:focus .video-thumb, body.page-template-template-music > main section#watch .video-item:hover .video-thumb { transform: scale(1.2); opacity: 0.7; } body.page-template-template-music > main section#listen { display: flex; } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#listen { background: #030303 url("../img/listen-bg-mobile.jpg") 0 0 no-repeat; background-size: cover; display: block; margin-top: 30px; padding: 95px 0; } } body.page-template-template-music > main section#listen h3 { margin-bottom: 60px; } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#listen h3 { margin-bottom: 30px; } } body.page-template-template-music > main section#listen .left-col { background: transparent url("../img/music-listen-text.png") right center no-repeat; padding: 260px 0; -webkit-transform: translate(0, 0); } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#listen .left-col { padding: 30px 0; width: 100%; } } body.page-template-template-music > main section#listen .left-col #jarallax-container-1 > div { background-position: right 50% !important; background-size: 216px 744px !important; } @media only screen and (max-width: 991px) { body.page-template-template-music > main section#listen .right-col { display: none; } } body.page-template-template-music > main section#listen .track { color: #fff; display: block; font-family: "Montserrat", sans-serif; font-size: 16px; height: 46px; padding: 12px 0; position: relative; -webkit-transform: translate(0, 0); } body.page-template-template-music > main section#listen .track:after { background-color: #fff; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); transition: width 0.3s; width: 0; z-index: 1; } body.page-template-template-music > main section#listen .track .progress-bar { background-color: #790b26; bottom: 0; height: 1px; left: 0; position: absolute; width: 0; z-index: 2; } body.page-template-template-music > main section#listen .track .trigger-play { cursor: pointer; height: 18px; } body.page-template-template-music > main section#listen .track .play-btn { position: relative; top: 4px; } body.page-template-template-music > main section#listen .track .play-btn i.fa-play, body.page-template-template-music > main section#listen .track .play-btn i.fa-pause { font-size: 10px; left: 0; opacity: 0; position: absolute; transition: opacity 0.3s; } body.page-template-template-music > main section#listen .track .play-btn i.fa-play { opacity: 1; } body.page-template-template-music > main section#listen .track .play-btn span { color: rgba(255, 255, 255, 0.3); font-family: "Oswald", sans-serif; font-size: 10px; left: 0; position: absolute; transition: opacity 0.3s; } body.page-template-template-music > main section#listen .track ul { text-align: right; } body.page-template-template-music > main section#listen .track ul li { display: inline-block; font-family: "Titillium Web", sans-serif; font-size: 12px; vertical-align: middle; } body.page-template-template-music > main section#listen .track ul li:first-of-type { margin-right: 15px; } body.page-template-template-music > main section#listen .track ul li a, body.page-template-template-music > main section#listen .track ul li a:link, body.page-template-template-music > main section#listen .track ul li a:visited { color: #fff; font-size: 18px; padding: 5px 2px; } body.page-template-template-music > main section#listen .track ul li a:active, body.page-template-template-music > main section#listen .track ul li a:focus, body.page-template-template-music > main section#listen .track ul li a:hover, body.page-template-template-music > main section#listen .track ul li a:link:active, body.page-template-template-music > main section#listen .track ul li a:link:focus, body.page-template-template-music > main section#listen .track ul li a:link:hover, body.page-template-template-music > main section#listen .track ul li a:visited:active, body.page-template-template-music > main section#listen .track ul li a:visited:focus, body.page-template-template-music > main section#listen .track ul li a:visited:hover { opacity: 0.6; } body.page-template-template-music > main section#listen .track.playing .play-btn i:before { content: "\e953" !important; } body.page-template-template-music > main section#listen .track.paused .play-btn i:before { content: "\e944" !important; } body.page-template-template-music > main section#listen .track:active:after, body.page-template-template-music > main section#listen .track:focus:after, body.page-template-template-music > main section#listen .track:hover:after, body.page-template-template-music > main section#listen .track.paused:after, body.page-template-template-music > main section#listen .track.playing:after { width: 100%; } body.page-template-template-music > main section#listen .track:active .play-btn i.fa-play, body.page-template-template-music > main section#listen .track:focus .play-btn i.fa-play, body.page-template-template-music > main section#listen .track:hover .play-btn i.fa-play, body.page-template-template-music > main section#listen .track.paused .play-btn i.fa-play, body.page-template-template-music > main section#listen .track.playing .play-btn i.fa-play { opacity: 1; } body.page-template-template-music > main section#listen .track:active .play-btn span, body.page-template-template-music > main section#listen .track:focus .play-btn span, body.page-template-template-music > main section#listen .track:hover .play-btn span, body.page-template-template-music > main section#listen .track.paused .play-btn span, body.page-template-template-music > main section#listen .track.playing .play-btn span { opacity: 0; } body.page-template-template-music > main section#listen .track:active ul, body.page-template-template-music > main section#listen .track:focus ul, body.page-template-template-music > main section#listen .track:hover ul, body.page-template-template-music > main section#listen .track.paused ul, body.page-template-template-music > main section#listen .track.playing ul { opacity: 1; } body.page-template-template-music > main section#listen #player { display: none; } body.single article { padding-top: 165px; } body.single article .container { background-color: #000; color: #fff; max-width: 1400px; -webkit-transform: translate(0, 0); } body.single article .hero { padding: 0 90px; } @media only screen and (max-width: 991px) { body.single article .hero { margin-top: 100px; padding: 0 15px; } } body.single article .hero img { display: block; height: auto; margin: 0 auto; max-width: 100%; /*width: 100%;*/ } body.single article .content-wrap { padding: 0 90px 30px 90px; } @media only screen and (max-width: 991px) { body.single article .content-wrap { padding: 0 15px; } } body.single article .title h3 { color: #fff; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: normal; letter-spacing: 0.2em; margin: 30px 0 15px; /*text-shadow: 0 0 24px rgba(255, 255, 255, 0.8);*/ } @media only screen and (max-width: 991px) { body.single article .title h3 { font-size: 30px; } } body.single article .title time { display: block; margin-bottom: 30px; } body.single article a, body.single article a:link, body.single article a:visited { color: #fff; } .newsletter.submitted { border: none !important; } .newsletter-thanks { color: rgba(255, 255, 255, 0.66) !important; } #videos-carousel .swiper-slide { width: 40%; } .wp-pagenavi { padding-bottom: 30px; text-align: center; } .wp-pagenavi a, .wp-pagenavi span { font-size: 20px; padding: 5px; } .wp-pagenavi .current { color: rgba(255, 255, 255, 0.66); } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { color: #fff; } .wp-pagenavi a:active, .wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi a:link:active, .wp-pagenavi a:link:focus, .wp-pagenavi a:link:hover, .wp-pagenavi a:visited:active, .wp-pagenavi a:visited:focus, .wp-pagenavi a:visited:hover { color: rgba(255, 255, 255, 0.66); } /*# sourceMappingURL=style.css.map */