/*
    Theme Name:   bio7-theme
    Theme URI:    
    Description:  Theme for bio7 Spätverkauf website // child theme of generatepress base theme
    Author:       Alfred Hanisch
    Author URI:   https://devdino.de
    Template:     generatepress
    Version:      1.0.0
    Text Domain:  bio7-theme
*/

/*  not used yet    */
/* @font-face {
    font-family: 'sauna-blackregular';
    src: url('font/sauna-black-webfont.eot');
    src: url('font/sauna-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sauna-black-webfont.woff2') format('woff2'),
         url('font/sauna-black-webfont.woff') format('woff'),
         url('font/sauna-black-webfont.ttf') format('truetype'),
         url('font/sauna-black-webfont.svg#sauna-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'sauna-blackitalicregular';
    src: url('font/sauna-blackitalic-webfont.woff') format('woff');
    /* src: url('font/sauna-blackitalic-webfont.eot');
    src: url('font/sauna-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sauna-blackitalic-webfont.woff2') format('woff2'),
         url('font/sauna-blackitalic-webfont.woff') format('woff'),
         url('font/sauna-blackitalic-webfont.ttf') format('truetype'),
         url('font/sauna-blackitalic-webfont.svg#sauna-blackitalicregular') format('svg'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sauna-boldregular';
    src: url('font/sauna-bold-webfont.woff') format('woff');
    /* src: url('font/sauna-bold-webfont.eot');
    src: url('font/sauna-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sauna-bold-webfont.woff2') format('woff2'),
         url('font/sauna-bold-webfont.woff') format('woff'),
         url('font/sauna-bold-webfont.ttf') format('truetype'),
         url('font/sauna-bold-webfont.svg#sauna-boldregular') format('svg'); */
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sauna-bolditalic';
    src: url('font/sauna-bolditalic-webfont.woff') format('woff');
    /* src: url('font/sauna-bolditalic-webfont.eot');
    src: url('font/sauna-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sauna-bolditalic-webfont.woff2') format('woff2'),
         url('font/sauna-bolditalic-webfont.woff') format('woff'),
         url('font/sauna-bolditalic-webfont.ttf') format('truetype'),
         url('font/sauna-bolditalic-webfont.svg#sauna-bolditalicregular') format('svg'); */
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sauna-italicregular';
    src: url('font/sauna-italic-webfont.woff') format('woff');
    /* src: url('font/sauna-italic-webfont.eot');
    src: url('font/sauna-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sauna-italic-webfont.woff2') format('woff2'),
         url('font/sauna-italic-webfont.woff') format('woff'),
         url('font/sauna-italic-webfont.ttf') format('truetype'),
         url('font/sauna-italic-webfont.svg#sauna-italicregular') format('svg'); */
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sauna-romanregular';
    src: url('font/sauna-roman-webfont.woff') format('woff');
    /* src: url('font/sauna-roman-webfont.eot');
    src: url('font/sauna-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/sauna-roman-webfont.woff2') format('woff2'),
         url('font/sauna-roman-webfont.woff') format('woff'),
         url('font/sauna-roman-webfont.ttf') format('truetype'),
         url('font/sauna-roman-webfont.svg#sauna-romanregular') format('svg'); */
    font-weight: normal;
    font-style: normal;

}

:root {
    --bio7-yellow-light: #faeb6d;
	--bio7-yellow: #f9e649;
    --bio7-green: #3aaa35;  
    --bio7-green-dark: #297425;  
  }


body {
    background: #80d9d9;
    background: linear-gradient(146deg,rgba(128, 217, 217, 1) 0%, rgba(147, 230, 142, 1) 50%, rgba(255, 239, 97, 1) 100%);
    min-height: 100vh;
    background-attachment: fixed;
}

ul {
    margin-left: 25px;
}

body, p {
    font-family: 'sauna-romanregular';
    font-size: 22px;
    line-height: 30px;
}

b, strong {
    font-family: 'sauna-boldregular';
}

i, em {
    font-family: 'sauna-italicregular';
}

a {
    color: var(--bio7-green-dark);
}

a:hover {
    color: var(--bio7-green);
}

a.read-more {
    padding: 10px 20px;
    color: white;
    background-color: var(--bio7-green-dark);
    border-radius: 10px;
}

a.read-more:hover {
    background-color: var(--bio7-green);
}

.site-content {
    margin-left: 20px;
    margin-right: 20px;
}


/* ************************************************************
    social link 
************************************************************ */

.social-link-wrapper {
    text-align: center;
    margin-bottom: 0px;
}

.social-link {
    background-color: transparent;
    font-family: 'sauna-bolditalic';
    color: var(--bio7-green-dark);
}

.social-link i{
    vertical-align: text-bottom;
}

.social-link:hover {
    color: var(--bio7-green);
}

/* ************************************************************
    header
************************************************************ */

@media (max-width: 768px) {
    .inside-header {
        padding-bottom: 10px;
    }
}

.site-header .inside-header {
    padding-bottom: 0px;
}

.site-branding-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.site-branding {
    text-align: center;
}

.main-title {
    font-family: 'sauna-bolditalic';
    font-size: 32pt;
}

.main-title a {
    color: var(--bio7-green-dark);
}

.main-title a:hover {
    color: var(--bio7-green);
}

.site-description {
    font-family: 'sauna-bolditalic';
    color: var(--bio7-green-dark);
    font-size: 16pt;
}

@media (min-width: 769px) {
    #site-navigation {
        display: none;
    }
}


