/*
 Theme Name:   SW Liedke
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1.2
*/

/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-display: swap;

    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'),
    url('./fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/lato-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-italic - latin */
@font-face {
    font-family: 'Lato';
    font-display: swap;

    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'),
    url('./fonts/lato-v16-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/lato-v16-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-display: swap;

    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'),
    url('./fonts/lato-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/lato-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700italic - latin */
@font-face {
    font-family: 'Lato';
    font-display: swap;

    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
    url('./fonts/lato-v16-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/lato-v16-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


#primary-menu {
    letter-spacing: 1px;
}

.main-title {
    letter-spacing: 1px;
}

.site-wrapper {
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2)
}


#main a {
    border-bottom: 1px solid #ddd;
}

#main a:hover {
    border-bottom: 1px solid #333;
    color: #333;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.page-hero h1 {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-weight: 400;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, .8), 1px 1px 5px rgba(0, 0, 0, .5);
    margin-bottom: 10px;
}

.page-hero p {
    color: #FFF;
    font-weight: 400;
    text-align: center;
    font-size: 24px;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, .8), 1px 1px 5px rgba(0, 0, 0, .5);
}

.home #main {
    padding: 80px;
    text-align: center;
    font-size: 18px;
}

.home #main h2 {
    font-weight: 400;
    letter-spacing: 1px;
}

.home #main h4 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

#footer-widgets {
    text-align: center;
}

#footer-widgets h2 {
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.page-hero {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header {
    border-bottom: 1px solid #eee;
}

.home .site-header {
    border-bottom: 0;
}


* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: #666666;
    background-color: #F6F6F6;
    border-color: #F6F6F6;
}

.nf-before-form-content {
    margin-bottom: 20px;
    font-size: 16px;
}

body .nf-field-label label {
    font-weight: 400;
    font-size: 16px;
}

body .label-above .nf-field-label {
    margin-bottom: 5px;
}

body .nf-field-description {
    font-size: 18px;
    margin-bottom: 10px;
}

body .list-checkbox-wrap .nf-field-element li input {
    margin-top: 5px;
}

body .list-checkbox-wrap .nf-field-element li label {
    font-size: 16px;
    font-weight: 400;
}


body .nf-error .ninja-forms-field {
    border-color: #C0392B;
}

body .nf-error-msg {
    font-size: 16px;
    color: #C0392B;
}

input {
    font-size: 18px;
}

@media (max-width: 768px) {

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }


    body .page-hero h1 {
        font-size: 30px;
    }

    body .page-hero p {
        font-size: 18px;
    }

    body .site-info {
        padding: 20px;
    }

    body.home #main {
        padding: 70px 30px 40px;
    }

    .page-hero {
        min-height: calc(100vh - 128px);
    }

    body {
        font-size: 16px;
    }

    .home #main h2 {
        font-size: 24px;
    }

    .home #main h4 {
        font-size: 20px;
    }
}