/*
Theme Name:         Strange Skov 2026.03 (Printable orderlist)
Theme URI:          
Github Theme URI:   
Description:        Nyt: Printable orderlist

Version:            2026.03
Author:             Strange Skov
Author URI:         http://www.strangeskov.dk
*/


* {font-family: 'Catamaran', sans-serif;}
body,h1,h2,h3,h4,h5,h6 {
 font-family: 'Catamaran', sans-serif;
}
body, html {
 color: #333;
 line-height: 1.8;
 line-height: 1.5;
 font-size: 110%;
 font-size: 105%;
 font-family: 'Catamaran', sans-serif;
}
@media only screen and (min-width: 1600px) {
body, html { font-size: 110%;}
}
h1,h2,h3,h4,h5,h6 {
 font-family: 'Catamaran', sans-serif;
 font-weight:400;
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {
 font-weight:700;
}
h2 {
 line-height: 1.0em;
 font-size: 1.9em;
}
h3 {
 font-size: 1.3em;
 line-height: 1.6em;
}
h4 {
 font-size: 110%;
 font-size: 105%;
 line-height: 1.5em;
}
blockquote {
 font-size: 3em;
 line-height: 1.0em;
 font-weight:900;
}
audio {
 display:block;
 width:100%;
}
a.audiolink {
 display:block;
}
.clear{clear:both;}


/*HEADERS */
.parallax {background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
@media only screen and (max-device-width: 1024px) {.parallax {background-attachment: scroll;}}
.bgimg-home {
  background-image: url('header_bgr1.jpg');
  min-height: 65vh;
  max-height: 65vh;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background-position: 50% 80%;
}
.bgimg-kontakt {
 background-image: url('autoimmun_kontakt_header.jpg');
 min-height: 500px;
}
.bgimg-spisgodt {
 background-image: url('images/___DSC_4219_edited.jpg');
 background-image: url('images/autoimmun_kostforbedring_spis_godt_lev_bedre_lydkursus_header.jpg');
 background-image: url('images/header4.jpg');
 background-image: url('images/header5.jpg');
 min-height: 70vh;
 max-height: 70vh;
 background-position: 50% 50%;
 background-position: top center;
 background-size:cover;
 background-size:185vh;
 background-size:contain;
  background-color: #8CACC4;
  background-color: #111;
}
@media only screen and (max-width: 1280px) {
 .bgimg-home {
  /* background-position: 80% 80%;*/
  /*background-size:cover;*/
 }
}
#header_image_div {
 max-height:70vh;
 min-height:1px;
 overflow:hidden;
}
#header_image {
 margin-top: calc((70vh - 680px) /2);
 width: 100vw;
 display:block;
}
#header_image_html {
    width: 49.999%;
    position: absolute;
    top: -450px; right: 0px;
    font-size:; /* relative*/
}
@media only screen and (max-width: 1920px) {
 #header_image {
 margin-top: 40px;
  width: 1920px;
  margin-left: calc((100vw - 1920px) /2);
  margin-right: calc((100vw - 1920px) /2);
 }
}
@media only screen and (max-width: 1600px) {
 #header_image {
  width: 1600px;
  margin-top: 0;
  margin-left: calc((100vw - 1600px) /2);
  margin-right: calc((100vw - 1600px) /2);
 }
}
@media only screen and (max-width: 1160px) {
 #header_image {
 /*width: calc(1160px - ((1160px - 100vw))*2); */
 /*width: calc(100% * (100%/1160px));*/
 width: 125vw;
 margin-top: 0;
 margin-left: calc(((125vw - 100vw) /2) *-1);
 margin-right: calc(((125vw - 100vw) /2) *-1);
 }
}
@media only screen and (max-width: 980px) {
 h2 {
  font-size: 1.6em;
 }
 p {
  margin: 8px 0;
 }
 #header_image {
  /* margin:  0 calc((100vw - 960px) /2 *-1); */
  /* padding: 0 calc((100vw - 960px) /2 ); */
 }
 #header_image_html {
  width: 99.999%;
  position: relative;
  top: auto; right: auto;
  font-size:; /* relative*/
 }
}
@media only screen and (min-aspect-ratio: 1280/700) {
 #header_image {
  width: calc(100vw);
  margin: 0;
 }
 #header_image_div {
  max-height:80vh;
 }
}


