/* GLOBAL CSS */

body {
  font-family: 'Inter', sans-serif;
  background-color: #000;
}

a.global-cta-btn {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 12px 22px;
}

.height-100{
    height: 100%;
}

.page-title{
    color: #fff;
    text-transform: uppercase;
}

.page-subtitle{
    color: #fff;
    font-size: 18px;
	font-weight: 300;
}

h1.page-title, .page-myaccount, .page-template-default h3 {
    margin-top: 60px;
    font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
}

.page-id-40.logged-in .page-title{
    display: none;
}

.site-preloader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #000;
    transform: translateY(100%);
    will-change: transform;
    pointer-events: none;
}

/* When page is loading normally or arriving from transition */
html.is-loading .site-preloader,
html.from-page-transition .site-preloader {
    transform: translateY(0%);
}

html.is-loading,
body.is-loading,
html.is-transitioning,
body.is-transitioning {
    overflow: hidden;
}

.page-template-default p, .page-template-default ul li, .page-template-default ol li{
	font-size: 14px;
	color: #fff;
}


/* MAIN NAV CSS */

.flex-top{
    width: 100%;
	position: fixed;
	bottom: 0;
    z-index: 1020;
}

.offline-nav a {
    font-size: 25px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

.offline-nav li{
    margin-right: 12px;
}

.offline-nav li:last-child{
    margin-right: 0;
}

.custom-toggler {
    border: none;
    background: transparent;
    padding: 0;
    width: 38px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-toggler span {
    display: block;
    width: 100%;
    height: 3px;
    background: #ffffff; /* change color here */
    border-radius: 2px;
    transition: all 0.3s ease;
}

.navbar-toggler:focus{
    box-shadow: none !important;
}

.offcanvas-close {
    position: relative;
    width: 48px;
    height: 28px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.offcanvas-close span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    border-radius: 20px;
    transform-origin: center;
}

/* keep 2 bars normal */
.offcanvas-close span:nth-child(1) {
    top: 6px;
}

.offcanvas-close span:nth-child(2) {
    top: 16px;
}

/* third bar crosses them diagonally */
.offcanvas-close span:nth-child(3) {
    top: 11px;
    transform: rotate(35deg);
}

.offcanvas{
    background-color: #ff0000;
}

.offcanvas-body .menu-item a {
    color: #ffffff;
    text-decoration: none;
    font-size: 32px;
}

.offcanvas-logo img {
    max-width: 100%;
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.navbar-logo {
  transition: transform 0.35s ease;
  transform-origin: center center;
}

.navbar-logo.logo-shrink {
  transform: scale(0.5);
}


/* HOMEPAGE */

.hero-video {
  position: relative;
  width: 100%;
  min-height: 100svh; /* σωστό σε mobile */
  overflow: hidden;
  background: #000;
}

.hero-video__media {
  position: absolute;
  inset: 0;
}

.hero-video__video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* κάνει crop σωστά */
  object-position: center;
  display: block;
}

.hero-video__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.15); /* προαιρετικό */
  pointer-events: none;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hero-video__video {
    display: none;
  }
  .hero-video {
    background: #000 url("assets/images/hero-poster.jpg") center/cover no-repeat;
  }
}

section.home-manifesto {
    padding: 140px 0 200px 0;
}

.home-manifesto-para-wrapper{
    margin-bottom: 50px;
}

p.home-manifesto-para {
    color: #fff;
    margin-bottom: 25px;
    font-size: 18px;
}

h2.section-title{
    font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}

.runs-swiper-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 110%;
    z-index: 100;
    left: -5%;
}

.runs-swiper-arrow {
    opacity: 1;
    color: #fff;
    font-size: 25px;
    background-color: #ff0000;
    padding: 25px 27px;
    border-radius: 100px;
    line-height: 1;
}

.run-card__date {
    color: #ff0000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

h3.run-card__title, h1.run-card__title {
    font-size: 40px;
    text-transform: uppercase;
    color: #ff0000;
    font-weight: 400;
	line-height: 1;
}

.run-card__inner {
    height: 650px !important;
    position: relative;
    overflow: hidden;
	border-radius: 34px;
}

.run-card__content {
    position: absolute;
    z-index: 22;
    bottom: 5%;
    width: 35%;
    left: 6%;
}

img.run-card-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
	transition: 1.5s ease-in-out;
	-webkit-transition: 1.5s ease-in-out;
	-moz-transition: 1.5s ease-in-out;
	-o-transition: 1.5s ease-in-out;
}

