/*
Theme Name: Musea Child
Theme URI: https://musea.qodeinteractive.com/
Description: A child theme of Musea Theme
Author: Select Themes
Author URI: https://themeforest.net/user/elated-themes
Version: 1.0.1
Text Domain: musea
Template: musea
*/

:root {
  --lead-color: #255c73;
  --accent-color: var(--lead-color);
  --accent-inversed: #b7806a;
  --white: #fff;
  --header-bg-drop: #dbdbdb;
}

.eltdf-workflow .eltdf-workflow-caption {
  color: var(--lead-color);
}

.eltdf-main-menu > ul > li > a > span.item_outer::before {
  border-top-color: var(--lead-color);
}

html, body {
  scroll-behavior: smooth;
}

html:has(.eltdf-light-header),
html:has(.eltdf-light-header) body,
.eltdf-wrapper .eltdf-wrapper-inner {
  background-color: var(--lead-color);
}

.eltdf-mobile-header .eltdf-mobile-nav {
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: 'sherborne-variable' !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Condensed' !important;
}

.eltdf-main-menu > ul > li > a,
.eltdf-drop-down .second .inner ul li a,
nav.eltdf-fullscreen-menu > ul > li > a,
nav.eltdf-fullscreen-menu > ul > li ul > li > a,
.eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li a,
.eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li h6,
.eltdf-mobile-header .eltdf-mobile-nav ul li a,
.eltdf-mobile-header .eltdf-mobile-nav ul li h6 {
  font-family: 'Barlow Condensed' !important;
  font-style: normal;
}

