/*!
 Theme Name: DNA Era Theme
 Template: hello-elementor
 Theme URI: https://webikon.sk/
 Author: Webikon
 Author URI: https://webikon.sk/
 Description:
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: dna-era
*/

/* custom widget edit */
.add-to-cart-content-section__item-highlighted {
	border-radius: 4px;
}

.add-to-cart-content-section__item--highlighted .add-to-cart-content-section__item-label {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

/* -----redesign changes */

/* hide bg overlay on banners */
@media (max-width: 767px){
  .banner-with-overlay .elementor-background-overlay{
    display: none;
  }
}

/* Tabs for slider in how it works section (products pages and HP) */

.elementor-element.elementor-element .tab-slider-orders.tab-slider-orders .elementor-tab-title {
    border: 1px solid #BEC6D0;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px !important; /* TODO remove important, because of style.css styles */
}

.elementor-element.elementor-element .tab-slider-orders.tab-slider-orders .elementor-tab-title:first-of-type {
    border-radius: 8px 0 0 8px;
}

.elementor-element.elementor-element .tab-slider-orders.tab-slider-orders .elementor-tab-title:last-of-type {
    border-radius: 0 8px 8px 0;
}

.elementor-element.elementor-element .tab-slider-orders.tab-slider-orders .elementor-tab-title:focus,
.elementor-element.elementor-element .tab-slider-orders.tab-slider-orders .elementor-tab-title.elementor-active {
    background-color: #E9EBF8;
    border-color: #465AC8;
}

@media (max-width: 767px){
  .tab-slider-orders .elementor-tabs .elementor-tabs-wrapper{
    display: flex;
    flex-direction: row;
  }

  .tab-slider-orders .elementor-tab-mobile-title{
    display: none;
  }

  .elementor-element.elementor-element .tab-slider-orders.tab-slider-orders .elementor-tab-title.elementor-tab-desktop-title{
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Accordion section on Entry product page */

.single-product-results-accordion .elementor-tab-title.elementor-active .elementor-toggle-title {
    visibility: hidden;
}
.single-product-results-accordion .elementor-tab-title.elementor-active .starter-toggle-section-subtitle {
    display: none;
}
.starter-toggle-section-subtitle {
    color: #606F84;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    padding-left: 25px;
}

/* cart - display product cross-sell names in one line on desktop*/

@media (min-width: 1025px) {
  .cross_sell_product
    .cart-contents__product-title.cart-contents__product-title {
    width: 170px;
    display: inline-block;
  }

  .cross_sell_product .cart-contents__product-description-text {
    width: 300px;
    display: inline-block;
  }
}

/* transport page */

.transport-toggle .elementor-tab-title,
.transport-toggle .elementor-tab-content {
  border: none !important;
}
.transport-toggle .elementor-toggle-item {
  margin-bottom: 16px;
}

.transport-toggle .elementor-tab-title .elementor-toggle-icon {
  align-self: top;
  margin-top: 5px;
}
.transport-toggle .elementor-tab-title {
  display: flex;
}

@media (min-width: 1024px) {
  .transport-toggle .elementor-tab-title {
    padding-right: 77% !important;
    display: flex;
  }
  .transport-toggle .elementor-tab-title.elementor-active {
    min-height: 92px;
    margin-bottom: -75px;
  }

  .transport-toggle .elementor-tab-content {
    padding-left: 23% !important;
    padding-top: 0px !important;
  }
}

/* products */
#submenu-product-bar ins {
  text-decoration: none;
}

/* reasons boxes */
.reasons-box:hover p {
  visibility: visible;
}
.reasons-box:hover img {
  visibility: hidden;
}
.reasons-box p {
  visibility: hidden;
}

.reasons-boxes-container-mobile .elementor-toggle-item,
.reasons-boxes-container-mobile .elementor-tab-title {
  display: flex;
  flex-direction: column-reverse;
}
.reasons-boxes-container-mobile .elementor-tab-title {
  text-align: center;
  align-items: center;
}
.reasons-boxes-container-mobile .elementor-tab-content.elementor-active {
  margin-top: -112px;
  display: block;
  min-height: 112px;
  padding: 0px 0px 40px 0px;
}
.reasons-boxes-container-mobile .elementor-tab-title.elementor-active a {
  display: none;
}
.reasons-boxes-container-mobile img,
.reasons-boxes-mobile-wide img {
  width: auto;
}
.reasons-boxes-container-mobile .elementor-column {
  width: 50%;
  max-height: 315px;
}
.reasons-boxes-mobile-wide .elementor-toggle-item,
.reasons-boxes-mobile-wide .elementor-tab-title {
  display: flex;
  flex-direction: column-reverse;
}
.reasons-boxes-container-mobile .elementor-toggle-icon-closed {
  margin-top: 30px;
}

.reasons-boxes-mobile-wide .elementor-tab-title .elementor-toggle-icon {
  padding-top: 30px;
}
.reasons-boxes-mobile-wide .elementor-tab-title.elementor-active a {
  display: none;
}
.reasons-boxes-mobile-wide
  .elementor-tab-title.elementor-active
  .elementor-toggle-icon {
  padding: 0;
}
.reasons-boxes-mobile-wide.reasons-right .elementor-tab-title {
  align-items: end;
}
.reasons-boxes-mobile-wide.reasons-right a {
  text-align: right;
}

.reasons-boxes-mobile-wide .elementor-tab-title,
.reasons-boxes-container-mobile .elementor-tab-title,
.reasons-boxes-container-mobile .elementor-tab-content,
.reasons-boxes-mobile-wide .elementor-tab-content {
  border: none !important;
}

/* product comparison page */
#comparison-desktop .elementor-inner-column:not(:first-child) {
  width: 18.5% !important;
}
.comparison-page-item {
  width: 450px !important;
}
#comparison-page-responsive {
  overflow-x: scroll;
}
#comparison-page-responsive > div {
  width: 100%;
  max-width: 2250px;
  width: 2250px !important;
}
.comparison-page-item.results-list-item .elementor-icon-box-icon {
  align-self: center;
}
.comparison-page-item.results-list-item .elementor-icon-wrapper {
  margin-top: 5px;
}

