/* Source and licensing information for the line(s) below can be found at https://chiboard.co/themes/custom/chistrap/css/base/chistrap.custom.css. */
 /* Insert your chistrap base overrides over Vartheme BS4 and Bootstrap */

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { padding: 0 2rem; }

/* Elements */
.media--loading:not([data-animation])::before, .is-b-loading:not([data-animation])::before { background: #ef483e; }
.magnified { font-size: large; }
.paragraph { margin-bottom: 1.5rem; }
.btn { font-family: Abel; font-weight: bold; padding: 0.75rem 1.5rem 0.5rem; }
.btn-primary { background-color: #ef483e; border-color: #ef483e; }
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
.btn-primary:focus, btn-primary.focus { background-color: #dc3545; border-color: #dc3545; }
.btn-primary:focus, btn-primary.focus {-webkit-box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%); box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%);}
.form-submit.btn-primary::before { display: none; }
.not-full .bg-edge2edge { -webkit-flex: 0 0 90vw; -ms-flex: 0 0 90vw; flex: 0 0 90vw; width: 90vw; max-width: none; margin-right: -45vw !important; margin-left: -45vw !important; }
h1, h2, h3, h4, h5, .field--name-title { font-family: Abel; font-weight: bold;}
.paragraph--type--bp-column-wrapper > .row > div { display: flex; }
.page-header { margin: 1.5rem 0 0.5rem; }

/* Header */
header#navbar-main { z-index: 3; padding: 10px 0; margin-bottom: 0 !important; }
header h2 { font-size: 1.5em; color: #ef483e; font-weight: bold; }
header .row { margin: 0; }
.navbar-brand { padding: 0; }

.vmh-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.vmh-background img {
  display: none;
}
.block-page-title-block .content > * { margin: 1.5rem 0 1rem; }

/* Header navbar togglers */
.collapsing { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.top-navbar-toggler-button-wrapper { display: flex; }
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28239, 72, 62, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-cart-top { border: none; position: relative; display: none; }
.navbar-toggler-cart-top:hover { color: rgba(0, 0, 0, 0.8); }

.close-navbar-toggler, .close-navbar-toggler-below { position:absolute; top:0; left:0; height:100%; width:100%; z-index:2; cursor:pointer; }
.close-navbar-toggler.collapsed, .close-navbar-toggler-below.collapsed { z-index:-1; }
.close-navbar-toggler-below, .close-navbar-toggler-below-below { cursor: default; }
.close-navbar-toggler-below-below { flex:1; }
.close-navbar-toggler.collapsed { cursor: default; }

.navbar-collapse { position: absolute; width: 100%; background: #f8f9fa; top: 80px; left: 0; }
.navbar-collapse > .navbar-nav { flex-direction: row; padding-bottom: 10px; }

/* Region: Navigation Collapsible Wrapper */
.region-navigation-collapsible-wrapper { flex:1; margin-right: 10px; padding-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
.region-navigation-collapsible-wrapper a { color: rgba(0, 0, 0, 0.5); margin-left: 15px; }
.region-navigation-collapsible-wrapper a.is-active { pointer-events: none; cursor: default; color: #ef483e; }
.region-navigation-collapsible-wrapper a:hover { color: rgba(0, 0, 0, 0.8); text-decoration: none; }
.region-navigation-collapsible-wrapper a img { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
.region-navigation-collapsible-wrapper a:hover img { -webkit-filter: grayscale(20%); filter: grayscale(20%); }
.region-navigation-collapsible nav { width: 150px; text-align: right; }
.region-navigation-collapsible nav ul { flex-direction: column; }
#block-spacer { flex:1; }
#block-useraccountmenu { width: 110px; }

/* Some buttons */
.region-navigation-collapsible-buttons { flex-direction: column; height: 100%; align-items: flex-start; }
.region-navigation-collapsible-buttons button { border: none; padding: 0.50rem 0.75rem; }
.region-navigation-collapsible-buttons button:hover { color: rgba(0, 0, 0, .8); }
.close-navbar-toggler-below-right { flex-grow: 1; padding-right: 2rem; }
.close-navbar-toggler-below-right span { width: 48px; display: inline-block; }
.navbar-toggler-cart { position: relative; }
.cart-block--summary__count, .cart-block--summary__count-top, .cart-block--summary__count-right { font-size: 0.7rem; position: absolute; left: 20px; top: 15px; background-color: #ef483e; 
  color: #fff; border-radius: 14px; font-weight: bold; display: inline-block; font-family: sans-serif; width: 16px; text-align: center; }
.cart-block--summary__count-top { width: 10px; height: 10px; top: 22px; right: 6px; left: auto; }
.cart-block--summary__count-right { top: 22px; left: auto; height: 16px; padding-top: 2px; display: none; }

/* Below navbars */
.region-navigation-collapsible-wrapper .navbars { position: absolute; width: 100%; height: 100%; z-index: 1; }
.region-navigation-collapsible-wrapper .navbars .navbar-nav { flex-direction: row; height: 100%; }
.region-navigation-collapsible-cart, .region-navigation-collapsible-locale { background-color: #f8f9fa; flex-direction: column; border-radius: 10px; box-shadow: 2px 2px 1px 1px rgb(0 0 0 / 5%); 
  min-width: 370px; }
.region-navigation-collapsible-cart > div, .region-navigation-collapsible-locale > div  { padding: 10px 20px; }
.region-navigation-collapsible-cart h2, .region-navigation-collapsible-locale h2 { font-size: 1.2rem; margin-left: 10px; }
.region-navigation-collapsible-cart .content span, .region-navigation-collapsible-locale .content span { padding: 0; }
.region-navigation-collapsible-cart legend, .region-navigation-collapsible-locale legend { display: none; }
.block-language-blocklanguage-interface { display: flex; align-items: center; }
.block-language-blocklanguage-interface a { display: flex; align-items: center; }
.block-language-blocklanguage-interface img { margin: 0 5px; }
.navbars-below nav { flex-direction: row; flex-wrap: nowrap; }
.block-commerce-currency-resolver { display: flex; align-items: center; }
.block-commerce-currency-resolver button { display: none; }

/* Cart */
.region-navigation-collapsible-cart { position: relative; min-width: 590px; }
.block-commerce-cart-flyout { height: 100%; }
#cart-offcanvas { overflow-y: scroll; position: absolute; width: 90%; right: 20px; height: 65%; }
.cart--cart-offcanvas__close { display: none; }
.cart-block--offcanvas-contents__links { display: none; }
.cart-block--link__expand { position:  relative; }
.cart-block--summary { display: flex; justify-content: space-between; }
.cart-block--summary__view { margin-left: 13px; }

/* Slideshow */
.varbase-heroslider-media { font-family: Abel; }
.hero-slide-content-wrapper .container > .row { margin-left: -10%; }
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-brief { display: none; }
.varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link { font-size: 2rem; margin-top: 0 !important; 
background: rgba(0,0,0,0.2); padding: 0.4rem 1.5rem; display: inline-block; }

/* Product */
.slick--thumbnail.slick--skin--asnavfor .slick__slide img { border: none; }
.product-addtocart .field--name-price { font-size: xx-large; }
.product-addtocart .field--name-variations .form-submit { padding: 6px 98px; font-size: large; }
.product-addtocart .alert { padding: 0.5rem 1rem; margin: 1rem 0; font-size: 0.9rem; }

/* Order */
.path-user .field__label { font-weight: bold; }


/* Checkout */
.layout-region-checkout-footer .form-actions { display:flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.layout-region-checkout-footer .form-actions * { margin-right: 5px; }


/* Footer */
.footer-wrapper .footer section.region-footer { flex-wrap: wrap !important; font-size: 0.85rem; justify-content: space-around; }
.region-footer > div, .region-footer > nav { margin: 10px 20px; }
.region-footer ul { flex-direction: column; }
.region-footer a { color: #700802; }
.region-footer p, .region-footer li a { padding: 0.25rem; margin: 0; }
.region-footer > div:last-of-type { flex: 0 0 100%; }
.footer-wrapper .footer section.region-footer div[id$="-copyright"] { text-align: center; padding-right: 15%; }


/* Disciplines */
.view-disciplines .view-content { display: flex; flex-wrap: wrap; }


/* Stores */
.view-stores .view-content { display: flex; flex-wrap: wrap; }
.view-stores .field--name-name { font-weight: bold; font-size:130%; }


/* 8 weeks Form */
.mobile-number-field > label { display: block; }
.mobile-number-field > fieldset { display: inline-block; }
.form-item-height > label, .form-item-weight > label { display: block; }
.form-item-height > input, .form-item-weight > input { width: 150px; display: inline-block; margin-right: 5px; }
.webform-section { margin-bottom: 10px; }
.field-calendly-calendar { min-height: 670px; }
.field-calendly-calendar iframe { min-height: 650px; }
#my-cal-inline html,
  iframe html { overflow: hidden; }
.webform-submission-8-hafta-add-form .form-wrapper { display: flex; flex-direction: column; }
.webform-submission-8-hafta-add-form label { margin-bottom: 0; display: flex; align-items: center; }
.webform-submission-8-hafta-add-form .form-wrapper > .js-form-item,
  .webform-submission-8-hafta-add-form .form-wrapper > fieldset,
  .webform-submission-8-hafta-add-form .form-wrapper > div { margin: 1rem 0; }
small { font-size: 90%; }
legend { font-size: 1.2rem; }
.paragraph--type--bp-accordion .field--name-bp-text { margin: 1rem; }
.webform-submission-8-hafta-add-form .error { border: 2px solid red; }
.webform-submission-8-hafta-add-form label.error { border: none; color: red; font-style: italic; margin-left: 10px; }



/* User register */
.user-register-form .form-item-legal-accept label { display: flex; align-items: center; }
.user-register-form .form-item-legal-accept label label { flex-wrap: wrap; }
.user-register-form .form-item-legal-accept label label > * { margin: 2px; white-space: nowrap; }


/* GDPR EU */
.sliding-popup-bottom { width: 100vw; font-size: 0.8rem; }
.sliding-popup-bottom h2 { font-size: 1rem; }
.sliding-popup-bottom button { color: #ef483e; }
.sliding-popup-bottom button:hover { color: #700802; }
.sliding-popup-bottom button { border: none; background: none; }
.eu-cookie-compliance-content { display: flex; max-width: 70vw; padding: 9px 16px; margin: 0 auto -7px; background: rgba(255,255,255,0.9); justify-content: space-between; 
white-space: nowrap; }
.eu-cookie-compliance-message { display: flex; align-items: baseline; max-width: inherit; flex-wrap: wrap; }
.eu-cookie-compliance-message > * { margin: 0 5px; }
.eu-cookie-compliance-buttons { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }


/* Video button */
.playpause {
    background-image:url("/themes/custom/chistrap/css/base/../../images/video-play.png");
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    display: none;
}

@media (min-width: 1200px) {
  legend { font-size: 1.3rem; }
}

@media (max-width: 1160px) {
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link { font-size: 1.8rem; }
  .eu-cookie-compliance-content { max-width: 80vw; }
}

@media (max-width: 960px) {
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { padding: 0 1.5rem; }
  .close-navbar-toggler-below-right { padding-right: 1rem; }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link { font-size: 1.6rem; }
  .eu-cookie-compliance-content { max-width: 100vw; }
}

@media (max-width: 720px) {
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { padding: 0 1rem; }
  .close-navbar-toggler-below-right { padding-right: 0; }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link { font-size: 1.4rem; }
  .eu-cookie-compliance-content { flex-wrap: wrap; white-space: normal; }
}

@media (max-width: 576px) {
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { padding: 0 0.5rem; }
  .region-navigation-collapsible-cart { min-width: 370px; }
  #block-spacer { flex:0; }
  #block-useraccountmenu { width: auto; flex: 2; }
  .region-navigation-collapsible nav { width: auto; flex: 3; }
  .varbase-heroslider-media .node--type-varbase-heroslider-media .hero-slide-content .field--name-field-link { font-size: 1.2rem; }
}

@media (max-width: 480px) {
  .eu-cookie-compliance-message { max-width: 100vw; }
}

/* Source and licensing information for the above line(s) can be found at https://chiboard.co/themes/custom/chistrap/css/base/chistrap.custom.css. */