blockquote>*,
.eltdf-comment-holder .eltdf-comment-text .eltdf-comment-name,
.widget.widget_categories li,
.widget.widget_categories li a,
.widget.widget_product_categories li a,
.widget.widget_rss ul .rsswidget,
.eltdf-top-bar .widget.widget_categories li,
.eltdf-top-bar .widget.widget_categories li a,
.eltdf-top-bar .widget.widget_product_categories li a,
.eltdf-top-bar .widget.widget_rss ul .rsswidget,
.eltdf-page-footer .widget.widget_categories li,
.eltdf-page-footer .widget.widget_categories li a,
.eltdf-page-footer .widget.widget_product_categories li a,
.eltdf-page-footer .widget.widget_rss ul .rsswidget,
.eltdf-side-menu .widget.widget_categories li,
.eltdf-side-menu .widget.widget_categories li a,
.eltdf-side-menu .widget.widget_product_categories li a,
.eltdf-side-menu .widget.widget_rss ul .rsswidget,
.eltdf-testimonials-holder.eltdf-testimonials-standard .eltdf-testimonial-text,
.eltdf-banner-holder .eltdf-banner-caption,
.eltdf-countdown .countdown-row .countdown-section .countdown-amount,
.eltdf-image-with-text-holder p.eltdf-iwt-title,
.eltdf-price-table .eltdf-pt-inner ul li.eltdf-pt-prices .eltdf-pt-value,
.eltdf-price-table .eltdf-pt-inner ul li.eltdf-pt-prices .eltdf-pt-price,
.eltdf-section-title-holder .eltdf-st-caption,
.eltdf-social-share-holder .eltdf-social-title,
.eltdf-tabs .eltdf-tabs-nav li a,
.eltdf-workflow .eltdf-workflow-caption,
.eltdf-workflow .year-responsive,
.eltdf-workflow .eltdf-workflow-item .eltdf-workflow-item-inner .eltdf-workflow-text .year,
.eltdf-blog-holder article .eltdf-post-info-top > div a,
.eltdf-blog-holder article.format-link .eltdf-link-title,
.eltdf-blog-holder article.format-quote .eltdf-quote-title,
.eltdf-blog-list-holder .eltdf-bli-info > div a,
blockquote.wp-block-pullquote > *,
.wp-block-pullquote blockquote > *,
.wp-block-quote > *,
.wp-block-quote > p,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2,
.eltdf-fullscreen-search-holder .eltdf-search-field,
pre {
  font-family: 'sherborne-variable' !important;
}
.eltdf-fullscreen-search-holder .eltdf-search-field::-webkit-input-placeholder {
  font-family: 'sherborne-variable' !important;
}
.eltdf-fullscreen-search-holder .eltdf-search-field:-moz-placeholder,
.eltdf-fullscreen-search-holder .eltdf-search-field::-moz-placeholder {
  font-family: 'sherborne-variable' !important;
}
.eltdf-fullscreen-search-holder .eltdf-search-field:-ms-input-placeholder {
  font-family: 'sherborne-variable' !important;
}
.wpcf7-form-control.wpcf7-text::-webkit-input-placeholder,
.wpcf7-form-control.wpcf7-number::-webkit-input-placeholder,
.wpcf7-form-control.wpcf7-date::-webkit-input-placeholder,
.wpcf7-form-control.wpcf7-textarea::-webkit-input-placeholder,
.wpcf7-form-control.wpcf7-select::-webkit-input-placeholder,
.wpcf7-form-control.wpcf7-quiz::-webkit-input-placeholder,
#respond textarea::-webkit-input-placeholder,
.eltdf-style-form textarea::-webkit-input-placeholder,
#respond input[type=text]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
.post-password-form input[type=password]::-webkit-input-placeholder {
  font-family: 'sherborne-variable' !important;
}
.wpcf7-form-control.wpcf7-text:-moz-placeholder,
.wpcf7-form-control.wpcf7-number:-moz-placeholder,
.wpcf7-form-control.wpcf7-date:-moz-placeholder,
.wpcf7-form-control.wpcf7-textarea:-moz-placeholder,
.wpcf7-form-control.wpcf7-select:-moz-placeholder,
.wpcf7-form-control.wpcf7-quiz:-moz-placeholder,
#respond textarea:-moz-placeholder,
.eltdf-style-form textarea:-moz-placeholder,
#respond input[type=text]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder {
  font-family: 'sherborne-variable' !important;
}
.wpcf7-form-control.wpcf7-text::-moz-placeholder,
.wpcf7-form-control.wpcf7-number::-moz-placeholder,
.wpcf7-form-control.wpcf7-date::-moz-placeholder,
.wpcf7-form-control.wpcf7-textarea::-moz-placeholder,
.wpcf7-form-control.wpcf7-select::-moz-placeholder,
.wpcf7-form-control.wpcf7-quiz::-moz-placeholder,
#respond textarea::-moz-placeholder,
.eltdf-style-form textarea::-moz-placeholder,
#respond input[type=text]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
.post-password-form input[type=password]::-moz-placeholder {
  font-family: 'sherborne-variable' !important;
}
.wpcf7-form-control.wpcf7-text:-ms-input-placeholder,
.wpcf7-form-control.wpcf7-number:-ms-input-placeholder,
.wpcf7-form-control.wpcf7-date:-ms-input-placeholder,
.wpcf7-form-control.wpcf7-textarea:-ms-input-placeholder,
.wpcf7-form-control.wpcf7-select:-ms-input-placeholder,
.wpcf7-form-control.wpcf7-quiz:-ms-input-placeholder,
#respond textarea:-ms-input-placeholder,
.eltdf-style-form textarea:-ms-input-placeholder,
#respond input[type=text]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
  font-family: 'sherborne-variable' !important;
}
.eltdf-newsletter-form-single span.wpcf7-not-valid-tip,
.eltdf-newsletter-form-single + div.wpcf7-validation-errors,
.eltdf-newsletter-form-single + div.wpcf7-acceptance-missing,
.eltdf-newsletter-form-double span.wpcf7-not-valid-tip,
.eltdf-newsletter-form-double + div.wpcf7-validation-errors,
.eltdf-newsletter-form-double + div.wpcf7-acceptance-missing,
.eltdf-newsletter-form-double-vertical span.wpcf7-not-valid-tip,
.eltdf-newsletter-form-double-vertical + div.wpcf7-validation-errors,
.eltdf-newsletter-form-double-vertical + div.wpcf7-acceptance-missing,
.eltdf-contact-form-main span.wpcf7-not-valid-tip,
.eltdf-contact-form-main + div.wpcf7-validation-errors,
.eltdf-contact-form-main + div.wpcf7-acceptance-missing,
.widget.widget_tag_cloud .tagcloud a,
.widget.widget_product_tag_cloud .tagcloud a,
.eltdf-top-bar .widget.widget_tag_cloud .tagcloud a,
.eltdf-top-bar .widget.widget_product_tag_cloud .tagcloud a,
.eltdf-page-footer .widget.widget_tag_cloud .tagcloud a,
.eltdf-page-footer .widget.widget_product_tag_cloud .tagcloud a,
.eltdf-side-menu .widget.widget_tag_cloud .tagcloud a,
.eltdf-side-menu .widget.widget_product_tag_cloud .tagcloud a,
body .select2-container--default .select2-selection--single .select2-selection__rendered,
body .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.eltdf-pl-standard-pagination ul li a,
.eltdf-pl-standard-pagination ul li > span,
.eltdf-price-table .eltdf-pt-inner ul li.eltdf-pt-mark,
.eltdf-workflow .eltdf-workflow-item .eltdf-workflow-item-inner .eltdf-workflow-text span.text,
.eltdf-blog-pagination ul li a,
.eltdf-blog-pagination ul li > span,
.eltdf-bl-standard-pagination ul li a,
.eltdf-bl-standard-pagination ul li > span,
blockquote.wp-block-pullquote,
.wp-block-pullquote p {
  font-family: 'sherborne-variable' !important;
}

.eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li a, .eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li h6, .eltdf-drop-down .second .inner ul li a {
  font-size: 0.8em;
  text-transform: uppercase;
}


/* GRADIENT */
.eltdf-dark-header .eltdf-wrapper-inner:has(.eltdf-fixed-wrapper)::before,
.eltdf-light-header .eltdf-wrapper-inner:has(.eltdf-fixed-wrapper)::before,
.eltdf-row-grid-section-wrapper:has(> div > .blackrow) + .eltdf-row-grid-section-wrapper::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 142px;
  background-image: linear-gradient(var(--gradient-color, var(--accent-color)), #fff0);
  --gradient-color: color-mix(in oklab, var(--accent-color) 50%, transparent);
  mix-blend-mode: multiply;
  z-index: 101;
}
.eltdf-light-header .eltdf-wrapper-inner:has(.eltdf-fixed-wrapper) {
  --gradient-color: #000;
}
/*.eltdf-dark-header .eltdf-wrapper-inner:has(.eltdf-fixed-wrapper) {
  --gradient-color: color-mix(in oklab, var(--accent-color) 50%, transparent);
}*/

/* MENU */
.eltdf-main-menu>ul>li>a>span.item_outer .item_text {
  background: var(--accent-color);
  color: var(--white);
  padding: 0 10px;
  transition: .2s cubic-bezier(.18,.89,.32,1.28) box-shadow;
  box-shadow: var(--accent-color) 0 0 0 0, var(--accent-color) 0 0 0 0;
}
.eltdf-main-menu > ul > li > a:hover > span.item_outer .item_text {
  box-shadow: var(--accent-color) -.5rem 0 0 .25rem, var(--accent-color) .5rem 0 0 .25rem;
}

/* LANGUAGE SWITCHER */
[id^=menu-language-switcher] {
  display: flex;
  align-items: center;
  padding: 0 30px;
  gap: 10px;
}
[id^=menu-language-switcher] li {
  margin: 0 !important;
}
[id^=menu-language-switcher] li a {
  display: inline-grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 0;
  grid-template-areas: "item";
}
[id^=menu-language-switcher] .wpml-ls-native, [id^=menu-language-switcher] .wpml-ls-native::after {
  grid-area: item;
}
[id^=menu-language-switcher] .wpml-ls-native {
  display: contents;
  grid-area: item;
  line-height: 0;
  font-size: 0;
  color: transparent;
}
[id^=menu-language-switcher] .wpml-ls-native::after {
  content: attr(lang);
  color: var(--white);
  text-transform: uppercase;
  display: block;
  line-height: 1em;
  font-size: .7rem;
}
[id^=menu-language-switcher] .wpml-ls-current-language .wpml-ls-native::after {
  color: var(--accent-inversed);
  font-weight: 700;
}