#logo img {
 max-height: 28px;
 margin: 5px 10px ;
}
/* #myNavbar #logo_white {display:block;} */
/* #myNavbar #logo_black {display:none;} */

/*#myNavbar.w3-white #logo_white {display:none;} */
#myNavbar.w3-white #logo_black {display:block;}
#myNavbar {
 font-size: 100%;
 font-size: 90%;
 font-weight: 400;
 letter-spacing: 1px;
 color:#000;
 /*min-height: 50px;*/
 padding-bottom: 4px;
 padding-bottom: 0;
}
#myNavbar .w3-bar-item {
 line-height: 1em;
 margin: 12px;
 padding: 0;
}
#myNavbar .w3-button:hover, #myNavbar .w3-button:active  {
 color: #fff !important;
 color: #000 !important;
 background: none !important;
 border-bottom: 2px solid #fff;
 border-bottom: 2px solid #000;
}
#myNavbar.w3-white .w3-button:hover, #myNavbar.w3-white .w3-button:active  {
 color: #000 !important;
 background: none !important;
 border-bottom: 2px solid #000;
 padding-bottom: 0px;
 margin-bottom: -2px;
 /* NEW */ margin-bottom: 12px;
}

#top_menu_hamburger {
 padding: 8px 12px;
 vertical-align:2px; 
}
#top_menu_hamburger big {
 font-size: 140%;
 vertical-align:-2px; 
}

.w3-top {
}
#the_content {
 margin-top:5px;
 position: relative;
}
@media only screen and (max-width: 600px) {
 #the_content {
  margin-top:0px;
 }
 .w3-top {
  position: relative;
  margin-bottom:-50px;
  margin-bottom:0px;
  padding-bottom:0px;
 }
 #logo img {
  width: auto;
  height: auto;
 }
 #myNavbar {
  letter-spacing: 0;
 }
 #top_menu {
  clear:both;
  margin-bottom:25px;
 }
 #top_menu .w3-bar-item {
  margin: 4px;
  border: none;
  padding: 8px 12px ;
  clear:both;
  float:right;
  
 }
  
 #myNavbar #logo_white {display:none;}
 #myNavbar #logo_black {display:block;}
 #myNavbar a.w3-bar-item {
  color:#000;
 }
 #myNavbar .w3-button:hover, #myNavbar .w3-button:active , #myNavbar.w3-white .w3-button:hover, #myNavbar.w3-white .w3-button:active  {
  border: none;
 }
}

#header_html {
 text-align:center;
 background-color:#900;
 color:#fff;
 padding: 10px 0 10px 0;
 line-height:250%;
 box-shadow: 0 0 10px black;
}
#header_html small {
 font-weight:400;
 text-transform:normal;
 font-size: 100%;
}
#header_html big {
 display:block;
 font-weight:700;
 text-transform:uppercase;
 font-size:250%;
}

/* SMALL SCREEN HAMBURGER MENU */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}
/* Hide the links inside the navigation menu (except for logo/home) */
/* MAKE HAMBURGER ON SMALL SCREENS */
.topnav .hamburger_menu {
  display: none;
}
/* Style navigation menu links */
.topnav a {
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* CONTENT */
.polaroid {
 margin:10px;padding:10px;
 margin-top:-10px;
 font-size: 90%;
 text-align:center;
}
.polaroid.w3-right {
 margin-right:-150px;
}
.polaroid.w3-left {
 margin-left:-150px;
}
@media only screen and (max-width: 1280px) {
 #home h1 span {
 }
 .polaroid.w3-right {
  margin-right:-10px;
 }
 .polaroid.w3-left {
  margin-left:-10px;
 }
}
@media only screen and (max-width: 600px) {
 #home h1 span {
  font-size: 85%;
  font-size: 8vw;
 }
 .polaroid.w3-right {
  margin:0px;
 }
 .polaroid.w3-left {
  margin:0px;
 }
}
.w3-content .full-width {
 clear: both;
 margin:  0 calc((100vw - 960px) /2 *-1);
 padding: 0 calc((100vw - 960px) /2 );
}
@media only screen and (max-width: 990px) {
 .w3-content .full-width {
  clear: both;
  margin:  0 calc((100vw - 960px) /2 *-1);
  margin:  0 -20px;
  padding: 0 calc((100vw - 960px) /2 );
  padding: 0 20px;
 }
}
.blackboard {
	color: #fff;
	border-color: #fff;
	background-color: #252525;
	background-image: url('images/dark-blackboard.jpg');
}
.paperwhite {
	color: #111;
	border-color: #eee;
	background-color: #eee;
	background-image: url('images/paperwhite.jpg');
}
.paperlight {
	color: #111;
	border-color: #eee;
	background-color: #ECE9E2;
	background-image: url('images/paperlight.jpg');
}
.boxshadow {
 box-shadow: 0 0 10px black;
 box-shadow: 0 0 10px rgb(0 0 0 / 60%);
 box-shadow: 0 0 16px rgb(0 0 0 / 50%);
}
@media only screen and (min-width: 989px) {
.columns {
  column-count:2; column-gap: 2em;
 }
}
@media only screen and (min-width: 600px) {
 .center-width80 {
  margin-left:auto;margin-right:auto;
  width: 80%;
 }
}
.badge {
 border-radius: 50%;
 background-image: url('images/dark-blackboard.jpg');
 background-color: #252525;
 color:#fff;
}

