﻿@charset "UTF-8";
/* CSS Document WonderSauce Style */

@font-face {
    font-family: 'Dia Black';
    src: url("fonts/Dia-Black.woff") format("woff"),url("fonts/Dia-Black.eot") format("oet");
    font-style: normal
}

@font-face {
    font-family: 'Dia Regular';
    src: url("fonts/Dia-Regular.woff") format("woff"),url("fonts/Dia-Regular.eot") format("oet");
    font-style: normal
}

@font-face {
    font-family: 'Nitti Light';
    src: url("/fonts/Nitti-Light.woff") format("woff"),url("fonts/Nitti-Light.woff2") format("woff2"),url("/wp-content/themes/mediaservices/assets//fonts/Nitti-Light.eot") format("oet");
    font-style: normal
}

@font-face {
    font-family: 'Nitti Regular';
    src: url("fonts/Nitti-Regular.woff") format("woff"),url("fonts/Nitti-Regular.woff2") format("woff2"),url("/wp-content/themes/mediaservices/assets//fonts/Nitti-Regular.eot") format("oet");
    font-style: normal
}

:root {
    --dia_black: "Dia Black", sans-serif;
    --dia_regular: "Dia Regular", sans-serif;
    --nitti_light: "Nitti Light", sans-serif;
    --nitti_regular: "Nitti Regular", sans-serif;
    --arrow-icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTMgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU2LjIgKDgxNjcyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik04Ljk2MzA1NjE4LDMuMjkyODkzMjIgTDguOTc0ODczNzMsMy4yODEwNzU2NyBMOS42ODE5ODA1MiwzLjk4ODE4MjQ1IEw5LjY3MDE2Mjk2LDQgTDkuNjgxOTgwNTIsNC4wMTE4MTc1NSBMOC45NzQ4NzM3Myw0LjcxODkyNDMzIEw4Ljk2MzA1NjE4LDQuNzA3MTA2NzggTDQuMDI1MTI2MjcsOS42NDUwMzY3IEwzLjMxODAxOTQ4LDguOTM3OTI5OTIgTDguMjU1OTQ5NCw0IEwzLjMxODAxOTQ4LC0wLjkzNzkyOTkxOCBMNC4wMjUxMjYyNywtMS42NDUwMzY3IEw4Ljk2MzA1NjE4LDMuMjkyODkzMjIgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgICAgIDxwYXRoIGQ9Ik04Ljk2MzA1NjE4LDMuMjkyODkzMjIgTDguOTc0ODczNzMsMy4yODEwNzU2NyBMOS42ODE5ODA1MiwzLjk4ODE4MjQ1IEw5LjY3MDE2Mjk2LDQgTDkuNjgxOTgwNTIsNC4wMTE4MTc1NSBMOC45NzQ4NzM3Myw0LjcxODkyNDMzIEw4Ljk2MzA1NjE4LDQuNzA3MTA2NzggTDQuMDI1MTI2MjcsOS42NDUwMzY3IEwzLjMxODAxOTQ4LDguOTM3OTI5OTIgTDguMjU1OTQ5NCw0IEwzLjMxODAxOTQ4LC0wLjkzNzkyOTkxOCBMNC4wMjUxMjYyNywtMS42NDUwMzY3IEw4Ljk2MzA1NjE4LDMuMjkyODkzMjIgWiIgaWQ9InBhdGgtMyI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJCdXR0b24vRHJvcGRvd24vU21hbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTUuMDAwMDAwLCAtMTAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTUuMDAwMDAwLCAxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbi9DaGV2cm9uL1NtYWxsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iQ2hldnJvbi9Eb3duIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtNC4wMDAwMDApICIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL0NoZXZyb24vU21hbGwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtNC4wMDAwMDApICI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTQiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iQ2hldnJvbi9Eb3duIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtNC4wMDAwMDApICIgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    --arrow-icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDYgMTg4LjciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvbi1wbGF5QXNzZXQgMTwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkNhcGFfMSIgZGF0YS1uYW1lPSJDYXBhIDEiPjxnIGlkPSJrZXlib2FyZC1hcnJvdy1kb3duIj48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMzUuNyAwIDE1MyAxMTcuMyAyNzAuMyAwIDMwNiAzNS43IDE1MyAxODguNyAwIDM1LjcgMzUuNyAwIi8+PC9nPjwvZz48L2c+PC9zdmc+");
    --red: #ff5a5a;
    --gold: #d4ae65;
    --blue-dark: #020f19;
    --gray_light: #7d7b92;
    --gray_mid: rgba(125, 123, 146, 0.6);
    font-size: 16px;
}

html {
    background: #020f19;
}

body {
    background: #020f19;
    color: white;
}

h2 {
    font-family: "Dia Black", sans-serif !important;
}

.logo-primary {
    margin-top: 52px;
    margin-left: 52px;
    display: inline-block;
}

a.back {
    /*   background: gold; */
    text-decoration: none;
    line-height: 0;
}

.logo-primary img:first-child {
    transform: rotate(90deg);
    width: 0.875rem;
}

a {
    color: #d4ae65;
    font-family: "Dia Regular", sans-serif;
    transition: color 0.2s, opacity 0.2s ease-in-out;
}

.footer-links a:hover,
.footer-links a:focus,
.footer-links a:active {
    color: #d4ae65;
    opacity: 0.7;
}