.eltdf-dark-header .eltdf-top-bar {
  mix-blend-mode: difference;
}
.eltdf-dark-header .eltdf-top-bar * {
  color: var(--accent-color);
}
.eltdf-light-header .eltdf-top-bar * {
  color: #fff;
}

.eltdf-has-bg-image {
  background-size: cover;
}

body .eltdf-page-header .eltdf-menu-area .eltdf-logo-wrapper > a {
  max-height: 69px;
  padding: 5% 0 12%;
  box-sizing: border-box;
}

.eltdf-logo-wrapper a img.eltdf-dark-logo {
  filter: drop-shadow(var(--header-bg-drop) 1px 1px 0px)
    drop-shadow(var(--header-bg-drop) -1px -1px 0px)
    drop-shadow(var(--header-bg-drop) -1px 1px 0px)
    drop-shadow(var(--header-bg-drop) 1px -1px 0px)
        drop-shadow(var(--header-bg-drop) 1px 1px .5px)
    drop-shadow(var(--header-bg-drop) -1px -1px .5px)
    drop-shadow(var(--header-bg-drop) -1px 1px .5px)
    drop-shadow(var(--header-bg-drop) 1px -1px .5px);
}
.eltdf-logo-wrapper a img.eltdf-light-logo {
  filter: invert(100);
}

sr7-nav-img-live, sr7-nav-img-tmp {
  display: none !important;
}
.sr7-arrows {
  filter: url('data:image/svg+xml;utf8,<svg height="0" style="position:absolute; visibility:hidden" version="1.1" width="0" xmlns="http://www.w3.org/2000/svg">  <defs>    <filter id="rounding-filter">      <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="3.3"></feGaussianBlur>      <feColorMatrix in="blur" mode="matrix" result="goo" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 25 -9"></feColorMatrix>      <feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>    </filter>  </defs></svg>#rounding-filter'); 
  mix-blend-mode: difference;
}
.sr7-arrows svg {
  stroke: var(--accent-inversed) !important; 
  stroke-width: 4px;
  stroke-linecap: round;
}

.eltdf-title-holder {
  background-color: var(--background, var(--accent-color));
  color: var(--color);
}
.eltdf-content-is-behind-header .eltdf-title-holder:not(.eltdf-has-bg-image) {
  height: auto !important;
  padding: 152px 0 3.2em;
}
.eltdf-title-holder.eltdf-centered-type .eltdf-page-title::after, .eltdf-title-holder.eltdf-centered-type .eltdf-page-title::before {
  color: transparent;
}
body .eltdf-title-holder .eltdf-title-wrapper .eltdf-page-subtitle {
  margin: 0;
}
body .eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner,
body .eltdf-content .eltdf-content-inner > .eltdf-full-width > .eltdf-full-width-inner {
  padding: 0;
}

.eltdf-page-header .eltdf-menu-area {
  /*NEEDFIX BREAKS THE GRADIENT*/
  background-color: transparent;
  /*background-color: var(--background);*/
}
body .eltdf-title-holder .eltdf-title-wrapper .eltdf-page-title {
  color: var(--color);
}

html:has(.eltdf-light-header) {
  --background: var(--accent-color);
  --color: var(--white);
}
html:has(.eltdf-light-header) .eltdf-content {
  background-color: var(--background);
}
html:has(.eltdf-light-header) .eltdf-content * {
  color: var(--color);
}