.run-card-btn-wrapper {
    padding-right: 8%;
    margin-top: 15px;
    text-align: right;
}

span.run-card-btn {
    background-color: #ff0000;
    color: #fff;
    padding: 10px 22px;
    border-radius: 100px;
    font-size: 20px;
}

section.home-runs-wrapper {
    position: relative;
}

section.home-experience .run-card__date {
    color: #fff;
}

section.home-experience h3.run-card__title{
    opacity: 0;
	line-height: 0;
}

section.home-experience .run-card-btn-wrapper {
    margin-top: 80px;
}

a.run-card.d-block.text-decoration-none:hover img.run-card-background {
    scale: 1.15;
}

video.run-card-background {
    inset: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
}

.home video.run-card-background, .single-run video.run-card-background {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-vertical{
	display: none;
}








/* MANIFESTO CSS */

.manifesto-hero{
  position: relative;
  isolation: isolate;
}

.manifesto-hero__grid{
  position: relative;
  inset: 0;
  z-index: 0;
}

.manifesto-hero__cell{
  position: relative;
  overflow: hidden;
  height: 600px;
}

.manifesto-hero__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
  radial-gradient(ellipse at center, rgba(0,0,0,.35), rgba(0,0,0,.75)),
  linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.55));
  display: none;	
}

.manifesto-hero__content {
    position: absolute;
    z-index: 2;
    min-height: 100%;
    padding: 96px 0;
    color: #fff;
    height: 100%;
    top: 0;
	width: 100%;
}

.manifesto-hero__text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}

.manifesto-numeric-para {
    display: inline;
    border: 1px solid #fff;
    padding: 10px 28px;
    font-size: 18px;
    border-radius: 100px;
}

p.manifesto-para {
    margin-top: 22px;
    font-size: 20px;
    font-weight: 400;
	text-transform: uppercase;
}





/* RUN INNER PAGE + ARCHIVE */

.section-run-header {
    margin: 0 0 60px 0;
    height: 100svh;
}

.run-description p, .run-description ul li {
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 18px;
    margin: 35px 0;
}

.run-description ul li{
    margin: 0;
}

aside.run-info-wrapper{
    background-color: #d9d9d9;
}

aside.run-info-wrapper h2 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

section.runs-archive {
    margin: 30px 0 200px 0;
}

.run-desktop-title-para-wrapper{
    position: relative;
    margin-bottom: 100px;
}

.single-run .run-meta-title-wrapper {
    position: absolute;
    bottom: 30%;
}

.single-run .hero-video {
  border-radius: 34px;
  left: -15%;
  width: 130%;
}

.run-extra-content {
    margin: 60px 0 200px 0;
}

.post-type-archive-run video.run-card-background{
    width: 100%;
}



/* EXPERIENCES CSS */

.section-experience-header {
    margin: 60px 0;
}

.custom-experiences-content-wrapper{
    color: #fff;
    font-size: 18px;
    margin-bottom: 60px;
}

.experience-header-content-wrapper img {
    margin-bottom: 20px;
}

.experience-header-date {
    color: #ff0000;
    font-size: 18px;
	text-transform: uppercase;
}

.experience-header-content-wrapper h1{
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
	opacity: 0;
	line-height: 0;
}

h2.program-title {
    font-size: 22px;
    color: #fff;
}

.program-item {
    border-radius: 20px;
    color: #000;
    padding-top: 50px !important;
    padding-bottom: 40px !important;
}

.experience-program-swiper .swiper-slide:nth-child(odd) .program-item{
    background-color: #ff0000;
}

.experience-program-swiper .swiper-slide:nth-child(even) .program-item{
    background-color: #d9d9d9;
}

