/*
 Theme Name:   Punchkids (Basel Child)
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      2.3
 Text Domain:  basel-child

 Colors:
 Primary red:  #E40A23
 blue:         #356B8F

*/


/* 
*******************     ACHTUNG      ******************* 
Nach Änderungen in der style.css muss die Versionsnummer
in der functions.php verändert werden,
damit die style.css erneut geladen wird.
*********************************************************
*/

/* Versteckt Optionen ab Nr. 5, wenn 'is-closed' aktiv ist */
.gform_PT_hide_dates.is-closed .gfield_radio .gchoice:nth-child(n+5) {
  display: none !important;
}

/* Der Link zum Umschalten */
.show-more-link {
  display: inline-block;
  margin-top: 10px;
  color: #0073aa;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.95em;
}



.gf-hide-guest-field {
    display: none!important
}

.logged-in .gf-hide-guest-field {
    display: block!important
}


/*** Google Fonts Selfhosting ***/

/* barlow-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-v13-latin-regular.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/barlow-v13-latin-regular.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* barlow-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/barlow-v13-latin-italic.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/barlow-v13-latin-italic.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* barlow-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/barlow-v13-latin-600.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/barlow-v13-latin-600.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* barlow-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/barlow-v13-latin-700.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('fonts/barlow-v13-latin-700.ttf') format('truetype');
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/********************************/



.promo-banner {
  margin-bottom: 0;
}

.footer-container ul li {
  margin-bottom: 10px;
}

.main-nav .menu>li.current-menu-item>a {
  color: #e40a23;
}

.widget-title,
.widgettitle {
  font-size: 40px;
}

.right-column {
  width: 0px;
}

.ap_uppercase {
  text-transform: uppercase;
}

.main-header .right-column {
  padding-left: 0px;
}

.title-size-small .entry-title,
.title-size-small h1 {
  font-size: 24px;
}

.page-title {
  margin-bottom: 50px;
}

.promo-banner .banner-inner h1 {
  font-size: 40px;
  font-weight: 300;
  font-style: normal;
}


.uc_content_box_zoom_effect .uc_title {
  padding-top: 15px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.uc_content_box_zoom_effect .uc_content {
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 30px !important;
}


/* WooCommerce */

.product_cat-mitgliedschaften .product-tabs-wrapper,
.product_cat-mitgliedschaften .product-share,
.product_cat-mitgliedschaften .woocommerce_de_versandkosten,
.product_cat-mitgliedschaften .shipping_de_string,
.product_cat-mitgliedschaften .product-labels {
  display: none;
}

.product_cat-workshops .product-labels {
  display: none;
}

.wc-pao-validation-notice {
  color: #E40A23;
  font-weight: 400;
}

.wc-pao-addons-container {
  margin-bottom: 30px;
}

div.product-tabs-wrapper>div>div>div>div>ul {
  display: none;

}

tr.woocommerce-cart-form__cart-item.cart_item>td.product-name>a {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}

dl.variation dt,
dl.variation p {
  color: #000000 !important;
  font-size: 14px;
}


.woocommerce-checkout .woocommerce-checkout-payment .payment_box p {
  font-size: 14px;
}

/* Product label */
body>div.website-wrapper>div.main-page-wrapper>div>div>div>div.products.elements-grid.basel-products-holder.pagination-pagination.row.grid-columns-3>div>div.product-element-top>a>div {
  display: none;
}

/* Menü ausblenden */

.sticky-header .main-nav {
  text-align: right !important;
}

@media (max-width: 991px) {
  .sticky-header .site-logo img {
    max-height: 80px !important;
  }
}


/* Loader */

#field_11_41,
#field_11_40,
#field_11_39 {
  display: none;
}


.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33.33333px;
  width: 13.33333px;
  height: 13.33333px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}


/* Borland Cookies */

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
  width: 100%;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
  margin: 0 auto 0;
}

/* Gravity Forms */

body .gform_wrapper .gform_fields {
  grid-row-gap: 15px !important;
}

body .gform_wrapper .gform_no_label label {
  display: none;
}

body .gform_wrapper .gform_no_legend legend {
  display: none;
}

body .gform_wrapper .gform_footer input[type=submit] {
  background: #E40A23 !important;
  font-size: 18px !important;
}

body .gform_wrapper .gform_body input,
body .gform_wrapper .gform_body textarea {
  border-radius: 0px !important;
}


body .gform_wrapper .gform_body {
  font-size: 18px;
}

body .gform_wrapper .gform_body .gform_fontsize_14 {
  font-size: 14px;
}

body .gform_wrapper .gform_body .gfield_label {
  font-size: 18px;
}

