/*
Theme Name: Sazimecesko
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Peter Balog
Author URI: https://wordpress.org
Template: twentytwentyfour
Description: Child theme Twenty Twenty-Four
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* Odstránenie MENU z Landingpages based on page ID */
.page-id-1708 header nav, .page-id-1712 header nav, .page-id-1882 header nav, .page-id-1890 header nav, .page-id-2013 header nav{
  display: none;
}
/* Odstránenie HEADERU z Landingpages based on page ID
.page-id-2013 header{
  display: none;
}
 */


html {
  scroll-behavior: smooth;
}
input, textarea, select{
	background: #fff;
  border: 2px solid white;
  box-sizing: border-box;
  color: #555;
  display: inline-block;
  font-family: inherit;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding: 13px 15px 13px 15px;
  width: 100%;
  margin: 5px 0 10px 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15) !important;
}
input[type="radio"],
input[type="checkbox"] {
    box-shadow: none !important;;
}
label{
  font-size: 15px;
  font-weight: 600;
}
*:focus{
  outline:none;
}
.font-one{
  font-family: "Inter", sans-serif !important;
  font-weight: bold;
}
.overflow_hidden{
  overflow: hidden; 
}
.display-none{
  display: none !important;
}
hr.divider-groove{
  order-top: 2px solid #ddd;
  border-bottom: 2px solid #fff;
  transform: scaleY(0.6);
  margin: 0;
}
.border-radius-9{
  border-radius: 9px;
}
.entry-content a{
  color: #e96226;
}
.entry-content figure{
	margin-bottom: 5px !important;
}
.link-color-helper a{
	color: #5c7669 !important;
}
.wp-block-categories-list .cat-item{
  display: none;
}
.wp-block-categories-list .cat-item-11, .wp-block-categories-list .cat-item-12{
  display: block;
}
.wp-block-search__text-button button{
  background-color: #e96226;
  border-top-width: 0px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 7px;
  border-color: #b4491a;
  border-style: solid;
  border-radius: 50px !important;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  padding-top: 15px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 15px;
  color: #ffffff;
  transition: all 0.3s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
}
.wp-block-search__text-button input{
  border-radius: 50px !important;
  padding-left:  20px !important; 
}
#pw-name-inbox-text p {
    font-size: 12px;
    line-height: 1.6;
    padding: 5px 15px;
    color: #5c7669;
    position: relative;
    top: -7px;
    font-weight: 600;
    background: #e3eed0;
    border-radius: 8px;
}
#shadow-helper, .shadow-helper{
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15) !important;
}
#spinner {
  display: none;
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.border-radius-8{
  border-radius: 8px;
}
.custom-width{
  max-width: 1000px !important;
}
.hide-desktop{
  display:none !important;
}
.gift-wrapper{
  background: #e3eed0;
  border-radius: 8px;
  padding: 15px;
}
.gift-wrapper .pw-gift-free{
  background: #e96226;
  color: #fff;
  padding: 2px 6px;
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 3px;
}
.gift-wrapper h3{
  font-family: "Inter", sans-serif;
  color: #5c7669;
  font-size: 17px;
  line-height: 26px: ;
  margin: 0 0 8px 0;
  font-weight: 600;
}
.gift-wrapper p{
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 23px: ;
  margin: 0 0 8px 0;
}
.gift-wrapper input[type="radio"] {
    /* Hide the default radio button */
    display: none;
}

.gift-wrapper input[type="radio"] + label {
    /* Create a custom radio button */
    font-weight: 400;
    position: relative;
    padding-left: 30px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
}

.gift-wrapper input[type="radio"] + label:before {
    /* Create the custom radio button appearance */
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #e96226;
    border-radius: 50%;
    background: #fff;
}

.gift-wrapper input[type="radio"]:checked + label:before {
    /* Change the custom radio button appearance when checked */
    background: #fff;
    border-color: #e96226;
}

