/**
Theme Name: Spesfinancial
Theme URI:  
Author: Spesfinancial
Author URI: 
Description: This is the spesfinancial theme
Version: 0.0.1
**/



@font-face {
    font-family: Muli-Bold;
    src: url('/wp-content/themes/spesfinancialtheme/fonts/Muli-Bold.ttf');
}


@font-face {
    font-family: Muli;
    src: url('/wp-content/themes/spesfinancialtheme/fonts/Muli.ttf');
}

@font-face {
    font-family: Noto;
    src: url('/wp-content/themes/spesfinancialtheme/fonts/NotoSans-VariableFont.ttf');
}




/* ----------------------------------- Front Page --------------------------------------*/
.hero {
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero::before {
    content: "";
    background-image: url('/wp-content/themes/spesfinancialtheme/img/couple-looking-at-computer.jpg');
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    filter: brightness(50%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.text-main {
    font-family: Muli;
    font-size: 3.1rem;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
    font-weight: 900;
}


@media (max-width: 992px) {
    .hero::before {
        background-image: url('/wp-content/themes/spesfinancialtheme/img/couple-looking-at-computer-mobile.jpg');
  
    }

    .text-main { 
      
            font-family: Muli;
            font-size: 2.1rem;
            color: #ffffff;
            line-height: 1.5;
            text-align: center;
            font-weight: 900;
            padding-left: 0.3rem;
            padding-right: 0.3rem;
        
    }

}

.container-fluid-no-padding {
    padding: 0 !important;
}


.btn-primary {
    background-color: #0B2B4B;
    border-color: #0B2B4B;
}

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

}

.btn-main-zize {
    width: 161px;
    height: 71px;
    font-size: 24px;
    font-family: Muli;
    font-weight: 500;
    padding: 12px 25px;
}


.main-content-z-index {
    z-index: 2000;
}

.navbar-nav {
  
    width: 100%; 
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-collapse {
    /* display: flex!important;
    flex-basis: auto;*/
    width: 100%; 
}

.text-links {

 
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        color:#93BE93;
        font-family: Noto;
   
   
   
}

/* ----------------------------------- Front Page END --------------------------------------*/



/* ----------------------------------- Header ---------------------------------------------*/




#site-header {

    /* position: fixed;*/
    z-index: 3000;

    /*display: flex;**
   
    align-items: center;
    justify-content: space-between;*/
    width: 100%;

    padding-left: 10px;
    padding-right: 10px;

}







.max-size {
    width: 90%;
}


.navbar-z-index {
    z-index: 2500;
}

.top-distance {
    margin-top: 90px;
}





.header-transparente {
    background-color: transparent;

}


.header-semi-transparente {
    background-color: #fffffff5;

    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;

}

#header-logo {
    width: 20%;
}

@media (max-width: 992px) {
    .navbar-brand {
        width: 30%;
    }


    #header-logo {
        width: 100%;
    }


}



/* ----------------------------------- Header END ---------------------------------------------*/

/* Front page */
.titulo {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}

.card-titulo {
    margin-left: 0.5rem;
}

.card-img {
    width: 100%;
    align-self: center;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.card-header-class {
    /* height: 4rem; */
    display: flex;
    justify-items: space-evenly;
    align-items: center;
    font-weight: 800;
    margin-bottom: 0.3rem;
    margin-top: 0.3rem;

}

.card-header-img {
    height: 2rem;
}

.centrado {
    justify-content: center;
}

.card-body-centrado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px;
    height: 20.1rem;
}

/* Portrait phones and smaller */
@media (max-width: 768px) {
    .card-body-centrado {
        height: 30%;
    }

}



.card-footer {
    height: 8rem;

    line-height: normal;
    font-size: 0.92rem;
    text-align: justify;
    border-top: unset;

}

.card-header {

    background-color: unset;
    border-bottom: unset;
}