/* text decorators */
.blackrow {
  --background: var(--accent-color);
  --color: var(--white);
  background: var(--background);
  color: var(--color);
}
.whiterow {
  --background: #fff;
  --color: #255c73;
  background: var(--background);
  color: var(--color);
}
:is(.blackrow, .whiterow) * {
  color: var(--color);
}
:is(.blackrow, .whiterow):not(.nospa) :is(p, h2, h3, h4, h5, li):has(span) {
  filter: drop-shadow(15px 0 0 var(--color));
}
:is(.blackrow, .whiterow):not(.nospa) :is(p, h2, h3, h4, h5, li) span {
  background: var(--color);
  color: var(--background);
  line-height: 1.2;
  padding-bottom: 1.1rem;
}
:is(.blackrow, .whiterow):not(.nospa) :is(p, h2, h3, h4, h5, li) span::selection {
  background: var(--background);
  color: var(--color)
}
.eltdf-row-grid-section-wrapper:has(> div > .blackrow) {
  background: var(--accent-color);
}
.eltdf-row-grid-section-wrapper:has(> div > .blackrow) + .eltdf-row-grid-section-wrapper {
  position: relative;
}
.eltdf-row-grid-section-wrapper:has(> div > .blackrow) + .eltdf-row-grid-section-wrapper::before {
  /* uplifted to HEADER */
}
/* moar typo */
.eltdf-section-title-holder.thintext .eltdf-st-title {
  font-weight: 200;
}

/* our-teams section */
.our-teams {
  padding: 2em 0;
}
.our-teams .wpb_column .eltdf-image-with-text-holder {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: 1fr min-content;
}
.our-teams .wpb_column .eltdf-image-with-text-holder .eltdf-iwt-image {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}
.eltdf-image-with-text-holder .eltdf-iwt-image a, .eltdf-image-with-text-holder .eltdf-iwt-image img {
  max-height: 60vh;
  width: auto;
}
.our-teams .wpb_column .eltdf-image-with-text-holder .eltdf-iwt-text-holder {
  grid-column: 1;
  grid-row: 2;
  z-index: 99;
  pointer-events: none;
}
.our-teams .wpb_column .eltdf-image-with-text-holder .eltdf-iwt-text-holder h4 {
  color: var(--accent-color) !important;
  background: white;
  margin: 0;
  padding: .2em .5em;
  text-transform: capitalize;
  font-family: 'sherborne-variable' !important;
  font-style: italic;
  font-weight: 420;
  letter-spacing: 0;
  z-index: 3000;
}
.our-teams .wpb_column .eltdf-image-with-text-holder .eltdf-iwt-text-holder h4 em {
  color: black;
  text-transform: uppercase;
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;

}

@media screen and (min-width: 768px) {
  .our-teams .wpb_column {
    transition: transform .2s ease-in;
/*     transition-delay: .2s; */
  }
  .our-teams .wpb_column:nth-child(odd) {
    translate: 0 -15px;
  }
  .our-teams .wpb_column:nth-child(even) {
    translate: 0 15px;
  }
  .our-teams .wpb_column:hover {
    transform: translateY(-10px);
    transition-delay: .15s;
    transition-delay: 0;
    transition-timing-function: ease-out;
  }
  .our-teams .wpb_column .eltdf-image-with-text-holder .eltdf-iwt-text-holder h4 {
    box-shadow: #fff 0 0 0 0;
    transition: all .15s;
  }
  .our-teams .wpb_column:hover .eltdf-image-with-text-holder .eltdf-iwt-text-holder h4 {
    box-shadow: #fff 5px -1px 0 10px;
  }
}

/* pages-by-category listing */
.wpb_text_column .pages-by-category-listing {
  margin-bottom: 5rem;
}
.wpb_text_column .pages-by-category-listing article {
  padding-bottom: 1.5rem;
  border-bottom: solid 1px;
  margin: 5.5rem 0;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff,
               1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff,
               0px 1px 1px #fff, 0px -1px 1px #fff, 1px 0px 1px #fff, -1px 0px 1px #fff,
               0px 1px 2px #fff, 0px -1px 2px #fff, 1px 0px 2px #fff, -1px 0px 2px #fff;
}
.wpb_text_column .pages-by-category-listing article p {
  color: #000;
  text-indent: 1.5rem hanging;
  margin: 0;
  background: var(--box-color);
  box-shadow: var(--box-color) 0 0 10px 5px;
  backdrop-filter: blur(2px);
  --box-color: #fffa;
}
.wpb_text_column .pages-by-category-listing article h3 {
  font-weight: 300;
  text-transform: none;
}
.wpb_text_column .pages-by-category-listing article h3 strong {
  font-weight: 600;
}


