/* Theme name: Tess
Author: Thomas Lundgren 
Version 1.2 2025-10-07 */   

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Ovo&family=Tenor+Sans&display=swap');



html {margin:0;width:100%; max-width: 1920px; height:100%; max-height:1080px;overflow:hidden;}
body {display:block;margin:0;width:100%; max-width: 1920px;height:100%;max-height:1080px; overflow:hidden;}

:root {font-family:system-ui, sans-serif; }
p {font-size:15px;font-weight:200;font-family:'Forum',serif;color:#222;line-height:1.25em;}
a {text-decoration:none;}
h2 {font-size:1.3rem;text-align:center;font-family:'Tenor sans',sans-serif;text-transform: uppercase;}
h3  {font-size:1rem;text-align:center;font-family:'Tenor sans',sans-serif;text-transform: uppercase;text-align:left;}
h4   {font-size:1rem;text-align:center;font-family:'Tenor sans',sans-serif;text-transform: uppercase;text-align:left;}
.frontFooter {font-family:'Tenor Sans',sans-serif;font-style:italic; color:#fff;font-size:1.4rem; }
.emfas {font-weight:bold;color:#ff1300;}
.largeHead {font-size:2.5vmax;text-transform: uppercase;font-family:system-ui;}
.mediumHead {font-size:1.5vmax;font-family:'Noto Sans',sans-serif;color:#fff; font-weight:200;}
.smallerHead {font-size:1.4vmax;}
.brubrik {font-family:'Noto Sans',sans-serif;font-size:1rem;font-weight:bold;}
.regular {font-family:'Forum',serif;font-size:1rem;color:#333;}

/* Global */

img.alignnone {display:block;margin:0;padding:2%;}
img.alignright {float:right;margin:1%;padding:1%;}
img.aligncenter {display:block;float:none;margin:1%;}
img.alignleft {float:left;margin:1% 1% 0 0;padding:1%;}
.alignright {float:right;padding:0 2%;} 
.alignleft {float:left;padding:0 2%; }
.wp-caption-text {margin:0 0 2% 0;padding:1% 2%;font-family:'Lora',serif;font-size:0.8vmax;background-color:#fefefe;border:solid thin; color:#222;width:auto;}

/* header */

#backStart {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;justify-content:flex-start;}
#back-1 {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-image: url('./img/page-bg-3.jpg');background-repeat:no-repeat;background-size:cover;
    display:flex;flex-direction:column;justify-content:flex-start;}
#back-2 {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-image: url('./img/page-bg-3.jpg');background-repeat:no-repeat;background-size:cover;
    display:flex;flex-direction:column;justify-content:flex-start;}
#back-3 {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-image: url('./img/page-bg-2.jpg');background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;}
#head-start  {position:relative;margin:0; width:100%; background-color:#dbb698; display:grid; 
   grid-template-rows:[first-mrow] 5% [mrow-1] 70% [mrow-2] 20% [mrow-3] 5% [last-mrow]; 
    grid-template-columns: [first-mcol] 1% [mcol-2]40%[mcol-3]18% [mcol-4]40% [mcol-5] 1% [last-mcol];z-index:200;}
#head {position:relative;margin:0 10%; width:80%; background-color:#dbb698; display:grid; 
    grid-template-rows:5% 1fr; 
    grid-template-columns: [first-mcol] 1% [mcol-2] 13% [mcol-3] 10% [mcol-4] 75% [mcol-5] 1% [last-mcol];z-index:200;}

.logotype-s {display:grid;grid-row:mrow-1/mrow-2; grid-column:mcol-3/mcol-4;}
.logotype-s img {width:75%; height:auto;padding:2%;}
.menubar-s {display:grid; grid-row:mrow-2/mrow-3; grid-column:mcol-2/mcol-5;padding:2.5% 5% 1% 0;}


.logotype {display:grid;grid-row:2; grid-column:mcol-2/mcol-3;}
.logotype img {width:35%; height:auto;padding:2%;}
.menubar {display:grid; grid-row:2; grid-column:mcol-4/mcol-5;padding:1% 10% 1% 0;}


/* Start */
@keyframes runIntro {

    0% {filter:grayscale(1)}
    25% {filter:grayscale(.75)}
    50% {filter:grayscale(.5)}
    75% {filter:grayscale(.25)}
    100%{filter:grayscale(0)}

}


#startWrapper {position:relative; width:100%; height:90%;overflow:hidden;display:grid;
    grid-template-rows:[first-srow] 10% [srow-2] 80% [srow-3] 10% [last-srow];justify-content: center;
    grid-template-columns:[first-scol] 20% [scol-2] 70% [scol-3] 10% [last-scol];z-index:100;}
.startBack {grid-area:first-srow/first-scol/last-srow/last-scol;z-index:110; overflow:hidden;}    
.startBack img {min-width:100%;height:auto;object-fit: cover;filter:grayscale(1);animation-name:runIntro;animation-duration:6s;animation-delay:600ms;animation-fill-mode:forwards; z-index:150;}
.startBackMobile {display:none;}
.landingZone {grid-area:srow-2/scol-2/srow-3/scol-3;z-index:200;margin-top:15%;}



/* Default pages */
#pageWrapper {position:relative;margin:0 10%; width:80%;overflow:hidden;display:grid;z-index:150;background-color:#fefefe;grid-template-columns: [first-pcol] 5% [pcol-2] 90% [pcol-3] 5% [last-pcol];
    grid-template-rows: [first-prow] 5% [prow-2]90% [prow-3] 5% [last-prow];   }