hr.clear {border:none;}
hr.tornpaper {
 clear:both;
 float:none;
 background: url('images/tornpaper.png');
 height:16px;
 background-repeat:repeat-x;
 background-position:bottom;
 border:none;
}
@media only screen and (min-width: 989px) {
 hr.tornpaper {
  margin:2em calc((100vw - 960px) /2 *-1);
 }
}
@media only screen and (max-width: 989px) {
 hr.tornpaper {
  margin:2em calc((100vw - 960px) /2 *-1);
  margin:2em -2em;
 }
}

#the_content div.feedback {
 margin:0; 
 margin-left:110px; 
 font-size:18px; 
 line-height: 1.6em;
}

#the_content .w3-btn {
 white-space: wrap;
}

blockquote.image-breaker {}
blockquote#q_autoimmun_bedring {
 height:50vh;
 margin-top:1em;
 margin-bottom:1em;
} 
blockquote#q_autoimmun_bedring div.q_text {
}
@media only screen and (max-width: 1400px) {
 blockquote#q_autoimmun_bedring {
  font-size:4vw;
 } 
}
@media only screen and (max-width: 600px) {
 blockquote#q_autoimmun_bedring {
  font-size:26px;
 } 
 blockquote#q_autoimmun_bedring .q_text {
  width:80vw;
  left:10vw;
  transform:none;
 }
 blockquote#q_autoimmun_bedring .q_text span {
  margin:0;
 }
}
@media only screen and (max-width: 400px) {
 blockquote#q_autoimmun_bedring .q_text {
  width:95vw;
  left:4vw;
 }
}


/* SIGNUP */
#tilmelding {
 margin:auto;
 padding: 0;
 clear:both;
}
#tilmelding #email, #tilmelding #tilmeld {
 padding: 4px 12px;
 border: 1px solid #999;
}
#tilmelding #email:hover, #tilmelding #email:focus {
 border-color:#666;
}
#tilmelding #email:hover, #tilmelding #email:focus {
 border-color:#666;
}
#tilmelding #tilmeld {
 background-color:#4A5;
 color:#fff;
 border: 1px solid #396;
 cursor:pointer;
}
#tilmelding #tilmeld:hover {
 background-color:#394;
}

/* PAGE ORDER */
body.page-order ul {
 padding-left:1em;
}
@media only screen and (min-width: 600px) {
 body.page-order {
  margin-top:50px;
 }
}

/* PAGE DOWNLOAD */
body.page-template-page_download {
 background-color:#fff;
}
body.page-template-page_download div.file {
 padding-top: 50px;
 margin-bottom: 2em;
}
body.page-template-page_download div.file h2 {
 font-weight:700;
}
body.page-template-page_download div.file div {
}
body.page-template-page_download div.file img {
 width:100%;
 padding-bottom: 1em;
}
body.page-template-page_download div.file audio {
 margin-top: 1em;
}
body.page-template-page_download div.file div.audiolink {
 text-align:center;
 margin: 0;
}
body.page-template-page_download div.file div.btn_next {
 display:block;
 text-align:right;
 margin: 0;
}


/* EVENTS */
body div.udsolgt a.w3-btn {
 display: none;
}

/* PRINT */
@media print {    
 #myNavbar {
  display: none !important;
 }
}