@media screen and (min-width: 768px) {
    a.logo.desktop-logo {
        height: 140px;
        display: flex;
        align-items: center;
    }
    img#logo {
        padding: 0;
        height: 75%;
        max-height: 75%;
    }
}
#content > h2,
#main-content > h2,
#page-left > h2,
#job-status section > h2,
#default-jobs > h2,
form[name="delete-account"] > h2 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 40px;
    color: rgb(14,14,14);
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    width: auto;
}
body,
html,
#wrapper {
    background-color: #fff;
}
input[type="submit"],
a.link-button,
form button[type="submit"] {
    box-shadow: 0 7px 16px rgba(12,12,12,.22);
    font-size: 15px!important;
    font-weight: 700;
    color: #fff;
    padding: 0 34px;
    line-height: 51px;
    text-shadow: none;
    transition: all 200ms linear;
    font-family: Montserrat, sans-serif;
    border-radius: 5px;
    border: none;
}
input[type="submit"]:hover,
a.link-button:hover,
input[type="submit"]:focus,
a.link-button:focus,
form button[type="submit"]:hover,
form button[type="submit"]:focus {
    background-color: #0e0e0e;
}
div#head,
ul#main-nav {
    height: 140px;
}
div#map-canvas {
    box-shadow: none;
}
nav ul#main-nav li {
    line-height: normal;
    padding-top: 35px;
}
ul#main-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav li {
    font-size: 1.25rem;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
}
nav li.active {
    background: transparent;
}
nav li:hover,
nav li:focus {
    background: transparent;
}
nav li a {
    transition: color 0.5s;
}
nav li:hover a,
nav li:focus a,
nav li.active a {
    color: rgb(14,14,14);
}
/** LOGIN STYLES **/
#login-page #content {
    border: none;
    border-radius: 10px;
    background: transparent;
    width: 500px;
}
h1.create,
h2.create {
    text-shadow: none;
    font-family: Montserrat,sans-serif;
    letter-spacing: normal;
    font-size: 40px;
    font-weight: 600;
    color: rgb(14,14,14);
}
#login-page #content h1.create:before,
#login-page #content h1.create:after {
    display: none;
}
#login-page #content > div.button {
    display: none;
}
.switch-candy a {
    box-shadow: none!important;
}
.switch-toggle.switch-candy {
    background-color: rgb(14,14,14);
}
#login-page #content input[type="text"],
#login-page #content input[type="password"],
#login-page #content input[type="tel"],
#login-page #content input[type="email"],
#login-page #content select {
    background: transparent;
    box-shadow: none;
    border-radius: 8px!important;
    border-width: 2px;
    height: 50px;
}
#login-page #content input[type="text"]:focus,
#login-page #content input[type="password"]:focus,
#login-page #content input[type="tel"]:focus,
#login-page #content input[type="email"]:focus,
#login-page #content select:focus {
    border-color: #93c01f;
}
h2.create {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    text-transform: none;
    margin-top: 10px;
}
#content h1.create {
    line-height: 40px;
    font-size: 35px;
}
#login-page #content {
    padding-top: 0;
    margin: 0;
}
#login-page .container {
    margin: 0;
    width: auto;
    padding-top: 50px;
    display: flex;
    flex-grow: 1;
    align-items: start;
}
#login-page div#wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#login-page footer {
    position: static;
    margin-top: auto;
}
#login-page div#head {
    width: 100%;
}
/** Booking Screen **/
input[type="text"],
input[type="tel"],
select,
input[type="number"],
#address-form div.tag-input,
input[type="date"],
input[type="time"] {
    background: transparent;
    box-shadow: none;
    border-width: 2px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#search-job input[type="text"],
#search-job input[type="number"],
#search-job select,
#search-job input[type="tel"],
#search-job input[type="number"],
#address-form input[type="text"],
#address-form input[type="number"],
#address-form select,
#address-form input[type="tel"],
#address-form input[type="number"],
#address-form div.tag-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#address-form input[type="text"],
#address-form input[type="tel"],
#address-form select,
#address-form input[type="number"],
#address-form div.tag-input,
#search-job input[type="text"],
#search-job input[type="tel"],
#search-job select,
#search-job input[type="number"],
#search-job div.tag-input {
    border-left-width: 0;
}
input[type="text"]:hover,
input[type="tel"]:hover,
select:hover,
input[type="number"]:hover,
#address-form div.tag-input:hover,
input[type="text"]:focus,
input[type="tel"]:focus,
select:focus,
input[type="number"]:focus,
#address-form div.tag-input:focus,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="date"]:focus,
input[type="time"]:focus {
    border-color: #93c01f;
    box-shadow: none;
    border-width: 2px;
}
#address-form input[type="text"]:hover,
#address-form input[type="tel"]:hover,
#address-form select:hover,
#address-form input[type="number"]:hover,
#address-form div.tag-input:hover,
#search-job input[type="text"]:hover,
#search-job input[type="tel"]:hover,
#search-job select:hover,
#search-job input[type="number"]:hover,
#search-job div.tag-input:hover,
#address-form input[type="text"]:focus,
#address-form input[type="tel"]:focus,
#address-form select:focus,
#address-form input[type="number"]:focus,
#address-form div.tag-input:focus,
#search-job input[type="text"]:focus,
#search-job input[type="tel"]:focus,
#search-job select:focus,
#search-job input[type="number"]:focus,
#search-job div.tag-input:focus {
    border-left-width: 0;
}
#address-form > label,
.no-addresses > label,
#via-container > label,
#account-fields > label,
#account-fields-container > label,
#cash-accounts > label,
#cash-fields-container > label {
    background: rgb(14,14,14);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