.experience-carousel-para{
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.experience-bottom-text {
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 40px;
}

.experience-bottom-cost p, .experience-bottom-date {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

.experience-bottom-date{
    margin-bottom: 60px;
}

a.global-red-btn {
    background-color: #ff0000;
    font-weight: 600;
    color: #ffff;
    padding: 20px;
    border-radius: 20px;
}

.experience-mobile-content-wrapper .hero-video, .section-run-content .hero-video{
    display: block;
}

section.experiences-ticketing {
    margin-bottom: 100px;
}

section.experiences-ticketing :where(.css-1nvd2od).ant-card-bordered{
  border: 1px solid #ff0000;
}

:where(.css-1nvd2od).ant-card .ant-card-body{
  border-radius: 6px;
}

section.experiences-ticketing .ant-card-body{
    background: #ff0000;
}

section.experiences-ticketing h3.ant-typography.etn-purchase-ticket-title.css-1nvd2od, 
section.experiences-ticketing span.etn-ticket-title.css-1spii6f, 
section.experiences-ticketing span.etn-remaining-seats.css-1n7q7bu,
section.experiences-ticketing .etn-ticket-price-label,
section.experiences-ticketing .etn-ticket-quantity-label,
section.experiences-ticketing .etn-ticket-subtotal-label,
section.experiences-ticketing .etn-ticket-price,
section.experiences-ticketing .etn-ticket-subtotal,
section.experiences-ticketing span.etn-purchase-ticket-total-label-text-span,
section.experiences-ticketing span.etn-purchase-ticket-total-amount-text-span{
    color: #fcfcfc  !important;
}

section.experiences-ticketing .css-gy0wpv {
    background-color: transparent !important;
    border-radius: 0 !important;
    border-top: 1px solid #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

section.experiences-ticketing .ant-row.etn-ticket-header{
  border-bottom: none !important;
}

section.experiences-ticketing span.ant-typography.etn-purchase-ticket-total-text.css-1nvd2od{
  display: none !important; 
}

section.experiences-ticketing button.ant-btn.css-1nvd2od.ant-btn-primary.ant-btn-color-primary.ant-btn-variant-solid.ant-btn-lg.etn-purchase-button.etn-purchase-ticket-submit-btn.css-z2k188 {
    border-radius: 100px;
    background-color: transparent !important;
    border: 1px solid #fcfcfc !important;
    color: #fcfcfc !important;
}

section.experiences-ticketing .css-1mjasxs.etn-ticket-quantity {
    background-color: transparent !important;
    color: #fcfcfc !important;
	border: none !important;
}

section.experiences-ticketing span.anticon {
    color: #fcfcfc !important;
}

section.experiences-ticketing .ant-input-number.ant-input-number-sm.css-1nvd2od.ant-input-number-outlined.etn-ticket-quantity-input.ant-input-number-compact-item {
    border: none;
    background-color: transparent !important;
}

section.experiences-ticketing input.ant-input-number-input {
    color: #fcfcfc !important;
    font-weight: 700;
}

.experience-mobile-content-wrapper {
    position: relative;
}

.experience-header-content-wrapper {
    position: absolute;
    bottom: 30%;
    width: 100%;
}

.experience-mobile-content-wrapper .hero-video {
    border-radius: 34px;
    width: 130%;
    left: -15%;
}

.experience-first-container {
    margin: 60px auto 100px auto;
}



/* MEMBERSHIP PAGE */

.page-template-template-membership {
    background-color: #ff0000;
}

.membership-hero__content {
    padding: 80px 0 120px 0;
}

h1.membership-hero__title {
    font-size: 40px;
    color: #fff;
	margin-bottom: 35px;
}

p.membership-hero__subtitle {
    font-size: 18px;
    color: #fff;
	margin-bottom: 0;
}

.membership-hero__actions {
    margin-top: 60px;
}

video.membership-hero__video , video.membership-video-block__video{
    width: 100%;
    object-fit: cover;
}

.membership-hero__media {
    margin-bottom: 60px;
}

.membership-wysiwyg.membership-intro__content p, .membership-wysiwyg.membership-about__content p {
    color: #fff;
    font-size: 18px;
}

section.membership-intro {
    margin-bottom: 90px;
}

h2.membership-section-heading__title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
	margin-bottom: 30px;
}

.membership-about__inner {
    margin-bottom: 90px;
}

section.membership-experiences{
    margin-bottom: 60px;
}

section.membership-experiences .program-item.p-4.h-100 {
    background-color: #eee;
}

.woocommerce-account .woocommerce{
    margin-top: 80px;
}

.woocommerce-account .woocommerce h2{
    color: #fff;
	font-size: 40px;
}

.woocommerce-account .woocommerce form.woocommerce-form-login {
    background-color: #d9d9d9;
    border: 1px solid transparent;
    border-radius: 14px !important;
    padding: 40px 20px !important;
}

.woocommerce-account .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit {
    width: 100%;
    background-color: #ff0000;
    border-radius: 100px;
    padding: 14px 0 !important;
    color: #ffffff;
}

.woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register {
    background-color: #ff0000;
    border: 1px solid transparent;
    border-radius: 14px !important;
}

.woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register .woocommerce-form-register__submit {
    border-radius: 100px;
    width: 100%;
    padding: 14px 0 !important;
    color: #000;
}

.wc-block-components-sidebar-layout.wc-block-checkout span, .wc-block-components-sidebar-layout.wc-block-checkout a, .wc-block-components-sidebar-layout.wc-block-checkout h1, .wc-block-components-sidebar-layout.wc-block-checkout h2, .wc-block-components-sidebar-layout.wc-block-checkout h3, .wc-block-components-sidebar-layout.wc-block-checkout p, .wc-block-components-sidebar-layout.wc-block-checkout label, .wc-block-components-sidebar-layout.wc-block-checkout input {
    color: #fff !important;
}

.page-template-template-membership .membership-footer {
    display: none !important;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders, li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}








/* CHECKOUT PROCESS */

.etn-order-purchase-create-form.eventin-page-container {
    background-color: #d9d9d9;
    border-radius: 25px;
    margin: 80px auto;
}

button.ant-btn.css-1nvd2od.ant-btn-default.ant-btn-color-default.ant-btn-variant-outlined.ant-btn-lg.eventin-back-button {
    display: none;
}

button.ant-btn.css-1nvd2od.ant-btn-primary.ant-btn-color-primary.ant-btn-variant-solid.ant-btn-lg.eventin-submit-button {
    background-color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    border-radius: 100px;
}

h2.ant-typography.eventin-title {
    color: #000000;
}

.wp-block-woocommerce-cart.alignwide {
    margin: 80px 0;
}

.wp-block-woocommerce-cart span, .wp-block-woocommerce-cart h2, .wp-block-woocommerce-cart p, .wp-block-woocommerce-cart a{
    color: #fff !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg{
    fill: #fff !important;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: #ff0000;
    text-decoration: none;
    font-family: inherit;
    font-weight: 600;
    padding: 15px 0;
    border-radius: 100px;
}

td.wc-block-cart-item__image img {
    border-radius: 10px;
}

a.wc-block-components-checkout-return-to-cart-button {
    display: none;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color: #ff0000;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 100px;
    border-color: transparent;
    width: 100%;
}

.wp-block-woocommerce-checkout-order-summary-block:nth-child(1) {
    display: none;
}

.wc-block-components-sidebar-layout.wc-block-checkout span, .wc-block-components-sidebar-layout.wc-block-checkout a, .wc-block-components-sidebar-layout.wc-block-checkout h1, .wc-block-components-sidebar-layout.wc-block-checkout h2, .wc-block-components-sidebar-layout.wc-block-checkout h3, .wc-block-components-sidebar-layout.wc-block-checkout p, .wc-block-components-sidebar-layout.wc-block-checkout label, .wc-block-components-sidebar-layout.wc-block-checkout input {
    color: #fff !important;
}

.wc-block-components-sidebar-layout.wc-block-checkout .wc-block-components-order-summary-item__quantity span{
    color: #000000 !important;
}

form.wc-block-components-form.wc-block-checkout__form input, input#wc-block-components-totals-coupon__input-coupon {
    background-color: transparent !important;
}

form.wc-block-components-form.wc-block-checkout__form .wc-blocks-components-select .wc-blocks-components-select__select {
    background: #000000 !important;
    color: #fff;
}
.wc-block-components-totals-coupon.wc-block-components-panel {
    color: #ffffff;
}

form#wc-block-components-totals-coupon__form {
    display: flex;
    flex-direction: column;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
    flex: 3 1 0;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background-color: #ff0000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 100px;
}

