/*
Theme Name: Liberty 21
Description: Custom theme for UVT Liberty Marathon 2021 (based on Uncode theme)
Author: EBIG
Author URI: https://ebig.biz	
Template: uncode
Version: 1.1.0
Text Domain: uncode
*/

/* Variables */
:root {
    --clr-main: #204397;
    --clr-main-dark: #212e5f;
    --clr-accent: #ef4137;
    --clr-alt: #fbbf19;
    --clr-alt-dark: #f59b23;

    --clr-main-50: #8fa1cb;

    --clr-gray-back: #e5e5e5;
    --clr-gray-hover-back: #d5d5d5;
    --clr-gray-front: #777;

    --clr-main-hover-light: #d6ddec;
    --clr-main-hover-dark: #4a66aa;
    --clr-accent-hover-light: #fcdcdb;
    --clr-accent-hover-dark: #f1645b;

    --clr-maraton: #f69029;
    --clr-semimaraton: #ece010;
    --clr-cros: #ed407f;
    --clr-kids: #00a69c;
    --clr-online: #229ed0;
    --clr-stafeta: #39b54a;

    --anim-main: all 200ms ease-in-out;
}

/* Main stuff */
.liberty-hidden {
    display: none !important;
}

a,
a:hover {
    transition: var(--anim-main);
}

.liberty21-clean-margin {
    margin: 0 !important;
    padding: 0 !important;
}


/* Data Tables */
.dataTables_length,
.dataTables_filter {
    width: 50%;
    height: 30px;
    margin-bottom: 20px;
}

.dataTables_length label {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    font-size: 13px;
    color: #999;
}

.dataTables_filter label {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    /* line-height: 30px; */
    /* height: 30px; */
    font-size: 13px;
    color: #999;
}

.dataTables_length select {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    margin: 0 10px;
    height: 30px;
    border: 1px solid #bbb !important;
    border-radius: 0 !important;
}

.dataTables_filter input {
    width: 200px;
    margin-left: 10px !important;
    border: 1px solid #bbb !important;
    border-radius: 0 !important;
    height: 30px;
    margin-top: 0;
}

.dataTables_info {
    font-size: 13px;
    color: #999 !important;
    padding-top: 20px !important;
}

.dataTables_paginate {
    font-size: 13px;
    padding-top: 12px !important;
}

/* Running trips special campaign */
#wrapper-rtpack01 .btn-container,
#wrapper-rtpack02 .btn-container,
#wrapper-rtpack03 .btn-container,
#wrapper-rtpack04 .btn-container,
#wrapper-rtpack05 .btn-container {
    margin-top: 10px;
}

#wrapper-rtpack01 .highlight-rtpack,
#wrapper-rtpack02 .highlight-rtpack,
#wrapper-rtpack03 .highlight-rtpack,
#wrapper-rtpack04 .highlight-rtpack,
#wrapper-rtpack05 .highlight-rtpack {
    border-radius: 8px;
    background: #ebeef6;
    padding: 20px;
}

#info-rtpack01,
#info-rtpack02,
#info-rtpack03,
#info-rtpack04,
#info-rtpack05 {
    display: none;
}

#info-rtpack01 .infobox-plus-rtpack,
#info-rtpack02 .infobox-plus-rtpack,
#info-rtpack03 .infobox-plus-rtpack,
#info-rtpack04 .infobox-plus-rtpack,
#info-rtpack05 .infobox-plus-rtpack {
    border-radius: 8px;
    background: #fef3d5;
    padding: 20px;
}

#info-rtpack01 .infobox-minus-rtpack,
#info-rtpack02 .infobox-minus-rtpack,
#info-rtpack03 .infobox-minus-rtpack,
#info-rtpack04 .infobox-minus-rtpack,
#info-rtpack05 .infobox-minus-rtpack {
    border-radius: 8px;
    background: #f4f4f4;
    padding: 20px;
}

label #terms_policy {
    border: 2px solid #ff0000;
    margin-right: 5px;
}

