/*
*
* =================================================================
* SKIN 
* =================================================================
*
* Populate this file with the CSS of your custom design. 
* Include this file into the <head> area of your pages, after the style.css and any other css file.
*
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/* 

# COLORS
===================================================================

*/


/*

# CUSTOM CLASSES
===================================================================

*/
.contenido {
    background-image: url('/bg-home.jpg');
    background-size: cover;
    background-position: center;
    min-height: 900px;
}
.white-titulo {
    color: #fff;
}
.white-texto {
    color: #fff;
}

.main-vision {
    max-width: 30%;
    color: #FFF;
    font-size: 22px;
    font-family: 'Roboto';
}
.white-separador {
    max-width: 600px;
}

.green-separador {
    max-width: 600px;
    background-color: #79994C !important;
}

.main-fundacion > p, .item-objetos > ul > li > div > p {
    text-align: justify;
}

.accordion-list > li > a {
    font-weight: bold;
}

.nuestro-equipo-card {
    text-align: center;
}

.nuestro-equipo-card > img {
    background: lightblue;
    /*border-radius: 50%;
    width: 100px;
    height: 100px;*/
}

.nuestro-equipo-card > p {
    text-align: justify;
}

footer {
    padding-top: 5px;
}

.son-nuestro-ejemplo-box {
    padding-top: 4%;
}
.son-nuestro-ejemplo {
    font-size: 46px;
    color: #FFF;
}
.son-nuestro-ejemplo-texto {
    color: #FFF;
}

.contenido-remembranzas-danza {
    background-image: url('/img/remembranzas-danzas.jpg');
    background-size: cover;
    background-position: center;
    min-height: 900px;
}

.item-objetos-remembranzas > ul > li > a, .item-objetos-remembranzas > ul > li > div > p {
    text-align: justify;
    color: #FFF;
} 

.white-titulo-home {
    color: #fff;
}

.white-texto-home {
    color: #fff;
}
.bg-titulo-home {
    background-color: #79994C;
    opacity: 0.7;
}
/*

# LAYOUT & TYPOGRAPHY
===================================================================

*/


/*

# NAVIGATION MENU
===================================================================

*/
#main-menu-logo {
    max-width: 200px;
}
.logo {
    display: flex;
    justify-content: center;
}
.menu-cnt > ul > li a {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    height: 80px;
    font-weight: 700;
    padding-top: 40px;
}

.menu-fixed:not(.menu-transparent) + header, .menu-fixed:not(.menu-transparent) + main {
    margin-top: 150px;
}
/*

# HEADERS
===================================================================

*/


/*

# FOOTER
===================================================================

*/


/*

# COMPONENTS
===================================================================
*/


/*

# CONTAINERS
===================================================================
*/


/*

# RESPONSIVE
===================================================================

Large devices (desktops, less than 1200px)
-------------------------------------------------------------------
*/

@media (max-width: 1199.98px) {

}

/*
Medium devices (tablets, less than 992px)
-------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

}

/*
Small devices (landscape phones, less than 768px)
-------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

}

/*
Extra small devices (portrait phones, less than 576px)
-------------------------------------------------------------------
*/

@media (max-width: 575.98px) {

    .contenido {
        background-image: url('/bg-home.jpg');
        background-size: cover;
        background-position: center;
        min-height: 650px;
    }

}