body .gform_wrapper .gform_body input,
body .gform_wrapper .gform_body textarea,
body .gform_wrapper .gform_body select {
  font-size: 18px;
  color: #000000;
}

body .gform_wrapper .gform_body textarea::placeholder,
body .gform_wrapper .gform_body input::placeholder,
body .gform_wrapper .gform_body option {
  color: #666666 !important;
}




/* Gravity Forms Error Message */

body .gform_wrapper .gform_validation_errors {
  background-color: #FFFFFF;
  color: #E40A23;
  border: 3px solid #E40A23;
  border-radius: 0px !important;
}

body .gform_wrapper .gform_validation_errors:focus {
  outline: none;
}

body .gform_wrapper .gform_validation_errors li,
body .gform_wrapper .gform_validation_errors a,
body .gform_wrapper .gform_validation_errors .gform_submission_error,
body .gform_wrapper .gform_validation_errors .gform-icon {
  color: #E40A23;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error input,
body .gform_wrapper .gform_body .gform_fields .gfield_error textarea {
  border: 3px solid #E40A23;
}

body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
  color: #E40A23;
}

/* Für Gravity Forms Radio Buttons horizontal */
body .gform_horizontal .gfield_radio {
  display: inline-block !important;
}

body .gform_horizontal .gchioce {
  margin-right: 10px !important;
}


/* Gravity Forms: PLZ und Ort tauschen */
body .gform_german_address_format .ginput_complex.ginput_container_address span.ginput_left.address_zip,
body .gform_german_address_format .ginput_complex.ginput_container_address span.ginput_right.address_city {
  float: none;
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

/* PLZ links */
body .gform_german_address_format .address_zip {
  order: 1;
  inline-size: 10%;
  margin-right: 1%;
}

/* Ort rechts */
body .gform_german_address_format .address_city {
  inline-size: 88%;
  order: 2;
}


/* Grvity Perks Nested Forms */
.gpnf-add-entry {
  background-color: #E40A23 !important;
  border-color: #E40A23 !important;
}

.gpnf-add-entry:focus {
  outline: none !important;
  border-color: #E40A23 !important;
}

.gpnf-nested-entries th,
.gpnf-no-entries td span {
  text-transform: none;
}

.gfield_error .gpnf-nested-entries {
  border: 3px solid #E40A23;
  border-radius: 0px !important;
}

.gpnf-btn-cancel,
.gpnf-btn-cancel-mobile {
  background-color: #356B8F !important;
}

.gpnf-add-entry {
  width: 100% !important;
  font-size: 18px !important;
}


/* Simple Calendar */

simcal-calendar-list .vc_row-has-fill>.vc_column_container>.vc_column-inner {
  padding-top: 10px;
}

.simcal-calendar-list .wpb_content_element {
  margin-bottom: 0px;
}

.wf0711_simcal_title {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.simcal-calendar-list a {
  font-weight: bold;
}

.simcal-calendar {
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.06);
}

.simcal-default-calendar-list ul.simcal-events {
  margin: 0px;
}

.simcal-calendar-list {
  padding: 14px 30px 0;
  font-family: Barlow;
  color: #000000;
  font-size: 14px;
  overflow: hidden;
}

.simcal-event-title {
  font-family: Lato;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.2;
  color: #000000;
  margin: 15px 0px;
}

.simcal-event-description {
  font-family: Barlow;
  font-size: 16px;
  color: #000000;
}

.simcal-event-description a {
  border: solid 2px #1aada3;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 17px;
  padding-right: 17px;
  text-transform: uppercase;
  font-family: Barlow;
  font-size: 16px;
  color: #1aada3;
  font-weight: 400;
}

.simcal-event-description ul {
  margin-top: 20px !important;
  padding-left: 0px !important;
}

.simcal-event-description ul li::before {
  display: none;
}

.simcal-event-description a:hover {
  background-color: #1aada3;
  color: #FFFFFF;
}


.wf0711_simcal_month,
.wf0711_simcal_day {
  margin-bottom: 0px;
  border-right: solid 1px #DFE0E2;
}

.wf0711_simcal_day {
  padding-top: 2px;
}

.simcal-event {
  border-bottom: solid 1px #DFE0E2;
  min-height: 125px;
  padding-bottom: 20px;
}

.wf0711_simcal_month .simcal-event-start-date {
  font-family: Lato;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.1;
  color: #000000;
  text-transform: uppercase;
}

.wf0711_simcal_day .simcal-event-start-date {
  font-family: Lato;
  font-weight: 600;
  font-size: 40px;
  line-height: 1;
  color: #000000;
}

wf0711_simcal_dates {
  font-family: Barlow;
}

/* Internal Area */



body.interal-area #BorlabsCookieWidget {
  display: none !important;
}