/*
Theme Name: Hello Elementor Child
Theme URI: https://legard.com.ar
Description: Tema hijo de Elementor Hello Theme
Author: Tomas Diaz - AltoValleIT
Author URI: https://www.altovalleit.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* =================================================
   ELEMENTOR FONT OVERRIDE
   ================================================= */

:root{
  --e-global-typography-primary-font-family:'Gotham';
  --e-global-typography-secondary-font-family:'LostaMasta';
  --e-global-typography-text-font-family:'Gotham';
  --e-global-typography-accent-font-family:'Saintecy';
}

.elementor-widget-heading .elementor-heading-title{
  color: var(--brown);
  font-family:'LostaMasta',sans-serif!important;
}

.elementor-widget-text-editor,
.elementor-widget-button,
.elementor-widget-icon-box,
.elementor-widget-image-box{
  font-family:'Gotham',sans-serif!important;
}

a,
.elementor-widget-text-editor a,
.elementor-widget-heading a,
.elementor-button,
.elementor-nav-menu a,
ul, li, span {
  font-family:'Gotham', sans-serif !important;
}


/* =================================================
   VARIABLES
   ================================================= */

:root{
  --gold:#BC983B;
  --brown:#31261D;
  --gray:#D0D1D2;
}


/* =================================================
   FONTS
   ================================================= */

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('assets/fonts/Gotham-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LostaMasta';
  src: url('assets/fonts/LostaMasta-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Saintecy';
  src: url('assets/fonts/Saintecy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* =================================================
   TYPOGRAPHY
   ================================================= */

body{
  font-family:'Gotham', sans-serif;
  color:var(--brown);
}

h1,h2,h3{
  font-family:'LostaMasta', sans-serif;
}

h4,h5,a {
  font-family:'Gotham', sans-serif;
}



/* =================================================
   GLOBAL CLEANUP (WORDPRESS)
   ================================================= */

.site-header,
.site-footer{
  display:none!important;
}

.entry-title{
  display:none!important;
}


/* =================================================
   LAYOUT
   ================================================= */

.container {
  --width:1200px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:767px){
  .container{
    --width:100%;
  }
}


/* =================================================
   INLINE LINKS
   ================================================= */

.row-links {
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.row-links a {
  text-decoration:none;
}


/* =================================================
   BUTTON SYSTEM
   ================================================= */

.btn{
  display:inline-block;
  padding:14px 32px;
  font-size:16px;
  font-weight:500;
  text-decoration:none;
  border-radius:4px;
  border:1px solid transparent;
  transition:all .25s ease;
}

/* ---------- PRIMARY BUTTON ---------- */

.btn-primary{
  background:var(--gold);
  color:var(--brown);
  border-color:var(--gold);
}

.btn-primary:hover{
  background:#a8842e;
  border-color:#a8842e;
}

/* ---------- SECONDARY BUTTON ---------- */

.btn-secondary{
  background:var(--brown);
  color:var(--gold);
  border-color:var(--brown);
}

.btn-secondary:hover{
  background:#241b14;
}

/* =================================================
   HERO SECTION
   ================================================= */

.hero{
  min-height:80vh;
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.hero-inner{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  width:100%;
}

.hero-content {

}


/* =================================================
   SOCIAL PROOF ROTATIVE BANNER
   ================================================= */

.social-proof .elementor-widget-heading .elementor-heading-title {
    font-family: 'Gotham', sans-serif !important;
}

/* Header sección */