/*
Theme Name: Lorenzo
Theme URI: https://plugins.div-it.com.ar/Lorenzo
Author: Dex
Author URI: https://dex360.net
Description: This is a description of the theme. Lorenzo is a masterpiece of design and functionality. It features a range of valuable patterns, including hero and portfolio sections, prominent call-to-action buttons, and customer testimonials. Whether you’re building a website for your business, personal brand, or creative project, DS is perfect for anyone looking to launch quickly and efficiently.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.2
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Lorenzo

Lorenzo WordPress Theme, (C) 2022-2023 WP Engine.
Lorenzo is distributed under the terms of the GNU GPL.
*/

/*   [Table content]
*
*       01.  GENERAL
*
*       02.  HEADER
*
*       03.  MAIN CONTENT
*            _ 03.07. slick
*            _ 03.08. Popup
*
*       04.  FOOTER
*
*       05.  RESPONSIVE
*
*/

/*--------------------------------------------------------------
# 01. GENERAL
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 02. HEADER
--------------------------------------------------------------*/
.header-logo-marca .menu {
  margin: 0 auto 0px;
  width: auto;
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: start;
  align-items: center;
}
.header-logo-marca .menu > li {
  margin-right: 1.5rem;
}
.header-logo-marca .menu li ul {
  list-style: none;
}
.header-logo-marca .menu > li > a {
  border: 1px solid #000;
  border-radius: 30px;
  color: black;
}
.header-logo-marca .menu li a {
  padding: 8px 18px;
}
.header-logo-marca ul li.menu-item-has-children > a:after {
  margin-left: 5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: #000 transparent transparent transparent;
  position: relative;
  transform: rotate(0deg);
  top: 10px;
}
.header-logo-marca .menu-nav ul ul {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  pointer-events: none;
  padding: 15px 25px;
}
.header-logo-marca .menu-nav ul li:hover ul li a {
  color: black;
}
.header-logo-marca .menu,
.header-logo-marca .menu > li {
  overflow: visible !important;
}
.header-logo-marca li.menu-item-has-children {
  position: relative;
}
.header-logo-marca li.menu-item-has-children > .sub-menu {
  position: absolute;
  top: calc(100% - 6px);
  left: 0;
  min-width: 220px;
  visibility: hidden;
  opacity: 0;
  display: none;
  pointer-events: none;
  transition: opacity 0.12s ease, visibility 0.12s;
  z-index: 10000;
  list-style: none;
  text-align: left;
}
.header-logo-marca li.menu-item-has-children:hover > .sub-menu,
.header-logo-marca li.menu-item-has-children:focus-within > .sub-menu {
  visibility: visible;
  opacity: 1;
  display: block;
  pointer-events: auto;
}
.header-logo-marca
  li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children {
  position: relative;
}
.header-logo-marca
  li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children
  > .sub-menu {
  position: absolute;
  top: 0;
  left: calc(100% - 6px);
  min-width: 200px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease, visibility 0.12s;
  z-index: 10001;
}
.header-logo-marca
  li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children:hover
  > .sub-menu,
.header-logo-marca
  li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children:focus-within
  > .sub-menu {
  visibility: visible;
  opacity: 1;
  display: block;
  pointer-events: auto;
}
.header-logo-marca li.menu-item-has-children > a {
  position: relative;
  z-index: 2;
}
.header-logo-marca .header-mobile figure img {
  width: 125px !important;
}

/*--------------------------------------------------------------
# 03. MAIN CONTENT
--------------------------------------------------------------*/

