/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child
 Author:       Newcom Solution AG
 Author URI:   https://newcom360.ch/
 Template:     twentyseventeen
 Version:      2.5
 Text Domain:  twentyseventeen-child
*/


/**
* Fonts
**/

@font-face {
    font-family: "DIN-Regular";
    src: url("fonts/DIN-Light.woff2") format("woff2"),
    url("fonts/DIN-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "DIN-Regular";
    src: url("fonts/DIN-Regular.woff2") format("woff2"),
    url("fonts/DIN-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "DIN-Regular";
    src: url("fonts/DIN-Bold.woff2") format("woff2"),
    url("fonts/DIN-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}


/**
* Template Settings
**/

body {
    font-family: "DIN-Regular", sans-serif;
    font-weight: 300;
    color: #333333;
}

.site-header, .site-footer {
    display: none;
}
.site-content {
    padding: 0;
}
.site-content .wrap {
    max-width: unset;
    padding: 0;
}

.site-main .entry-header {
    display: none;
}
.site-main .entry-content {
    width: 100% !important;
    float: none !important;
}


/**
* Form Layout
**/

.mailster-form {
    padding: 0 2px;
}

.mailster-form label {
    font-weight: 300;
}
.mailster-form .submit-button {
    background-color: #e8e8e8;
    color: #333333;
    border-radius: 0.3em;
}
.mailster-form .submit-button:hover {
    background-color: #5f6b74;
    color: #ffffff;
}

.mailster-form .mailster-wrapper.mailster-lists-wrapper > label {
    display: none;
}
.mailster-form .mailster-wrapper.mailster-lists-wrapper > .mailster-list {
    margin-top: 10px;
}
.mailster-form .mailster-wrapper.mailster-lists-wrapper > .mailster-list .mailster-list-description {
    display: none;
}

.mailster-form .mailster-form-info.success {
    color: #587549;
    background-color: #c9f7b2;
    text-align: left;
    border-radius: .3rem;
    padding: 1.5rem;
}
.mailster-form .mailster-form-info.error > p {
    display: none;
}

.mailster-form .mailster-wrapper.mailster-anrede-wrapper option {display: none}
.page-id-550 .mailster-form .mailster-wrapper.mailster-anrede-wrapper option[value="Frau"] {display: block}
.page-id-550 .mailster-form .mailster-wrapper.mailster-anrede-wrapper option[value="Herr"] {display: block}
.page-id-548 .mailster-form .mailster-wrapper.mailster-anrede-wrapper option[value="Madame"] {display: block}
.page-id-548 .mailster-form .mailster-wrapper.mailster-anrede-wrapper option[value="Monsieur"] {display: block}
.page-id-545 .mailster-form .mailster-wrapper.mailster-anrede-wrapper option[value="Ms."] {display: block}
.page-id-545 .mailster-form .mailster-wrapper.mailster-anrede-wrapper option[value="Mr."] {display: block}

@media (min-width: 768px) {
    .mailster-form .mailster-form-fields {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        column-gap: 10px;
        row-gap: 10px;
    }
    .mailster-form .mailster-form-fields > .mailster-wrapper {
        align-self: stretch;
        grid-column: 1 / 13;
    }

    .mailster-form .mailster-wrapper.mailster-anrede-wrapper {grid-column: 1 / 4}

    .mailster-form .mailster-wrapper.mailster-firstname-wrapper {grid-column: 1 / 7}
    .mailster-form .mailster-wrapper.mailster-lastname-wrapper {grid-column: 7 / 13}

    .mailster-form .mailster-wrapper.mailster-plz-wrapper {grid-column: 1 / 4}
    .mailster-form .mailster-wrapper.mailster-ort-wrapper {grid-column: 4 / 7}
    .mailster-form .mailster-wrapper.mailster-land-wrapper {grid-column: 7 / 13}
}