/*
Theme Name: PavlaSazamova
Theme URI: https://www.pavlasazamova.cz/
Description: Child theme of Divi theme for the Divi theme
Author: Pavla Sazamova
Author URI: https://www.pavelgracias.cz
Template: Divi
Version: 5.3.1
*/

/* The plugin now uses the recommended approach for loading the css files.*/

/**** CUSTOM ****/

/*** GLOBAL ***/

html {
  --color-primary: #273D59;
  --color-secondary: #BF7C63;
  --color-terciary: #593A2E;
  --color-dark-gray: #BF8091;
  --color-light-gray: #D9D9D9;

  --color-text: #34393f;
  --color-heading: #2c2a27;

  --color-white: #FFFFFF;
  --color-black: #000000;
}

/* gradient 2: linear-gradient(to right, rgba(224, 222, 223, 1) 0%, 50%, rgba(240, 241, 243, 1) 100%); */
/* gradient 3: linear-gradient(to right, rgba(224, 222, 223, 1) 0%, 21.482177078723907%, rgba(183, 123, 135, 1) 42.964354157447815%, 71.48217707872391%, rgba(240, 241, 243, 1) 100%); */
/* gradient 12: linear-gradient(to right, rgba(224, 222, 223, 1) 0%, 14.071294665336609%, rgba(143, 137, 137, 1) 28.142589330673218%, 33.20825546979904%, rgba(176, 142, 143, 1) 38.273921608924866%, 40.61913788318634%, rgba(183, 123, 135, 1) 42.964354157447815%, 44.46529150009155%, rgba(159, 102, 109, 1) 45.96622884273529%, 49.718575179576874%, rgba(121, 97, 93, 1) 53.47092151641846%, 59.28705632686615%, rgba(99, 80, 74, 1) 65.10319113731384%, 66.69793725013733%, rgba(101, 83, 79, 1) 68.29268336296082%, 70.63789963722229%, rgba(116, 101, 98, 1) 72.98311591148376%, 76.07879936695099%, rgba(170, 128, 114, 1) 79.17448282241821%, 80.48780560493469%, rgba(203, 163, 155, 1) 81.80112838745117%, 90.90056419372559%, rgba(240, 241, 243, 1) 100%); */

::-moz-selection {
  background: #273d5980;
  color: #FFFFFF;
}

::selection {
  background: #273d5980;
  color: #FFFFFF;
}

a {
  transition: all 300ms ease 0ms;
  font-weight: 600;
}

a:hover {
  transition: all 300ms ease 0ms;
}

.et_pb_text a:hover {
  color: #000000;
  text-decoration: underline;
}

.grecaptcha-badge {
  display: none;
  visibility: hidden;
  opacity: 0;
  z-index: -999;
  width: 0;
  height: 0;
  overflow: hidden;
}

/*** HEADER ***/
@media only screen and (min-width: 981px) {
  header#main-header .container {
    width: 95%;
    max-width: 1440px;
  }

  header#main-header #logo {
    max-height: 50%;
    max-width: 100%;
  }

  header#main-header .container #et_search_icon:before {
    top: 25px;
  }

  .et_header_style_left header#main-header #et-top-navigation,
  .et_header_style_left header#main-header.et-fixed-header #et-top-navigation {
    padding: 0;
  }
}

@media only screen and (max-width: 980px) {
  .et_header_style_left header#main-header.et-fixed-header {
    background-color: var(--color-white);
  }

  header#main-header .container {
    width: 90%;
  }

  header#main-header #logo {
    max-height: 30%;
    max-width: 100%;
  }

  .et_header_style_left header#main-header .et_mobile_menu {
    background-color: var(--color-white);
  }

  header#main-header .container #et_search_icon:before {
    top: 9px;
    margin-left: -10px;
  }

  header#main-header .et_search_outer {
    background: #ffffffe0;
  }
}

.et_header_style_left header#main-header #et-top-navigation nav>ul#top-menu>li {
  padding: 0;
}

.et_header_style_left header#main-header #et-top-navigation nav>ul#top-menu>li>a {
  margin: 20px 0;
  padding: 10px 10px;
}

.et_header_style_left header#main-header.et-fixed-header #et-top-navigation nav>ul#top-menu>li>a {
  margin: 10px 0;
}

.menu-home a {
  font-family: ETmodules;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
}

