/*
Theme Name: Borin
Theme URI: https://wordpress.org/themes/borin/
Author: Alessandro Bellati
Author URI: https://wordpress.org
Description: Borin is a clean and minimal WordPress theme with a simple design that allows your visitors to focus on content. The theme is suitable for any kind of blog, business, travel, fashion, photography, publishing or tutorial blog sites. Borin is fully compatible with Gutenberg and Classic editor. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: borin
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
:root{
	scroll-behavior: smooth;
}
body {
    -webkit-font-smoothing: antialiased;
}

select{
    font-family: "GothamSSm" !important;
    border-radius: .33rem;
    padding: unset !important;
    height: unset !important;
    padding-block: var(--wp--preset--spacing--04) !important;
    padding-inline: var(--wp--preset--spacing--05) !important;
}
.variations tr{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
}

header {
    position: fixed;
    top: 0;
    inline-size: 100%;
    z-index: 99;
    background-color: transparent;
    -webkit-backdrop-filter: blur(var(--wp--preset--spacing--05));
    backdrop-filter: blur(var(--wp--preset--spacing--05));
}

.footer-lists a{
	text-decoration: none !important;
	color: var(--wp--preset--color--neutral-950) !important;	
}

.wp-block-navigation__submenu-container li {
    background-color: transparent !important;
}

.wp-block-navigation__submenu-container a {
    padding: 0;
}

.grid-4 {
    display: grid !important;
}

.header-flyout-solutions,
.header-mobile-navigation .header-flyout-mobile-solutions,
.header-flyout-sectors,
.header-mobile-navigation .header-flyout-mobile-sectors,
.header-flyout-b-clean,
.header-mobile-navigation .header-flyout-mobile-b-clean {
    display: none;
}

.header-flyout-solutions.visible,
.header-flyout-sectors.visible,
.header-flyout-b-clean.visible {
    display: block;
}

.header-flyout-mobile-solutions.visible,
.header-flyout-mobile-sectors.visible,
.header-flyout-mobile-b-clean.visible {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding-inline-end: var(--wp--preset--spacing--06);
    gap: var(--wp--preset--spacing--04)
}


header [class*="header-flyout-"] {
    margin-block-end: var(--wp--preset--spacing--09) !important;
}

.header-desktop {
    background-color: rgba(255, 255, 255, .5);
    transition: background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    display: none;
}
.header-desktop.visible{
    transition: background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-color: rgba(255, 255, 255, .9);
}

.header-mobile-menu-button {
    height: 24px;
    width: 24px;
    border: 0px;
    background-color: transparent;
    background-image: url("/wp-content/themes/borin/assets/svgs/menu.svg");
}

.header-mobile-navigation {
    display: none;
}

.header-mobile nav>ul:first-child{
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: var(--wp--preset--spacing--08);
        & a{
            color: black;
            text-decoration: none;
        }
}

.header-mobile-navigation.active {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.header-mobile:has(.header-mobile-navigation.active) {
    min-height: 100vh;
    transition: background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-color: rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: blur(var(--wp--preset--spacing--10));
    backdrop-filter: blur(var(--wp--preset--spacing--10));
}

.header-mobile .page-list {
    gap: 1px;
}

.borin-post-tags a {
    color: var(--wp--preset--color--neutral-000);
    background-color: var(--wp--preset--color--borin);
    padding-inline: var(--wp--preset--spacing--04);
    padding-block: var(--wp--preset--spacing--02);
    border-radius: .33rem;
}

.borin-post-tags a:hover {
    text-decoration: none;
    background-color: var(--wp--preset--color--borin-variant);
}

.borin-hero-media-text {
    &>*:first-child {
        padding-inline: 0;
    }
}

div:has(>.borin-latest-posts) {
    margin-block-start: 0;
}

.borin-post-content {
    margin-block-start: 0;
}

.borin-pagination>a {
    background-color: var(--wp--preset--color--borin);
    color: var(--wp--preset--color--neutral-000);
    border-radius: .33rem;
}
.borin-pagination>a:hover{
    background-color: var(--wp--preset--color--borin-variant);
}

.borin-pagination>a>span {
    margin-right: var(--wp--preset--spacing--04) !important;
    margin-left: var(--wp--preset--spacing--04) !important;
    margin-bottom: var(--wp--preset--spacing--02) !important;
}

[data-block-name="woocommerce/product-meta"],
[data-block-name="woocommerce/add-to-cart-form"]{
    margin-block-start: 0 !important;
}

.woocommerce table.variations tr{
    margin-bottom: var(--wp--preset--spacing--02) !important;
}

.about-us-companies{
    display: grid !important;
    & figure{
        display: flex;
    }
}

.contacts-section{
    & figure{
        display: flex;
    }
}
.about-hero{
    display: grid !important;
    & .italy-desktop{
        display: none;
    }
}

.single_variation_wrap{
    display: none !important;
}

@media (min-width: 600px) {
    .borin-hero {
        padding-block: var(--wp--preset--spacing--10);
    }

    .borin-latest-posts, .borin-products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .hero-buttons{
        justify-content: flex-start !important;
    }
    
    .borin-hero-media-text {
        &>*:first-child {
            padding-inline-end: var(--wp--preset--spacing--06);
        }
    }
}

@media (min-width: 640px) {
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .header-desktop {
        display: block;
    }

    .header-mobile {
        display: none;
    }
    .about-us-companies{
        grid-template-columns: repeat(2, 1fr);
        row-gap: var(--wp--preset--spacing--06);
    }
}

@media (min-width: 1024px) {
    .grid-4 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    .about-hero{
        grid-template-columns: repeat(2, 1fr);
        & .italy-desktop{
            display: block;
        }
        & .italy-mobile{
            display: none;
        }
    }
    .borin-latest-posts, .borin-products {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    .product-info{
        flex-direction: row !important;
        & :first-child{
            flex: .4;
        }
        & :last-child{
            flex: 1;
        }
    }
}

@media (min-width: 1280px) {

}


@media (min-width: 1536px) {}

.product-solutions{
    height: fit-content;
}