.woocommerce span.onsale,
.woocommerce span.soldout {
    right: 10px;
    left: auto;
}

.cwg_iagree_checkbox input,
.theme-uncode .timeline-horizontal form.checkout input[type="checkbox"],
.payment_methods li input[type=radio] {
    border: 2px solid !important;
}

input.cwgstock_button {
    background-color: #efefef !important;
    color: #204397 !important;
}

input.cwgstock_button:hover {
    opacity: 0.7;
}

.style-light button.button[type="submit"],
input.cwgstock_button {
    border: 1px solid #204397 !important;
}

.mc4wp-checkbox.mc4wp-checkbox-woocommerce span {
    padding-left: 7px;
}

table.shop_table .cart-subtotal,
#yith-wcms-back-to-cart-button {
    display: none !important;
}

.woocommerce-form-login-toggle .wc-notice a,
.woocommerce-form-coupon-toggle .wc-notice a {
    font-weight: 700 !important;
}

#ui-datepicker-div {
    display: none !important;
}

.tabel_marimi.btn {
    color: var(--clr-main) !important;
    padding: 5px !important;
}

.tabel_marimi.btn:hover {
    color: #777 !important;
}

.woocommerce-additional-fields h3:first-child {
    display: none;
}

.liberty21-team-not-valid {
    color: #761919;
}


.attendee-declaratie  input[type="checkbox"]:not(:checked),
input[type="checkbox"]#terms:not(:checked) {
    border: 2px solid #ff0000 !important;   
}


/* new checkout */
.checkoutwc .form-row input[type="date"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #fff;
    border: 1px solid #d9d9d9 !important;
    border-radius: 0px !important;
    box-sizing: border-box;
    color: #var(--cfw-body-link-color);
    font-size: 16px;
    height: auto !important;
    line-height: normal !important;
    padding: .82rem;
    transition: all .2s ease;
    transition-delay: 0s,0s;
    transition-duration: .2s,0s;
    transition-property: all,width;
    transition-timing-function: ease-out,ease;
    width: 100%;
}
.checkoutwc .form-row.cfw-label-is-floated input[type="date"] {
    padding: 1.35em .8em .28em;
}

#order_review .woocommerce-form-login .checkoutwc button[type="submit"][name="login"]:not(.cfw-primary-btn):not(.cfw-quantity-stepper-btn-minus):not(.cfw-quantity-stepper-btn-plus), .checkoutwc #order_review .woocommerce-form-login button[type="submit"][name="login"]:not(.cfw-primary-btn):not(.cfw-quantity-stepper-btn-minus):not(.cfw-quantity-stepper-btn-plus), .checkoutwc .cfw-secondary-btn:not(.cfw-primary-btn):not(.cfw-quantity-stepper-btn-minus):not(.cfw-quantity-stepper-btn-plus), .checkoutwc .woocommerce-button:not(.cfw-primary-btn):not(.cfw-quantity-stepper-btn-minus):not(.cfw-quantity-stepper-btn-plus), .checkoutwc a.button:not(.cfw-primary-btn):not(.cfw-quantity-stepper-btn-minus):not(.cfw-quantity-stepper-btn-plus), .checkoutwc input[type="button"]:not(.cfw-primary-btn):not(.cfw-quantity-stepper-btn-minus):not(.cfw-quantity-stepper-btn-plus),
.checkoutwc #info_payment button, .checkoutwc .cfw-primary-btn {
    border-radius: 10em;
    box-shadow: none !important;
    padding: 13px 20px 9px !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase;
    margin-top:0 !important;
}
#cfw .cfw-primary-btn {
    box-shadow: none !important;
    padding: 13px 20px 9px !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase;
    margin-top:0 !important;
}
/*.checkoutwc .form-row input#cfw-promo-code {
    padding: 9px !important;
}*/
body.checkout-wc, main.checkoutwc,
.cfw-accordion .cfw-radio-reveal-group,
body .cfw-small,
.cfw-accordion .cfw-radio-reveal-content p {
    line-height: 1.2;
    font-size: 15px;
}
#cfw-promo-code-btn {
    margin-top: 3px !important;
}
.checkoutwc .form-row input[type="email"], .checkoutwc .form-row input[type="number"], .checkoutwc .form-row input[type="password"], .checkoutwc .form-row input[type="tel"], .checkoutwc .form-row input[type="date"], .checkoutwc .form-row input[type="text"].input-text, .checkoutwc .form-row select, .checkoutwc .form-row textarea {
    border-radius: 0 !important;
    color: var(--cfw-body-link-color) !important;
}
body.checkout-wc form h1, body.checkout-wc h2, body.checkout-wc h3, body.checkout-wc h4, main.checkoutwc form h1, main.checkoutwc h2, main.checkoutwc h3, main.checkoutwc h4 {
    font-weight: normal;
    color: var(--cfw-body-link-color);
}
#cfw .cfw-radio-reveal-li.cfw-active .cfw-radio-reveal-title-wrap {
    color: var(--cfw-body-link-color) !important;
    border: 1px solid var(--cfw-body-link-color);
    background: none;
}
.cfw-accordion .wc_payment_methods .cfw-radio-reveal-content,
.cfw-accordion .wc_payment_methods .cfw-radio-reveal-content p {
    font-size: 14px;
}

