/*
Theme Name: Neve Child
Template: neve
Author: Fran hurtado
Author URI: https://franhurtado.me
Description: Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 1.0.0.1721424408
Updated: 2024-07-19 21:26:48

*/

.bebas-neue,
.bebas-neue a{
  font-family: 'BebasNeueCustom' !important;
}

.m-0 { margin: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-1 { margin-bottom: 1em !important; }
.mt-1 { margin-top: 1em !important; }
.mb-2 { margin-bottom: 2em !important; }
.mt-2 { margin-top: 2em !important; }

.px-1{padding-left: 1em; padding-right: 1em; }
.px-2{padding-left: 2em; padding-right: 2em; }

.g-8{ gap: 8px !important; }
.g-16{ gap: 16px !important; }
.g-24{ gap: 24px !important; }
.g-32{ gap: 32px !important; }
.g-64{ gap: 64px !important; }

.br-40{ border-radius: 40px; }

.background-100-auto .wp-block-cover__image-background{
  background-size: 100% auto !important;
  background-repeat: repeat-y !important;
}

.desktop-only{
  display: flex !important;
}

.device-only{
  display: none !important;
}

.site-header{
  box-shadow: 5px 5px 15px 0px #00000040 !important;
}

.nv-page-title-wrap{ margin-top: 0; }

footer .widget,
footer h1,
footer h2,
footer h3,
footer h4{
  margin-bottom: 0;
}

.is-menu-sidebar.menu_sidebar_full_canvas .header-menu-sidebar {
  transform: translateY(0%) !important;
  transition: 1s;
}

.menu_sidebar_full_canvas .header-menu-sidebar{
  transform: translateY(-100%);
  opacity: 1;
  transition: 1s;
}

.is-menu-sidebar.menu_sidebar_full_canvas .neve-main{
  transform: translateY(800px);
  transition: 1.2s;
}

.neve-main{
  transform: translateY(0px);
  transition: 1s;
}

.box-with-shadow{
  background-color: #EFF0EC;
  padding: 1.5em 2em !important;
  box-shadow: 0px 5px 30px 0px #00000040; 
}

.box-with-shadow h3{
  font-size: 60px;
  line-height: 64px;
  margin: 0;
}

.box-with-shadow p{
  font-family: 'Lora';
  font-size: 23px;
  line-height: 30px;
  margin: 0;
}

.box-with-shadow p a{
  font-family: 'Lora';
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .px-xs-1{padding-left: 1em !important; padding-right: 1em !important; }
  .px-xs-2{padding-left: 2em !important; padding-right: 2em !important; }
  
  .mx-xs-1{margin-left: 1em !important; margin-right: 1em !important; }
  .mx-xs-2{margin-left: 2em !important; margin-right: 2em !important; }
  
  .flex-direction-column-reverse{
    flex-direction: column-reverse !important;
  }

  .desktop-only{
    display: none !important;
  }
  
  .device-only{
    display: flex !important;
  }
  
  .device-center{
    text-align: center !important;
  }
  
  .device-column{
    flex-direction: column !important;
  }
  
  .site-header{
    box-shadow: none !important;
  }
    
  header{
    position: absolute !important;
    width: 100% !important;
    z-index: 99 !important;
  }
  
  header nav {
    background-color: transparent !important;
  }
  
  .box-with-shadow-wrapper{
    border: 1px solid #1D417B;
    padding: 1em;
    margin: -0.5em -1.2em;
  }
  
  .pt-xs-1{ padding-top: 1em !important; }
  
  .mt-xs-6{
    margin-top: 6em !important;
  }
}

@media only screen and (max-width: 480px) { 
  .box-with-shadow h3{
    font-size: 40px !important;
    line-height: 48px;
  }
  
  .box-with-shadow p{
    font-size: 15px;
  }
  
  .legales{
    margin: 0 -8px;
  }
  
  .legales p{
    font-size: 11px !important;
    text-align: center;
  }
  
  .legales p a{
    text-decoration: underline;
  }
}