/* 
Theme Name: DAB
Theme URI: https://digitalagencybarcelona.com/
Description: A child custom theme by Marcel CL. For any help or support please feel free to reach us at anytime at marcel@marcelcl.com
Author: Marcel CL
Author URI: https://marcelcl.com/
Version: 1.1
Template: hello-elementor
Text Domain: dab
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/*********************************************************/
/* GENERAL */
/*********************************************************/
html,body{overflow-x:hidden;}
*:focus{outline: none;}
/*********************************************************/
/* MENU */
/*********************************************************/
.no-desk{display:none !important;}
header .elementor-nav-menu__align-right{margin-bottom: 0px !important;}
ul.elementor-nav-menu{align-items: center;}
.cta-btn a{color: #fff !important;padding: 8px 20px !important;}
.cta-btn{background:var(--e-global-color-primary);border-radius: 10px;max-height: 35px;margin-left: 20px !important;}
.e--pointer-underline .cta-btn .elementor-item:after{display:none;}
li.link-new span{color: red;font-size: 8px;padding-left: 5px;}
/* STICKY */
.shrinker{
    --transition: all .2s linear !important;
    --normal-logo: 50px;
    --sticky-logo: 40px !important;
}
.shrinker{padding:5px;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
.shrinker.elementor-sticky--effects{box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
/* shrinking logo image */
.shrinking-logo img{transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
.shrinker.elementor-sticky--effects img{transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);}
/* WIDTH ANIMATION HEADER */
header.e-con-boxed>.e-con-inner{-webkit-transition: max-width .4s ease,width .4s ease,padding .4s ease;transition: max-width .4s ease,width .4s ease,padding .4s ease;}
header.elementor-sticky--effects > .e-con-inner{max-width:100% !important;}
@media only screen and (min-width:1495px) {
  header.elementor-sticky--effects > .e-con-inner{max-width:95% !important;}
}
/*********************************************************/
/* CUSTOM */
/*********************************************************/
a.btn-custom {
  border: 3px solid var(--e-global-color-primary);
  padding: 10px 20px;
  text-transform: uppercase;
  display: inline-block;
}
nav.elementor-pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.page-numbers {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  border: none;
  border-radius: 5px;
}
.page-numbers.current, .page-numbers:hover {
  background: var(--e-global-color-primary);
  color: #fff;
}
.fancybox__container img{height:100% !important;}

.hoverboom::before {
    transition: opacity 1s ease-in-out !important;
    opacity: 0; 
}
.hoverboom:hover::before {
    opacity: 1 !important;
    transition: opacity 1s ease-in-out !important;
}



.cd-sidebar h2{font-size: 18px;font-weight: 600;margin-bottom: 15px;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.cd-sidebar li::marker{content:'';}
form.woocommerce-product-search{display: flex;gap: 5px;}
input#woocommerce-product-search-field-0{padding: 5px 10px;font-size: 13px;}
form.woocommerce-product-search button:hover{background: #000;}
form.woocommerce-product-search button{border: 1px solid #000;color: #000;font-size: 13px;}
.widget.widget_layered_nav, .widget.widget_product_search, .widget.widget_product_categories{margin-bottom: 30px;}
.widget.widget_layered_nav ul, .widget.widget_product_categories ul{list-style: none;padding: 0;margin: 0;}
.widget.widget_layered_nav ul li, .widget.widget_product_categories ul li{margin-bottom: 10px;}
.widget.widget_layered_nav ul li a, .widget.widget_product_categories ul li a{text-decoration: none;color: #333;font-size: 14px;transition: color 0.3s ease;}
.widget.widget_layered_nav ul li a:hover, .widget.widget_product_categories ul li a:hover{text-decoration: underline;}
.widget.widget_layered_nav ul li input[type="checkbox"]{margin-right: 10px;}

/*********************************************************/
/* TABLET & MOBILE */
/*********************************************************/
@media only screen and (max-width: 768px) {
  .full-scroll ul {
    flex-direction: row;
    flex-wrap: nowrap !important;
    overflow-x: scroll;
  }
}