/* layout with YOAST Breadcrumbs */
@media screen and (min-width: 1025px) {
  .eltdf-page-content-holder:has(> .yoast-breadcrumbs:first-child),
  .eltdf-page-content-holder:has(.vc_gutenberg > .wpb_wrapper:first-child > .yoast-breadcrumbs:first-child) {
    padding: 9.6rem 0 2rem;
  }
}
.vc_gutenberg > .wpb_wrapper:first-child > .yoast-breadcrumbs:first-child {
  margin-bottom: 2rem;
}


/* multicolumn layout */
.multicolumn {
  flex: 1 0 min-content;
}
.multicolumn > .wp-block-group__inner-container,
.multicolumn > .vc_column_container {
  columns: 22rem auto;
  hyphens: auto;
  hyphenate-limit-chars: 7 3;
  line-break: loose;
  text-wrap: pretty;
  /*! text-wrap: balance; */
}
.multicolumn > .vc_column_container:has(.fullcol) {
  position: relative;
  column-gap: 35%;
}
.multicolumn > .vc_column_container .fullcol {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 32%;
  right: 32%;
  width: auto;
  align-content: center;
}
.multispan {
  column-span: all;
}
.multicolumn p:empty {
  display: none;
}
.multicolumn p:first-of-type,
.multicolumn p:first-of-type:empty + p {
  margin-top: 0;
}
@media screen and (width <= 940px) {
  .multicolumn {
    width: 100%;
  }
  .multicolumn > .wp-block-group__inner-container {
    column-width: 20rem;
  }
}
@media screen and (width <= 1024px) {
  .wp-block-group.is-layout-flex:has(.multicolumn) {
    flex-direction: column;
  }
}
.wp-block-group .wp-block-image {
  min-width: 20%;
}


/* FOOTER */
.eltdf-page-footer .widget a, body .eltdf-page-footer .widget a:hover {
  color: var(--white) !important;
}
.eltdf-page-footer .widget a:hover {
  text-decoration: underline;
}
@media screen and (width > 680px) {
  .eltdf-page-footer .eltdf-footer-top-inner > .eltdf-grid-row {
    display: flex;
    align-items: center;
  }
}
.eltdf-page-footer {
  font-family: "Barlow Condensed";
  font-weight: 100;
}

/* PUBLIKACJA */

#download-book form {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1.2rem;
}

#download-book form label {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 400px;
  max-width: 90%;
}
#download-book form label span {
  font-size: 90%;
}

#download-book form label:has(input[type=checkbox]) {
  flex-flow: row;
  align-items: unset;
}
#download-book form input:not([type=checkbox]) {
  cursor: text;
}
#download-book form input:not([type=checkbox]):hover,
#download-book form input:not([type=checkbox]):focus,
#download-book form select:hover {
  border-color: var(--accent-color);
  box-shadow: rgb(from var(--accent-color) r g b / .2) 0 1px 0 0;
}
#download-book form input:not([type=checkbox]):focus {
  box-shadow: rgb(from var(--accent-color) r g b / .6) 0 1px 0 0;
}
#download-book form input[type=checkbox] {
  order: -1;
}
#download-book form select {
  width: 100%;
  background: white;
  border: 0;
  color: #383838 !important;
  border-bottom: solid 1px #383838;
  font-family: 'sherborne-variable';
  font-size: 16px;
}
#download-book form input[type=submit] {
  padding: 1.2rem 2.2rem;
  font-size: 105%;
    text-transform: uppercase;
  font-family: "Barlow Condensed";
  font-weight: 300;
  background: #fff;
  color: #000;
  border: solid 1px var(--accent-color);
  cursor: pointer;
}
@media screen and (min-width: 1025px) {
  #download-book .eltdf-eh-item-content {
    display: grid;
    grid-template-areas: "header form" "content form";
    grid-template-columns: 1fr 1fr;
  }
  #download-book .eltdf-eh-item-content .eltdf-section-title-holder {
    grid-area: header;
    text-align: left;
  }
  #download-book .eltdf-eh-item-content .eltdf-st-title,
  #download-book .eltdf-eh-item-content .eltdf-st-caption {
    text-align: left;
  }
  #download-book .eltdf-eh-item-content .vc_empty_space {
    display: none;
  }
  #download-book .eltdf-eh-item-content .wpb_content_element:not(:has(form)) {
    grid-area: content;
    text-align: left;
  }
  #download-book .eltdf-eh-item-content .wpb_content_element:has(form) {
    grid-area: form;
  }
}

