/*!
 * Copyright (C) 2022, Peppermill Inc.
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are not permitted.
 *//*
 * WendoverFun.com Custom CSS for Online Application
 * Version: 1.0.0
 *	Changes:
 *
 *  2022-09-20 (1.0.0) (zsahs)
 *      - Custom CSS for Online Job Application.
 *
 */

.form {
    margin: 25px;
    max-width: unset;
}

.pepvalidate-v3 label > .text:after {
    content: "";
}

.pepvalidate-v3 h2 {
    text-align: center;
}

input[type="radio"] {
    max-width: 50px;
    display: flex;
}

input[type="checkbox"] {
    max-width: 50px;
    display: flex;
}

.pepvalidate-v3 div .radio-size {
    max-width: 50px;
    display: flex;
}

.properties {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.property-logos {
    width: 55%
}

.properties-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

form div div p .property-name-width {
    width: 160px
}

.center-property-logos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.personal-info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4%;
}

.addresses {
    display: grid;
    grid-template-columns: 2fr 1fr .4fr .5fr;
    grid-column-gap: 4%;
}

form div p label .how-long-width {
    min-width: 100px;
    max-width: 150px
}

.prev-worked {
    display: grid;
    grid-template-columns: .3fr .3fr 2fr;
    grid-column-gap: 1%;
}

form .valid-license {
    display: grid;
    grid-template-columns: 50px 50px 1fr 1fr 5fr;
    grid-column-gap: 1%;
}

form .license-number-width {
    min-width: 115px;
}

.three-headers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.employment {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4%;
}

.pay-info {
    display: grid;
    grid-template-columns: 1fr .5fr 2.5fr;
}

form p label .pay-width {
    width: 75%;
}

#mailing_state {
    min-width: 60px;
}

#cur_state {
    min-width: 60px;
}

#prev_state {
    min-width: 60px;
}

.shifts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 7fr;
    grid-column-gap: 4%;
}

form p label .start-date {
    min-width: 100px;
    max-width: 150px
}

.work-days {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 3fr;
    grid-column-gap: 2%;
}

form p label .dates-worked {
    width: 40%;
}

form p label .license-state {
    min-width: 50px;
    max-width: 75px;
}

form p label .license-number {
    min-width: 140px;
    max-width: 200px;
}

.reference-headers {
    display: grid;
    grid-template-columns: .1fr 1fr 1fr 1fr;
}

.education {
    display: grid;
    grid-template-columns: 3fr .2fr .2fr .2fr .2fr;
    grid-column-gap: 2%;
}

.education-headers {
    display: grid;
    grid-template-columns: 2fr 4fr 1fr;
}

.grade-level-checkbox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

form p label .other-training {
    width: 73%
}

.read-carefully {
    text-align: center;
}

.signature-box {
    border: solid black 3px;
    font-size: 18px;
    margin: 15px;
    padding: 15px;
}

.signature-box-border {
    padding: 15px;
}

.app-sig {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2%;
}

.mobile-hr {
    display: none;
}

form div p label .app-sig-width {
    width: 80%;
}

.grey-out-label {
    display: none;
}

/**/
p .yes-no-spacing, p div .yes-no-spacing, div .yes-no-spacing, .yes-no-spacing {
    display: grid;
    grid-template-columns: 50px 50px 7fr;
    grid-column-gap: 1%;
}

.pepvalidate-v3 p .label-width {
    width: 100px
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Adjust size as needed */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* This forces the browser to use the icon ligatures */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

@media screen and (max-width: 600px) {

    .properties {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 5%;
    }

    .properties-checkbox {
        display: flex;
        justify-content: start;
        max-width: 57%;
    }

    .property-logos {
        width: 100%;
    }

    form div div p .property-name-width {
        width: unset;
    }

    #property-check-boxes p label:before {
        margin: -16px 0 0 16px;
    }

    #property-check-boxes p label:after {
        margin: -16px 0 0 16px;
    }

    form div p label .how-long-width {
        width: 35%;
    }

    form div p label .position-width {
        width: 100%;
    }

    .pay-info {
        display: grid;
        grid-template-columns: 2fr .5fr 1fr;
    }

    form .valid-license {
        display: grid;
        grid-template-columns: 50px 35px .3fr 1fr;
        grid-column-gap: 1%;
    }

    form p label .license-state {
        width: 100%;
    }

    form p label .license-number {
        width: 100%;
    }

    form p label .ref-by {
        width: 100%;
    }

    .work-days {
        display: grid;
        grid-template-columns:
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px);
        grid-column-gap: 5%;
    }

    form p label .dates-worked {
        min-width: 150px;
        max-width: 150px
    }

    .shifts {
        display: grid;
        grid-template-columns:
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                7fr;
        grid-column-gap: 10%;
    }

    .mobile-hr {
        display: block;
    }

    .three-headers {
        display: none;
    }

    .app-sig {
        display: unset;
        grid-template-columns: unset;
        grid-column-gap: unset;
    }

    .education {
        display: grid;
        grid-template-columns:
                minmax(150px, 300px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px)
                minmax(10px, 30px);
        grid-column-gap: 6%;
    }

    .education-headers {
        display: grid;
        grid-template-columns: 1fr 2fr 1fr;
        justify-items: center;
    }

    .pepvalidate-v3 h4 {
        display: grid;
        justify-content: center;
    }

    .pepvalidate-v3.full-width {
        margin-right: unset;
        width: unset;
        padding-right: unset;
        padding-left: unset;
        float: unset;
    }

    .personal-info {
        display: unset;
    }

    .employment {
        display: unset;
    }

    .addresses {
        display: unset;
    }

    .address-inputs span {
        display: grid;
        grid-template-columns: 1fr 5fr;
    }

    .signature-box-border {
        border: solid black 2px;
    }

    .hide-headers span strong {
        display: none;
    }
}