.et_header_style_left header#main-header #et-top-navigation ul>li.menu-cta-primary a {
  margin-left: 20px;
  margin-right: 0;
  color: #FFFFFF !important;
  border-width: 6px !important;
  border-color: #D9D9D9;
  border-radius: 0px;
  letter-spacing: 0.16em;
  font-size: 1rem;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: #BF7C63;
}

.et_header_style_left header#main-header #et-top-navigation ul>li.menu-cta-primary a:hover {
  opacity: 1;
  color: #FFFFFF !important;
  border-color: #D9D9D9 !important;
  background-image: initial;
  background-color: #273D59;
}

.et_header_style_left header#main-header #et-top-navigation ul>li.menu-cta-secondary a {
  margin-left: 20px;
  margin-right: 20px;
  color: #FFFFFF !important;
  border-width: 6px !important;
  border-color: #D9D9D9;
  border-radius: 0px;
  letter-spacing: 0.16em;
  font-size: 1rem;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: #273d59;
}

.et_header_style_left header#main-header #et-top-navigation ul>li.menu-cta-secondary a:hover {
  opacity: 1;
  color: #FFFFFF !important;
  border-color: #D9D9D9 !important;
  background-image: initial;
  background-color: #bf7c63;
}

.et_header_style_left header#main-header #et-top-navigation ul#mobile_menu {
  width: 100vw;
  left: unset;
  right: -5vw;
  /* display: block; */
  overflow: hidden;
}

.et_header_style_left header#main-header #et-top-navigation ul#mobile_menu>li.menu-cta-primary a,
.et_header_style_left header#main-header #et-top-navigation ul#mobile_menu>li.menu-cta-secondary a {
  width: 50%;
  margin: 0 auto 0.5rem auto;
  box-shadow: none;
  border: 0;
  text-align: center;
}

/** MOBILE MENU **/
.mobile_menu_bar:before {
  font-size: 35px;
  font-weight: 900;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
}

@media only screen and (max-width: 980px) {

  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header,
  .et_non_fixed_nav.et_transparent_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
  }

  #main-header {
    -webkit-box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 50px rgba(0, 0, 0, .2);
  }
}

@media all and (max-width: 767px) {
  .et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 16px;
  }

  .et_header_style_left header#main-header #et-top-navigation ul>li.menu-cta-primary a,
  .et_header_style_left header#main-header #et-top-navigation ul>li.menu-cta-secondary a {
    padding: 6px 10px;
    font-size: 0.8rem;
  }
}

/** MENU CTA buttons **/
.menu-cta-primary {
  display: block;
}

.menu-cta-secondary {
  display: block;
}

/*** SIDEBAR ***/
#side-menu nav.et-menu-nav ul.et-menu.nav {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

#side-menu nav.et-menu-nav ul.et-menu.nav>li {
  margin-top: 0;
  margin-bottom: 8px;
}

#side-menu nav.et-menu-nav ul.et-menu.nav>li::before {
  content: '';
  display: block;
  position: absolute;
  top: -1rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;

  border-top: 1px solid rgba(0, 0, 0, 0.17);
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid rgba(0, 0, 0, 0.17);
  transition: all 300ms ease 0ms;
}

#side-menu nav.et-menu-nav ul.et-menu.nav>li:hover:before,
#side-menu nav.et-menu-nav ul.et-menu.nav>li.current_page_item::before {
  border-top: 1px solid var(--color-secondary);
  border-left: 1px solid var(--color-secondary);
  transition: all 300ms ease 0ms;
}

#side-menu div.mobile_nav ul.et_mobile_menu {
  background: white !important;
}

/*** POPUP BANNER ***/
#et-boc .area-outer-wrap .da-close,
.popup_outer_wrap .da-close {
  width: 50px;
  height: 50px;
  font-size: 40px;
  line-height: 40px;
}

#popup_main div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
  padding: 0 0 0 0;
}

/*** FIXED BANNER ***/
#fixed-banner .odpocet-code {}

/*** COUNTDOWN TIMER #odpocet ***/
.odpocet-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 16px 8px;
  background: var(--color-primary);
  border-radius: 8px;
  font-family: inherit;
  line-height: 1;
}

.odpocet-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}

.odpocet-digits {
  display: flex;
  align-items: center;
  gap: 4px;
}

.odpocet-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.odpocet-num {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-secondary);
  letter-spacing: 0.02em;
  min-width: 2.2ch;
  text-align: center;
}

