/* 
    Created on : 06.11.2018, 14:03:02
    Author     : Mario Kehl <mkehl@mediengarage.de>
*/

/* --- Filter --- */

.tx_jobfair-table-cell {
    position: relative;
    display: flex;
}

/* Stellenbezeichnung */
.tx_jobfair-table-cell:nth-of-type(1) {
    flex: 100%;
}

/* Anstellungsart */
.tx_jobfair-table-cell:nth-of-type(2) {
    display: none;
}

/* Standort */
.tx_jobfair-table-cell:nth-of-type(3) {
    display: none;
    padding-right: 20px;
}

@media (min-width: 769px) {

    .tx_jobfair-table-cell:nth-of-type(1) {
        flex: 40%;
    }

    .tx_jobfair-table-cell:nth-of-type(2) {
        display: table-cell;
        flex: 25%;
    }

    .tx_jobfair-table-cell:nth-of-type(3) {
        display: table-cell;
        flex: 35%;
    }

}

.tx_jobfair-table-caret {
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #cc3218;
    height: 0;
    width: 0;
}

@media (min-width: 769px) {

    .tx_jobfair-table-cell:nth-of-type(1) .tx_jobfair-table-caret {
        display: none;
    }

}


/* --- Application Form --- */

#tx_jobfair-application-form {
    background-color: #F5F5F5;
    padding: 20px;
    margin-bottom: 20px;
}

#tx_jobfair-form-headline {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

#tx_jobfair-form-label-attachment-note {
    display: block;
    font-size: 10px;
    margin-top: 5px;
}

#tx_jobfair-form-error .typo3-messages {
    list-style: none;
    padding: 0;
}

#tx_jobfair-form-error .typo3-messages .alert-message {
    margin: 0;
}

/* --- CSS Checkbox --- */

.tx_jobfair-form-privacy {
    position: relative;
}

.tx_jobfair-form-privacy input[type="checkbox"] {
    position: absolute;
    top: 3px;
    opacity: 0;
    height: 16px;
    width: 16px;
}

.tx_jobfair-form-privacy label {
    position: relative;
    display: inline-block;
    padding-left: 22px;
}

.tx_jobfair-form-privacy label::before,
.tx_jobfair-form-privacy label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

/* Outer-box */
.tx_jobfair-form-privacy label::before {
    background-color: #FFF;
    height: 16px;
    width: 16px;
    border: 1px solid;
    left: 0px;
    top: 3px;
}

/* Checkmark */
.tx_jobfair-form-privacy label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 4px;
    top: 7px;
}

/* Hide the checkmark by default */
.tx_jobfair-form-privacy input[type="checkbox"] + label::after {
    content: none;
}

/* Unhide on the checked state */
.tx_jobfair-form-privacy input[type="checkbox"]:checked + label::after {
    content: "";
}

/* Adding focus styles on the outer-box of the fake checkbox */
.tx_jobfair-form-privacy input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}