/* Theme name: Phoenix 
Author: Thomas Lundgren 
Version 1.1 2025-11-03*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body {width:100%; height:auto; max-width:1920px; max-height:1296px;}

p, td, li {font-family:'Open sans',sans-serif;}
h2 {font-family:system-ui,sans-serif;font-size:1.2rem;font-weight:bold;text-transform: uppercase;}
h3 {font-family:system-ui,sans-serif;font-size:1rem;font-weight:bold;text-transform: uppercase;}

img.alignnone {float:none;margin:1%;}
img.alignright {float:right;margin:1%;}
img.aligncenter {display:block;float:none;margin:1%;}
img.alignright {float:right;margin:1%;}
img.alignleft {float:left;margin:1%;}
.alignright {float:right;} 
.alignleft {float:left;} 
.obs {color:#e00;font-weight:bold;}

#topMenu {position:relative;width:100%;height:2.5%; max-height:200px;z-index:300; display:grid;grid-template-rows: 1% 98% 1%; grid-template-columns:5% 30% 5% 50% 10%; }
#startTopMenu {position:relative;width:100%;height:3%; background-color:#ffffff;max-height:200px;z-index:300;padding:1%; }
.menubar {position:absolute;display:block;width:100%;z-index:350;background-color:#777;opacity:0.8;}
.menubar a, .acMenubar a, .singleMenubar a {font-family:'Open Sans',sans-serif !important;}
.logobar {margin:0;  grid-area:1/1/3/3;background-color:#fff;border: thin solid #fff;border-radius:0 0 0 15px;}
.logobar img {width:15%;height:auto;align-self: self-end;}
blockquote {padding:3%;font-family:system-ui, sans-serif;font-size:1.3rem;color:#777;font-style:italic;}

/* Start */