/* 03.07. Slick
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.slick-slider .slick-prev {
  border-left: 5px solid #fff;
  border-right: none;
  cursor: pointer;
  left: 40px;
  /* box-shadow: -2px 5px 5px 0px rgba(9, 7, 7, 0.3);
  -webkit-box-shadow: -2px 5px 5px 0px rgba(9, 7, 7, 0.3);
  -moz-box-shadow: -2px 5px 5px 0px rgba(9, 7, 7, 0.3); */
}
.slick-slider .slick-next {
  right: 40px;
  left: inherit;
}
.slick-slider .slick-next, .slick-slider .slick-prev,
#secccion-4--planes-destacados .carousel-control-next-icon,
#secccion-4--planes-destacados .carousel-control-prev-icon {
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='60' version='1.1'%3E%3Cpolyline points='30 10 10 30 30 50' stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='butt' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  border: none;
  cursor: pointer;
  font-size: 0px;
  display: inline-block;
  height: 20px !important;
  opacity: 1 !important;
  outline: none;
  position: absolute;
  top: 50%;
  transform: rotate(0deg);
  width: 15px !important;
  z-index: 9000;
}
.slick-slider .slick-next,
#secccion-4--planes-destacados .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='60' version='1.1'%3E%3Cpolyline points='10 10 30 30 10 50' stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='butt' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  right: 10px !important;
}
.slick-slider .slick-prev,
#secccion-4--planes-destacados .carousel-control-prev-icon {
  left: 0 !important;
}

/* 03.08. Popup
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.popup__content {
  height: auto !important;
  padding: 50px 50px 50px;
}

/*--------------------------------------------------------------
# 04. FOOTER
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 05. RESPONSIVE
--------------------------------------------------------------*/

/* Desktop 2133px */
@media (min-width: 2133px) {
}

/* Desktop 2130px */
@media (min-width: 1920px) and (max-width: 2130px) {
}

/* Desktop 1919px */
@media (min-width: 1681px) and (max-width: 1919px) {
}

/* Desktop 1680px */
@media (min-width: 1537px) and (max-width: 1680px) {
}

/* Desktop 1536px */
@media (min-width: 1367px) and (max-width: 1536px) {
}

/* Desktop 1366px */
@media (min-width: 1280px) and (max-width: 1366px) {
}

/* Desktop 1279px */
@media (min-width: 993px) and (max-width: 1279px) {
}

/* Desktop 992px */
@media (min-width: 821px) and (max-width: 992px) {
}

/* Tablet 1 - iPad Air */
@media (min-width: 769px) and (max-width: 820px) {
}

/* Tablet 2 - 768px */
@media (min-width: 601px) and (max-width: 768px) {
}

/* Mobile 1 */
@media (max-width: 600px) {
  .header-logo-marca .navbar {
    background-color: #fff !important;
  }
  .header-logo-marca {
    padding: 0px 0px !important;
  }
  .header-logo-marca .menu-nav ul li,
  .header-logo-marca .menu-nav ul li a {
    height: auto;
    width: 100%;
  }
  .header-logo-marca .menu {
    flex-direction: column;
  }
  .header-logo-marca .menu li {
    margin-right: 0rem;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22 M4 15h22 M4 23h22'/%3E%3C/svg%3E") !important;
  }
  .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1) !important;
  }
  .header-logo-marca .menu > li > a {
    border: none;
    border-radius: 0px;
    display: block;
    text-align: left;
  }
  .header-logo-marca li.menu-item-has-children > .sub-menu {
    position: relative !important;
    left: inherit !important;
  }
  .header-logo-marca .menu-nav ul ul {
    box-shadow: none !important;
    display: none !important;
  }
  .header-logo-marca .sub-menu,
  .header ul .btn-submenu {
    display: none;
  }
  .header-logo-marca .active .sub-menu {
    display: block !important;
    padding: 0 0 0 10px;
  }
  .header-logo-marca ul li.menu-item-has-children > a:after {
    top: 16px;
  }
  .header-logo-marca .menu li a {
    display: block;
  }
  /* slick */
  .slick-slider .slick-prev {
    left: 20px;
  }
  .slick-slider .slick-next,
  .slick-slider .slick-prev {
    height: 20px;
    width: 20px;
  }
  .slick-slider .slick-next {
    right: 20px;
  }
  .main-planes-destacados-carousel .draggable {
    padding: 0px !important;
  }
  #secccion-4--planes-destacados .carousel-control-next-icon,
  #secccion-4--planes-destacados .carousel-control-prev-icon {
    height: 30px !important;
    width: 25px !important;
  }
  .header-logo-marca li.menu-item-has-children .sub-menu li.menu-item-has-children > .sub-menu {
    visibility: visible;
    opacity: 1;
  }
}