.checkout-wc .fooevents-attendee {
    background: #f4f4f4;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
    position: relative;
}
.checkout-wc .fooevents-attendee-number {
    letter-spacing: 0.00em;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 22px;
}
.checkout-wc .fooevents-attendee .fooevents-checkout-attendee-info + p {
    position: absolute;
    right: 20px;
    background: var(--cfw-body-link-color);
    padding: 1px 10px;
    border-radius: 50px;
    margin: 0;
    top: 22px;
}
.checkout-wc .fooevents-attendee .fooevents-checkout-attendee-info + p a {
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
    line-height: 1.75;
  }
  body.checkout-wc h3.fooevents-eventname {
    margin-top: 1em;
  }

  p.liberty-newaccount {
    margin-bottom: 0 !important;
  }
  .liberty-tshirt-extra-info,
  .liberty-usertype-extra-info,
  .liberty-userrounds-extra-info {
    margin-bottom: 15px;
    display: block;
    margin-top: -5px;
  }
  .previous-button .cfw-prev-tab {
    background: #e5e5e5;
    color: #777;
    box-shadow: none !important;
    padding: 13px 20px 9px !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase;
    margin-top:0 !important;
    border-radius: 10em;
  }
  .cfw-footer-inner {
    font-size: 12px;
  }
  .attendee-declaratie  {
    padding-top:20px;
    margin-bottom: 0!important;
  }
  .parsley-errors-list {
    font-weight: normal !important;
}
#place_order {
  background: var(--clr-accent) !important;
}
.checkoutwc button[disabled].cfw-primary-btn/*,
.checkoutwc select[disabled],
html input[disabled],
.checkoutwc .field-is-readonly input, 
.checkoutwc .field-is-readonly select */{
  cursor: not-allowed;
}

.checkoutwc select.select[disabled],
.checkoutwc .field-is-readonly input,
.checkoutwc .field-is-readonly select {
    background-color: inherit;
}
.checkoutwc .field-is-readonly[id*="fooevents_custom_stafeta_usertype_"]::after,
.checkoutwc .field-is-readonly[id*="fooevents_custom_stafeta_userrounds_"]::after {
    display: none;
}
.checkoutwc select.has-error {
    box-shadow: 0 0 0 1px #f04f63 !important;
}
#cfw-footer {
    z-index: 1 !important;
}
.checkoutwc .form-row[id*="fooevents_custom_birthday_"] label.cfw-floatable-label {
    opacity: 1;
    z-index: 1000;
}
.checkoutwc .form-row[id*="fooevents_custom_birthday_"] input[type="date"] {
    padding: 1.35em .8em .28em;
}

/* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(20, 43, 96) 70%); */