/* PUSTKA */
html:has(.page-template-full-width-pustka),
body.page-template-full-width-pustka,
.page-template-full-width-pustka .eltdf-wrapper .eltdf-wrapper-inner,
body.page-template-full-width-pustka .eltdf-content,
body.single-pustka,
body.single-pustka .eltdf-content {
  background-color: #000 !important;
}
p:has(> iframe) {
  margin: 0;
  padding: 0;
  line-height: 0;
}
:is(.page-template-full-width-pustka, body.single-pustka) .eltdf-mobile-header {
  position: absolute;
  width: 100%;
}
:is(.page-template-full-width-pustka, body.single-pustka) .eltdf-mobile-header .eltdf-mobile-header-inner {
  background: transparent;
  border: 0;
  filter: invert(100);
}
:is(.page-template-full-width-pustka, body.single-pustka) .eltdf-mobile-header .eltdf-fullscreen-menu-opener:hover {
  filter: invert(100);
}
@media only screen and (max-width: 480px) {
  :is(.page-template-full-width-pustka, .single-pustka)  :is(.eltdf-container-inner, .eltdf-grid, .eltdf-row-grid-section) {
    width: 100%;
  }
}

@media only screen and (max-width: 680px) {
  :is(.page-template-full-width-pustka, .single-pustka)  :is(.eltdf-container-inner, .eltdf-grid, .eltdf-row-grid-section) {
    width: 520px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 840px) {
  :is(.page-template-full-width-pustka, .single-pustka) .eltdf-fullscreen-menu-opener {
    padding-right: 2em;
  }
}


.pustka-header {
 text-align: center;
 text-transform: uppercase;
 font-weight: 900;
  font-family: "Lato", sans-serif !important;
  font-size: 3.675lvh;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
@media screen and (max-width: 420px) {
 .pustka-header {
  transform: scale(.8, .9);
 }
}
#login-pustka *,
.single-pustka * {
  color: #fff;
  text-align: center;
}
#login-pustka h3 {
  line-height: 1;
  text-transform: none;
  text-align: center;
}
#login-pustka form {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1.2rem;
  width: 40lvh;
  margin: 0 auto;
}

#login-pustka form label {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 400px;
  max-width: 90%;
}
#login-pustka form label span {
  font-size: 90%;
}

#login-pustka form label:has(input[type=checkbox]) {
  flex-flow: row;
  align-items: unset;
}
#login-pustka form input:not([type=checkbox]) {
  cursor: text;
}
#login-pustka form input:not([type=checkbox]):hover,
#login-pustka form input:not([type=checkbox]):focus,
#login-pustka form select:hover {
  border-color: var(--accent-color);
  box-shadow: rgb(from var(--accent-color) r g b / .2) 0 1px 0 0;
}
#login-pustka form input:not([type=checkbox]):focus {
  box-shadow: rgb(from var(--accent-color) r g b / .6) 0 1px 0 0;
}
#login-pustka form input[type=checkbox] {
  order: -1;
}
#login-pustka form select {
  width: 100%;
  background: #000;
  border: 0;
  color: #fff !important;
  border-bottom: solid 1px #fff;
  font-family: 'sherborne-variable';
  font-size: 16px;
}
#login-pustka form input[type=submit],
.single-pustka .comment-form input[type=submit] {
  padding: 1.2rem 2.2rem;
  font-size: 105%;
  text-transform: uppercase;
  font-family: "Barlow Condensed";
  font-weight: 300;
  background: #000;
  color: #fff;
  border: solid 1px #fff;
  cursor: pointer;
}
#login-pustka form :link {
  text-decoration: underline;
}

