/*
 Theme Name:   Gorilla Catering
 Description:  Twenty Twenty-Five Theme
 Author:       Cecilia Palmer
 Author URI:   http://ceciliapalmer.studio
 Template:     twentytwentyfive
 Text Domain:  gorilla
*/


:root {
    --anigo-redbrown: #A8380C;
    --anigo-brightyellow: #F9F269;
}

html * {
    box-sizing: border-box;
}

.hide-element {
    display: none;
}

.logo-wrapper, .logo-wrapper p {
	width:85px;
}

.nf-form-content {
	padding:0;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    border-color: #000000;
}

.nf-error .ninja-forms-field {
    border-color: var(--anigo-redbrown) !important;
}

.nf-error.field-wrap .nf-field-element:after {
    background: var(--anigo-redbrown);
}

.nf-error-msg, .ninja-forms-req-symbol,
.nf-error .nf-error-msg {
    color: var(--anigo-redbrown);
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    text-transform: uppercase;
    font-size: .85em;
    padding: 0 1.5em;
}

.nf-field-label .nf-label-span, .nf-field-label label {
    font-weight: 500;
}

h2.form-subheader {margin-bottom:0}

button, input[type="submit"] {
    font-family: var(--wp--preset--font-family--ocr-a-std);
}

:root {
    --header-logo-width: 20vw;
	--animation-speed: 250ms;
}

.a-header-container {
    height:100vh;
    width:100%;
    align-items: center;
    justify-content: center;
}

.a-header {
    position: relative;
    width:100%;
   
}

.a-logo-claim {
    position: relative;
}

.a-logo {
    width: var(--header-logo-width);
}

.a-claim {
    opacity: 0;
    transition: opacity ease-in-out var(--animation-speed);
}

.state-2 .a-claim {
    opacity: 1;
}

.space-1 {
    height: calc(var(--header-logo-width) * 0.578);
    position: absolute;
    top: 2.5vw;
    left: 0;
    /*transform: translateX(var(--translateX));*/
}

.state-2 .space-1 {
    transform: translateX(var(--translateX));
    transition: transform ease-in-out 750ms;
}

.space-1 img {
    max-height: 100%;
    width: auto;
}

.space-2 {
    width: calc(var(--header-logo-width) * 0.578 / 2);
    position: absolute;
    top: -2vw;
    right: -4vw;
    transition: opacity ease-in-out var(--animation-speed);
}

.state-2 .space-2 {
    opacity: 0;
}

.a-logo-claim {padding:0;}

select, input, textfield {
	font-family: var(--wp--preset--font-family--ocr-a-std) !important;
} 
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]):not([type=submit]), .nf-form-content textarea, .nf-form-content select.ninja-forms-field {
	color:#000;
}

.header-navigation {
	visibility:hidden;
	position:fixed;
	width:100%;
}

.header-navigation.show {
	visibility:visible;
	transform:visibility 600ms ease-in;
}


/*TEMP*/

@media screen and (max-width:480px) {
   
	:root { 
		--header-logo-width: 60vw;
	}
	
	.hidden-mobile {
		display:none;
	}

    .wp-block-site-logo {
        max-width: 65vw;
    }
	
	.space-1 {
		top: 7vw;
		left:4vw;
	}
	
	.space-1 img {
		width: auto !important;
	}
	
	.space-2 {
		top: -5vw;
    	right: -9vw;
	}
}

html * { box-sizing:border-box; }
:where(.wp-site-blocks *:focus){ outline-width:2px;outline-style:solid }

.pos-relative { position:relative; }
.pos-absolute { position:absolute; }

.anigo-badge {left: -4em; top: -5em;}

.header-overlay {width:100%;z-index:999}

.anigo-marquee {top:-6em;}

@media screen and (max-width:480px) {

    :root {
        --wp--preset--spacing--20: 20px;
        --wp--preset--font-size--medium: 1rem;
    }
    .wp-site-blocks {
        --wp--style--root--padding-right: 1rem;
        --wp--style--root--padding-left:1rem;
    }

    .anigo-badge {
        left: -6vw;
        top: -46px;
        width:100px;
    }

    .glide__slides.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {margin-left:25px!important;margin-right:25px!important;}

    .page-id-1024 .wp-block-cover {min-height:50vh!important;}

    .page-id-908 h1.wp-block-heading {margin-top:100px!important}

}

@media screen and (max-width:767px) {
    .wp-container-core-columns-is-layout-cd442fba {
        gap:50px!important;
    }

    .wp-container-core-columns-is-layout-cd442fba>.wp-block-column {
        border:thin solid white!important;
    }

    .section-deich, .section-flammes {
        flex-direction: column-reverse;
    }
}

.wp-container-core-columns-is-layout-d1c656ed {overflow:hidden;}