/* MY ACCOUNT PAGE */

nav.woocommerce-MyAccount-navigation {
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 15px;
}

nav.woocommerce-MyAccount-navigation {
    padding-left: 0;
    margin-bottom: 0;
}

nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
    color: #ffffff;
	text-decoration: none;
}

nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
    color: #ff0000;
}

nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link{
	list-style: none;
}

h1.page-myaccount{
    margin-bottom: 35px;
}

h3.page-myaccount{
    margin-top: 0px;
}

section.home-runs.my-account-standards-carousel.py-5 {
    padding: 0 0 150px 0 !important;
}

.woocommerce-MyAccount-content p,.woocommerce-MyAccount-content a, .woocommerce-MyAccount-content strong, .woocommerce-MyAccount-content address, .woocommerce-MyAccount-content legend, .woocommerce-MyAccount-content {
    color: #fff;
}

header.woocommerce-Address-title.title h2 {
    font-size: 20px;
    margin-bottom: 35px !important;
}

.woocommerce-account .addresses .title .edit {
    float: left;
}

input.woocommerce-Input {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

button.woocommerce-Button.button {
    color: #fff;
    background-color: #ff0000;
    border-radius: 100px;
    padding: 16px;
    margin-top: 35px;
}

.page-id-40.logged-in .page-id-40.logged-in section.page-section.py-5 {
    margin-bottom: 100px;
}

.page-id-40.logged-in video.run-card-background {
    width: 100%;
}






























/* FOOTER CSS */
p.footer-para {
    font-size: 14px;
    color: #fff;
	font-weight: 400;
}

p.footer-para.font-weight {
    font-weight: 600;
}

h4.footer-title {
    color: #fff;
    margin-bottom: 35px;
	font-size: 22px;
	text-transform: uppercase;
}

.footer-btn-wrapper {
    margin: 90px 0 0 0;
}

.upper-footer-row{
    margin-bottom: 50px;
	align-items: baseline;
}

.site-footer{
    background-color: #ff0000;
}

.site-footer .small , .site-footer .small a{
    color: #fff;
}

.footer-contact-wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid #fff;
    max-width: 223px;
    padding: 15px 22px;
    margin: 40px 0 30px 0;
    border-radius: 18px;
}

