/* Add here all your CSS customizations */

/*
COLORES
VERDE: #009E94
GRIS: #2E3237
CREMA: #EFECE1

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
    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;
}

@font-face {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: local('Raleway Italic'), local('Raleway-Italic'), url(https://fonts.gstatic.com/s/raleway/v11/IIm-lPOtfVKQy0GMiczF_1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    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;
}

*/

@font-face {
    font-family: "Newsreader";
    font-style: normal;
    src: url("fonts/Newsreader-Regular.ttf");
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-ExtraBold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-SemiBoldItalic.ttf");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-SemiBold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-MediumItalic.ttf");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-LightItalic.ttf");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: "Newsreader";
    src: url("fonts/Newsreader-Italic.ttf");
    font-weight: normal;
    font-style: italic;
}
/*------------------------*/

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    src: url("fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-SemiBoldItalic.ttf");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-SemiBold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-LightItalic.ttf");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-Italic.ttf");
    font-weight: normal;
    font-style: italic;
}

/*-----------------------------*/

body {
    font-family: 'Newsreader', Fallback, sans-serif;
}

html .text-color-green:not(.no-skin), html .text-green:not(.no-skin) {
    color: #009E94 !important;
}

html .text-color-gray:not(.no-skin), html .text-color-gray:not(.no-skin) {
    color: #2E3237 !important;
}

#header .header-nav-main nav > ul > li a{
    font-family: NewsReader;
}

h1, h2, h3, h4, h5, h6{
    font-family: NewsReader;
}

.font-primary{
    font-family: NewsReader, "Open Sans" !important;
    font-style: normal;
    font-weight: 300;
}

.font-secondary{
    font-family: "Open Sans" !important;
    font-style: normal;
}

#header .header-top.header-top-dark i,
#header .header-top.header-top-colored i{
    color: #009E94 !important;
}

.social-icons green{
    color: #009E94 !important;
}

.social-icons li a{
    font-size: 1.5em;

}

#header .header-nav-main nav > ul > li > a{
    color: #2E3237;

}

#header .header-nav-main.header-nav-main-uppercase nav > ul > li > a{
    font-weight: normal!important;
}

html #header .header-nav-main nav > ul > li > a.active{
    color: #000;
    font-weight: 600!important;
}

.btn-green-dark.btn-outline, html.sticky-header-active .btn-sticky-green-dark.btn-outline{
    background: transparent;
    border-color: #009E94;
    color: #2E3237;
    border-width:1px;
}


html .bg-green:not(.no-skin) {
    background-color: #009E94 !important;
}

html .bg-gray:not(.no-skin) {
    background-color: #2E3237 !important;
}

html .bg-cream:not(.no-skin) {
    background-color: #EFECE1 !important;
}


ul.list li{
    font-family: "Open Sans";
}

#footer{
    font-family: "Open Sans";
}

#footer .social-icons li{
    background-color: #2E3237;
}

#footer .social-icons li a{
    background-color: #2E3237;
}

.list.list-icons-size-2 li > i{
    margin-bottom: auto;
    margin-top: 6px;
}



/**
@media screen and (max-width: 650px) {
    #logo-desktop {
        display: none;
    }
    #logo-desktop {
        display: block;
    }
}

@media screen and (min-width: 960px) {
    #logo-desktop {
        display: block;
    }
    #logo-desktop {
        display: none;
    }
}*/