/*
 Theme Name: Donde Child
 Theme URI: https://example.com
 Description: Child theme for Donde Theme
 Author: Your Name
 Template: donde
 Version: 1.0.0
*/

span.qode--char {
  font-family: 'Unbounded', sans-serif!important;
}
.page-id-2174 .qodef-content-grid,
.page-id-16 .qodef-content-grid,
.page-id-2037 .qodef-content-grid{
    width: 100% !important;
}
h2.wp-block-heading.pivo {
    font-weight: 600 !important;
    white-space: nowrap; /* чтобы не было переносов */
}

h2.header-pivo {
    --qode-fs-min: 4.875rem;
  --qode-fs-val: clamp(4.875rem, -5.275rem + 23.883vw, 32.938rem);
  --qode-fs-max: 32.938rem;
  color: #FFFFFF;
  font-family: 'Unbounded', sans-serif;
  font-size: clamp(3rem, 5vw, 7.5rem);

  line-height: 1em;
  letter-spacing: 5px;
  font-weight: 600;
}
@media (max-width: 768px) {
  h2.header-pivo {
    font-size: 14px; /* mobile size */
  }
}
@media (min-width: 2250px) {
  h2.header-pivo {
    font-size: clamp(7.5rem, 3vw + 4rem, 12rem);
  }
}
#qodef-single-portfolio-navigation .qodef-m-nav.qodef--prev .qodef-m-nav-label {
    left: 11px!important;
}
#qodef-page-header .qodef-header-logo-link {
    width: 100px!important;
}#qodef-page-header .qodef-header-logo-link.qodef-height--not-set img {
    max-height: 100%!important;
}
.qodef-social-icons-group .qodef-icon-holder.qodef--textual.qodef-custom-shape--enabled:first-child svg,
.qodef-social-share.qodef-layout--text.qodef-custom-shape--enabled li.qodef-facebook-share:first-child a{
    fill: #2C5967!important;
    color: #2C5967!important;
}
.qodef-social-icons-group .qodef-icon-holder.qodef--textual.qodef-custom-shape--enabled:nth-child(2) svg,
.qodef-social-share.qodef-layout--text.qodef-custom-shape--enabled li.qodef-facebook-share:nth-child(2) a,
.qodef-social-share.qodef-layout--text.qodef-custom-shape--enabled li.qodef-pinterest-share a{
    fill: #A4391C!important;
    color: #A4391C!important;
}
.qodef-social-icons-group .qodef-icon-holder.qodef--textual.qodef-custom-shape--enabled:nth-child(3) svg,
.qodef-social-share.qodef-layout--text.qodef-custom-shape--enabled li.qodef-facebook-share:nth-child(3) a,
.qodef-social-share.qodef-layout--text.qodef-custom-shape--enabled li.qodef-tumblr-share a{
    fill: #CC912F!important;
    color: #CC912F!important;
}
.qodef-header--vertical-sliding #qodef-page-header .qodef-header-logo-link img {
  max-width: 76% !important;
  margin: 0 auto;
}
.other .qodef-portfolio-project-info {
    row-gap: 20px!important;
}
#qodef-fullscreen-area {
    background-color: #A4391C!important;
}
.qodef-fullscreen-menu>ul>li>a:before,
.qodef-header-navigation>ul>li>a:before,
.qodef-header--vertical-sliding .qodef-header-vertical-sliding-navigation>ul>li>a:before,
.qodef-mobile-header-navigation>ul>li>a:before {
    background-color: #2C5967!important;
}
.qodef-item-layout--info-below.qodef-hover-animation--overlay .qodef-e-media-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  background-color: #2C5967;
  opacity: 0;
  transition: opacity 1s 
cubic-bezier(.22, 1, .36, 1);
}
.my-block span {
  color: #000!important;
  font-family: "DM Sans", sans-serif!important;
  font-weight: 500!important;
  color: #000!important;
  font-size: 20px!important;
  line-height: 1.35em!important;
  margin: 0 0 10px!important;
  -ms-word-wrap: break-word!important;
  word-wrap: break-word!important;
  display: block;
}
.my-block p {
    margin: 0!important;
      font-family: "Space Mono", sans-serif!important;
  font-size: 15px!important;
  line-height: 26px!important;
  font-weight: 400!important;
  letter-spacing: normal!important;
  color: #000000!important;
}
.qodef-image-with-text.qodef-retina-scaling--enabled .qodef-m-image img {
    max-width: 100%!important;
    height: auto!important;
}
.qodef-m-items > .qodef-m-item[href=""]:first-child {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}
.qodef-fullscreen-menu>ul>li>a {
  font-size: 50px!important;
}

