/* Helpers */


/** Posicionamiento centrado para elementos **/

.absolute-vertical,
.absolute-horizontal,
.absolute-center {
    position: absolute;
}

.absolute-vertical,
.absolute-center {
    left: 50%;
    /*transform: translateX(-50%);
	-webkit-transform: translateX(-50%);*/
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.absolute-horizontal,
.absolute-center {
    top: 50%;
    /*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);*/
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.absolute-center {
    /*transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);*/
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
}


/* Colors */

.bg-blue-light {
    background-color: #a6bac3;
}

.text-blue-light {
    color: #a6bac3;
}

.bg-blue-dark {
    background-color: #242e32;
}

.text-blue-dark {
    color: #242e32;
}

#search-icon {
    cursor: pointer;
    line-height: 1;
}

#search-icon:before {
    position: relative;
    top: 1em;
}

.div-text-search {
    width: 300px;
}

#search {
    width: calc(100% - 2em);
    background-color: transparent;
}

.form-control {
    border-top: transparent!important;
    border-left: transparent;
    border-right: transparent;
    border-radius: 0!important;
    border-bottom-width: 2px!important;
    background-color: transparent;
    border-bottom-color: #ced4da!important;
    box-shadow: unset!important;
}

#tags .badge {
    height: 1.65em;
}


/** Posicionamiento centrado para fondos **/

.bg-absolute-center[style*="background-image"],
.bg-absolute-center>img {
    /*background-image: url();*/
    /* NO MODIFICAR: Este Valor se establece desde cada elemento. Esta es una clase genérica */
    background-position: 50% 50%;
    background-repeat: none;
    background-size: cover;
}

@media screen and (max-width: 765px) {
    .div-text-search {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    h5.job-title {
        font-size: 0.85em;
    }
    .job-description p {
        font-size: 0.7em;
    }
    .job-description a {
        font-size: 0.7em;
    }
}