/*
Theme Name: Imjuve
Theme URI: 
Author: virkapp
Author URI: https://virkapp.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: imjuve
Tags: imjuve
*/


@font-face {
    font-family: 'Patria';
    font-style: normal;
    font-weight: 400;
    src: url("./fonts/Patria_Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


:root{    
    --primary-font: "Noto Sans", "Noso Sans", serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --secondary-font: "Patria", "Noso Sans", "Helvetica", "Arial", sans-serif;    
    --primary-color: #611232;  
    --text-color:#404041;
    --brown-color:#B38E5D;
}

body{
    font-family: "Noto Sans", "Noso Sans", serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.428571429; 
    position: relative;
    color:var(--text-color);    
    margin:0px;
}

h1{
    font-size: 38px;    
}


h1, h2, h3, .h1, .h2, .h3 {
    font-family: var(--secondary-font);
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
}

h5{
    font-size: 18px;
}

.main-content{
    min-height:calc(100vh - 380px);
}

.card_seccion{
    background:url("images/card_bg.png") no-repeat center center / cover;
    width:100%;
    height:230px;
    display: flex;
    align-items: center;
    justify-content: center;    
    box-shadow: 0px 4px 8px rgba(40, 91, 77, 0.5);
    transition: 300ms;
    padding:20px;
}

.card_seccion h4{
    width:100%;
    text-align: center;
    color:var(--primary-color);
    border-bottom:1px var(--brown-color) solid;
    padding-bottom:5px;
}

.card_seccion:hover{
    box-shadow: none;
}


@media all and (max-width: 767px){
    .card_seccion h4{
        font-size:20px;
    }
}

@media all and (max-width: 480px){
    .card_seccion h4{
        font-size:18px;
    }
}