input[name="add-via"]:not(.add-via-half-width),
input#rem-via {
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
}
.switch-toggle.switch-candy,
.switch-toggle.switch-candy a {
    border-radius: 8px;
}
div.force-value-input-div {
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
}
/** **/
#default-jobs.default-jobs #main-content #address-form > input[type="submit"] {
    float: left;
    width: 48%;
}
#default-jobs #address-form > a.link-button {
    float: right;
    clear: none;
    height: 50px;
    margin: 0;
    width: 48%;
    max-width: 48%;
    box-sizing: border-box;
}
/** Profile Page **/
section.form-container {
    background: none;
    border-radius: 8px;
}
section.form-container select {
    border-left-width: 2px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
section.form-container input[type="submit"] {
    width: 100%;
}
section.form-container form input[type="text"],
section.form-container form input[type="password"],
section.form-container form input[type="email"] {
    border-radius: 8px;
    border-width: 2px;
    background: transparent;
    box-shadow: none;
}
section.form-container form input[type="text"]:hover,
section.form-container form input[type="password"]:focus,
section.form-container form input[type="text"]:focus,
section.form-container form input[type="password"]:hover,
section.form-container form select:focus,
section.form-container form input[type="email"]:hover,
section.form-container form input[type="email"]:focus {
    border-color: #93c01f;
    border-width: 2px;
    box-shadow: none;
}
.form-container label {
    font-family: Montserrat, sans-serif;
    font-size: 110%;
}
.form-container > form > h2 {
    font-size: 30px;
}
/** MISC **/
a.link-button.user-options {
    min-width: 80px;
}
.form-container label[for="must-change"] {
    text-transform: none;
    width: 70%;
}
#update-user-form label.label-float {
    width: auto;
}
#template-select input[type="submit"],
#new-template input[type="submit"] {
    height: 50px;
    line-height: 50px;
    padding-top: 0;
}
#login-page #form-create-account input#password {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
#login-page #password-str {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 48px;
    line-height: 48px;
    text-shadow: none;
}
a#guest-booking {
    line-height: 1.1;
    display: flex;
    align-items: center;
}
#login-page h2.create {
    padding-top: 0;
}
.switch-candy label {
    text-shadow: none;
}
@media screen and (min-width: 769px) {
    div#head nav ul#main-nav {
        background: transparent;
        border-bottom: 5px solid #93c01f;
    }
    img#logo {
        background: transparent;
    }
    #head nav li:hover a,
    #head nav li:focus a,
    #head nav li.active a {
        color: #93c01f;
    }
    #head .nav li a {
        color: rgb(14,14,14);
    }
    section#logged-in p {
        color: rgb(14,14,14);
    }
}
/**MOBILE STYLES **/
@media screen and (max-width: 768px) {
    #login-page nav {
        display: none;
    }
    #head:before {
        width: 120px;
        height: 64px;
        content: '';
        background-image: url("/uploader/uploads/logo.png");
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 18px;
        left: 15px;
        background-size: contain;
    }
    #login-page div#head:before {
        width: 100%;
        left: 0;
    }
    div#head {
        height: 100px;
        background-color: #fff;
        border-bottom: 5px solid #93c01f;
    }
    #login-page #gradient-wrapper {
        max-width: 100%;
    }
    #login-page h2.create {
        font-size: 35px;
        margin-top: 0;
    }
    .slide-toggle {
        margin: 0;
        top: 35px;
        right: 10px;
        position: absolute;
    }
    .slide-toggle:after {
        box-shadow: none;
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        font-size: 40px;
        line-height: 30px;
        color: #93c01f;
        transition: color 0.5s;
    }
    div#outer-div[style="overflow: hidden;"] .slide-toggle:after {
        color: #fff;
    }
    ul#main-nav {
        width: 100%;
        height: 100dvh;
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }
    .slide-checkbox:checked ~ .slide {
        transform: translateX(100%) scale(1);
    }
    .logo.mobile-logo {
        display: none !important;
    }
    nav ul#main-nav li {
        height: 60px;
        width: 100%;
        border-bottom: none;
        border-top: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #main-nav li a {
        text-align: center;
        border-bottom: none;
        border-top: none;
    }
    #address-form input[type="text"],
    #address-form input[type="number"],
    #address-form select,
    #address-form input[type="tel"],
    #address-form input[type="number"],
    #address-form div.tag-input {
        border-left-width: 2px;
        border-top-width: 0;
        border-bottom-left-radius: 8px!important;
        border-bottom-right-radius: 8px!important;
    }
    #address-form input[type="text"]:focus,
    #address-form input[type="number"]:focus,
    #address-form select:focus,
    #address-form input[type="tel"]:focus,
    #address-form input[type="number"]:focus,
    #address-form div.tag-input:focus,
    #address-form input[type="text"]:hover,
    #address-form input[type="number"]:hover,
    #address-form select:hover,
    #address-form input[type="tel"]:hover,
    #address-form input[type="number"]:hover,
    #address-form div.tag-input:hover {
        border-left-width: 2px;
    }
    #address-form div.tag-input,
    input[name="add-via"]:not(.add-via-half-width),
    input#rem-via {
        border-top-right-radius: 0!important;
    }
    #address-form input[name="add-via"] {
        border-bottom-left-radius: 8px!important;
    }
    #address-form > label,
    .no-addresses > label,
    #via-container > label,
    #account-fields > label,
    #account-fields-container > label {
        border-top-right-radius: 8px;
    }
    #login-page a.logo.desktop-logo {
        display: none;
    }
    #profile-page section.form-container {
        border: none;
    }
    #profile-page .form-container form div input {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #profile-page .form-container form div input[type="text"],
    #profile-page .form-container form select {
        border-radius: 8px!important;
    }
    #profile-page section.form-container:first-of-type {
        padding-top: 0;
    }
    #profile-page #content > h2 {
        margin-bottom: 0;
    }
    section.form-container > div {
        display: flex;
    }
    #profile-page .form-container form > div:not(#password-str, #password-suggestions) {
        display: flex;
        align-items: center;
        line-height: 1;
        flex-wrap: wrap;
    }
    #profile-page .form-container form > div input[type="checkbox"] {
        flex-basis: 15%;
        margin-left: auto;
        max-height: 25px;
        max-width: 25px;
    }
    ul.tagit.ui-widget.ui-widget-content.ui-corner-all {
        flex-basis: 100%;
    }
    div#password-str {
        float: none;
        border-radius: 8px;
    }
}