.gift-wrapper input[type="radio"]:checked + label:after {
    /* Create the inner dot for the custom radio button when checked */
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #e96226;
}
.bg-align{
  background-position-x: 58%;
}
#modal-1-content .wp-block-navigation__container {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  gap: 5px;
}
#modal-1-content .wp-block-navigation__container * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#modal-1-content .wp-block-navigation__container li {
  display: inline-block;
  list-style: outside none none;
  overflow: hidden;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu {
  display: flex;
  overflow: visible;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu a{
  transform: translateY(0%) !important;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu:hover a{
  transform: translateY(0%) !important;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu a:after{
  display: none;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu ul{
  overflow: visible;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu ul li:hover{
  background: #5c7669;
  transition: all 0.15s ease;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu ul li a{
  padding: 15px 11px 15px 15px;
}
#modal-1-content .wp-block-navigation__container li.no-anim-menu ul li:hover a{
  color: white;
  transition: all 0.15s ease;
}
#modal-1-content .wp-block-navigation__container a {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  text-decoration: none;
  text-align: right;
  text-transform: uppercase;
  color: rgba(56, 56, 56, 1);
  background-color: rgba(255, 255, 255, 0);
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-decoration: none;
}
#modal-1-content .wp-block-navigation__container a:before,
#modal-1-content .wp-block-navigation__container a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#modal-1-content .wp-block-navigation__container a:after {
  padding: 0.3em 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: attr(title);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  text-decoration: none;
  text-align: right;
  text-transform: uppercase;
  color: rgba(56, 56, 56, 1);
  background-color: rgba(255, 255, 255, 0);
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-decoration: none;
}
#modal-1-content .wp-block-navigation__container li:hover a,
#modal-1-content .wp-block-navigation__container .current-menu-item a {
  transform: translateY(100%);
}
#inputField38, #inputField32{
  height: auto;
  font-size: 16px;
  cursor: pointer;
}
#inputField38:focus, #inputField32:focus{
  outline:none;
}
.order-type-option {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  padding: 10px 0 !important;
  width: 180px;
  text-align: center !important;
}
.result-boxes{
  display: flex;
  height:0;
}
.show-results .result-boxes{
  height: auto;
}
.result-boxes .box{
  width: 33%;
  display: flex;
  margin: 15px 5px;
  padding: 15px;
  background: white;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 5px 2px #e2e0e0;
  -moz-box-shadow: 0 0 5px 2px #e2e0e0;
  box-shadow: 0 0 5px 2px #e2e0e0;
  flex-direction: column;
  align-items: center;
}
.result-boxes .box span{
  font-family: "Inter", sans-serif;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 18px;
}
#loadingGif{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#response-title, #response-sub-title{
  text-align: center;
  margin: 0 0 10px 0;
}
#myForm {
  text-align: center;
  position: relative;
}
#myForm #inputField2{
  width: 110px;
}
#myForm #inputField0{
  width: 370px;
}
#myForm .email-part{
  position: relative;
}
#myForm .first-part, #myForm .second-part{
  display: flex;
  justify-content: center;
}
#myForm .first-part div, #myForm .second-part div{
  text-align: left;
  display: flex;
  flex-direction: column;
  padding: 5px;
}
#myForm .second-part p{
  font-size: 15px;
  color: rgb(68, 68, 68);
  line-height: 1.4;
  margin: 5px 0px;
  max-width: 370px;
}
#myForm .second-part p a{
  text-decoration: underline;
}
#myForm .button-wrapper{
  height: 60px;
  display: flex;
  justify-content: center;
}
#myForm label{
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 7px;
}
#myForm input{
  border-radius: 6px;
  font-size: 16px;
  padding: 10px 15px;
}
#myForm .button-wrapper button{
  position: absolute;
  bottom: 0;
  background-color: rgb(233 98 39);
  -webkit-box-shadow: 0px 5px 0px 0px var(--color-8), 8px 8px 12px rgba(0,0,0,0.1)!important;
  box-shadow: 0px 5px 0px 0px var(--color-8), 8px 8px 12px rgba(0,0,0,0.1)!important;
  color: #fff;
  border: 0;
  text-align: center!important;
  display: block;
  border-radius: 6px;
  padding: 10px 45px;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
#myForm .button-wrapper button:hover{
  position: absolute;
  bottom: -2px;
  -webkit-box-shadow: 0px 3px 0px 0px var(--color-8), 8px 8px 12px rgba(0,0,0,0.1)!important;
  box-shadow: 0px 3px 0px 0px var(--color-8), 8px 8px 12px rgba(0,0,0,0.1)!important;
}
.Progressbar {
  position: relative;
  height: 32px;
  border-radius: 1000px;
  background-color: #a8bf79;
  clip-path: inset(0 0 0 0 round 1000px);
}
.Progressbar__value {
  height: 32px;
  transition: width 1.6s ease-in-out;
  border-radius: 1000px 0 0 1000px;
  background-color: #5c7669;
  will-change: width;
}
.Progressbar > progress {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  pointer-events: none;
}
#order-results-wrapper{
  transition: opacity 0.3s;
  opacity: 0;
}
#order-results-wrapper.show-results{
  opacity: 1;
}
#item-16527714874749{
  padding: 45px 15px 0 15px;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
  margin-bottom: 5px;
}

.matej-overlay{
  position: absolute;
  position: absolute;
  bottom: 0;
  padding: 30px;
}
.matej-overlay-relative{
  position: relative;
}
.entry-content .matej-overlay a{
  text-decoration: none;
  color: white;
}
.entry-content .matej-overlay a:hover{
  color: #e96226;
}
.matej-overlay .wp-block-group-is-layout-flex {
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 820px) {
    .legenda-holder {
        top: -5px !important;
        zoom: 0.8;
        font-size: 11px !important;
        padding: 8px ! important;
    }
    .map-holder .point{
      height: 25px !important;
      background-size: 25px !important;
      width: 25px !important;
    }
}

@media only screen and (max-width: 599px) {
  #modal-1-content .wp-block-navigation__container li.no-anim-menu ul{
    padding: 0;
    overflow: visible;
    align-items: flex-end;
  }
}    

@media only screen and (max-width: 500px) {
  #myForm input {
    width: 100% !important;
  }
  .result-boxes{
    flex-direction: column;
  }
  .result-boxes .box{
    width: 100%;
    margin: 10px 0px;
    padding: 15px 0;
  }
}

@media screen and (max-width: 500px) {
    .hide-desktop{
        display:block !important; 
    }
    .hide-mobile{
        display:none !important; 
    }
}