/*
 Theme Name:   Architekt M. Würker
 Description:  Suheto Child Theme für Architekt Markus Würker, Königswinter
 Author:       Bego Mario Garde
 Author URI:   https://garde-medienberatung.de
 Template:     suheto
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  guerilla
*/

body {
    font-size: 16px;
    text-transform: uppercase;
    color: #747474;
    line-height: 30px;
    letter-spacing: 0.05em;
}

input,
button,
select,
textarea,
label {
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 0.05em;
}

.btn.btn-primary {
    border-radius: 0;
    padding: 5px 10px;
    margin: 10px 0;
    background: #005381;
    color: #fff;
}

#nav-main {
    display: flex;
    justify-content: center;
}

#footer_nav li {
    list-style-type: none;
}

.page-header h1 {
    word-break: break-word;
}


/* Featured Image */

.page .page-header {
    margin-bottom: 2px;
}

.page-template-page-portfolio-sortable .page-header,
.page-header {
    margin: 0 0 251px;
}

.featured-image-section {
    display: block;
    height: 200px;
    width: 100%;
    overflow: hidden;
    margin: 25px 0 27px 0;
}

#wrap {
    background-color: rgba(255, 255, 255, 0.8);
}

.nav_wp3menu li ul a:link,
.nav_wp3menu li ul a:visited {
    width: 240px;
}

.page-template-page-blog .hentry header {
    margin: 0;
}

.page-template-page-blog article.post h2 {
    padding: 5px 12px 5px 0px;
}

.page-header h1,
article.post h2,
article.post h2 a,
h1.entry-title,
.gallery-content h2 span,
h2,
h3 {
    background-color: transparent !important;
    color: #005381;
}

.search article {
    border-bottom: 1px solid #aaa;
    margin-bottom: 40px;
}

.post footer {
    display: none;
}

#main fieldset {
    margin-top: -29px;
}

.indent li {
    margin: 0 0 10px 20px;
}

.kontakt td:first-child {
    padding: 0px 10px 0 0;
}

.copyright-text {
    line-height: 1;
}

@media (max-width: 1079px) {
    nav select {
        max-width: 420px;
    }
    aside {
        margin-top: 100px;
        padding: 400px 0 0 0;
    }
    .span3 {
        width: auto;
    }
    nav ul#menu-imprint {
        display: -webkit-flex;
        /* Safari */
        display: flex !important;
        justify-content: center;
    }
    #footer_nav ul {
        list-style: inline;
    }
}

@media (min-width: 1080px) {
    aside {
        margin-top: 300px;
    }
}

@media (min-width: 480px) {
    .logo img {
        max-width: 420px;
        margin: 20px 0;
    }
    .container {
        background: url("./img/amw.svg") no-repeat;
        background-size: 10%;
        background-position: right 70px;
    }
}

@media (max-width: 479px) {
    .page-header {
        margin: 0 0 100px;
    }
    .page-header h1 {
        font-size: 18px;
    }
    .logo img {
        margin: 20px 0;
    }
    .featured-image-section {
        height: 100px;
        width: 80%;
        overflow: hidden;
    }
    .container {
        background: url("./img/amw.svg") no-repeat;
        background-size: 18%;
        background-position: right 70px;
    }
    .flexslider {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
    }
    p.flex-caption {
        display: none;
    }
}

textarea:focus,
textarea:active,
input[type="text"]:focus,
input[type="text"]:active,
input[type="email"]:focus input[type="email"]:active {
    color: #005381;
}

.wpcf7-text,
.wpcf7-textarea {
    width: 70%;
}


/* open-sans-300 - latin */

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/open-sans-v15-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Open Sans Light"), local("OpenSans-Light"), url("./fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/open-sans-v15-latin-300.woff2") format("woff2"), /* Super Modern Browsers */
    url("./fonts/open-sans-v15-latin-300.woff") format("woff"), /* Modern Browsers */
    url("./fonts/open-sans-v15-latin-300.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
    /* Legacy iOS */
}


/* open-sans-300italic - latin */

@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url("./fonts/open-sans-v15-latin-300italic.eot");
    /* IE9 Compat Modes */
    src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("./fonts/open-sans-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/open-sans-v15-latin-300italic.woff2") format("woff2"), /* Super Modern Browsers */
    url("./fonts/open-sans-v15-latin-300italic.woff") format("woff"), /* Modern Browsers */
    url("./fonts/open-sans-v15-latin-300italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/open-sans-v15-latin-300italic.svg#OpenSans") format("svg");
    /* Legacy iOS */
}

h1,
h2,
h3,
h4,
h5,
h6,
.gallery-content span,
.nav_wp3menu,
body {
    font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}