File: /home/imensosw/liftcincy.imenso.co/public/frontend/css_old1/pgull-temp.css
@keyframes wipe {
to {
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}
}
@keyframes fade-up {
to {
opacity: 1;
transform: translateY(0);
}
}
h1 {
letter-spacing: -0.05em;
font-size: 70px !important;
}
p {
font-size: 18px !important;
line-height: 1.75em !important;
}
header.top-nav {
position: fixed;
z-index: 999;
width: 100vw;
transition: none;
top: 0;
}
.page-wrapper {
margin-top: 82px;
}
.navbar {
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.swiper.banner{
height: calc(100vh - 312px);
min-height: 512px;
z-index: 0;
margin-top: -24px;
background-size: 35% auto;
}
.swiper.banner .swiper-wrapper .swiper-slide{
display: flex;
align-items: center;
justify-content: center;
min-height: max-content;
}
html, body {
background-color: #000;
}
section {
background-color: #fff;
}
.event_card_label {
margin-top: -256px;
margin-bottom: 128px;
}
.event_card_label.label_solo {
margin-top: -128px;
margin-bottom: 128px;
}
.event_card_label h3 {
font-size: 124px !important;
letter-spacing: -0.07em;
line-height: .8em;
margin-bottom: 16px;
}
.event_card_cnt {
background-color: transparent !important;
}
.event_section::after {
display: none;
}
.home section, .details section {
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
animation: wipe 1s cubic-bezier(.5,.5,0,1) forwards;
padding-top: 64px;
padding-bottom: 64px;
margin-bottom: -16px;
}
section:nth-of-type(1) {
animation-delay: .1s;
}
section:nth-of-type(2) {
animation-delay: .2s;
}
section:nth-of-type(3) {
animation-delay: .3s;
}
.event_section {
background-color: transparent;
}
.border-top {
border-top: 1px solid #000;
}
.ticket_cnt {
transform: translateY(100%);
animation: fade-up .5s cubic-bezier(.5,.5,0,1) forwards;
animation-delay: 100ms;
}
.ticket_cnt.alt-1 {
animation-delay: 150ms;
}
.subsection__left-cnt {
flex: 1;
}
.subsection__left-cnt h3 {
width: 70%;
}
.tickets .bg_strip1 .img-svg {
width: 100vw;
}
.signin-container {
padding-top: 10vh;
padding-bottom: 10vh;
}
.modal {
transition: opacity .3s ease !important;
z-index: 9999 !important;
pointer-events: none;
}
.modal .modal-content {
transition: transform .3s ease;
transform: translateY(-100%);
}
.modal.open .modal-content {
transform: translateY(0%);
}
.modal.open {
pointer-events: all;
}
.navigation_cnt {
display: flex;
}
.bannerslider__navigation {
flex: 1;
}
.navigation_cnt h3 {
padding-left: 0;
}
.event_card::before {
display: none;
}
.event_section {
background-size: auto;
background-image: url('../images/bg_strip_big.svg');
}
.ccol.nav-item a::after {
transition: none;
}
.bg_strip1 .img-svg {
width: 100vw;
}
.ticket_cnt::after {
display: none !important;
}
.ticket_cnt::before {
display: none !important;
}
.ticket.alt-ticket-1 .ticket_cnt {
animation-delay: .2s;
}
.cbtn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 16px 8px 16px;
cursor: pointer;
}
.cbtn::after {
content: '';
height: 16px;
width: 16px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
}
.cbtn-primary::after {
background-image: url('../images/arrow.svg');
}
.cbtn-bdr-primary::after {
background-image: url('../images/arrow_red.svg');
}
.cbtn-bdr-light::after, .cbtn-dark::after {
background-image: url('../images/arrow_white.svg');
}
.cbtn-dark.disabled {
pointer-events: none;
}
.cbtn-dark.disabled::after {
display: none;
}
.logo-swiper {
height: 40px;
}
.swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.ccontainer.blue-bg {
color: #fff;
}
.help-row {
margin-bottom: 64px;
}
.help-row h1 {
line-height: 100%;
}
.detail-row {
display: flex;
flex-direction: row;
}
.detail-row span.number {
min-width: 32px;
}
.detail-row {
border-top: 1px solid #000 !important;
}
.accordion h2:first-of-type {
border-top: 0 !important;
}
.accordion-content {
padding-bottom: 40px;
}
.swiper.partners_slider {
padding-bottom: 16px;
}
/* .cbtn:hover, .cbtn-primary:hover, .cbtn-bdr-light:hover, .cbtn-dark:hover {
background-color: inherit;
} */
@media (max-width: 767px) {
.navbar-toggler {
display: inline-flex;
align-items: center;
justify-content: center;
letter-spacing: -0.06em;
color: #000;
padding: 0;
}
}
@media (max-width: 576px) {
.page-wrapper {
max-height: 100vh;
}
.swiper.banner {
min-height: 700px;
}
.bannerslider__content h1 {
font-size: 52px !important;
}
.help-row h1 {
font-size: 33px !important;
padding-bottom: 16px;
}
.accordion h2 {
font-size: 16px !important;
}
.detail-row {
align-items: center;
}
}