/*
Theme Name:   Brix
Description:  Twenty Twenty-Four Child Theme
Author: KEAT
Template:     twentytwentyfour
Text Domain:  twentytwentyfour
Version: 1.3
*/
:root {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px);
}
html{
    scroll-behavior:smooth;
}
body > .wp-site-blocks > header {
    position: sticky;
    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
    z-index: 10;
}
.wpk-hide {
	display:none;	
}
.wpk-16-9 > img {
    aspect-ratio: 16/9;
    object-fit: cover;
}
.wpk-9-16 > img {
    aspect-ratio: 9/16;
    object-fit: cover;
}
.wpk-4-3 > img {
    aspect-ratio: 4/3;
    object-fit: cover;
}
.wpk-3-4 > img {
    aspect-ratio: 3/4;
    object-fit: cover;
}
.wpk-500 {
    font-weight: 500;
}
.wpk-h-full {
    height: 100%;
}
.wpk-m-top {
    margin-top: 0;
}
.wpk-justify-content-center {
    justify-content: center;
}
.wpk-rounded > figure {
    border-radius: 1em;
    min-height: 400px !important;
}
header .current-menu-item > a {
    color: var(--wp--preset--color--contrast-2) !important;
}
footer .current-menu-item > a {
	text-decoration: underline;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
	left:0;
	right:auto;
}
:where(.wp-site-blocks :focus) {
    outline-width: 0 !important;
    outline-style: solid;
  }
.wp-block-post-excerpt__more-link {
    &:after {
        content: '→';
        margin-left: .4rem;
        display: inline-block;
    }
}
#referens-metadata {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
    font-size: 1.125rem;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    display: none;
}
.wpk-contact-button > a {
    padding: .4rem .9rem !important;
    background-color: var(--wp--preset--color--contrast-2);
    color: white !important;
}
.current-menu-item.wpk-contact-button > a {
    background-color: var(--wp--preset--color--contrast);
    color: white !important;
}
.wpk-contact-button > a:hover {
    text-decoration: none !important;
    background-color: var(--wp--preset--color--contrast);
}

/*CONtACT FORM*/
.wpcf7-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3rem;
}
.wpcf7-form p {
	flex: calc(50% - 3rem);
	margin:0;
}
.wpcf7-form > p:last-of-type {
	flex:100%;
}
.wpcf7-form label {
	font-family: 'Open Sans';
	font-size:18px;
	font-weight:300;
	color:#59667D;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    background-color: var(--wp--preset--color--custom-linnen-light);
    font-family: 'Open Sans';
	font-size:18px;
	font-weight:300;
	color:#59667D;
	border:0;
	padding: 1rem;
	margin-top:.5rem;
	width: calc(100% - 2rem);
    border: 1px solid var(--wp--preset--color--contrast);
}
input[type="submit"] {
	font-size:18px;
	font-weight:300;
	color:#fff;
	border:0;
	padding: 1rem;
	margin-top:.5rem;
	background-color: var(--wp--preset--color--contrast-2);
}
.wpcf7-not-valid-tip {
    font-size: small;
    font-style: italic;
    margin-top: .5em;
}

/*iPhone breakpoint*/
@media screen and (min-width: 430px) {
}
/*iPad breakpoint*/
@media screen and (min-width: 782px) {
    .wpk-rotate {
		writing-mode:vertical-rl;
		rotate: 180deg;
	}
}
/*iPad breakpoint*/
@media screen and (max-width: 782px) {
    .wpk-carousel {
        grid-template-columns: repeat(4, minmax(37%, 1fr)) !important;
        overflow-x: scroll;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
    }
    .wpk-carousel > li {
        scroll-snap-align: start;
    }

    .wpk-carousel .wpk-h-full.wp-block-columns-is-layout-flex {
        display: block;
    }
    .referens-header {
        display: block !important;
    }
    .referens-header > figure {
        width:100% !important;
    }
}
/*iPhone breakpoint*/
@media screen and (max-width: 430px) {
    h1, h2, h3, h4, h5, h6 {
        line-break: anywhere;
    }
    .wpk-carousel {
        grid-template-columns: repeat(4, minmax(75%, 1fr)) !important;
    }
}
/*Desktop breakpoint*/
@media screen and (max-width: 1023px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
    .wp-block-navigation__container {
        --navigation-layout-justification-setting: center !important;
        --navigation-layout-justify: center !important ;
        width: 100% !important;
        font-size: 1.2rem;
    }
    .wp-block-navigation__container .wp-block-navigation__submenu-container {
        font-size: 1rem;
        padding-bottom: .5rem !important;
    }
    nav.wp-block-navigation .wpk-nav-button {
        width: 100% !important ;
        justify-content: center !important;
    }
}
@media screen and (min-width: 1024px) {
    .wp-block-navigation__container .wp-block-navigation__submenu-container {
        padding: 0 !important;
    }
    .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
        padding: .3em 1em !important;
        line-height: 1.2rem !important;
    }
    .wp-block-navigation__container .wp-block-navigation__submenu-container > *:first-child {
        padding-top: .5em !important;
    }

    .wp-block-navigation__container .wp-block-navigation__submenu-container > *:last-child {
        padding-bottom: .5em !important;
    }
    .wpk-sticky {
        position: sticky;
        top: 100px;
    }
}
.max-width-800 {
    max-width: 800px;
}