/*
 Theme Name:   Demo GbPro Fiction
 Theme URI:    https://generatepress.com
 Description:  GP Childtheme für die Multisite GBPro-Fiction
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.site-header {
  border-bottom: 1px dotted var(--meta-hover);
}

/* navigation layout */
@media (min-width: 1024px) {
    .main-navigation {
        flex: 1;
    }

    .main-navigation .main-nav {
        margin: auto;
    }
}

/* mobile menu button color override */
.button-wht {
    color: #fff !important;
}

/* removes left padding on menu for even alignment */
.main-navigation .menu-bar-item>a {
    padding-left: 0px;
}

/* BEGIN WP SEARCH BLOCK STYLE */

/* input field style */
input[type="search"] {
    border-radius: 2px;
    border: 1px solid var(--meta-hover);
}

/* button color */
.wp-block-search__button.has-icon {
    background-color: var(--meta);
    border-radius: 2px;
    transition: all 0.5s ease;
}

/* button hover color */
.wp-block-search__button.has-icon:hover {
    background-color: var(--meta-hover);
}

/* button size */
.wp-block-search__button svg {
    min-height: 1.8em;
    min-width: 1.8em;
    vertical-align: text-bottom;
}

/* END WP SEARCH BLOCK STYLE */

/* list bullet color */
ul li::marker {
    color: var(--accent);
}

/* posts headline before spacing */
.single-post p+h2,
.single-post p+h3 {
    margin-top: 45px;
}

/* drops sidebar on tablet */
@media (max-width: 1024px) {
    .site-content {
        flex-direction: column;
    }

    .site-content .content-area,
    .site-content .is-right-sidebar {
        width: 100%;
    }
}

/* list links hover color */
ul a:hover {
    color: var(--text);
}

/* START FLUENT FORMS STYLING */

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
    font-size: 17px;
    color: var(--text);
}

/* field style */
.fluentform .frm-fluent-form .ff-el-form-control {
    background-color: var(--light);
    color: var(--text);
    border: none;
    border-radius: 2px;
    font-size: 16px;
    line-height: 27px;
    padding: 12px 24px;
}

/* focus field style */
.fluentform .frm-fluent-form .ff-el-form-control:focus {
    background-color: var(--light);
    color: var(--text);
    outline: none;
}

/* placeholder text style */
.fluentform .frm-fluent-form .ff-el-form-control::placeholder {
    color: var(--meta);
    font-size: 16px;
}

/* placeholder focus text style */
.fluentform .frm-fluent-form .ff-el-form-control:focus::placeholder {
    color: var(--meta);
}

/* button style */
.fluentform .frm-fluent-form .ff-btn-submit {
    background-color: var(--accent);
    color: var(--white);
    opacity: 100%;
    border: none;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 24px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 27px;
    transition: all 0.5s ease 0s;
}

/* button hover, focus, active */
.fluentform .frm-fluent-form .ff-btn-submit:hover,
.fluentform .frm-fluent-form .ff-btn-submit:focus,
.fluentform .frm-fluent-form .ff-btn-submit:active {
    box-shadow: 0 5px 20px -10px var(--title-hover);
    transform: translate3d(0px, -3px, 0px);
}

/* top align email form */
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
    margin-top: 0px !important;
}

/* mobile full width button */
@media (max-width: 768px) {
    .fluentform .frm-fluent-form .ff-btn-submit {
        width: 100%;
    }
}

/* form error text style */
.fluentform .ff-el-is-error .text-danger {
    font-size: 15px !important;
    color: var(--accent);
}

/* success message style */
.fluentform .ff-message-success {
    position: relative;
    border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    padding: 0px;
    margin-top: 10px;
}

/* END FLUENT FORMS STYLING */