.single-pustka .eltdf-mobile-menu-opener {
  display: none;
}
.single-pustka .return-to-pustka-button {
  position: fixed;
  top: 25px;
  top: calc(25px + var(--wp-admin--admin-bar--height, 0px));
  right: 25px;
  width: 2.0rem;
  aspect-ratio: 1;
  overflow: hidden;
  z-index: 10000;
  position: fixed;
}
.single-pustka .return-to-pustka-button span {
  color: transparent;
}
.single-pustka .return-to-pustka-button::before,
.single-pustka .return-to-pustka-button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(100% * sqrt(2) * -.10);
  width: calc(100% * sqrt(2) * .8);
  height: 3px;
  background: #fff;
}
.single-pustka .return-to-pustka-button::before {
  transform: rotate(45deg);
}
.single-pustka .return-to-pustka-button::after {
  transform: rotate(-45deg);
}
.single-pustka .eltdf-page-header, .single-pustka .eltdf-top-bar {
  display: none;
}
.single-pustka .logged-in-as :link {
  text-decoration: underline;
  overflow-wrap: break-word;
  text-wrap-mode: nowrap;
}
.single-pustka .comment-respond {
  width: 40lvh;
  margin: 0 auto;
}
.single-pustka #reply-title, .single-pustka .required-field-message, .single-pustka .comment-form-comment label {
  display: none;
}
.single-pustka textarea {
  color: #fff !important;
  font-size: 2.45lvh !important;
  font-family: "Lato", sans-serif !important;
  resize: vertical;
  border: solid 1px;
 /* text-wrap-style: balance; /* might not work as well */
  /*text-align: justify;*/
}
.single-pustka .eltdf-container-inner:has(p[role=alert]) {
  width: 40lvh;
  margin: 0 auto;
}
.single-pustka .eltdf-container-inner:has(p[role=alert]) :link {
  text-decoration: underline;
}


/* PUSTKA FLOATING BUTTON */
.add-to-pustka-floating {
/*   width: 45px; */
  height: 45px;
  box-sizing: border-box;
  position: fixed;
  bottom: 25px;
  right: 25px;
  padding-right: var(--button-padding, 0);
  z-index: 10000;
  background: #373737;
  border: solid 1px #fff;
  display: flex;
  align-items: center;
  color: #fff;
  transition: all .15s ease-in;
  animation: pustka-greeting 5s ease-out 2s 1;
}

.add-to-pustka-floating::before {
  content: '';
  height: 100%;
  aspect-ratio: 1;
  padding-right: var(--before-padding, 0);
  background-image: url('assets/img/addicon.png');
  background-size: contain;
  background-repeat: no-repeat;
  transition: inherit;
}
.add-to-pustka-floating span {
  display: block;
  max-width: var(--max-width, 0);
  white-space: nowrap;
  overflow: hidden;
  transition: inherit;
}

@property --button-padding {
  syntax: "<length>";
  inherits: true;
  initial-value: 0;
}
@property --before-padding {
  syntax: "<length>";
  inherits: true;
  initial-value: 0;
}
@property --max-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0;
}
@keyframes pustka-greeting {
  0% {
    --button-padding: 0;
    --before-padding: 0;
    --max-width: 0;
  }
  20% {
    --button-padding: 20px;
    --before-padding: 5px;
    --max-width: 200px;
  }
  90% {
    /* just wait here */
  }
  100% {
    --button-padding: 0;
    --before-padding: 0;
    --max-width: 0;
  }
}

.add-to-pustka-floating:hover {
  padding-right: 20px;
  color: #fff;
}
.add-to-pustka-floating:hover::before {
  padding-right: 5px;
}
.add-to-pustka-floating:hover span {
  max-width: 200px;
}

body:has(#eltdf-back-to-top.on) .add-to-pustka-floating {
  right: 85px;
}

.page-template-full-width-pustka .add-to-pustka-floating {
  background: #000;
}
.eltdf-fullscreen-menu-opened .add-to-pustka-floating {
  opacity: 0;
  filter: invert(100) blur(2px);
}