/*
Theme Name: På Fri Fod (Hello Elementor Child)
Theme URI: https://paafrifod.dk
Description: Child theme of Hello Elementor for På Fri Fod, Ry. Works with the FREE version of Elementor. Activating it creates an editable "Forside" page (built from Elementor widgets) and sets it as the front page.
Author: På Fri Fod
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: paa-fri-fod
*/
/* Styles live in assets/css/main.css */
.quote p{
    font-family: 'Fraunces', serif;
    font-style: italic;
    font-size: clamp(26px, 4vw, 44px) !important;
    color: var(--cream);
    text-align: center;
    max-width: 18ch !important;
    text-shadow: 0 2px 26px rgba(0, 0, 0, .5);
    line-height: 1.25;
    padding: 0 24px;
}
.sec-title h2{
    font-size: clamp(32px, 4.6vw, 52px) !important;
	font-family: "Fraunces", serif !important;
  	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;
  	font-variation-settings:"WONK" 1;
}
h1, h2, h3, h4 {
		font-family: 'Fraunces', Georgia, serif ;
		font-weight: 500;
		line-height: 1.05;
		color: var(--green);
	}
.error404{
	height:44vh;
}
.error404 main#content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sec-title {
    font-size: clamp(32px, 4.6vw, 52px) !important;
}
.brandmark:hover{
	color:#fbf5e9;
}
#nav .btn.solid-terra:hover {
    background: #d98a5e;
    border-color: #d98a5e;
	color:#1a130d;
}
.daycard .clock p{
	color: #F1C9A6 !important;
	font-family: 'Fraunces', serif;
    font-size: 13.5px;
    letter-spacing: 2px;
    font-weight: 500;
}
.brk::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 78px;
    height: 1px;
    background: var(--terra);
    opacity: .5;
}

.brk::after {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    background: var(--terra);
    border: 1.5px solid var(--cream);
    box-sizing: border-box;
}
.hours-strip{
	width: fit-content;
	border-bottom: 0 !important;
}
.hero-section{
	height: 92vh;
}
.hero-bg-ovl{
	background: linear-gradient(180deg, rgba(13, 21, 16, .5) 0%, rgba(13, 21, 16, .28) 42%, rgba(13, 21, 16, .72) 100%);
	height: 100%;
}
.eyebrow{
	margin-bottom:14px !important;
}
.lead {
	max-width: 60ch !important;
}
.sub{
    max-width: 52ch !important;
}
.lavet-img-box{
	aspect-ratio: 4 / 3;
	position: relative;
}
.lavet-img-box:hover img{
	transform: scale(1.06);
}
.lavet-img-box.inst-card{
	position: relative;
    aspect-ratio: 1 / 1;
    box-shadow: 0 8px 22px rgba(31, 46, 39, .12);
    display: block;
}
.inst-icon{
	right: 0;
    bottom: 0;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 8;
	background: rgba(31, 46, 39, 0);
    opacity: 0;
    transition: opacity .3s, background .3s;
}
.lavet-img-box.inst-card:hover .inst-icon{
	opacity: 1;
    background: rgba(31, 46, 39, .34);
}
.inst-icon .elementor-icon-wrapper {
    height: 100%;
    width: 100%;
}
.inst-icon .elementor-icon-wrapper a{
	justify-content: center;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
}

/* Contact Form */

.contact-box {
  background: #f6ecd7;
  max-width: 560px;
  font-family: 'Karla';
  color: #1f2e27;
}
.contact-eyebrow {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  color: #bc6444;
  font-size: 19px;
  margin: 0 0 14px 0 !important;
}
.contact-title {
  font-family: 'Fraunces';
  font-weight: 500;
  font-size: 52px;
  line-height: 1.05;
  color: #1f2e27;
  border-bottom: 1px solid #d8cdb5;
}
.contact-row {
  padding: 22px 0 ;
  border-bottom: 1px solid #d8cdb5;
}
.contact-row h3 {
  font-family: 'Fraunces';
  font-weight: 600;
  font-size: 16px;
  color: #bc6444;
  margin: 0 0 4px 0 !important;
  line-height: 1.6;
}
.contact-row p {
  margin: 0;
  font-size: 17px;
  color: #1b3229;
}

/* Input fields */
.contact-box .wpcf7-form-control-wrap { 
	display: block;
}
.contact-box input.contact-input {
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-bottom: 1px dotted #bc6444;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  font-family: 'Karla';
  font-size: 17.5px;
  color: #2a3b32;
  padding: 0;
}
.contact-box input.contact-input::placeholder {
  color: #2a3b32;
  opacity: 1;
}
.contact-box input.contact-input:focus {
  border-bottom: 1px solid #c9623f;
}

/* Submit button */
.contact-box input.contact-btn {
  display: inline-block;
  margin-top: 28px;
  background: #1b3229;
  color: #f6ecd7;
  font-family: 'Karla';
  font-weight: 600;
  font-size: 15.5px;
  padding: 12px 22px;
  border-radius: 2px;
  cursor: pointer;
  border: 1.5px solid #1b3229;
  transition: background .2s, color .2s, transform .12s;
}
.contact-box input.contact-btn:hover { 
	background: #bc6444; 
	border: 1.5px solid #bc6444;
}
.rm-menu .tab {
	line-height:normal !important;
}
/* Validation messages */
.contact-box .wpcf7-not-valid-tip { color: #c9623f; font-size: 13px; margin-top: 4px; }
.contact-box .wpcf7-response-output { margin: 16px 0 0; border-color: #c9623f; }

body.pff .hero-logo {
	margin: 0 auto 24px !important;
}
.rm-menu .mgroup>h3 {
	line-height:1.05 !important;
}
.hist-title {
    max-height: 17.5px;
}
.btn.solid-terra {
    padding: 2px 10px;
}
@media screen and (min-width: 560px) and (max-width: 900px) { 
	.daycard, .lavet-img-box{
		width:48%;
	}
	.lavet-img-box.inst-card{
		width:31%;
	}
	.e-con.e-flex {
        --width: 100%;
        --flex-wrap: var(--flex-wrap-mobile);
    }
}
/* @media screen and (min-width: 560px) and (max-width: 612px) { 
	.daycard{
		width:47% !important;
	}
} */
@media screen and (min-width: 315px) and (max-width: 559px) { 
	.lavet-img-box.inst-card{
		width:47%;
	}
	
}