/*
Theme Name: edgar
Theme URI: 
Author: IVAN GUEVARA 
Author URI: guevara.develop@gmail.com
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edgar
Tags: edgar
*/

@font-face {
    font-family: 'Social Media Circled Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Social Media Circled Regular'), url('./fonts/Social Media Circled.woff') format('woff');
}

@font-face{
    font-family:avenir;
    font-style:normal;
    font-weight:400;
    src:local('Avenir'),url(./fonts/avenir_roman_12.woff) format('woff')
}

:root{    
    --primary-font: "Sen", sans-serif;
    --social-media: 'Social Media Circled Regular';
    --gray-color: #898989;
    --red-color:#CE0E2D;
    --sand-color:#F8F6F5;
}

body{
    font-family:var(--primary-font);        
    font-size: 18px;
    line-height: 28px;    
    position: relative;
    color:var(--text-color);
    letter-spacing: 2px;
}

h1{
    font-size: 75px;
    line-height: 88px;
    font-weight: 500;
    letter-spacing: 17.5px;
}

h2{
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
}

h3{
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
}

h4{
    font-size:13px;
    line-height: 15.6px;
    font-weight: 600;
}

h5{
    font-size:29px;
    line-height: 35px;
    font-weight: bold;
}


header{
    position: relative;
    z-index: 99;
}   

header nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding:15px 0px;
}

.menu-header{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

nav ul{
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer ul{
    padding: 0px;
    list-style-type: none;
    margin:0px;
}

nav ul li{
    position: relative;        
    text-decoration: none;
}

footer ul li {
    position: relative;    
    margin:15px 0px;
    text-decoration: none;
}

nav ul li a, footer ul li a{    
    text-decoration: none;
    color: white;    
    font-size: 14px;
    transition: all .5s ease;
    font-family: 'Helvetica Neue Light';
    font-weight: 500;
}

nav ul li a{    
    padding:3px 30px;
    font-size:13px;
    line-height: 18px;
    text-transform: uppercase;
}

nav ul li a.active, nav ul li a:hover, footer ul li a.active, footer ul li a:hover{    
    color:white !important;    
}

.uppercase{
    text-transform: uppercase;
}

.menu-header .dropdown .btn{
    background:none;
    color:#A6A9AB;
    display: flex;
    align-items: center;
    font-size:20px;
    font-weight: bold;
    outline: none;
}

.menu-header .dropdown .dropdown-menu{
    width:100%;
    min-width: 100%;
}

.menu-header .dropdown .dropdown-menu div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size:20px;
}

.social-media-circled{
    font-family: var(--social-media);
    font-size:20px;
    font-weight: 100;
}

.social a{
    color:var(--orange-color);
    text-decoration: none;
    opacity:1;
    transition: opacity .5s ease;
}

.social a:hover{
    opacity: .8;
}

#home{    
    background:url(./images/bg-inicio.jpg) no-repeat center center / cover;
    background-attachment: fixed;
}

#home .pleca{    
    padding-top:100px;
    margin-top:-172px;        
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;  
    position: relative;  
    flex-direction:column;    
}

#home .pleca .container.shot{
    margin-bottom:30px;
}

.contacto .form-group{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: 10px;
}

.contacto .form-group.invalid label{
    color:red;
}

.contacto .form-group input{
    height:45px;
}

.contacto .form-group input, .contacto .form-group textarea{
    width:100%;
    outline:0;  
    border:0px;
    box-shadow: none;
    padding:10px;
    background:transparent;
    border-radius: 0px;
    border-bottom: 1px #1C1818 solid;
    font-size:13px;
    line-height: 16px;
    font-weight: 500;
}

.contacto .form-group textarea{
    height:100px;
    resize: none;   
}

.contacto .form-group input[type=submit]{
    width:127px;    
    height:47px;
    font-size:13px;
    line-height: 16px;
    border:2px #7F693A solid;
    color:#7F693A;
    background: none;
    margin:15px auto;
}

.contacto .form-group input[type=submit]:disabled{
    background:#F7F5F5;
}

.contacto .form-group.invalid input, .form-group.invalid textarea{
  border-color:var(--red-color);
}

.contacto .thanks{
    text-align:center;
    margin:20px auto;   
}

.contacto .thanks{ 
    width: 100%;
    text-align: center;
    margin-top: 31px;
    font-size: 18px;    
    font-weight: normal;
    visibility: hidden;
    opacity:0;
    transition:opacity 1.5s linear;
}

.contacto .thanks.thanks-visible{
    visibility: visible !important;
    opacity: 1 !important;
}

@media all and (max-width: 1023px){
    #home .pleca{
        padding-top:0px;
    }
    h1 {
        font-size: 60px;
        line-height: 70px;     
        letter-spacing: 15.5px;
    }
}

@media all and (max-width: 767px){
    #home .pleca{
        padding-top:100px;
    }
    h1{
        font-size: 40px;
        line-height: 50px;
        font-weight: bold;
        letter-spacing: 17.5px;
    }
}