/* Colors */

.gob-color-gold {
    color: #AF8C55;
}

.gob-color-black {
    color: #15212F;
}

.credencial-p7691c {
    color: #006298;
}

.credencial-p2995c {
    color: #00A9E0;
}

.credencial-p2975c {
    color: #99D6EA;
}


/* Botones */

.btn-gob-gold {
    background-color: #AF8C55;
    color: white;
}

.btn-gob-gold:hover {
    background-color: #AF8C55;
    color: #15212F;
}

.btn-gob-lightblue {
    background-color: #00A9E0;
    color: white;
}

.btn-gob-lightblue:hover {
    background-color: #00A9E0;
    color: #15212F;
}

.btn-gob-blue {
    background-color: #006298;
    color: white;
}

.btn-gob-blue:hover {
    background-color: #006298;
    color: #15212F;
}


/* Fonts */

@font-face {
    font-family: 'blatantbold';
    src: url('fonts/Blatant/blatant-bold-webfont.woff2') format('woff2'), url('fonts/Blatant/blatant-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blatantbold_italic';
    src: url('fonts/Blatant/blatant-bolditalic-webfont.woff2') format('woff2'), url('fonts/Blatant/blatant-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blatantitalic';
    src: url('fonts/Blatant/blatant-italic-webfont.woff2') format('woff2'), url('fonts/Blatant/blatant-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blatantregular';
    src: url('fonts/Blatant/blatant-webfont.woff2') format('woff2'), url('fonts/Blatant/blatant-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfblack';
    src: url('fonts/BRANDING/branding_sf_black-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfbold';
    src: url('fonts/BRANDING/branding_sf_bold-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfmedium';
    src: url('fonts/BRANDING/branding_sf_medium-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfthin';
    src: url('fonts/BRANDING/branding_sf_thin-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfsemibold';
    src: url('fonts/BRANDING/branding_sf_semibold-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfsemilight';
    src: url('fonts/BRANDING/branding_sf_semilight-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_semilight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sflight';
    src: url('fonts/BRANDING/branding_sf_light-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'branding_sfcnd_semibold';
    src: url('fonts/BRANDING/branding_sf_cnd_semibold-webfont.woff2') format('woff2'), url('fonts/BRANDING/branding_sf_cnd_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* NavBar */

.navbar {
    background-color: #fd7e14;
}

#nav a {
    color: white;
    text-decoration: none;
}


/* Add the below transitions to allow a smooth color change similar to lyft */

.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar.scrolled {
    background: rgb(68, 68, 68);
    /* IE */
    background: rgba(219, 133, 4, 0.88);
    /* NON-IE */
    /* Convert back-color to transparent */
}

.navbar .dropdown-menu {
    background-color: #165bbb;
    border-radius: 8px;
}