.forgot-pass {
    color: #7d7b92;
    float: right;
}

    .forgot-pass:hover,
    .forgot-pass:focus,
    .forgot-pass:active {
        color: white;
    }

a.register-link {
    color: white;
}

.cta-register {
    margin-bottom: 60px;
}

form a:not(.forgot-pass):not(.register-link) {
    text-decoration: underline;
}

header.container h2 {
    text-align: center;
    text-transform: uppercase;
}

main section {
    margin-top: 76px 0;
}

    main section .container {
        max-width: 375px;
        margin: 0 auto;
        padding: 0;
    }

        main section .container .row {
            margin: 0;
        }

form.container .control-input label {
    font-family: "Dia Regular", sans-serif;
    font-size: 12px;
    color: #7d7b92;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}

form.container .control-input input {
    border: solid 1px #7d7b92 !important;
    color: #7d7b92;
    border-radius: 2px !important;
    background-color: transparent !important;
    font-family: "Nitti Regular", sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    /**text-transform: uppercase;*/
    outline: none;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s;
}

    form.container .control-input input:focus,
    form.container .control-input textarea:focus {
        border: 1px solid white !important;
        color: white;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.login-btn {
    width: 100%;
    background: #d4ae65;
    text-transform: uppercase;
    color: #020f19;
    border: none;
    line-height: 0;
    font-size: 15px;
    border-radius: 2px;
    padding: 28px 40px;
    font-weight: normal;
    font-family: "Nitti Regular", sans-serif;
}

    .login-btn:hover {
        background: #a98a4d;
    }

.col-sm-12.control-input {
    padding: 20px 0;
}

.cta-submit [class^="col-"] {
    padding: 0;
}

.cta-submit input[type="submit"] {
    margin: 40px 0 20px;
}

/* Inputs: Checkbox & Radio */
.form-checkbox-item input[type="checkbox"],
.form-checkbox-item input[type="radio"],
.form-radio-item input[type="checkbox"],
.form-radio-item input[type="radio"] {
    display: none;
}

.form-checkbox-item .form-radio-other,
.form-checkbox-item .form-checkbox-other,
.form-radio-item .form-radio-other,
.form-radio-item .form-checkbox-other {
    display: inline-block !important;
    margin-left: 7px;
    margin-right: 3px;
    margin-top: 4px;
}

.form-checkbox-item .form-checkbox-other-input,
.form-checkbox-item .form-radio-other-input,
.form-radio-item .form-checkbox-other-input,
.form-radio-item .form-radio-other-input {
    margin: 0;
}

.form-checkbox-item label,
.form-radio-item label {
    line-height: 1.5rem;
    margin-left: 0;
    float: left;
    text-indent: 2rem;
    position: relative;
    color: rgba(125, 123, 146, 0.6);
}

.form-checkbox-item input:checked + label,
.form-radio-item input:checked + label {
    color: #fff;
}

.form-checkbox-item label:before,
.form-radio-item label:before {
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 4px;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.form-checkbox-item label:after,
.form-radio-item label:after {
    content: "";
    position: absolute;
    z-index: 10;
    display: inline-block;
    opacity: 0;
    top: 11px;
    left: 10px;
    width: 4px;
    height: 4px;
}

.form-checkbox-item input:checked + label:after,
.form-radio-item input:checked + label:after {
    opacity: 1;
}

.form-checkbox-item label:before,
.form-radio-item label:before {
    border: 1px solid rgba(125, 123, 146, 0.6);
    border-radius: 2px;
}

.form-checkbox-item input:checked + label:before,
.form-radio-item input:checked + label:before {
    border: 1px solid #fff;
}

.form-checkbox-item label:after,
.form-radio-item label:after {
    background-color: #d4ae65;
    box-shadow: 0 3px 0 0 #d4ae65, 3px 3px 0 0 #d4ae65, 6px 3px 0 0 #d4ae65, 8px 3px 0 0 #d4ae65;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 968px) {
    main section {
        padding: 0 20px 20px;
        margin-top: 60px;
    }

    .logo-primary {
        margin-top: 36px;
        margin-left: 20px;
    }

    .forgot-pass {
        float: initial;
    }
}

.alert-danger {
    background: transparent;
    border: 1px #ff5a5a solid;
    color: #ff5a5a;
}
/* OVERWRITE SITE.CSS*/
body {
    font-family: "Dia Regular", sans-serif;
}

#top-loginmessage ul {
    padding: unset;
}

/* alert box styling */
.modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 6px;
    outline: 0;
    box-shadow: none;
    color: #010611;
}

    .modal-content .btn-primary,
    .modal-content .btn-primary:active,
    .modal-content .btn-primary:focus {
        margin: 0 4px;
        background: #d4ae65 !important;
        text-transform: uppercase;
        color: #020f19;
        border: none;
        font-size: 13px;
        border-radius: 2px;
        font-weight: normal;
        padding: 6px 9px;
    }

        .modal-content .btn-primary:hover {
            background: #a98a4d !important;
        }

    .modal-content .btn-default,
    .modal-content .btn-default:active,
    .modal-content .btn-default:focus {
        margin: 0 4px;
        background: #ffffff !important;
        text-transform: uppercase;
        color: #020f19;
        border: none;
        font-size: 13px;
        border-radius: 2px;
        font-weight: normal;
        padding: 6px 9px;
    }

        .modal-content .btn-default:hover {
            background: #ebebeb !important;
        }

label.control-label {
    font-weight: normal;
    font-size: 13px;
    color: #010611;
}
