/*
Theme Name: Tennis Schweiz
Author: Bellasso / Finn Menzi
Author URI: https://bellasso.ch
Version: 1.0
*/

.bg-blue {
    background-color: #0e1324;
    color: #fff;
    }

.bg-red {
    background-color: red;
    }

body.home h2 {
    margin-top: 100px;
    }

#logo img {
    width: auto;
    height: 45px;
    }

.social-media, .social-media img {
    width: 50px;
    height: 50px;
    }

.container.social-bar.position-absolute.fixed-bottom * {
    text-align: center;
    }

#menu-main li a {
    text-decoration: none;
    color: white;
    font-size: 18px;
    }

#navbar.show {
    position: fixed;
    height: calc(100vh - 75px);
    background: #0e1324;
    bottom: 0;
    left: 0;
    width: 100%;
    }

body .navbar button {
    border: none;
    }

body .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

.header-video .wp-block-video video, .header-video .wp-block-video {
    height: 100%;
    object-fit: cover;
    }

.header-video.position-relative {
    height: 100vh;
    }

ul#menu-main {
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    gap: 20px;
    }

.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-1.wp-block-columns-is-layout-flex {
    margin: 0;
    }

ul#menu-main li {
    list-style: none;
    height: auto;
    }

#menu-main .container.d-flex.align-items-center.justify-content-between * {
    margin: 0 !important;
    }

#menu-main li a:hover, .wp-block-woocommerce-product-categories.wc-block-product-categories.is-list a:hover {
    color: red;
    transition: 0.4s;
    }

.social-media img:hover {
    transition: 0.4s;
    filter: drop-shadow(0px 0px 10px red);
    }

.wc-block-mini-cart__button:hover svg.wc-block-mini-cart__icon path {
    fill: red !important;
    }

.wc-block-mini-cart__button:hover:not([disabled]) {
    opacity: 1 !important;
    }


.thumbnail-post img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    }

body a {
    text-decoration: none;
    color: #0e1324;
    }

ul#menu-footer a {
    color: white;
    }

form.wpcf7-form.init * {
    width: 100%;
    }

form.wpcf7-form.init input {
    text-align: left;
    border: 1px solid #0e1324;
    }

form.wpcf7-form.init textarea {
    resize: none;
    border: 1px solid #0e1324;
    }

form.wpcf7-form.init input:focus-visible, form.wpcf7-form.init textarea:focus-visible {
    border: 1px solid red;
    outline: none;
    }

.wpcf7-submit {
    text-align: center !important;
    }

header figure {
    margin: 0;
    }

.logo img {
    height: 50px;
    width: auto;
    }


button.menu-toggle svg {
    width: 45px;
    }

body button.menu-toggle {
    background: none;
    border: none;
    height: auto;
    width: auto;
    padding: 0;
    }

.menu {
    display: flex;
    justify-content: center;
    }

ul#menu-main-mobile {
    list-style: none;
    padding: 0;
    font-size: 22px;
    line-height: 38px;
    }

.wp-block-button {
    width: 100%;
    }

#menu-footer {
    flex-direction: column;
    }

.fancybox__container button{
    background: none !important;
    }

footer#footer p {
    margin-bottom: 3px;
    }

.container.d-flex.align-items-center.justify-content-between > .logo, .container.d-flex.align-items-center.justify-content-between > .cart {
    width: 20%;
    }

.container.d-flex.align-items-center.justify-content-between > .menu {
    width: 60%;
    }

.forum-preview {
    position: relative;
    height: 300px;
    display: block;
    }

.forum-preview img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    }

.forum-preview span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 30px;
    text-align: center;
    color: white;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    }

.forum-preview:hover .overlay, .forum-preview:hover span {
    opacity: 1;
    transition: 0.4s;
    }

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(14, 19, 36, 0.79);
    opacity: 0;
    }

ul.sub-menu {
    position: absolute;
    width: 300px;
    padding: 10px;
    background: #0e1324;
    opacity: 0;
    }

ul#menu-main > li:hover ul.sub-menu {
    opacity: 1;
    transition: 0.4s;
    }

input.fmwp-form-button.fmwp-form-button-submit {
    width: 100%;
    margin: 0 !important;
    }

label.fmwp-form-row-label {
    margin: 0 !important;
    border: none;
    }

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    }

.wp-block-latest-posts__featured-image {
    height: 100%;
    }

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts > li:first-child img.attachment-medium.size-medium.wp-post-image {
    height: 600px;
    }

img.attachment-medium.size-medium.wp-post-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100%;
    height: 295px;
    }

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {
    position: relative;
    height: 400px;
    }

.wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }

.wp-block-latest-posts__post-author {
    display: none;
    }

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li a.wp-block-latest-posts__post-title {
    position: absolute;
    bottom: 10px;

    width: 100%;
    text-align: center;
    }

time.wp-block-latest-posts__post-date {
    display: none;
    }

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li a.wp-block-latest-posts__post-title {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 400;
    color: white;
    background-image: linear-gradient(to top, rgb(0 0 0) -30%, rgb(255 255 255 / 0%));
    opacity: 1;
    }

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li a.wp-block-latest-posts__post-title:hover {
    transition: 0.3s;
    opacity: 0;
    }

@media (max-width: 991px) {
    ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts {
        display: grid;
        gap: 10px;
        }

    ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts {
        display: block;
        }

    ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts > li:first-child img.attachment-medium.size-medium.wp-post-image {
        height: 295px;
        }

    ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {
        margin-bottom: 15px;
        }
    }

@media (max-width: 767px) {
    .header-video .wp-block-columns {
        display: grid;
        grid-template-columns: auto auto auto;
        }

    .container.d-flex.align-items-center.justify-content-between > * {
        width: 33%;
        }

    body a.wp-block-button__link, .woocommerce ul.products li.product.type-product a.button, li.wc-block-grid__product a.wp-block-button__link, button.single_add_to_cart_button.button.alt, button.wp-block-button__link.wp-element-button.add_to_cart_button.wc-block-components-product-button__button, button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed, .wpcf7-submit {
        width: 100%;
        }
    }