/*
Theme Name: bn-metallbau.ch
Theme URI: 
Author: Armin Oppliger
Author URI: https://arminoppliger.ch/
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bn-metallbau-ch
Tags: 
*/

@import url('responsive.css');

html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: var(--header-offset, 140px);
}

/* Global */
:focus,
button:focus,
a:focus {
    outline: none;
}

a {
    color: #cd2653;
    text-decoration: none;
    transition: opacity 0.3s ease;
}
a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.info-box {
    box-shadow: 0px 0px 10px 0px #D9AF78;
}
.info-box .icon {
    margin:-120px 0 0;
}
.info-box .wp-font-awesome-icon {
    padding: 26px 0;
    border-radius: 50%;
}

.gallery-grid a {
    width:100%
}
.gallery-grid img {
    width: 100% !important;
    min-height: 200px;
    max-height: 200px;
    object-fit: cover;
}

.wp-block-navigation__responsive-container.is-menu-open {
    /*min-height:300px;*/
} 

/* Sticky header */
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: transform 0.25s ease;
    will-change: transform;
}
.logo-nav {
    transition: padding 0.25s ease;
}

/* Team */
.bn-team-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
    gap:10px;
}
.bn-team-card {
    position:relative;
    overflow:hidden;
    background:#1C404A;
    text-align: center;
}
.bn-team-media img {
    display:block;
    width:100%;
    height:550px;
    object-fit:cover;
}
.bn-team-content {
    padding:0 10px;
    font-size: 14px;
}
.bn-team-card a {
    color:#fff !important;
}
.bn-team-card a:hover {
    text-decoration: underline;
}
.bn-team-title {
    margin:15px 0 10px;
    font-size:21px;
    line-height:1;
    font-weight:600;
    color: #fff;
}
.bn-team-front{
    color:#fff;
}
bn-team-front p {
    margin: 0;
    padding: 0;
}
.bn-team-back{
    position:absolute;
    inset:0;
    background:#1C404A;
    color:#fff;
    opacity:0;
    transition:opacity .25s ease;
    padding:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size: 14px;
}
.bn-team-card:hover .bn-team-back{
    opacity:1;
}
.bn-team-back-inner{
    max-height:100%;
    overflow:auto;
    width:100%;
}