/*
Theme Name: Hoopers Passion (Twenty Twenty)
Theme URI: https://lewebconcret.ch/
Author: Le Web Concret Genève
Author URI: https://lewebconcret.ch/about/
Description: Site spécifique pour Hoopers Passion
Version: 1.0.0
Text Domain: Hoopers Passion
Template: twentytwenty
Custom CSS goes after this line.
*/
body, * {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
    font-family: -apple-system, BlinkMacSystemFont, Arial, Verdana, sans-serif;
    text-align: justify;
    letter-spacing: normal;
}


.header-navigation-wrapper .menu-item a {
    font-weight: bold;
}

.powered-by-wordpress {
    display: none;
}

div.wpcf7 {
    margin: auto;

    .form-group {
        margin-bottom: 2rem;
    }


    .btn {
        border-radius: 1rem;
    }

    .submit-button {
        text-align: center;
    }

    label {
        font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 2rem;
        font-weight: bold;
    }

    textarea.form-control {
        font-size: 2rem;
    }

}

.organisations-gallery {
    text-align: center !important;
    line-height: 1.2;

    li {
        width: 22%;
        padding: 0.5rem;
        margin: 0.5rem;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }
}


.tooltip {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
}

.tooltip-arrow, .tooltip-inner {
    background-color: darkgreen;
    border-color: darkgreen;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: darkgreen;
}

.grecaptcha-badge {
    display: none !important;
}

#site-header, .footer-nav-widgets-wrapper, #site-footer, .menu-modal, .menu-modal-inner, .search-modal-inner, .archive-header, .singular .entry-header, .singular .featured-media:before, .wp-block-pullquote:before {
    background: linear-gradient(90deg, #2d8e2d, #51d951);
}

:where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img) {
    border-radius: 2rem !important;
}


.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-top: 0rem;
}

.featured-media-inner.section-inner img {
    max-width: 15rem;
    border: 0.5rem solid #f5efe0;
    border-radius: 2rem !important;
}

.logo-content {
    margin-top: -10rem !important;
    padding: 5rem 0rem 0rem 0rem;
}

.wp-block-media-text__media {
    img {
        border: 0.5rem solid #f5efe0;
        border-radius: 2rem !important;
    }
}

.singular .entry-header {
    padding-top: 0rem;
}

@media only screen and (min-width: 990px) {
    .featured-media-inner.section-inner img {
        max-width: 30rem;
        border: 0.5rem solid #f5efe0;
        border-radius: 2rem !important;
    }

    .logo-content {
        margin-top: -19rem !important;
    }

    .singular .entry-header {
        padding-top: 2rem;
    }
}

.site-logo {
    img {
        max-height: 23rem;
    }
}

.video-block {
    background: linear-gradient(314deg, rgba(231, 226, 187, 0.41) 0%, rgb(232, 227, 188) 100%);
    padding: 1.5rem;
    border: 1px solid #C6C1A0;
}

.footer-widgets {
    ul {
        font-size: 1.75rem;
        padding-left: 0;
        list-style: none;

        li {
            a {
                text-decoration: none !important;
            }
        }
    }
}