/* responsive */
@media (max-width: 1023px) {
  /* horizontal scroll for hp products columns on tablets */
  .hp-product-cols-item {
    width: 400px !important;
  }
  #hp-product-cols {
    overflow-x: scroll !important;
  }
  #hp-product-cols > div {
    width: 1600px;
    max-width: 1600px;
  }
}

@media (max-width: 767px) {
  .reasons-boxes-container-mobile .elementor-column {
    max-height: 370px;
  }
  /* hero responsive color changes */

  #hp-hero-buy-btn a {
    background-color: white;
    color: #465ac8;
  }
  /* image & icon boxes - keep image on left side */
  .results-list-item .elementor-image-box-wrapper {
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .results-list-item .elementor-icon-box-wrapper {
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .results-list-item .elementor-image-box-img {
    margin-right: 10px !important;
  }
  .results-list-item .elementor-icon-box-icon {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 0 !important;
  }

  #comparison-page-responsive > div {
    width: 100%;
    flex-wrap: nowrap;
  }
  /* horizontal scroll for comparison on product pages & hp products columns*/
  #comparison-page-responsive > div {
    max-width: 1440px;
    width: 1440px !important;
  }

  .product-page-comparison-item,
  .hp-product-cols-item {
    width: 280px !important;
  }
  #product-page-comparison {
    overflow-x: scroll !important;
  }
  #product-page-comparison > div {
    width: 560px !important;
  }
  #hp-product-cols > div {
    width: 1120px;
    max-width: 1120px;
  }
}