.textArea {grid-area:prow-2/ pcol-2/ prow-3/ pcol-3;padding:2%;overflow:auto;z-index:200;}
.textArea h2 {font-family:'Tenor Sans',sans-serif;font-size:1.2rem;color:#000;font-weight:bold;}
.textArea p {font-size:1.4rem;color:#222;}


/* Booking */

#bookingWrapper {position:relative;margin:0 10%; width:80%;overflow:hidden;display:grid;z-index:150;background-color:#fefefe;grid-template-columns: [first-pcol] 5% [pcol-2] 90% [pcol-3] 5% [last-pcol];
    grid-template-rows: [first-prow] 5% [prow-2]20% [prow-3]70% [prow-4] 5% [last-prow];   }
.bookingTxtPresentation {grid-area:prow-2/ pcol-2/ prow-3/ pcol-3;padding:2%;overflow:auto;z-index:200;border-bottom:thin solid #1d1d1d;}
.bookingTxtArea  {grid-area:prow-3/ pcol-2/ prow-4/ pcol-3;padding:2%;overflow:auto;z-index:200;display:flex; flex-direction:column; justify-content:flex-start;width:96%;}
.bookingTxtArea tr:nth-child(odd):not(:first-child){background:#ddd;}
.bW-1 {width:12%;border:solid thin #999;}
.bW-2 {max-width:20%;border:solid thin #999;}
.bW-3 {width:50%;border:solid thin #999;}
.bW-4 {width:10%;border:solid thin #999;}




/* Books */

#bookWrapper {position:relative;margin: 0 10%; width:80%;height:93%; overflow:hidden; background-color:#fff2de;overflow:auto; }
.bookArea  {display:flex;flex-direction:row;justify-content: flex-start;flex-wrap:wrap;width:100%;height:100%;overflow:auto;}
.bokBox {width:25%; overflow:hidden;padding:0 5%;display:flex;flex-direction:column;justify-content:flex-start;}
.bokTitel {height:17%;text-align:left;overflow:hidden;}
.bokImg {width:66%;overflow:hidden;}
.bokImg img {width:85%;height:auto;}
.bookQuote {display:none;max-height:20%;padding:2.5% 3.5%;border: thin solid #333; border-radius:15px;font-family:'Ovo', serif;font-size:1.2rem;overflow:auto;}
.bookLink {height:5%;margin:3%;}
.quote {height:10%;width:33%;padding:2.5% 5% 0;}
.quoteBack {height:10%;width:33%;padding:2.5% 5% 0;}


/* Poesi */


#poetryWrapper {position:relative;margin:0; width:100%;height:100%; overflow:hidden;overflow:auto;display:grid;grid-template-rows:[first-porow] 20% [porow-2] 80% [porow-3] 20% [last-porow];
    grid-template-columns:[first-pocol] 10% [pocol-2] 10%  [pocol-3] 60% [pocol-4] 10% [pocol-5] 10% [last-pocol]; z-index:50; }
#poetryBack {position:relative;display:grid; grid-area:first-porow/first-pocol/last-porow/last-pocol;z-index:100;}
#poetryBack img {width:100%; height:auto;object-fit: cover;}
.poetryText {display:grid; grid-area:porow-2/pocol-3/porow-3/pocol-4;z-index:200;}
.poetryText h2 {font-family:'Tenor sans',sans-serif;font-size:1.3rem;text-transform:uppercase;margin-block-end: 0;}
.poetryText p {font-family:serif;font-size:1.2rem;text-align:center;}




/*footer */

#footer {margin:0 10%;background-color:#1d1d1d;width:80%;height:13%; display:grid; grid-template-rows:[first-frow] 15% [frow-2] 80% [frow-3] 5% [last-frow];
     grid-template-columns:[first-fcol] 7% [fcol-2] 42% [fcol-3] 2% [fcol-4] 44% [fcol-5] 5% [last-fcol];}
#footer-start {margin:0;background-color:#1d1d1d;width:100%;height:12%; display:grid; grid-template-rows:[first-frow] 5% [frow-2] 90% [frow-3] 5% [last-frow];
     grid-template-columns:[first-fscol] 5% [fscol-2] 23% [fscol-3]1%[fscol-4]20% [fscol-5] 1% [fscol-6] 20% [fscol-7]1% [fscol-8] 23% [fscol-9] 5% [last-fscol];}

.fsPuff-1 {grid-area:frow-2/fscol-2/frow-3/fscol-3;}
.fsPuff-2 {grid-area:frow-2/fscol-4/frow-3/fscol-5;padding-top:3%;}
.fsPuff-2 a {color:#fff;font-size:0.8rem;}
.fsPuff-2 img {width:8%; height:auto;vertical-align:middle;}
.fsPuff-3 {grid-area:frow-2/fscol-6/frow-3/fscol-7;padding-top:4.5%;color:#fefefe;font-size:0.8rem;}
.fsPuff-4 {grid-area:frow-2/fscol-8/frow-3/fscol-9;}


.footerPuff-1 {grid-area:frow-2/fcol-2/frow-3/fcol-3;color:#dbb698;}
.footerPuff-1 img {width:5%;height:auto;padding-top:0.5%;vertical-align:middle;}
.footerPuff-2 {grid-area:frow-2/fcol-4/frow-3/fcol-5;color:#eee;text-align:right;}


/* Media query (mobile) */
@media only screen and (max-device-width: 480px) and (max-device-height: 981px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait) {

html  {max-height:3430px;max-width:1680px; height:100%;width:100%;}
body {max-height:3430px;max-width:1680px; height:100%; width:100%;}
p {font-size:14px;}
#head {height:12%; width:90%; margin:0 5%; }
.logotype {display:grid;grid-row:2; grid-column:mcol-2/mcol-4;}
.logotype img {width:55%; height:auto;padding:1.5%;}

#startWrapper {grid-template-rows:[first-srow] 25% [srow-2] 50% [srow-3]  25% [last-srow] ;}
.startBack {display:none;}
.startBackMobile {display:block;grid-area:first-srow/first-scol/last-srow/last-scol;z-index:110;background-color:#1d1d1d;}
#bookingWrapper, #pageWrapper {margin:0 5%;height:73%; width:90%;}
#bookWrapper {margin: 0 5%; width:90%;}
#footer {height:15%;}
#poetryBack img {object-fit:cover;height:100%;}
.bokTitel {height:20%;}
#back-1,#back-2, #back-3 {height:100%;}
#bookWrapper {height:100%;}
.bokBox {width:43%;height:100%;overflow:auto;padding:3%;}
.bookLink {height:5%;}
#footer {margin:0 5%;width:90%;}
#footer-start {height:15%;}
.fsPuff-2 img, .footerPuff-1 img {width:17%;}

}/* Media query (mobile / pads) */
@media only screen and (max-device-width: 981px) and (max-device-height: 480px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape) {

html  {max-height:1680px;max-width:3430px; height:100%;width:100%;}
body { max-height:1680px;max-width:3430px; height:100%; width:100%;}
#head {height:15%;  }
.startBack {grid-area:srow-2/first-scol/last-srow/last-scol;}
.bookQuote {max-height:20%;}
.quote {width:80%;}




}
/* Media Query Laptops */
@media only screen and (max-device-width: 1280px) and (max-device-height: 800px) and (-webkit-max-device-pixel-ratio:2) and (orientation:landscape) {

html  {max-height:1600px;max-width:2560px; height:100%;width:100%;}
body { max-height:1600px;max-width:2560px; height:100%; width:100%;}

#footer-start {height:15%;} 
.logotype-s img {width:65%; height:auto;padding:2%;}

}