h5.footer-contact-title, a.contact-detail {
    font-size: 14px;
    color: #fff;
}

a.contact-detail{
    text-decoration: none;
}

.footer-pl{
    padding-left: 40px;
}

.footer-slider {
    width: 90%;
    margin: 0 auto 140px auto;
}

ul#menu-footer-links {
    display: flex;
    flex-direction: column;
    border: 1px solid #fff;
    padding: 15px 22px;
    margin: 10px 0 30px 0;
    border-radius: 18px;
    max-width: 200px;
}

ul#menu-footer-links a {
    text-decoration: none;
}


/* MEDIA QUERIES */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 910px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 910px;
    }
}

@media (min-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 910px;
    }
}

@media screen and (max-width: 1200px){

    .single-run .hero-video, .experience-mobile-content-wrapper .hero-video {
        left: -10%;
        width: 120%;
    }

}

@media screen and (max-width: 991px){
	
	p.home-manifesto-para{
	    font-size: 16px;
	}
	
	h2.section-title{
	    font-size: 22px;
	}
	
	.run-card__content{
	    width: 100%;
		left: 0;
	}
	
	section.home-experience {
        padding-top: 100px !important;
    }
	
	section.home-experience .run-card-btn-wrapper{
	    margin-top: 190px;
	}
	
	.desktop-toggler, .desktop-logo{
	    position: fixed;
		left: 50%;
        transform: translateX(-50%);
	}
	
	.desktop-logo {
        bottom: 1%;
    }
	
	.desktop-toggler{
        top: 2%;
    }
	
	.desktop-logo img.navbar-logo{
	    max-width: 400px;
	}
	
	p.manifesto-para{
	    font-size: 18px;
	}
	
	.custom-experiences-content-wrapper{
	    font-size: 16px;
	}

    .single-run .hero-video, .experience-mobile-content-wrapper .hero-video {
        left: 0%;
        width: 100%;
    }
	
	.footer-pl{
	    padding-left: 0;
	}


}

