:root{--brandColour: #872f1b;--brandLight: #ba3d29;--grey: #ccc;--mainWidth: clamp(320px, 100%, 1200px);--gta: "text text" "image frm" "image frm" "quote frm";--gtc: 20% auto;--mainPad: 20px auto;--hFontSize: 80px;--hSmallFontSize: 50px;--gtr: min-content 240px min-content;--handFont: "Just Another Hand", cursive}@media (min-width: 1025px) and (max-width: 1240px){:root{--mainPad: 20px}}@media (max-width: 1024px){:root{--gta: "image" "quote" "text" "frm";--gtc: 100%;--gtr: repeat(4, min-content)}}@media (max-width: 500px){:root{--hFontSize: 60px}}*{box-sizing:border-box}body{height:100vh;padding:0;margin:0;display:grid;grid-template-rows:min-content 80px min-content repeat(2, auto);font-family:"Lato";grid-template-areas:"header" "usp" "slider" "main" "footer";min-width:320px}@media (max-width: 500px){body{grid-template-rows:repeat(2, min-content) auto 380px;grid-template-areas:"header" "slider" "main" "footer"}}body header,body main{width:var(--mainWidth);margin:0 auto auto auto;display:flex;align-items:center;justify-content:start;position:relative;padding:20px 0 10px auto}body header h1,body main h1{font-family:var(--handFont);color:var(--brandColour);font-size:var(--hFontSize);font-weight:normal;margin:20px auto 0 auto;text-align:center;padding:0 10px}body header h2,body main h2{font-family:var(--handFont);color:var(--brandLight);font-size:var(--hSmallFontSize);font-weight:normal;margin:0px auto 20px auto;text-align:center;padding:0 10px;font-style:italic}body header h2+p,body main h2+p{text-align:center;padding:0 10px}body header h2+p.brown,body main h2+p.brown{color:var(--brandColour);width:80%}body header p,body main p{text-align:center;padding:0 10px}body header p.brown,body main p.brown{color:var(--brandColour);width:80%}body header{padding-top:20px}@media (max-width: 1200px){body header{margin:auto 20px}}body header img{height:120px}@media (max-width: 500px){body header{border-bottom:1px solid var(--brandLight)}}body main{grid-area:main;flex-direction:column;padding:var(--mainPad);justify-content:flex-start}body main section{width:100%;display:grid;grid-template-areas:var(--gta);grid-template-columns:var(--gtc);grid-template-rows:var(--gtr);gap:10px 20px}@media (max-width: 1024px){body main section{justify-items:center}}body main section picture{grid-area:image}@media (max-width: 500px){body main section picture{max-width:90%}}body main section img{grid-area:image;max-width:100%;object-fit:cover;margin:auto;padding:5px;border:solid 1px var(--brandLight);border-radius:10px}body main section aside{grid-area:text;padding:0 20px}body main section aside h3{text-align:center;margin-top:0}body main section aside p{padding:0;text-align:center}body main section aside p strong{font-size:18px;margin-bottom:5px}@media (max-width: 1024px){body main section aside{display:flex;flex-direction:column;align-items:center}body main section aside *{text-align:center}}body main section article{grid-area:quote;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}body main section article p{font-weight:700;text-align:center;font-style:italic;margin-top:0}body main section article p:first-of-type{margin-bottom:10px}body main section article p.name{margin:0;font-family:var(--handFont);color:var(--brandColour);font-size:26px;text-align:right;font-weight:300}body main section article.response{grid-area:frm;display:none}body main section form{grid-area:frm;width:100%}body main section form ul{list-style-type:none;padding:0;margin-top:0px}body main section form ul li{display:flex;flex-direction:row;gap:20px;align-items:center;width:100%;padding:10px 20px}body main section form ul li label{margin:0;flex:0 0 70px;height:50px;display:flex;align-items:center;color:var(--brandColour);font-weight:bold;font-family:"Lato"}body main section form ul li label i.fa{font-size:8px;color:#aa0000;transform:translateY(-5px)}body main section form ul li input{height:50px;border:solid 1px var(--brandColour);border-radius:10px;padding:10px;width:100%;width:clamp(360px, 90%, 600px);font-family:"Lato";outline:none}body main section form ul li textarea{height:100px;border:solid 1px var(--brandColour);border-radius:10px;padding:10px;width:clamp(360px, 90%, 600px);font-family:"Lato";outline:none;resize:none}@media (max-width: 500px){body main section form ul li{flex-direction:column;padding:10px 20px;gap:5px}body main section form ul li label{width:100%;text-align:center;height:unset;height:30px;flex:0 0 20px}body main section form ul li input{flex:0 0 50px;width:100%}body main section form ul li textarea{width:100%;flex:0 0 360px}}body main section form ul li i.state{color:var(--brandLight);display:none}body main section form ul li:has(input:valid,textarea:valid) i.state{display:block}@media (max-width: 768px){body main section form ul li{position:relative}body main section form ul li i.state{position:absolute;top:50%;right:30px;transform:translateY(-50%)}}body main section form button{padding:10px 30px;background:var(--brandColour);border:solid 1px var(--brandColour);margin:20px auto;display:block;color:white;font-size:16px;font-weight:bold;border-radius:5px;transition:all 0.3s;cursor:pointer;font-family:"Lato";width:120px;height:50px}body main section form button:hover{background:var(--brandLight)}@media (min-width: 1025px){body main section form button{transform:translateX(-90px)}}body main section form button span#btn-status{width:20px;height:20px;display:none;border-radius:50%;border-style:dotted;border-color:white;border-width:5px;animation:rotate 2s infinite linear;margin:auto}body main section form button.active span#btn-label{display:none}body main section form button.active span#btn-status{display:block}body main section form p.error{width:100%;text-align:center;color:var(--brandLight);font-weight:700;font-size:16px}body main section form p.gdpr{color:var(--brandColour);text-align:left;font-size:10px;margin:5px}body main section.bodycontent{margin-top:30px}body ul.usp{background:var(--grey);width:100%;height:60px;display:flex;align-items:center;width:100%;margin:auto;list-style-type:none;padding:0;display:flex;justify-content:center;align-items:center;gap:50px;grid-area:usp}@media (max-width: 500px){body ul.usp{display:none}}body ul.usp li{font-weight:bold;display:flex;align-items:center;gap:10px}body ul.usp li i{color:var(--brandLight)}body footer{--footerFlex:row;--footerGap:30px;display:grid;grid-template-columns:[page-start] 1fr [content-start] var(--mainWidth) [content-end] 1fr [page-end];grid-auto-rows:min-content;align-items:center;background:var(--brandColour);gap:10px;grid-area:footer;margin-top:20px}@media (max-width: 500px){body footer{--footerFlex:column;--footerGap:10px}}body footer main{margin-top:30px;grid-column:content;display:flex;flex-direction:row;flex-direction:var(--footerFlex);grid-row:1 / 1;justify-content:center;gap:var(--footerGap)}@media (max-width: 500px){body footer main picture{order:1}body footer main p.mayday{order:2}body footer main p.gita{order:3}}body footer p{margin:0;font-family:"Lato";color:white;padding:10px;text-align:center;flex:0 0 40%}body footer p.copy{grid-row:2 / 1;grid-area:content}body footer *{max-width:1200px}body footer img.icon{height:50px}body footer+div{grid-area:footer}section.foodporn{width:var(--mainWidth);margin:auto auto 30px auto;display:flex;overflow-x:hidden;gap:10px}@media (max-width: 500px){section.foodporn{margin:30px 0px}}section.foodporn img{width:100%;aspect-ratio:1.5;padding:0 5px;object-fit:cover}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=gmstyles.css.map */
