@import url("_default-banner.css");
@import url("default-page.css");
@import url("_feature-cta-primary-section.css");
@import url("_signup-module.css");

.default-banner-main {min-height: 420px; align-items: flex-end;}
.default-banner-main .default-banner-text {max-width: 650px; padding: 71px 0 71px;}

.general-default-container {padding:40px 0 89px;}

.event-box {position: relative; background:var(--eventbx-bg);  border-top: 4px solid var(--theme); width: 100%; color: var(--black); font-size: 1rem; line-height:normal;box-shadow: 10px 15px 22px rgba(115, 115, 115, 0.3);;}
/*.event-box:after {content: ""; position: absolute; right: 0; width: 100%; height: 100%; -webkit-filter: blur(22px); filter: blur(22px); background-image: linear-gradient(to bottom, #d9d9d9 50%, rgba(115, 115, 115, 0));}*/
.event-head {padding: 24px; clear: both; width: 100%; background-image: linear-gradient(to right, var(--dashed-border) 46%, rgba(255,255,255,0) 0%);
background-position: bottom right; background-size: 12px 1px; background-repeat: repeat-x;}
.event-head .brand-star {right: -24px; top: 10px;}
.event-box h2 {font-size: 1.5rem; font-weight: bold; line-height: 1.17; letter-spacing: -0.48px; margin-bottom: 0; color: var(--black);}
.event-table .row {display: flex; margin-bottom: 10px; gap: 11px;}
.event-table .label {font-weight: 600; width:120px;}
.event-table .value{flex: 1;}
.event-table .value a {color: var(--eventbx-anchor); font-weight: 600;}
.event-table .value a:hover {color: var(--anchor-hover);}
.event-cnt {padding:29px 13px 60px 24px; position: relative; clear: both; width: 100%; overflow: hidden;}
.event-cnt:before {content: ""; position: absolute; bottom: -11px; width:303px; height:42px; background-image: radial-gradient(circle at 21px 0, #d9d9d9 21px, transparent 22px); background-size:52px 22px; background-repeat: repeat-x; z-index: 1; background-position: center left; transform: translateX(-50%) scale(1, -1); left: 50%;}
.buy-button {margin-top:37px; text-align: center; padding: 0 11px 0 0;}
.buy-button .button {background: var(--signup-btn-bg); color: var(--signup-btn-txt); width: 100%; gap:7px; padding: 12px 25px 14px 20px;}
.buy-button .button:after {display: none;}
.buy-button .button:hover {background: var(--signup-btnbg-hover); color: var(--signup-btnbg-hover-txt);}
.buy-button .button:hover svg path {stroke:var(--white);}
.buy-button .button svg path {stroke:var(--white);}

.feature-cta-primary-main {margin: 47px auto 46px;}
.feature-cta-primary-txt .h1 span {display: inline;}
.feature-cta-primary-rt .button {background: var(--signup-btn-bg); color: var(--signup-btn-txt); width: 100%; gap:7px; padding:12px 21px 14px 20px;}
.feature-cta-primary-rt .button:after {display: none;}
.feature-cta-primary-rt .button:hover {background: var(--signup-btnbg-hover); color: var(--signup-btnbg-hover-txt);}
.feature-cta-primary-rt .button:hover svg path {stroke:var(--white);}
.feature-cta-primary-rt .button:hover svg path {stroke:var(--white);}


/*-- media css starts here --*/

@media only screen and (min-width: 1024px) {
    .default-banner-main .default-banner-text h1 span:before {left: -14px; }
    .sidebar{width: 380px!important;}
    .sidebar .side-bucket {
    width: 380px;}
}
@media only screen and (max-width: 1149px) and (min-width: 1024px) {
.feature-cta-primary-txt h1, .feature-cta-primary-txt .h1{flex: 0 0 300px; margin-right: 8px;}
.feature-cta-primary-rt { flex: calc(100% - 310px);}
}

@media only screen and (max-width: 1023px) and (min-width: 200px) {
    .default-banner-main .default-banner-text {padding: 71px 0 120px;}
    .event-details-bucket {margin:-120px 0 40px 0;}
    .event-cnt::before {width: calc(100% - 40px);}
    .event-table .label {width:80px;}
    
    .general-default-container {padding: 40px 0 40px;}
    .default-inner .brand-icon {display: none;}
    .back {text-align: center;}
}

@media only screen and (max-width: 1023px) and (min-width:768px) {
    .event-cnt::before {width: calc(100% - 61px);}
    
    .sidebar .side-bucket {
    width: 380px;}
    
}

@media only screen and (max-width: 1023px) and (min-width:500px) {
    .event-table .label {width:180px;}
    
}


@media only screen and (max-width: 767px) and (min-width: 200px) {
    .feature-cta-primary-txt {padding: 32px 16px; min-height: inherit;}
    .feature-cta-primary-txt .h1 {text-align: left; margin: 0 0 42px 0;}
    .feature-cta-primary-txt .h1 span:before {left: -135px;}
}