/*
Theme Name: 3Dplechovka
Theme URI: https://www.3dplechovka.cz
Description: Child theme for 3Dplechovka.cz
Author: Pavel Gracias
Author URI: https://www.pavelgracias.cz
Template: Divi
Version: 5.0.0.3.1
*/

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

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

/*** HEADER ***/
#top-header .container {
  text-align: center;
  width: 95%;
}

#top-header .container #et-info {
  float: none;
}

#top-header .container #et-info-phone:hover {
  opacity: 0.7;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#top-header .container ul.et-social-icons {
  float: right;
}

/*** BG VIDEO AUTOPLAY ***/
.column-video .et-pb-background-video,
.column-video .et-pb-background-video .mejs-container,
.column-video .et-pb-background-video .mejs-container mediaelementwrapper {
  height: inherit !important;
  min-height: 100% !important;
}

.column-video .et-pb-background-video .mejs-container video {
  height: inherit !important;
  object-fit: contain;
  object-position: center center;
  background: white !important;
}

/** Gallery fix **/
.grid-gallery .et_pb_gallery_items::before,
.grid-gallery .et_pb_gallery_items::after {
  display: none !important;
}


/*** GLOBAL ****/
:root {
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-eclipse: #3A3A3A;
  --color-whitesmoke: #F5F5F5;
  --color-taxbreak: #43656D;
  --color-gray: #8FB6A4;
  --color-lightgrey: #D6D6D6;
  --color-dimgray: #707070;
  --color-snow: #FAFAFA;
}

@media (max-width: 980px) {
  .page-template-default.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,
  .page-template-default.et_fixed_nav.et_show_nav #page-container,
  .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,
  .et_fixed_nav.et_show_nav #page-container {
    margin-top: 0;
    padding-top: 110px;
  }
}

@media (max-width: 767px) {
  body.page-template-default.et_fixed_nav.et_secondary_nav_two_panels #main-header,
  body.et_fixed_nav.et_secondary_nav_two_panels #main-header {
    top: 31px;
  }
}

/*** HOMEPAGE ***/
.hp-slider .et_pb_slides {
  height: inherit;
}

.hp-slider .et_pb_slides .et_pb_slide {
  align-items: center;
  justify-content: center;
  height: inherit;
}

.hp-slider .et_pb_slider .et_pb_slide:first-child {
  display: flex;
}

.vyhoda-produktu .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}

.vyhoda-produktu .et_pb_blurb_content {
  height: fit-content;
}

.vyhoda-produktu .et_pb_blurb_content .et_pb_module_header {
  padding: 0;
}

/*** FORMS ***/
/* .field-products .wpforms-image-choices-image img {
  display: block !important;
  width: 200px !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
}

.wpforms-form input,
.wpforms-form textarea {
  border: 1px solid var(--color-lightgrey) !important;
  border-radius: 5px !important;
  width: 100% !important;
  padding: 20px 25px !important;
  color: var(--color-eclipse) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.wpforms-form input:focus,
.wpforms-form textarea:focus {
  border: 1px solid var(--color-gray) !important;
  background-color: var(--color-whitesmoke) !important;
}

.wpforms-form input::-webkit-input-placeholder,
.wpforms-form textarea::-webkit-input-placeholder {
  color: var(--color-eclipse) !important;
  font-weight: 400 !important;
}

.wpforms-form input::-moz-placeholder,
.wpforms-form textarea::-moz-placeholder {
  color: var(--color-eclipse) !important;
  font-weight: 400 !important;
}

.wpforms-form input:-ms-input-placeholder,
.wpforms-form textarea:-ms-input-placeholder {
  color: var(--color-eclipse) !important;
  font-weight: 400 !important;
}

.wpforms-form input::-ms-input-placeholder,
.wpforms-form textarea::-ms-input-placeholder {
  color: var(--color-eclipse) !important;
  font-weight: 400 !important;
}

.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  color: var(--color-eclipse) !important;
  font-weight: 500 !important;
}

.wpforms-form .gdpr input,
.wpforms-form input[type=radio] {
  width: initial !important;
  margin-right: 10px !important;
} */