.odpocet-unit {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.odpocet-sep {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-secondary);
  margin-bottom: 14px;
  line-height: 1;
}

/*** COPY CODE BUTTON ***/
.copy-code-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-secondary);
  vertical-align: middle;
  margin-left: 6px;
  padding: 3px 6px;
  border-radius: 4px;
  transition: color 0.2s, background 0.2s;
  line-height: 1;
}

.copy-code-btn:hover {
  color: var(--color-primary);
  background: rgba(39, 61, 89, 0.08);
}

.copy-code-btn svg {
  flex-shrink: 0;
  transition: color 0.2s;
}

.copy-code-feedback {
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.25s, max-width 0.25s;
}

.copy-code-btn.copied .copy-code-feedback {
  opacity: 1;
  max-width: 120px;
}

.copy-code-btn.copied svg {
  color: #5ab472;
}

/*** SLUŽBY ***/
.sluzba-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center center;
}

.cenik-polozka h4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.cenik-polozka h4 span {
  font-size: 0.9em;
}

/*** REFERENCE ***/
.recenze-carousel {}

.recenze-row .et_pb_column .et_pb_testimonial {
  height: 100%;
}

/*** FORMULÁŘE ***/
.et-db #et-boc .et-l .form-white.et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .gdpr-notice p {
  font-size: 0.9rem;
  line-height: 1.2em;
}

.footer-newsletter-form {
  color: var(--color-white);
}

/** CENÍK  **/
.cenik_balicek-text ul li {
  width: fit-content;
  margin: 0 auto;
}

/*** BLOG ***/
/* .blog-primary .et_pb_ajax_pagination_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
} */

.blog-primary .et_pb_ajax_pagination_container article {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  height: 100%;
  margin-bottom: 0;
  background-color: var(--color-white);
  padding: 0 0 2rem 0;
}

.blog-primary .et_pb_ajax_pagination_container article .entry-title,
.blog-primary .et_pb_ajax_pagination_container article .post-meta,
.blog-primary .et_pb_ajax_pagination_container article .post-content {
  padding: 0 1rem;
}

.blog-primary .et_pb_ajax_pagination_container article .post-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem
}

.blog-primary .et_pb_ajax_pagination_container article .et_pb_image_container {
  margin: 0;
}

/* @media all and (max-width: 980px) {
  .blog-primary .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media all and (max-width: 768px) {
  .blog-primary .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(1, 1fr);
  }
} */

/*** BLOG - DETAIL ČLÁNKU ***/
.article-title {
  background-color: #ffffff80;
  background-blend-mode: overlay;
}

/*** FORMULÁŘE ***/
.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form input,
.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form textarea,
.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .choices__inner,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form input,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form textarea,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .choices__inner {
  background-color: #ffffffc7;
  border-bottom: 2px solid #ffffffc7;
}

.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form input:focus,
.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form textarea:focus,
.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .is-focused .choices__inner,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form input:focus,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form textarea:focus,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .is-focused .choices__inner {
  background-color: var(--color-white);
  border-bottom: 2px solid var(--color-secondary);
}

.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .gdpr-notice,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .gdpr-notice {
  font-size: 0.9rem;
}

.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .gdpr-notice a,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .gdpr-notice a {
  color: var(--color-white);
}

.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .gdpr-notice a:hover,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .gdpr-notice a:hover {
  text-decoration: underline;
}

.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form button[type=submit] {
  background-color: var(--color-secondary);
  color: var(--color-white);
  border-width: 0 !important;
  border-radius: 0px;
  padding: 14px 20px;
  letter-spacing: 0.16em;
  font-size: 1rem;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 300ms ease 0ms;
}

.et-db #et-boc .et-l .et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transition: all 300ms ease 0ms;
}

/** form-white **/
.et-db #et-boc .et-l .form-white.et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .gdpr-notice,
.et-db #et-boc .et-l .form-white.et_pb_module div.form-kontakt.wpforms-container-full .wpforms-form .gdpr-notice p {
  color: var(--color-white);
}

.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form button[type=submit] {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-width: 0 !important;
  border-radius: 0px;
  padding: 14px 20px;
  letter-spacing: 0.16em;
  font-size: 1rem;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: all 300ms ease 0ms;
}

.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
  transition: all 300ms ease 0ms;
}

.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error,
.et-db #et-boc .et-l .footer-newsletter-form.et_pb_module div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: var(--color-white);
}

/* ebook form white */
.form-white {
  color: var(--color-white);
}