@media screen and (max-width: 768px){

	.runs-swiper-nav{
	   display:none;
	}
	
	p.manifesto-para{
	    font-size: 16px;
	}
	
	.section-run-header{
	    display: none;
	}
	
	.single-run .hero-video {
        min-height: 85svh;
        border-radius: 34px;
    }
	
	.section-run-content {
        margin-top: 60px;
    }
	
	.run-description p, .run-description ul li{
	    font-size: 14px;
	}
	
    .experience-video-header {
        display: none;
    }
	
    .experience-mobile-content-wrapper .hero-video, .section-run-content .hero-video{
	    border-radius: 34px;
	}
	
    .experience-mobile-content-wrapper .hero-video video{
	    border-radius: 34px;
	}
	
    .section-run-content .hero-video{
	    margin: 0;
	}
	
    .experience-mobile-content-wrapper .hero-video{
	    margin: auto;
	}
	
    img.img-fluid.rounded-4.route-img{
	    display:block;
		width: 100%;
	}
	
    .experience-first-container{
	    margin: 60px auto 35px auto;
	}
	
    section.home-manifesto{
	    padding: 50px 0 200px 0;
	}
	
	.home video.run-card-background, .single-run video.run-card-background, .post-type-archive-run video.run-card-background {
        width: auto;
    }
	
    .home-horizontal{
	    display: none;
	}
	
    .home-vertical{
	    display: block;
	}
	
    .footer-slider{
	    width: 95%;
    }
	
    .woocommerce-MyAccount-content{
        margin-top: 35px;	
	}
	
}

@media screen and (max-width: 576px){

    p.home-manifesto-para {
        font-size: 14px;
    }
	
	a.global-cta-btn{
	    font-size: 14px;
	}

	.run-card-btn-wrapper{
	    margin-top: 30px;
	}
	
	span.run-card-btn {
        padding: 8px 28px;
    }
	
	.run-card__content{
	    padding: 0 10px;
	}
	
	img.experience-logo {
        max-width: 100%;
        height: auto;
    }
	
	.desktop-logo img.navbar-logo{
	    max-width: 360px;
	}
	
	p.manifesto-para, .manifesto-numeric-para{
	    font-size: 14px;
	}
	
    p.manifesto-para{
        max-width: 300px;
	}
	
	.manifesto-numeric-para{
	    padding: 8px 24px;
	}
	
    .experience-mobile-content-wrapper .hero-video{
	    height: 90svh;
	    width: 90%;
	}
	
    .experience-header-date, .experience-logo-wrap {
        padding-right: calc(var(--bs-gutter-x) * 1);
        padding-left: calc(var(--bs-gutter-x) * 1);
    }
	
	.custom-experiences-content-wrapper, .experience-carousel-para, .experience-bottom-text, .experience-bottom-cost, .experience-bottom-date{
	    font-size: 14px;
	}
	
    .program-item h3, h2.program-title{
	    font-size: 18px;
	}
	
    .container{
        padding-right: calc(var(--bs-gutter-x) * 1);
        padding-left: calc(var(--bs-gutter-x) * 1);
	}
	
    .experience-first-container {
        padding: 0;
		padding-right: 0;
        padding-left: 0;
    }
	
    img.run-card-background{
	    height: auto !important;
	    position: relative;
	}
	
    .run-card__inner{
	    height: auto !important;
		max-height: 500px;
	}
	
    .run-card__inner{
	    font-size: 35px;
	}
	
	h1.membership-hero__title {
        font-size: 35px;
    }
	
    .footer-contact-wrapper{
	    max-width: 200px;
	}
	
}

/* ANIMATION CSS */

.reveal-line {
    display: block;
    overflow: hidden;
    padding-bottom: 0.02em;
}

.reveal-line__inner {
    display: block;
    will-change: transform;
}

.js-rich-reveal p,
.js-rich-reveal li,
.js-rich-reveal h2,
.js-rich-reveal h3,
.js-rich-reveal h4,
.js-rich-reveal blockquote {
    margin-top: 0;
}

.js-rich-reveal ul,
.js-rich-reveal ol {
    padding-left: 1.2rem;
}

video.run-card-background{
    transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
}

.run-card__inner:hover video.run-card-background{
    scale: 1.2;
}

.manifesto-hero {
    overflow: hidden;
}

.manifesto-hero__cell {
    position: relative;
    overflow: hidden;
}

.manifesto-hero__video {
  position: absolute;
  left: 0;
  width: 100%;
  height: 120%;
  top: -10%;
  object-fit: cover;
  will-change: transform;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.05);
}

.btn-overlay {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 14px 28px;
    border-radius: 50px;

    background: transparent;
    border: 1px solid #0f0f38;
    color: #0f0f38;

    transition: color 0.4s ease;
}

/* overlay layer */
.btn-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;

    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

    z-index: 1;
}

/* text above overlay */
.btn-overlay span {
    position: relative;
    z-index: 2;
}

/* hover effect */
.btn-overlay:hover::before {
    transform: translateY(0%);
}

/* text color change */
.btn-overlay:hover {
    color: #000;
}