@media (min-width: 768px) {
  .hero-section .elementor-background-overlay {
    display: none;
  }
}

.extension-list-first {
  color: #2d78f7;
}

/* Mega menu  */
#mega-menu-custom {
  font-family: 'IBM Plex Sans';
  font-weight: 500;
}
#mega-menu-custom, #mega-menu-custom .elementor-column{
  width: fit-content;
}
.mega-sub-menu .mega-menu-caret {
  margin-left: -50px;
  margin-top: -36px;
  max-width: fit-content;
}
.mega-menu-item
  .elementor-widget-call-to-action
  .elementor-widget-container:hover {
  background-color: #f2f4f7;
}
.mega-menu-item .elementor-cta__bg.elementor-bg {
  background-repeat: no-repeat;
  background-size: contain;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu,
#mega-menu-wrap-max_mega_menu_1
  #mega-menu-max_mega_menu_1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  left: -95px;
}

.mega-menu-consultations{
  width: fit-content;
}

.mega-menu-consultations .elementor-column > div{
  flex-wrap: nowrap;
}

.mega-menu-about-us{
  left: 300px;
  width: 195px;
}
/* side cart */

#header-cart-icon.elementor-widget-woocommerce-menu-cart
  .elementor-menu-cart__toggle
  .elementor-button-icon
  i:before {
  content: url('public/images/cart-icon.svg');
}

#header-cart-icon.elementor-widget-woocommerce-menu-cart
  .elementor-menu-cart__toggle
  .elementor-button-icon
  i:before,
#header-cart-icon.elementor-menu-cart--items-indicator-bubble
  .elementor-menu-cart__toggle
  .elementor-button-icon[data-counter]
  .eicon {
  vertical-align: middle;
}

@media (max-width: 767px) {
  #header-cart-icon.elementor-menu-cart--items-indicator-bubble
    .elementor-menu-cart__toggle
    .elementor-button-icon[data-counter]:before {
    top: -3px;
  }
}

.header-cart-icon #elementor-menu-cart__toggle_button:focus {
  background: none;
}

#header-cart-icon .quantity {
  display: inline-block;
}

#header-cart-icon .quantity > span {
  color: #465ac8;
}

#header-cart-icon .quantity del {
  float: left;
  color: slategrey;
  opacity: 0.6;
}

#header-cart-icon .quantity ins {
  padding-left: 5px;
}

#header-cart-icon .quantity ins,
#header-cart-icon .quantity bdi {
  font-weight: 700;
  text-decoration: none;
}

#header-cart-icon .elementor-menu-cart__product-remove {
  border: 1px solid #465ac8;
  bottom: 80px;
  padding: 12px;
  border-radius: 10px;
}

#header-cart-icon .elementor-menu-cart__product-remove:after,
.elementor-menu-cart__product-remove:before {
  background: #465ac8;
}

/* mobile menu popup */
.dialog-type-lightbox.mobile-menu-popup {
  z-index: 99;
}

/* language switcher */
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  padding-right: 10px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before {
  content: url('public/images/world-icon.svg');
  vertical-align: middle;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  display: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  /*border-width: 0px 1px 1px 1px;*/
  border-color: #d7dee6;
  border-style: solid;
  text-align: center;
}

/* parallax slider */
.slider-parallax-img img {
  object-fit: contain;
}
#results-col-horizontal {
  max-width: 494px;
  overflow: hidden;
}
#results-col-horizontal-responsive {
  max-width: 192px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
#results-col-horizontal .elementor-background-overlay,
#results-col-horizontal-responsive .elementor-background-overlay {
  z-index: 1;
}

/*------------------------------*/

p {
  margin-bottom: 0px;
}

#post_content_css p,
#post_content_css img,
#post_content_css h1,
#post_content_css h2,
#post_content_css h3,
#post_content_css h4 {
  margin-bottom: 30px !important;
}

