/*
Theme Name: ein Theme für die Antragstellung der Blauen Flagge
Template: w3css-starter-main
Author: Christian Suchanek
Screenshot: screenshot.png
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
:root{
    --bf-blau: #0088d1
}
.w3-bf-blau{
    background-color: var(--bf-blau) !important;
    color:#fff !important;
}
#branding a{
   text-decoration: none !important;
}
body{
    font-family: 'Roboto', sans-serif;
}
#header{
    background:var(--bf-blau) !important;
    color:#fff !important;
    text-decoration: none !important;
    .w3-bar{
        display: flex;
        flex-direction: row;
        /* align-content: center; */
        align-items: center;
        justify-content: space-between;
    }

}
/* .entry-title{
   display: none;
} */

@media screen and (min-width: 1280px) {
   #container{
    width:1280px;
    margin:0 auto;
}
}

.site-logo{
    text-align: center;
}
#site-title{
    color:#fff !important;
}
#site-title > a{
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
}
#banding{
    display: flex !important;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
}
.bf-textshaddow-white{
    text-shadow: 2px 1px 0px #000;


}

.bf-required{
    background-color: #ff000033 !important;
    margin-bottom:2px !important;
    padding:6px !important;

}
.wpforms-field{
     padding:6px !important;
}



div[class*="bf-stammblatt"] .bf-hide{
    float: left;
    width:100%;
    margin: 1rem 0rem;
}
div[class*="bf-stammblatt"] .bf-hide label{
    font-size:1.6rem;
    padding-top:1rem;
}


/* wplogin überschreiben*/
#user-registration.horizontal .user-registration-MyAccount-content,
#user-registration.horizontal .ur-edit-profile,
#user-registration .user-registration-MyAccount-content,
#user-registration .ur-edit-profile,
#user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields h2,
#user-registration.vertical .user-registration-MyAccount-content .user-registration-profile-header  {
    text-align: left;
    align-items: flex-start;
}

.wpforms-form.bf-eingereicht{
   border: solid 2px rgb(206, 188, 188) !important;
   padding:1rem !important;
   #blaue-flagge-antrag-einreichen,#blaue-flagge-speichern{
    display:none;
   }
}
.wpforms-one-half {
    margin-left: 0px !important
}

.bf-hide>input,
.bf-hide>textarea {
    display: none !important
}

.bf-hide {
    padding-bottom: 0px !important;

    .wpforms-field-description {
        color: #000 !important;
        font-size: 1.4rem !important;
        line-height: 1.8rem !important
    }
}

.bf-headline-2>label {
    font-size: 1.5rem !important;
    line-height: 2.0rem !important
}

.bf-headline-1>label {
    font-size: 2.0rem !important;
    line-height: 2.0rem !important
}

.bf-headline-3>label {
    font-size: 1.3rem !important;
    line-height: 2.0rem !important
}


.bf-wennja,
.bf-wennnein,
.bf-andere {
    +div {
        display: none;
    }

    &.bf-next-visible+div {
        display: block;
    }
}
.bf-wennja-2,.bf-wennnein-2,.bf-andere-2 {
    +div {
        display: none;
    }
    +div +div {
        display: none;
    }

    &.bf-next-visible+div {
        display: block;
    }
    &.bf-next-visible+div+div {
        display: block;
    }
}
.bf-wennja-3,.bf-wennnein-3,.bf-andere-3 {
    +div {
        display: none;
    }
    +div +div {
        display: none;
    }
    +div +div +div {
        display: none;
    }
    &.bf-next-visible+div {
        display: block;
    }
    &.bf-next-visible+div+div {
        display: block;
    }
    &.bf-next-visible+div+div+div {
        display: block;
    }
}
.bf-wennja-4,.bf-wennnein-4,.bf-andere-4 {
    +div {
        display: none;
    }
    +div +div {
        display: none;
    }
    +div +div +div {
        display: none;
    }
    +div +div +div +div {
        display: none;
    }
    &.bf-next-visible+div {
        display: block;
    }
    &.bf-next-visible+div+div {
        display: block;
    }
    &.bf-next-visible+div+div+div {
        display: block;
    }
    &.bf-next-visible+div+div+div+div {
        display: block;
    }
}
.wpforms-submit-container button[type=submit] {
    display: none;
}

#blaue-flagge-speichern {
    position: fixed;
    right: 2rem;
    bottom: 3rem;
}

.wpforms-sidebar-upgrade-pro {
    display: none;
}
.wpforms-container.wpforms-container-full{
    &.bf-antrag-sportboothafen,
    &.bf-antrag-badestelle,
    &.bf-stammblatt-badestelle,
    &.bf-stammblatt-sportboothafen{
        opacity:0.1;
        transition: opacity 0.5s ease-in-out;
    }
    &.bf-geladen{
        opacity:1;
    }
}
/* .wp-submenu.wp-submenu-wrap{
	display:none;
} */