body,
.qodef-image-with-text .qodef-info-separator-end, .qodef-image-with-text .qodef-m-mark, .qodef-image-with-text .qodef-m-text,
.qodef-portfolio-list-horizontal-holder .qodef-ptfh-outlined-title,
.qodef-e-info>*,
.my-block p,
.qodef-e-content-inner p,
qodef-grid-inner .qodef-e-content-inner p,
.widget .qodef-search-form-field,
.qodef-e.qodef-portfolio-content p,
.qodef-e-text p {
  font-family: "Cousine", monospace!important;
}
.qodef-e-text blockquote p {
  font-family: "DM Sans", sans-serif!important;
}
.qi-block-advanced-text.qodef-block.qodef-m p {
  font-family: "DM Sans", sans-serif!important;
  text-align: left;
  font-weight: 500;
  font-size: 40px;
  line-height: 45px;
  color: rgba(254, 254, 254, 1);
}

.demie-template-default .qodef-page-title.qodef-m.qodef-title--standard.qodef-alignment--left.qodef-vertical-alignment--header-bottom,
.post-type-archive-demie .qodef-page-title.qodef-m.qodef-title--standard.qodef-alignment--left.qodef-vertical-alignment--header-bottom,
.tax-demie_city .qodef-page-title.qodef-m.qodef-title--standard.qodef-alignment--left.qodef-vertical-alignment--header-bottom,
.qodef-layout--gallery-small .qodef-e.qodef-info--date,
.wpcf7-response-output {
  display: none;
}
.post-type-archive-demie div#qodef-page-inner,
.tax-demie_city div#qodef-page-inner{
  padding: 0px 0px 80px 0px;
}
.qodef-page-title .qodef-m-content {
  height: 100%;
  display: flex
;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 60px 0;
}
.qodef-layout--gallery-small .qodef-page-title.qodef-m.qodef-title--standard.qodef-alignment--left.qodef-vertical-alignment--header-bottom {
  display: none!important;
}


  .qodef-opener-icon.qodef-source--predefined .qodef-m-icon {
    font-size: 13px;
  }
/* article.qodef-search-item {
  display: none;
} */
.qodef-interactive-link-showcase.qodef-layout--interactive-list .qodef-e-follow-image img{
  max-width: 200px!important;
}
.beer-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
.beer-popup-content {
background: #fff;
  padding: 20px;
  max-width: 446px;
  width: 100%;
  border-radius: 8px;
  position: relative;
}
.beer-popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}
.beer-popup-content .qodef-m-wrapper.qodef--button-wrapper {
  text-align: center;
}
.beer-popup .qodef-button.qodef-layout--custom svg,
.cust-btn .qodef-button.qodef-layout--custom svg {
  stroke: #000;
}
.beer-popup span.qodef-m-text,
.cust-btn span.qodef-m-text {
  color: #000;
}
.grecaptcha-badge {
  display: none !important;
}
.elementor-widget-video .elementor-wrapper video {
  height: auto !important;
}



@media screen and (max-width: 524px) {
  .qodef-fullscreen-menu>ul>li>a:before {
    top: 14px!important;
  }
  .qodef-fullscreen-menu>ul>li>a {
  font-size: 42px!important;
}
  .page-id-3318 .qodef-opener-icon.qodef-source--predefined .qodef-m-icon {
    color: #fff;
  }
  .page-id-3318 .qodef-svg--shape-button {
    stroke: #fff;
  }
  .qodef-mobile-header--standard #qodef-page-mobile-header-inner {
  justify-content: space-between;
}
  .qodef-opener-icon.qodef-source--predefined .qodef-m-icon {
  font-size: 11px;
}
 
    .qodef-page-title .qodef-m-content {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

} 
@media screen and (min-width: 1200px) {
    .qodef-mobile-header--standard #qodef-page-mobile-header {
  background-color: transparent!important;
}
.qodef-opener-icon.qodef-source--predefined .qodef-m-icon {
    width: 56px;
    height: 56px;
}
}

@media screen and (min-width: 1921px) {
h2.wp-block-heading.pivo {
  font-size: clamp(2.812rem, -0.2452rem + 13.0438vw, 20.625rem);
}
} 


/* ================================
   MOBILE HEADER до 1399px
   ================================ */
@media (max-width: 1699px) {
    /* показываем мобильный */
    #qodef-page-mobile-header {
        display: block;
    }

    /* скрываем desktop */
    #qodef-page-header,
    .qodef-header-sticky {
        display: none;
    }
}

/* ================================
   DESKTOP HEADER от 1400px
   ================================ */
@media (min-width: 1700px) {
    /* показываем desktop */
    #qodef-page-header,
    .qodef-header-sticky {
        display: block;
    }

    /* скрываем мобильный */
    #qodef-page-mobile-header {
        display: none;
    }
}