/*Fix togle section bounce*/
.elementor-toggle
  .elementor-tab-title
  .elementor-toggle-icon.elementor-toggle-icon-left {
  float: none !important;
}

.spirala-mobile .elementor-toggle-icon.elementor-toggle-icon-right {
  float: none !important;
}
.spirala-mobile .elementor-toggle-icon.elementor-toggle-icon-right .fas {
  margin-left: 203px;
}

/*Blog*/

.page-numbers {
  padding: 16px 160px;
  background-color: #f7f8fa;
  border-radius: 5px;
  display: inline-flex;
  margin-top: 10px;
}
.post_tag_item {
  background-color: rgba(70, 90, 197, 0.1);
  padding: 5px 10px;
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  border-radius: 5px;
  margin-right: 3px;
  display: inline-flex;
  margin-top: 10px;
}

/* ---------------- MOBILE WHY TOGGLE --------------- */

.why-do-test .fa-plus-circle:before,
.why-do-test .fa-minus-circle:before {
  font-size: 23px;
}

/* ---------------- NEWSLETTER FORM ----------------- */

.newsletter-form .elementor-field-option label,
.checkfield-form .elementor-field-option label {
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle;
  padding-left: 5px;
}

.newsletter-form .elementor-field-option input,
.checkfield-form .elementor-field-option input {
  vertical-align: middle;
}

/* ---------------- FAQ ----------------- */

.faq_section .elementor-accordion-item {
  margin-top: 20px;
}

.faq_section .elementor-tab-title,
.faq_section .elementor-tab-content {
  border: none !important;
  border-radius: 5px !important;
}

/* ---------------- Post Content ----------------- */

#post_content_css p,
#post_content_css img,
#post_content_css h1,
#post_content_css h2,
#post_content_css h3,
#post_content_css h4 {
  margin-bottom: 50px;
}

#post_content_css .wp-block-quote {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: #465ac5;
  border-left: 5px solid;
  padding-left: 15px;
  margin-left: 0px;
}

#post_content_css .wp-block-image {
  margin: 0px;
}

#post_content_css .wp-block-columns :nth-child(1) .wp-block-image {
  margin: 0px 0px 0px -300px !important;
}

#post_content_css .wp-block-columns :nth-child(2) .wp-block-image {
  margin: 0px -300px 0px 0px !important;
}

/*product slider*/
.product-mobile-slider .elementor-tab-title.elementor-tab-mobile-title {
  display: none;
}

.elementor-widget-tabs .elementor-tab-desktop-title {
  padding-bottom: 0px !important;
}

/*@media (max-width: 767px) {*/
.product-mobile-slider .elementor-tabs-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  position: sticky;
  top: 40px;
  background-color: #fff;
  z-index: 2;
}

.product-mobile-slider .elementor-tabs-wrapper::-webkit-scrollbar {
  display: none;
}
.product-mobile-slider .elementor-tab-title {
  flex: 0 0 auto;
  border-bottom: 1px solid #e5e5e5 !important;
  width: 33% !important;
  text-align: center !important;
}
.product-mobile-slider .elementor-tab-desktop-title.elementor-active:before,
.product-mobile-slider .elementor-tab-desktop-title.elementor-active:after {
  width: 0px !important;
}
.product-mobile-slider .elementor-tab-title.elementor-active:after {
  content: '' !important;
  border-bottom: 3px solid #465ac8 !important;
  width: 50% !important;
  display: block !important;
  margin: 0 auto !important;
  padding-top: 7px !important;
  position: relative !important;
  left: unset !important;
}
/*}*/

.packetery-widget-button-row .button {
  background: #465ac8 !important;
  width: auto !important;
}

.mobile-menu-popup {
  height: calc(100% - 48px);
  overflow: scroll;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
  display: none;
}

/* remove underline under close icon in popups (elementor error) */
.dialog-close-button.dialog-lightbox-close-button{
  text-decoration: none;
}