#primary-menu {
    margin-bottom: 10px;
}

.menu-toggle {
    height: 60px;
}

.menu-toggle .gp-icon {
    vertical-align: text-top;
}

.main-navigation {
    color: var(--bio7-green-dark);
    border-radius: 15px;
    background-color: transparent;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}

.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 5px;
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: var(--bio7-green-dark);
    font-family: 'sauna-boldregular';
    font-size: 22px;
    line-height: 40px;
    text-align: center;
}


.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a,
.main-navigation .main-nav ul li a:hover {
    color: var(--bio7-green);
}

button.menu-toggle:hover, button.menu-toggle:focus {
    color: var(--bio7-green-dark);
}

/* ************************************************************
    blog
************************************************************ */

.home .grid-container {
    max-width: 1240px;
}



@media (max-width: 768px) {
    .home .site-main {
        margin-top: 0px;
    }
}


.home.separate-containers .inside-article {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;

    border-radius: 15px;

    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    transition: transform .2s ease-out, box-shadow .2s ease-out;

    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.home.separate-containers .inside-article:hover {
    transform: translate(7px, 7px);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.home.separate-containers .inside-article .inside-article-content {
    padding: 40px;
    border-radius: 15px;
    background-color: rgb(249, 230, 73, 0.8);
}

@media (max-width: 375px) {
    .home.separate-containers .inside-article .inside-article-content {
        padding: 25px;
    }
}

.home.separate-containers .inside-article .inside-article-background.has-background-image {
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
}


/* .home.separate-containers .inside-article .inside-article-background.has-background-image .inside-article-content {
    transition: background-color .2s ease-out, color .2s ease-out;
}

.home.separate-containers .inside-article:hover .inside-article-background.has-background-image .inside-article-content {
    background-color: rgb(249, 230, 73, 0.0);
    color: rgba(255, 255, 255, 0.0)
}

.home.separate-containers .inside-article:hover .inside-article-background.has-background-image .inside-article-content a {
    color: rgba(255, 255, 255, 0.0)
} */


.home.separate-containers .inside-article .inside-article-background {
    border-radius: 15px;
}

.home.separate-containers .inside-article .inside-article-background.has-background-image.is-image-only .entry-header {
    display: none;
}

.home.separate-containers .inside-article .inside-article-background.has-background-image.is-image-only .inside-article-content {
    background-color: transparent;
}

.separate-containers .comments-area, 
.separate-containers .page-header, 
.one-container .container, 
.separate-containers .paging-navigation, 
.inside-page-header {
    background-color: transparent;
}


/* content blog or single */


.home .entry-content:not(:first-child), 
.home .entry-summary:not(:first-child){
    margin-top: 15px;
}

.home .entry-title {
    font-family: 'sauna-blackitalicregular';
    pointer-events: none;
}

.entry-title a {
    color: var(--bio7-green-dark);
}

@media (max-width: 320px) {
    .entry-title a {
        font-size: 30px;
    }
}

.last-modified-date {
    font-size: smaller;
    margin-bottom: 0px;
}

button, html input[type="button"], 
input[type="reset"], input[type="submit"], 
a.button, a.wp-block-button__link:not(.has-background) {
    background-color: var(--bio7-green-dark);
    border-radius: 10px;
}

button:hover, html input[type="button"]:hover, 
input[type="reset"]:hover, input[type="submit"]:hover, 
a.button:hover, button:focus, html input[type="button"]:focus, 
input[type="reset"]:focus, input[type="submit"]:focus, 
a.button:focus, a.wp-block-button__link:not(.has-background):active, 
a.wp-block-button__link:not(.has-background):focus, 
a.wp-block-button__link:not(.has-background):hover {
    background-color: var(--bio7-green);
}

.printer-icon-wrapper {
    margin-bottom: 15px;
    font-size: xx-large;
}


/* ************************************************************
    single
************************************************************ */

.single .inside-article {
    background-color: rgb(250, 235, 109);
    border-radius: 20px;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
}

.single .entry-title {
    font-family: 'sauna-blackitalicregular';
    color: var(--bio7-green-dark);
}

.single .entry-header .entry-meta {
    display: none;
}

.single footer.entry-meta {
    display: none;
}

.single .main-navigation {
    display: none;
}


/* ************************************************************
    contact form
************************************************************ */

#nf-form-1-cont {
    min-height: 444px; /* necessary for firefox for masonry layout to work */
}

#nf-form-1-cont .nf-error-msg {
    font-size: smaller;
    line-height: normal;
}

#nf-form-1-cont .nf-form-fields-required,
#nf-form-1-cont .ninja-forms-req-symbol {
    display: none;
}

/* #nf-field-2-container {
    margin-bottom: 0px;
}

#nf-error-2 {
    height: 30px;
}


#nf-field-3-container {
    margin-bottom: 10px;
}

#nf-error-3 {
    height: 30px;
}

#nf-field-4-container {
    margin-bottom: 0px;
} */

#nf-field-4 {
    border-radius: 10px;
    font-family: 'sauna-romanregular';
    font-size: 22px;
}

/* #nf-form-errors-1 {
    height: 0px;
} */



/* ************************************************************
    miscellaneous stuff
************************************************************ */

a.generate-back-to-top {
    background-color: rgba(41, 116, 37, 0.5);
}

a.generate-back-to-top:hover, a.generate-back-to-top:focus {
    background-color: rgba(58, 170, 53, 0.5);

}

/* site info */
.site-info {
    background-color: transparent;
}