/*
Theme Name: Moratop
Theme URI: https://www.moratop.cz
Description: Child theme of Divi theme for the Divi theme
Author: Pavel Gracias
Author URI: https://www.pavelgracias.cz
Template: Divi
Version: 5.0.0.5.2
*/

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

/*****************/
/**** GRACIAS ****/
/*****************/

/*** GLOBAL ***/
html {
  --color-primary: #e31e24;
  --color-secondary: #e31e24;
  --color-heading: #505050;
  --color-text: #2d2d2d;

  --color-white: #ffffff;
  --color-white-60: #ffffff60;
}


.pocet-osob {
  align-items: center;
  justify-content: center;
  height: auto;
  aspect-ratio: 1/1;
}

.pocet-osob .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 0.1rem;
}

.pocet-osob .et_pb_blurb_content .et_pb_image_wrap {
  width: min-content;
}

.pocet-osob .et_pb_blurb_content .et_pb_blurb_container {
  padding: 0;
}

.pocet-osob .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  padding: 0;
}

/*** MENU ***/
#top-menu>li.menu-item>a,
.et_header_style_left #et-top-navigation nav#top-menu-nav>ul#top-menu>li>a {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 0;
}

#top-menu>li.menu-item>a::after {
  content: "";
  display: block;
  margin: 5px auto 0 auto;
  height: 3px;
  width: 0;
  top: 5px;
  background: transparent;
  transition: all 0.3s;
}

#top-menu>li.menu-item>a:hover:after {
  width: 100%;
  background: var(--color-primary);
}

/*** FOOTER ***/
/*** FORMS ***/
/** Form white **/
footer .form-white .form-kontakt,
.et-db #et-boc footer.et-l .form-white.et_pb_module div.wpforms-container-full.form-kontakt {
  margin-top: 0;
}

footer .form-white .form-kontakt .wpforms-form input[type=text],
.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 {
  background: transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 2px solid var(--color-white-60);
  color: var(--color-white) !important;
  font-weight: 500;
}

footer .form-white .form-kontakt .wpforms-form input[type=text]::placeholder,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form input::placeholder,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form textarea::placeholder {
  color: var(--color-white) !important;
  font-weight: 400;
  opacity: 0.8;
}

footer .form-white .form-kontakt .wpforms-form input[type=text]:focus,
.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 {
  border-bottom: 2px solid var(--color-text);
  background: #ffffff20;
}

.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input:not(:placeholder-shown) {
  border-bottom-color: var(--color-white);
}

footer .form-white .form-kontakt .wpforms-form button.wpforms-submit,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form button.wpforms-submit {
  background-color: var(--color-white);
  font-weight: 700;
  text-transform: none;
  color: var(--color-primary) !important;
  font-size: 1rem !important;
  letter-spacing: 0.1rem !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-color: var(--color-white);
  transition-property: background-color, border-color;
  transition-duration: 300ms;
  transition-timing-function: ease;
  transition-delay: 0ms;
  padding-top: 0.75rem !important;
  padding-right: 2rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 2rem !important;
}

footer .form-white .form-kontakt .wpforms-form button.wpforms-submit:hover,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form button.wpforms-submit:hover {
  background-color: var(--color-text);
  color: var(--color-white) !important;
  border-color: var(--color-text);
}

/** GDPR **/
footer .form-white .form-kontakt .wpforms-form .field-gdpr label,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label a {
  color: var(--color-white);
  font-size: 0.9rem;
  text-decoration: none;
}

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

/** GDPR **/
footer .form-white .form-kontakt .wpforms-form .field-gdpr label,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label,
.et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label a {
  color: var(--color-white);
  font-size: 0.9rem;
  text-decoration: none;
}

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

/** Form dark **/
footer .form-dark .form-kontakt,
.et-db #et-boc footer.et-l .form-dark.et_pb_module div.wpforms-container-full.form-kontakt {
  margin-top: 0;
}

footer .form-dark .form-kontakt .wpforms-form input[type=text],
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form input,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form textarea {
  background: transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  border-bottom: 2px solid var(--color-heading);
  color: var(--color-text) !important;
  font-weight: 500;
}

footer .form-dark .form-kontakt .wpforms-form input[type=text]::placeholder,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form input::placeholder,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form textarea::placeholder {
  color: var(--color-text) !important;
  font-weight: 400;
  opacity: 0.8;
}

footer .form-dark .form-kontakt .wpforms-form input[type=text]:focus,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form input:focus,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form textarea:focus {
  border-bottom: 2px solid var(--color-primary);
  background: #ffffff20;
}

.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field input:not(:placeholder-shown) {
  border-bottom-color: var(--color-text);
}

footer .form-dark .form-kontakt .wpforms-form button.wpforms-submit,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form button.wpforms-submit {
  background-color: var(--color-primary);
  font-weight: 700;
  text-transform: none;
  color: var(--color-white) !important;
  font-size: 1rem !important;
  letter-spacing: 0.1rem !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-color: var(--color-primary);
  transition-property: background-color, border-color;
  transition-duration: 300ms;
  transition-timing-function: ease;
  transition-delay: 0ms;
  padding-top: 0.75rem !important;
  padding-right: 2rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 2rem !important;
}

footer .form-dark .form-kontakt .wpforms-form button.wpforms-submit:hover,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form button.wpforms-submit:hover {
  background-color: var(--color-text);
  color: var(--color-white) !important;
  border-color: var(--color-text);
}

/** GDPR **/
footer .form-dark .form-kontakt .wpforms-form .field-gdpr label,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label,
.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label a {
  color: var(--color-text);
  font-size: 0.9rem;
  text-decoration: none;
}

.et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form .field-gdpr label a:hover {
  text-decoration: underline;
}

@media all and (max-width: 768px) {
  footer .form-white .form-kontakt .wpforms-form button.wpforms-submit,
  .et-db #et-boc .et-l .form-white.et_pb_module div.wpforms-container-full .wpforms-form button.wpforms-submit,
  footer .form-dark .form-kontakt .wpforms-form button.wpforms-submit,
  .et-db #et-boc .et-l .form-dark.et_pb_module div.wpforms-container-full .wpforms-form button.wpforms-submit {
    padding-top: 0.5rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
  }
}