@charset "UTF-8";
/**
 * Theme Name: epubli
 * Description: 
 * Author: Büro für gute Websites, André Goldmann
 * Template: blocksy
 * Text Domain: epubli
 */
/* SASS */
/* Typo */
h1, h2, h3, h4, h5, h6, p, ul, ol, .jet-headline__first {
  color: #192a3d;
}

body.tax_e-book .product_details {
  display: none;
}

.jet-headline__second {
  color: #57C42A;
}

.dark_section h1, .dark_section h2, .dark_section h3, .dark_section h4, .dark_section h5, .dark_section h6, .dark_section p, .dark_section ul, .dark_section ol, .dark_section .jet-headline__first {
  color: #fff;
}

/* Spacings */
.heroSection .subTitle {
  font-size: 1.4rem;
}

.e-con>.e-con-inner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.e-con>.e-con-inner>.e-con>.e-con-inner, .dce-post-block .e-con-inner, .hero_section, .e-con>.e-con-inner .e-con-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
  align-items: start;
  margin-bottom: .8rem;
}
.elementor-widget .elementor-icon-list-item:last-child {
  margin-bottom: 0;
}
.elementor-widget .elementor-icon-list-item .elementor-icon-list-icon {
  padding-top: 8px;
}

header .e-con-inner, footer .e-con-inner, .ct-container-full {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
header .e-con-inner .e-con .e-con-inner, footer .e-con-inner .e-con .e-con-inner {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}


.header_cta_button_activator {
  cursor: pointer;
}

.elementor-79282 .elementor-element.elementor-element-2927043 .elementor-nav-menu--dropdown a {
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.epubli_info_box {
  padding: 2rem !important;
}

.dark_formular_bg .gfield_label, .dark_formular_bg label {
  color: var(--buttonTextInitialColor) !important;
}

.light_formular_bg .gfield_label, .light_formular_bg label {
  color: var(--paletteColor3) !important;
}

.gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  background: var(--paletteColor8) !important;
  color: var(--paletteColor3) !important;
  font-size: 1rem !important;
  padding: .6rem !important;
  height: 60px !important;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
  height: 320px !important; 
}

/* Blocksy Müll */ 
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.25;
}
.entry-content p {
  line-height: 1.4em;
}

h2.jet-animated-text .jet-animated-text__before-text ,h2.jet-animated-text .jet-animated-text__animated-text{
  font-size: var(--fontSize);
}


/* WooCommerce */
#list_epubli_shop_cats ul.products li.product-category span.ct-image-container, #list_epubli_shop_cats ul.products li.product-category h2 mark {
  display: none;  
}

#list_epubli_shop_cats ul.products {
    grid-column-gap: 0px;
    grid-row-gap: 1em;
}

#list_epubli_shop_cats ul.products li.product-category h2 {
  font-size: 1em;
  font-weight: normal;
  line-height: 125%;
  font-family: "Fira Sans"
}

 .epubli_woo_prod_image_in_slider {
   max-width: 72%;
   border-radius: 2px;
 }
@media (max-width: 1024px) {
  main h1,main h2,main h3,main h4 {
    font-size: calc(var(--fontSize) * 0.8) !important;
  }
}
@media (max-width: 767px) {
  header .e-con-inner .e-con .e-con-inner,  footer .e-con-inner .e-con .e-con-inner {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  main h1 {
    font-size: 29px !important;
  }
  main h2,main h3,main h4 {
    font-size: calc(var(--fontSize) * 0.6) !important;
  }  
  
  .epubli_info_box {
    padding: 1.2rem !important;
  }
  footer .elementor-icon-list-icon {
    margin: 10px;
  }
}

.product_cover {
  position: relative;
  width: 400px;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
}

.elementor .product_cover img.blurred_image {
  position: absolute;
  z-index: -1;
  border-radius: 4px !important;
  top: 11px;
  filter: blur(1.6rem);
}

/* Skelleton */
.placeholder {
  background: #e0e0e0;
  border-radius: 4px;
  height: 20px;
  width: 100%;
  animation: pulse 1s infinite ease-in-out;
}
@keyframes pulse {
  0% { background: #e0e0e0; }
  50% { background: #f0f0f0; }
  100% { background: #e0e0e0; }
}

.descriptionShort-placeholder {
  height: 70px;
}


/* User Centrics Embed */
.uc-embedding-container {
  width: 100%;
  height: auto;
  
  border-radius: 8px;
  border: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
  .uc-embedding-container {
    min-height: 480px;
  }
}
@media (max-width: 379px) {
  .uc-embedding-container {
    min-height: 580px;
  }
}

.uc-embedding-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

.uc-embedding-container {
  position: relative;
}

.uc-embedding-container img {
  position: relative;
  z-index: 0;
}

.uc-embedding-wrapper {
  width: 80%;
  max-width: 80%;
  max-height: auto;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  position: absolute;
  padding: 12px 24px;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}
.uc-embedding-wrapper span {
  display: none;
}
.uc-embedding-more-info {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
  background: white !important;
  color: var( --e-global-color-blocksy_palette_1 ) !important;
  text-transform: none !important; 
  padding: 0 !important ;
  border-radius: 0 !important;
  display: inline-block;
  margin-top: 12px;
  cursor: pointer;

}
.uc-embedding-more-info,.uc-embedding-accept {
  height: auto;
  width: auto;
}