#startWrapper {position:absolute;top:0;left:0;height:200%;width:100%;display:flex;flex-direction:column;overflow:auto;justify-content: flex-start;overflow-x:hidden; }
.hsasSticker {width:100%;}
#startContainer {width:100%;height:100%;display:flex; flex-direction:column;justify-content: space-between;overflow:hidden;}
    .startPic {width:100%;overflow:hidden;z-index:100;height:75%;display:grid;grid-template-rows:23% 30% 47%;grid-template-columns:10% 30% 20% 30% 10%;z-index:300;}
    .startPicNewsAreaTxt {grid-area:2 /3 / 3 /5;z-index:375;}
    .startPicNewsArea {grid-area:2 /3 / 5 /5;z-index:350;background-color:#0a0a1d;opacity:0.5;}
    .startPicNewsAreaTxt p {font-size:1.5rem;color:#fff;padding:2%;}
    .startPuffArea {margin:0;width:95%;height:40%; display:flex; flex-direction:row; flex-wrap:wrap;justify-content:space-between;background-image:url(./pix/background.jpg);background-repeat:no-repeat;background-size:cover;padding:2.5%;}
.startPicNewsAreaTxt a {color:#fff;}
    .startPuffContainer {width:15%; height:38%; background-color:#fff;border:medium solid #fff;display:flex;flex-direction:column;justify-content: flex-start;}
    .startPuffEvent {width:35%; height:38%; background-color:#fff;border:medium solid #fff;display:flex;flex-direction:column;justify-content: flex-start;}
        .startPuffHead {width:100%;height:fit-content;background-color:#000;}
        .startPuffHead h3 {font-family:'Open Sans',sans-serif;font-size:1.4rem;text-align:center;text-transform: uppercase;color:#fff;margin-block-start:0;margin-block-end:0;}
        .eventPuff {width:96%;height:80%;padding:2%;overflow:hidden;}
        .eventPuff a {text-decoration:none;}
        .eventPuff td, .eventPuff tr {border-bottom:solid thin #000;}
        .eventPuff td :hover {background-color:#ccc; opacity: 0.5;}
        .startPuff {width:96%;height:80%;padding:2%;overflow:hidden;}
        .startPuff img {width:100%; height:auto;}
        .startPuff p {font-family:'Open Sans', sans-serif;font-size: 1rem;}

        
/* Default Page */

#pageWrapper  {position:relative;margin:0;;height:100%;width:100%;display:flex;flex-direction:column;overflow:auto;justify-content: flex-start; overflow-y:hidden; }
#pageContainer {width:100%;height:100%; display:grid;grid-template-rows: 2% 2% 28% 65% 3%;grid-template-columns:2% 48% 2% 46% 2%;overflow:hidden; }
.pageBack {grid-area: 1/1/5/6;z-index:100;}
.pageBack img {width:100%;height:100%;}
.pageBackMobile {display:none;}
.pageLeft {grid-area:1/2/4/3;z-index:300;}
.pageRight {grid-area:3/4/6/5;background-color:#fff; opacity:0.5;z-index:50;overflow:hidden;}
.pageRightTxt  {grid-area:3/4/6/5;z-index:150;overflow:auto;}
.pageRightTxt p {font-size:1.4rem; padding:2%; color:#000;}
.pageMain {grid-area:2/1/6/6;background-color:#fff;z-index:50;overflow:hidden;}
.pageMainTxt {padding:2% 2% 10% 2%;overflow:auto;}


/* Default Post*/
.singleMenubar {background-color:#000;}
#singleWrapper  {position:relative;margin:0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;justify-content: flex-start; }
#singleContainer {width:100%;display:flex;flex-direction:column;overflow:hidden;background-image:url('./pix/bg.jpg');background-repeat:no-repeat;background-size:cover;}
.singleTxtArea {margin:3%;width:94%;height:84%;background-color:#fff;overflow:hidden;border:solid thin #000;}
.singleTxt {margin:2%; width:94%;height:96%;overflow-y:auto;padding:1% 3% 5% 2%;}
.singleTxt p, .singleTxt li {font-size:1.4rem;color:#000000;}
.singleTxt h2 {font-family:'Open Sans',sans-serif;font-size:1.5rem;text-transform: uppercase;font-weight:500;}


/* Membership */
#mContainer {width:100%;height:100%; display:grid;grid-template-rows: 2% 30% 30% 35% 3%;grid-template-columns:2% 48% 2% 46% 2%;overflow:hidden; }
.mTxt {grid-area:3/4/6/5;z-index:300;}
.mTxt p {font-size:1.3rem;color:#000;padding:2%;}
.mBoxTxt td {font-size:1.4rem;color:#000;padding:2%;} 
.mBox {grid-area:3/4/4/5;z-index:300;background-color:#fff;opacity:0.6;}
.mBoxTxt {grid-area:3/4/4/5;z-index:350;padding:2%;}

/*Styrelsen*/
.pageBack {grid-area: 1/1/5/6;z-index:10;}
.pageTxtArea {display:flex;flex-direction: row;justify-content: space-between;width:100%; grid-area:4/1/5/6;z-index:100;background-color:#fff;}
.pagePic {width:40%;}
.pageTxt {width:58%;margin:0 1%;}
.pageTxt td,th,h3 {font-family:'Open Sans',sans-serif;font-size:1rem;color:#000;text-align: left;padding-right:1%;}

/* Contact */
#cWrapper  {position:relative;margin:0;;height:100%;width:100%;display:flex;flex-direction:column;overflow:auto;justify-content: flex-start; overflow-y:hidden; }
#cContainer {width:100%;height:100%; display:grid;grid-template-rows: 2% 5% 25% 30% 30% 3%;grid-template-columns:2% 48% 2% 46% 2%;overflow:hidden; }
.coBack {grid-area: 1/1/6/6;z-index:100;}
.cBack {grid-area:3/4/5/5;z-index:300;background-color:#ffffff;border: outset;overflow:hidden;} 
.cTxt {grid-area:3/4/5/5;z-index:350;padding:2%;overflow:auto;}
.cTxt a {text-decoration:none;color:#0a0a1d;}

/* News */
#newsWrapper  {position:relative;margin:0;height:100%;width:100%;display:flex;flex-direction:column;overflow:auto;justify-content: flex-start; overflow-y:hidden; }
#newsContainer {width:100%;height:100%; display:grid;grid-template-rows: 5% 15% 15% 15% 30% 20%;grid-template-columns:2% 48% 2% 46% 2%;overflow:hidden; }
.newsBack {grid-area: 1/1/6/6;z-index:100;}
.newsLeft {grid-area:3/2/6/3;z-index:350;padding:2%;}
.newsLeftBack {grid-area:3/2/6/3;z-index:300;background-color:#fff;opacity:0.4;z-index:300;}
.newsRightBack {grid-area:3/4/5/5;z-index:300;background-color:#fff;opacity:0.4;z-index:300;}
.newsRight {grid-area:3/4/4/5;z-index:350;}
.newsRight p {font-size:1.4rem;color:#000;padding:2%;}

/* Activities */
.acMenubar {position:absolute;display:block;padding:0 2%;width:96%;z-index:350;background-color:#000;}
#actWrapper  {position:absolute;top:0; left:0;margin:0;height:100%;width:100%;display:flex;flex-direction:column;overflow:auto;justify-content: flex-start;overflow-y:hidden;background-image:url('./pix/bg.jpg') ;background-repeat:no-repeat;background-size:cover;}
#actContainer {margin:5% 2%;display:grid; grid-template-rows:5% 15% 20% 20% 20% 20%;grid-template-columns:5% 45% 45% 5%;width:96%;height:64%; background-color:#fff; }
#actTxtArea {grid-area:3/2/7/4;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.acPuffContainer {height:46%; width:16%;overflow:hidden;display:flex;flex-direction:column;justify-content: flex-start;}
.acPuffHead {background-color:#000;}
.acPuffHead h3 {color:#fff;font-size:1rem;padding-left:2%;}
.acPuff {width:100%;}
.acPuff img {width:100%;height:auto;}
#acContainer {margin:7% 0 0 0;display:flex;flex-direction: row;justify-content:space-between;background-color:#fff;height:70%; overflow-y:hidden;}
#acTxtArea {padding:2%;width:40%;overflow-y:auto;}
#acPicArea {padding:0;width:20%;overflow:hidden;}
#acPicArea img {width:auto;height:100%;}
#acInfoArea{padding:0 2% 2%;width:34%;overflow-y:auto;}
#acTxtArea p, #acInfoArea p {font-size:1.2rem;}
#acPicMobile {display:none;}

/* Evenemang */
#evContainer {margin:7% 0 0 0;display:flex;flex-direction: row;justify-content:space-between;background-color:#fff;height:70%; overflow-y:hidden;}
#evTxtArea {padding:2%;width:40%;overflow-y:auto;}
#evPicArea {padding:0;width:40%;overflow:hidden;}
#evPicArea img {width:auto;height:100%;}
#evPicMobile {display:none;}

/* Quiz and Survey */
#qWrapper {position:absolute;top:0;left:0;height:150%;width:100%;display:flex;flex-direction:column;overflow:auto;justify-content: flex-start; }
#section6 {display:flex;flex-direction:column;height:90%; width:100%;}
.s6-txtArea {height:95%;padding-bottom:5%; display:block;z-index:100;}
.ays-survey-title {font-family:'Open-Sans',sans-serif;text-transform:uppercase;padding-left:4px; }

/* Footer */

#startFooter {position:relative;bottom:0;background-color:#000;width:100%;height:8%;display:grid;grid-template-rows:1% 12% 5% 30% 30% 22%; grid-template-columns:5% 15% 15% 30% 15% 15% 2%; z-index:400;}
#footer {position:fixed;left:0;bottom:0;background-color:#000;width:100%;height:16%;display:grid;grid-template-rows:1% 12% 5% 30% 30% 22%; grid-template-columns:5% 15% 15% 30% 15% 15% 2%;z-index:500; }
.footerLeftHead {display:grid;grid-area: 1 / 2 /2 /3;}
.footerLeftHead h3, .footerRightHead h3 {font-family:'Open Sans',sans-serif;font-size:1.1rem;color:#fff;text-transform: uppercase;}
.footerLeft p,.footerLeft a, .footerRight p, .footerRight a, .socialmedia a {font-family:'Open Sans',sans-serif;font-size:0.8rem;color:#fff;text-decoration:none;}
.footerLeft  {display:grid;grid-area:4 /2 /7/ 3;}
.footerRightHead {display:grid;grid-area:1 /6 / 2 / 8;text-align:right;}
.footerRightHead h3 {text-align:right;}
.footerRight{display:grid;grid-area:4/6/7/8;text-align:right;} 
.socialmedia {grid-area:3/4/6/5;}
.socialmedia img {width:5%;height:auto;vertical-align:middle;}


/* Media query (mobile) portrait */

@media only screen and (max-device-width: 496px) and (max-device-height: 996px) and (-webkit-min-device-pixel-ratio:1.5) {

body, html {width:auto;max-width:1488px;max-height:2998px;height:100%;}    
#startWrapper {height:100%;justify-content:flex-start}
#pageWrapper  {height:120%;width:100%; }
#actWrapper  {height:100%;width:100%;justify-content: space-between; }
#topMenu {height:3%;;max-height:none;}
.menubar {grid-area:1/2/2/5;}
.menubar a, .acMenubar a {font-size:1.8rem !important;text-transform:uppercase !important;}
.logobar {width:33%;}
.logobar img {width:80%;height:auto;padding-left:2%;}
#startContainer {height:85%;}
.startPicNewsArea {display:grid;grid-area:1/ 2 / 5 /4}
.startPicNewsAreaTxt {display:grid;grid-area:1/2 / 5 /4}
.startPicNewsAreaTxt p {font-size:1.8rem;}
.acPuffContainer {height:23%;width:37%;}
.acPuffHead h3 {font-size:1.5rem;}
#pageContainer {height:100%; }
.pageBack img {height:100%; width:auto;}
.singleMenubar a {font-size:1.4rem !important;text-transform: uppercase !important; }
.singleTxtArea {height:74%;}
.singleTxt {height:90%;padding:1% 1% 5% 1%;}
.singleTxt p {font-size: 1.8rem;}
.singleBack {display:none;}
.singleBackMobile {height:100%; width:100%;}
#acContainer {margin:10% 2% 0 5%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;height:80%;}
#evContainer {margin:10% 2% 0 5%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;height:80%;overflow:hidden;}
#acTxtArea {height:50%;width:90%}
#evTxtArea {height:80%;width:90%;overflow:auto;}
#evTxtArea p {font-size:1.9rem;}
#acPicArea {display:none;}
#evPicArea {display:none;}
#acPicMobile {display:block;height:10%;width:100%}
#evPicMobile img {width:100%; height:auto;}
#evPicMobile {display:block;height:10%;width:100%}
#acInfoArea {height	:40%;width:90%;overflow:auto;}
#acPicMobile img {width:100%; height:auto;}
.pageMain {grid-area:2/1/5/6;}
.pageRight {grid-area:2/2/6/5;z-index:300;}
.pageRight p {font-size:2.4rem;padding:2%;}
.pageTxt td,th,h3 {font-size:1.5rem;}
.pageTxt img {width:170%;height:auto;}
.pageMainTxt {font-size:3rem; height:70%;}
input[type=submit] {height:40px; width:100px;}
input[type=checkbox] {height:30px; width:30px;}
.coBack {grid-area: 1/1/7/6;z-index:100;}
.coBack img {height:100%; width:100%;}
.cText {width:50%; height:50px;}
.startPic {height:56%;}
.startPicNewsArea p {font-size:1.8rem;}
.startPuffArea {height:35%;}
.startPuffContainer {width:20%; height:fit-content; background-color:#fff;border:medium solid #999;display:flex;flex-direction:column;justify-content: flex-start;}
.startPic {grid-template-rows:10% 25% 25% 25% 15%;}
.mBoxTxt td {font-size:1.8rem;}
#newsWrapper {height:80%;}
#footer {height:16%;}
#startFooter {height:15%;}
.footerLeft p,.footerLeft a, .footerRight p, .footerRight a, .socialmedia a {font-size:1.3rem;padding:2%; }
.footerLeftHead h3, .footerRightHead h3 {font-size:1.5rem;padding:2%;} 
.footerRightHead {display:grid;grid-area:1 /5 / 2 / 8;text-align:right;}
.footerRight{display:grid;grid-area:4/5/7/8;text-align:right;} 
}