/*
	Theme Name: skalk
	Author: skalk
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
}

body {
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	font-size: 16px;
}

/* clear */
.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #000;
	text-decoration: none;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	-ms-transition: .3s linear;
	-o-transition: .3s linear;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

input:focus {
	outline: 0;
}

.section-padding {
	padding: 30px 0;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.flex-end {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.baseline {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

.column{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}

.j-center{
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.flex-row {
	margin: 0 -10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb40{
	margin-bottom: 40px;
}

body.admin-bar .mm-page {
	padding-top: 46px;
}

.text-center {
	text-align: center;
}

/* wrapper */
.wrapper {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}

/* header */
.header {
	padding: 20px 0;
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 11;
	-webkit-box-shadow: 0 0 0 4px white, 0 4px 7px #cccccc;
	        box-shadow: 0 0 0 4px white, 0 4px 7px #cccccc;
}

/* nav */
.nav>ul {
	display: inline-block;
}

.nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.nav ul li {
	position: relative;
}

.nav>ul>li {
	display: inline-block;
}

.nav ul>li>a {
	font-size: 14px;
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
}

.nav ul>li.current-menu-item>a {
	font-weight: 700;
}

.nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9;
	text-align: left;
	white-space: nowrap
}

.nav ul li:hover>ul {
	display: block;
}

.nav ul ul ul {
	top: 0;
	left: 100%;
	width: 100%;
}

.nav ul ul li a {
	padding: 9px 10px;
	display: block;
	background: #94a2b0;
	color: #ffffff;
}

.nav ul ul li a:hover {
	background: #000000;
}

#mmenu_button>span {
	display: block;
	height: 2px;
	background: black;
	width: 30px;
	margin-bottom: 6px;
	border-radius: 5px;
}

#mmenu_button>span:last-child {
	margin-bottom: 0;
}

.mm-menu_offcanvas {
	z-index: 9;
}

.header .search-toogle {
	font-weight: 300;
	font-size: 18px;
	padding: 10px 15px;
	cursor: pointer;
}

.header .top-search-form {
	display: none;
	position: absolute;
	top: calc(100% + 20px);
	right: 0;
	left: 0;
	z-index: 999;
	padding: 10px;
	background: #94a2b0;
}

.header .top-search-form form {
	width: 100%;
	position: relative;
}

.header .top-search-form input {
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: none;
	outline: none;
	padding-right: 70px;
}

.header .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	right: 0;
	bottom: 0;
	border: none;
	outline: none;
	color: #000000;
}

/*top banner */
.banner {
	position: relative;
}

.banner img {
	min-height: 320px;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 790px;
}

.banner-logo {
	max-width: 100%;
	width: auto;
	min-height: unset !important;
}

.banner-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	max-width: 410px;
	margin: 0 auto;
	padding: 0 10px;
	z-index: 1;
}

.page-headline {
	font-size: 18px;
	font-weight: 700;
	margin-top: 0;
}

.banner-content .page-headline {
	color: #ffffff;
}

.btn-main {
	display: inline-block;
	border: none;
	background: #ffffff;
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	padding: 8px;/*22px 15px;*/
	text-align: center;
	min-width: 180px;/*210px;*/
	max-width: -webkit-min-content;
	max-width: -moz-min-content;
	max-width: min-content;
	border-radius: 10px;
	line-height: initial;
}

.btn-main.btn-black {
	background: #333333;
	color: #ffffff;
}

.skalk-btn {
	max-width: none;
	background-color: rgb(239, 239, 239);
	margin:5px 5px 5px 0;
	border-radius:3px;
    border: 1px solid #999;
    padding: 6px 12px;
    font-weight: 400;
}

.blog-buttons,
.banner-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.banner-links .btn-main {
	margin: 0 10px;
	max-width: max-content;
}

.banner-links .btn-main{
	margin-bottom: 5px;
}

/* top slider */
.slider .swiper-slide{
	position: relative;
}

.slider .swiper-slide img:not(.banner-logo){
	width: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after{
	color: #fff;
}

/* blog-section */
.blog-section {
	background: #e6e6e6;
}

.blog-section h2 {
	margin-top: 0;
}

.blog-description {
	max-width: 600px;
	margin: 0 auto 40px auto;
}

.blog-description p {
	font-size: 14px;
}

.blog-buttons,
.blog-section .page-headline {
	text-align: center;
}

.blog-buttons .btn-main {
	margin: 0 10px;
}

.blog-buttons .btn-main:first-child {
	margin-bottom: 20px;
}

#cno-popup > .btn-main {
	width: 100%;
    border-radius: 10px;
    max-width: 360px;
}

.blog-card {
	text-align: center;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	-webkit-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

article.blog-card {
	-webkit-box-orient: unset;
	-webkit-box-direction: unset;
	    -ms-flex-direction: unset;
	        flex-direction: unset;
}

article.blog-card a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}


.blog-card span {
	display: block;
}

.blog-card img {
	width: 100%;
	margin-bottom: 20px;
}

.blog-post-title {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog-post-title img {
	max-width: 100%;
	width: auto;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.blog-card-image {
	display: block;
	position: relative;
	overflow: hidden;
}

.blog-card-image img{
	height: 300px;
    width: auto;
    object-fit: cover;
    max-width: none;
}

.blog-card .date {
	font-size: 12px;
	font-weight: 600;
	color: #919191;
	margin-bottom: 5px;
}

.blog-post-short-description {
	font-size: 13px;
	font-weight: 700;
}

.blog-card .readMore {
	font-size: 10px;
	font-weight: 500;
	text-align: right;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
	margin-top: auto;
}

.blog-card:hover {
	background: #ffffff;
}

body:not(.home) .blog-card:hover {
	background: #e6e6e6;
}

.blog-card:hover .readMore {
	visibility: visible;
	opacity: 1;
}

.image-description {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-transform: translateY(1em);
	    -ms-transform: translateY(1em);
	        transform: translateY(1em);
}

.blog-card-image:hover .image-description {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

.blog-card p {
	font-size: 14px;
	line-height: 26px;
}

/* welcome */
.welcome {
	text-align: center;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #b3c6b0;
}

.welcome .wrapper {
	position: relative;
}

.welcome .page-headline {
	margin-top: 20px;
}

.welcome p {
	max-width: 525px;
	font-size: 14px;
	line-height: 21px;
	margin: 0 auto 20px auto;
}

/* bottom banner */
.bottom-banner {
	background: #3f3476;
}
.banner-light {
	background: #fed966;
}

.bottom-banner .wrapper {
	padding: 0;
}

.bottom-banner img {
	min-height: 300px;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: left;
}

.bottom-banner-content-wrapper {
	padding: 1em;
}
.bottom-banner-content {
	text-align: center;
}

.bottom-banner:not(.banner-light) .bottom-banner-content .page-headline,
.bottom-banner:not(.banner-light) .bottom-banner-content p {
	color: #fdd590;
}

@media (min-width: 768px) {
	.bottom-banner-content {
		text-align: left;
	}

	.bottom-banner-image {
		position: relative;
		margin-bottom: 60px;
	}
	.bottom-banner-content-wrapper {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		left: 0;
		right: 0;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 10px;
	}

	.bottom-banner-content {
		max-width: 50%;
		margin-left: auto;
	}
	.bottom-banner-content p {
		font-size: 14px;
		max-width: 265px;
	}
}
/* socials */
.socials-section {
	background: #e6e6e6;
	text-align: center;
}

.social-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #000000;
	color: #e6e6e6;
	font-size: 36px !important;
}

.socials p {
	margin: 0;
}

.socials .social-icon {
	margin: 0 10px;
}

.social-description p {
	max-width: 450px;
	margin: 60px auto 0 auto;
	font-size: 19px;
	line-height: 26px;
}

/* footer */
.footer {
	background: #000000;
}

.footer-logo {
	margin-bottom: 40px;
}

.footer .flex>div {
	width: 100%;
	margin-bottom: 30px;
}

.footer ul {
	margin: 0;
	padding: 0 0 0 15px;
}

.footer ul li ul {
	display: none;
}

.footer p {
	margin-top: 0;
}

.footer p,
.footer li,
.footer a {
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
}

.footer a:hover {
	text-decoration: underline;
}

.footer p.h3 {
	font-size: 15px;
	font-weight: 600;
	margin-top: 0;
	display: inline-block;
	position: relative;
}

.footer p.h3:after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	background: #000000;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
.page-id-1212 .welcome-subpage,
.page-id-1188 .welcome-subpage,
.page-id-1175 .welcome-subpage,
.page-id-1083 .welcome-subpage{
	background: url(/wp-content/uploads/2023/04/Layer-70.jpg) no-repeat center/cover;
	padding: 40px 0;
}

.welcome-subpage{
	padding: 40px 0;
}

.welcome-subpage p{
	font-size: 14px;
	line-height: 25px;
	margin: 0;
}

.directors{
	padding: 40px 0;
	overflow: hidden;
}

.directors .flex-row{
	margin: 0 -20px;
}

.box-item{
	width: 100%;
	padding: 0 20px;
	margin-bottom: 40px;
}

.box-item img{
	height: 340px;
	object-fit: cover;
}

.box-item-content{
	background: #f1f1f1;
	padding: 25px;
}

.box-item-title{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

.box-item-content {
	height: 100%;
}

.box-item-content p{
	font-size: 14px;
	line-height: 28px;
	margin: 0;
}

.box-item img{
	width: 100%;
}

.flex50{
	width: 100%;
	padding: 0 10px;
}

/* historie */
.page-id-1224 .welcome-subpage,
.page-id-1101 .welcome-subpage{
	background: #a2b297;
	padding: 40px 0;
	overflow: hidden;
}

.page-id-1224 .welcome-subpage{
	background: #7D889D;
}

.historie-welcome{
	margin: 0 -20px;
}

.historie-welcome .flex-col{
	width: 100%;
	padding: 0 20px;
}

.historie-welcome img{
	margin: 0;
}

.subpage-banner{
	margin: 40px 0;
}

/* timeline */
.timeline{
	margin: 40px 0;
}
.line{
	position: relative;
	padding: 25px 0;
}

.line-col{
	width: 50%;
	padding: 0 35px;
	position: relative;
}

.line:nth-child(even) .year-line {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.line:nth-child(even) .content-line {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

.line:nth-child(odd) .year-line,
.line:nth-child(even) .content-line{
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	text-align: right;
}

.line .year{
	font-size: 40px;
	font-weight: 700;
	margin: 0 5px;
}

.line .icon{
	border: 4px solid #000000;
	border-radius: 50%;
	width: 72px;
	height: 72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
}

.line:nth-child(even)  .year-line .year{
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.line:nth-child(even)  .year-line .icon{
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

.line:nth-child(even)  .year-line:before{
	content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #000000;
    position: absolute;
    left: 8px;
}

.line:nth-child(odd) .year-line:before{
	content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #000000;
    position: absolute;
    right: 8px;
}

/* timeline vertical */
.line:before{
	position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
	border-radius: 10px;
    width: 18px;
    height: calc(100% + 17px);
    margin-left: -9px;
    background: rgba(0,0,0,.5);
    z-index: 5;
}

/* timeline dot START*/
.line:nth-child(even) .icon:before,
.line:nth-child(odd) .icon:before{
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    right: 89px;
}

.line:nth-child(odd) .icon:before{
	left: 89px;
	right: unset;
}

.line:nth-child(even) .icon:after,
.line:nth-child(odd) .icon:after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #ffffff;
    position: absolute;
    right: 97px;
    z-index: 5;
}

.line:nth-child(odd) .icon:after{
	left: 97px;
	right: unset;
}

/* timeline dot END*/
.line .title{
	font-size: 23px;
	font-weight: 800;
	text-transform: uppercase;
}

.line .description{
	max-width: 460px;
	margin: 0;
}

.line:nth-child(even)  .description{
	margin: 0 0 0 auto;
}

.line .description p{
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

/* customize each line */

/* LINE 1 */
.line:nth-child(1) .year,
.line:nth-child(1) .title{
	color: #a2b297;
}

.line:nth-child(1) .icon{
	border-color: #a2b297;
}

.line:nth-child(1) .icon:before{
    background: rgb(90 116 71 / 40%);
    z-index: 5;
}

.line:nth-child(1):before{
background: rgba(162, 178, 151, .9);
}

.line:nth-child(1) .year-line:before{
	background: #a2b297;
}

/* LINE 2 */
.line:nth-child(2) .year,
.line:nth-child(2) .title{
	color: #87aaa6;
}

.line:nth-child(2) .icon{
	border-color: #87aaa6;
}

.line:nth-child(2) .icon:before{
    background: rgb(65 114 109 / 40%);
    z-index: 5;
}

.line:nth-child(2):before{
background: rgba(135, 170, 166, .9);
}

.line:nth-child(2) .year-line:before{
	background: #87aaa6;
}

/* LINE 3 */
.line:nth-child(3) .year,
.line:nth-child(3) .title{
	color: #6e7c92;
}

.line:nth-child(3) .icon{
	border-color: #6e7c92;
}

.line:nth-child(3) .icon:before{
    background: rgb(22 36 58 / 40%);
    z-index: 5;
}

.line:nth-child(3):before{
	background: rgba(110, 124, 146, .9);
}

.line:nth-child(3) .year-line:before{
	background: #6e7c92;
}

/* LINE 4 */
.line:nth-child(4) .year,
.line:nth-child(4) .title{
	color: #7e6787;
}

.line:nth-child(4) .icon{
	border-color: #7e6787;
}

.line:nth-child(4) .icon:before{
	background: rgb(32 12 40 / 40%);
    z-index: 5;
}

.line:nth-child(4):before{
	background: rgba(126, 103, 135, .9);
}

.line:nth-child(4) .year-line:before{
	background: #7e6787;
}

/* skalk junior */

.page-id-1129 .welcome-subpage,
.page-id-1215 .welcome-subpage,
.page-id-1218 .welcome-subpage{
	background: #3a1d3c;
	overflow: hidden;
}

.page-id-1129 .welcome-subpage .flex-row,
.page-id-1215 .welcome-subpage .flex-row,
.page-id-1218 .welcome-subpage .flex-row{
	margin: 0 -20px;
}

.page-id-1129 .welcome-subpage h1,
.page-id-1215 .welcome-subpage h1,
.page-id-1218 .welcome-subpage h1{
	color: #ffffff;
}

.junior-col{
	width: 50%;
	padding: 0 20px;
}

.page-id-1129 .welcome-subpage h5,
.page-id-1215 .welcome-subpage h5,
.page-id-1218 .welcome-subpage h5{
	color: #ffffff;
	font-size: 21px;
	margin: 0 0 20px 0;
}

.page-id-1129 .welcome-subpage p,
.page-id-1215 .welcome-subpage p,
.page-id-1218 .welcome-subpage p{
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
}

.text-circle{
	position: relative;
	background: #4761ab;
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	width: 360px;
	height: 280px;
	border-radius: 50%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 45px;
    margin-bottom: 35px
}

.text-circle::before {
	content: "";
    position: absolute;
    bottom: 17px;
    left: 70%;
    border-style: solid;
    border-width: 20px 30px 0 30px;
    border-color: #4761ab transparent transparent transparent;
    -webkit-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
            transform: rotate(-140deg);
  }

  .text-circle:after{
    content: url(/wp-content/uploads/2023/04/Layer-58-1.png);
    position: absolute;
    right: -190px;
  }
  .text-rectangular b,
.text-circle b{
    margin-top: 10px;
    display: block;
}

.text-rectangular{
	position: relative;
	background: #de3662;
	border-radius: 15px;
	padding: 25px;
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
    margin-bottom: 35px
}

.text-rectangular:after{
    content: "";
    position: absolute;
    bottom: -17px;
    left: 10%;
    border-style: solid;
    border-width: 20px 10px 0 30px;
    border-color: #de3662 transparent transparent transparent;
    -webkit-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
            transform: rotate(-75deg);
    z-index: 0;
}

.junior-buttons .btn-junior{
	display: block;
    min-width: 170px;
    max-width: max-content;
    border-radius: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	padding: 8px;
	margin: 20px;
}

.junior-buttons .btn-junior:first-child{
	background: #f48734;
}

.junior-buttons .btn-junior:last-child{
	background: #6a4797;
}


@media(max-width:767px){
	.line{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.line-col{
		width: 100%;
		padding: 0;
	}

	.line:before,
	.line .year-line:before,
	.line .icon:after,
	.line .icon:before{
		display: none!important;
	}

	.line .year-line{
		text-align: left!important;
		-webkit-box-pack: start!important;
		    -ms-flex-pack: start!important;
		        justify-content: flex-start!important;
		-webkit-box-ordinal-group: 2!important;
		    -ms-flex-order: 1!important;
		        order: 1!important;
		margin-bottom: 20px;
	}
	.line .content-line{
		-webkit-box-ordinal-group: 3!important;
		    -ms-flex-order: 2!important;
		        order: 2!important;
		text-align: left!important;
	}
	.line .description{
		max-width: 100%;
		margin: 0;
	}
	.line .year-line .year{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.line .year-line .icon{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}

	.junior-col{
		width: 100%;
	}
	.junior-col p img{
		display: block;
		margin: 0 auto 20px auto;
	}
	.text-circle{
		width: 100%;
		height: auto;
		border-radius: 10px;
		padding: 25px;
		text-align: left;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.text-circle:after{
		display: none;
	}
	.text-circle:before{
		content: "";
		position: absolute;
		bottom: -17px;
		left: 10%;
		border-style: solid;
		border-width: 20px 10px 0 30px;
		border-color: #4761ab  transparent transparent transparent;
		-webkit-transform: rotate(-75deg);
		    -ms-transform: rotate(-75deg);
		        transform: rotate(-75deg);
		z-index: 0;
	}
}

/* single post */
.image-caption{
	font-size: 12px;
	color: #aeadad;
	padding-top: 5px;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family: 'Font-Name';
	src: url('fonts/font-name.eot');
	src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {}

@media only screen and (min-width:480px) {
	.blog-card {
		width: 50%;
	}

	.footer .flex>div {
		width: 50%;
	}
	.box-item{
		width: 50%;
	}
}

@media only screen and (min-width:768px) {
	.section-padding {
		padding: 60px 0;
	}

	body.admin-bar .mm-page {
		padding-top: 32px;
	}

	.banner-content {
		max-width: 675px;
	}

	.page-headline {
		font-size: 27px;
	}

	.blog-description p {
		font-size: 22px;
	}

	.banner-links,
	.blog-buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-direction: row;
		    flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.blog-buttons .btn-main:first-child {
		margin-bottom: 0;
	}

	.welcome p {
		font-size: 22px;
		line-height: 32px;
	}

	.bottom-banner-content p {
		font-size: 20px;
		max-width: 355px;
	}

	.blog-card {
		width: 33.333%;
	}
	.box-item{
		width: 33.333%;
	}
	.historie-welcome .flex-col{
		width: 33.3333%;
	}
	.flex50{
		width: 50%;
	}
}

@media only screen and (max-width:959px) {
	.header .flex {
		-ms-grid-row-align: center;
		-ms-flex-item-align: center;
		    align-self: center;
	}

	.header-menu {
		display: none;
	}

	.mobile-menu .mb25 {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width:960px) {
	.banner-content{
     	transform: translateY(0);
		top:10%;
	}
	.section-padding {
		padding: 80px 0;
	}

	#mmenu_button {
		visibility: hidden;
		opacity: 0;
	}

	.hide-screen {
		display: none;
	}

	.banner-content {
		max-width: 735px;
	}

	.page-headline {
		font-size: 33px;
	}

	.blog-card {
		width: 20%;
		text-align: left;
	}

	.welcome {
		background: url(/wp-content/uploads/2022/12/welcome_bg.jpg) no-repeat center/cover;
		min-height: 578px;
	}

	.bottom-banner-content p {
		font-size: 28px;
		max-width: 495px;
	}

	.footer {
		background: url(/wp-content/uploads/2022/12/footer_bg.jpg) no-repeat center/cover;
		background-position: bottom right;
	}

	.footer .flex>div {
		width: 25%;
	}
}

@media only screen and (min-width:1024px) {}

@media only screen and (min-width:1140px) {
	.section-padding {
		padding: 100px 0;
	}
}

@media only screen and (min-width:1280px) {}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:144dpi) {}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* CUSTOM */
p {
	margin-top:0;
}
body.home .banner-content > .page-headline {
	text-shadow: 0px 0px 4px #555;
}
body.home .banner-links a {
	-webkit-box-shadow: 0 0 5px -1px #555;
	        box-shadow: 0 0 5px -1px #555;
}
.skalk-wrapper:after {
	content:'';
	display: block;
	clear: both;
}
.skalk-register,
/*.skalk-wrapper [name="createform"],*/
.skalk-wrapper [name="loginform"],
.skalk-wrapper [name="registerform"] {
	text-align: center;
	max-width: 300px;
	display: block;
	margin:auto;
	-webkit-box-shadow: 0 2px 7px 0 #ccc;
	        box-shadow: 0 2px 7px 0 #ccc;
	padding:12px 25px;
	margin-bottom:12px;
}
.skalk-wrapper [name="createform"] input:not([type="checkbox"]),
.skalk-wrapper [name="loginform"] input:not([type="checkbox"]),
.skalk-wrapper [name="registerform"] input:not([type="checkbox"]) {
	width: 100%;
	padding:5px
}
.skalk-register {
	padding:5px;
}
.skalk-wrapper [name="createform"] input[name="wp-submit"],
.skalk-wrapper [name="loginform"] input[name="wp-submit"],
.skalk-wrapper [name="registerform"] input[name="wp-submit"] {
    background-color: #000;
    border:none;
	color:#fff;
	padding:8px;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	border-radius: 3px;
}
.skalk-right,
.skalk-left,
.skalk-right-third,
.skalk-center-third,
.skalk-left-third,
/*.skalk-wrapper [name="createform"],*/
#skalk-usersubs,
#skalk-useredit {
	display: inline-block;
	vertical-align: top;
	width:calc(50% - 8px);
}
.skalk-right-third,
.skalk-center-third,
.skalk-left-third {
	width: calc(33% - 8px);
}
.skalk-right img {
	max-width: 400px;
	display: block;
	margin:auto;
    border: 1px solid #000;
}
.skalk-right,
#skalk-usersubs {
	float: right;
}
#skalk-usersubs .skalk-sub {
	width: calc(50% - 8px);
}
#skalk-usersubs .skalk-btn {
	display: block;
}
.skalk-wrapper [name="createform"] input:not([type="checkbox"]),
#skalk-useredit input:not([type="checkbox"]) {
	display: block;
	width:100%;
	margin-bottom: 8px;
	border-radius: 4px;
	padding:8px 12px;
	border:none;
	-webkit-box-shadow: 0 2px 5px 0 #ccc;
	box-shadow: 0 2px 5px 0 #ccc;
}
.skalk-wrapper [name="createform"] input.require {
	box-shadow: 0 2px 5px 0 #DD0000;
}
.skalk-wrapper [name="createform"] input[name="skalk-fname"],
.skalk-wrapper [name="createform"] input[name="skalk-lname"],
.skalk-wrapper [name="createform"] input[name="skalk-zip"],
.skalk-wrapper [name="createform"] input[name="skalk-city"],
#skalk-useredit input[name="skalk-fname"],
#skalk-useredit input[name="skalk-lname"],
#skalk-useredit input[name="skalk-zip"],
#skalk-useredit input[name="skalk-city"] {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 4px);
}
.skalk-wrapper [name="createform"] input[name="skalk-lname"],
.skalk-wrapper [name="createform"] input[name="skalk-city"],
#skalk-useredit input[name="skalk-lname"],
#skalk-useredit input[name="skalk-city"] {
	float: right;
}
.skalk-wrapper [name="createform"] input[type="submit"],
#skalk-useredit input[type="submit"] {
	background-color: #000;
	color: #fff;
}
/*
#createform .acf-label,
#createform .acf-input {
	display: inline-block;
	margin-bottom: 5px;
}
#createform .acf-input {
	float:left;
	margin-right:5px;
}
*/
#createform #acf-form-data,
#createform .acf-user-register-fields {
	display: none;
}
.nav ul.sub-menu {
	min-width: 160px;
	width: max-content;
}
.skalk-subs {
	text-align: center;
	margin-left:-5px;
	margin-right: -5px;
	margin-bottom:25px;
}
.skalk-sub-type,
.skalk-sub {
	display: inline-block;
	margin:4px;
	-webkit-box-shadow: 0 0 4px 0px #cccccc;
	        box-shadow: 0 0 4px 0px #cccccc;
    padding: 20px;
    width: calc(25% - 8px);
    color: #000;
	vertical-align: top;
}
.skalk-sub-type {
	width: calc(33.33% - 8px);
}
.skalk-sub-details {
    display: inline-block;
    margin: 4px;
    -webkit-box-shadow: 0 0 4px 0px #cccccc;
    box-shadow: 0 0 4px 0px #cccccc;
	text-align: left;
    padding: 0 20px 20px;
	vertical-align: top;
    width: calc(75% - 16px);
}
.skalk-sub-type h4,
.skalk-sub h4 {
	min-height: 36px;
}
.skalk-sub-details .price,
.skalk-sub .price {
	font-weight: 600;
	font-size: 20px;
}
.skalk-sub-type .img-wrapper,
.skalk-sub .img-wrapper {
	width: 100%;
	height:240px;
}
.skalk-sub .img-wrapper {
	display: flex;
}
/*
.skalk-sub-type .img-wrapper {
	border:1px solid #aaa;
}
*/
.skalk-sub-type img,
.skalk-sub img {
	/*width:100%;*/
	height:auto;
	width:auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin:auto;
}
.skalk-sub-type .img-wrapper > img {
	border:1px solid #000;
}
.skalk-sub button {
	width: 100%;
	margin-top:8px;
}
.skalk-sub-order {
	text-align: center;
	margin-bottom: 25px;
}
.skalk-sub-order input[type="button"] {
	width: 100%;
	margin-top:8px;
}
#skalk-epages {
	width: 100%;
	min-height: 1160px;
	border:none;
	margin-bottom:25px;
}
/*
.skalk-epages-thumb {
	cursor: default;
	float:right;
}
*/
#fonden-skalk {
	margin:40px auto;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#fonden-skalk .skalk-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 33.33%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding:40px;
}
/*
#fonden-skalk .skalk-link img {
	display: block;
}
*/
#fonden-skalk .skalk-link .img-wrap {
	position:relative;
	padding-bottom:60%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
/*
#fonden-skalk .skalk-link .img-wrap:after {
	display: block;
	content: '';
}
*/
.skalk-pubs,
.skalk-issuu-pubs,
.skalk-junior-pubs {
	text-align: center;
}
.skalk-pubs > *,
.skalk-issuu-pubs > *,
.skalk-junior-pubs > * {
	display: inline-block;
	vertical-align: top;
	margin:12px;
}
.skalk-pubs select,
.skalk-pubs span,
.skalk-issuu-pubs select,
.skalk-issuu-pubs span,
.skalk-junior-pubs select,
.skalk-junior-pubs span {
	display: inline-block;
	margin:12px auto 0;
	min-height: 22px;
	width: 100%;
}
.skalk-pubs h4,
.skalk-issuu-pubs h4,
.skalk-junior-pubs h4 {
	border-radius: 5px;
	background-color: #000;
	color:#fff;
	padding:6px;
	margin:12px auto 0;
}
#skalk-results,
#skalk-arts-results,
#skalk-issuu-results,
#skalk-junior-results {
	display: block;
	border-top:1px solid #aaa;
	margin-top:25px;
	padding-top:25px;
}
#skalk-results > a,
#skalk-arts-results > a,
#skalk-issuu-results > a,
#skalk-junior-results > a {
	display: inline-block;
	vertical-align: top;
	margin:12px 6px;
	max-width: 170px;
}
body.skalk-artikler .welcome-subpage {
	background-color: rgb(123, 146, 132);
}
#skalk-arts-results {
	/*background-color: #e1f3dd;*/
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin-left: 0;
    margin-right: 0;
}
#skalk-arts-results > a {
	max-width:260px;
	text-align: left;
	background-color: #fff;
	position: relative;
	padding-bottom:80px;
	margin:12px 9px;
    border-radius: 5px;
    overflow: hidden;
}
#skalk-arts-results button {
	display: block;
	margin:0 auto 16px;
	max-width: 100px;
	text-align: center;
}
#skalk-arts-results p {
	font-size: 12px;
	line-height: 1.5;
	padding-left:12px;
	padding-right:12px;
}
#skalk-arts-results p.txt {
	/*position: relative;*/
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	-webkit-box-orient: vertical;
}
#skalk-arts-results p.author {
	font-style: italic;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 36px;
	position: absolute;
	width:100%;
	left:0;
	bottom:34px;
}
/*
#skalk-arts-results p.txt:not(.show) {
	max-height: 72px;
	overflow: hidden;
}
#skalk-arts-results p.txt.show {
	padding-bottom: 30px;
}
#skalk-arts-results p.txt:after {
	content:'Læs mere';
	display: block;
	text-align: center;
	background-color: #fff;
	color:#000;
	padding-top:5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#skalk-arts-results p.txt.show:after {
	content:'Skjul';
}
*/
#skalk-arts-results img {
	width:260px;
	height:195px;
	object-fit: cover;
}
#skalk-arts-results h4 {
	background-color: transparent;
	color:#000;
	padding-left:12px;
	padding-right:12px;
}
#skalk-arts-results span {
	font-size: 10px;
	padding-left:12px;
	padding-right:12px;
	position: absolute;
	width:100%;
	left:0;
	bottom:0;
}
#skalk-arts-results span.skalk-spinner:before {
	content:'\f1ce';/*'\f110';*/
    font-size: 48px;
    font-family: "Font Awesome 5 Free";
	display: block;
    color: #000;
    font-weight: 600;
	animation:skalkspin 1s linear infinite;/*steps(8)*/
}
@keyframes skalkspin {
    100% {transform:rotate(360deg);}
}
#skalk-pagination a {
	display: inline-block;
	padding:4px 8px;
}
#skalk-pagination a.active {
	font-weight: 700;
	text-decoration: underline;
}
#cno-popup {
    position: fixed;
	overflow: auto;
    top: 50%;
    left: 50%;
	width: 600px;
    max-width: 90vw;
	max-height: 90vh;
	min-height: 400px;
    transform: translate(-50%,-50%);
    z-index: 999;
    padding: 25px;
    background-color: #fff;
    /*box-shadow: 0 0 5px -2px #aaa;*/
    box-shadow: 0 0 4px 0px #cccccc;
}
#cno-popup.no-fixed {
	position: static;
	top:0;
	left:0;
	transform: none;
	margin:auto;
    max-height: none;
}
table.skalk-dj-table {
	margin:12px auto;
	border-bottom: 1px solid #777;
	font-size: 14px;
}
table.skalk-dj-table td {
	border-top:1px solid #777;
	padding:5px;
}
table.skalk-dj-table td:last-child {
	min-width: 60px;
}
#cno-popup.no-fixed [for="skalk-accept-dj"],
#cno-popup.no-fixed [for="skalk-accept-terms"],
#cno-popup.no-fixed [for="skalk-accept-news"] {
	font-size: 14px;
	line-height: 25px;
}
#cno-popup.no-fixed img {
	float:right;
	width:125px;
	margin-bottom:-30px;
}
#cno-popup.no-fixed .imgs img {
	float:none;
	margin:0;
	height: 40px;
	width: auto;
}
#cno-popup.no-fixed .imgs img:last-child:not(:first-child) {
	float:right;
}
#cno-popup.no-fixed .skalk-dj-table img {
	float:none;
	width: 72px;
	max-width: none;
	height: auto;
	vertical-align: middle;
	margin:auto;
}
.skalk-accept-terms[type="checkbox"]:not(:checked) ~ a,
#skalk-accept-terms[type="checkbox"]:not(:checked) ~ a {
	opacity: 0.3;
	pointer-events:none !important;
	cursor: not-allowed;
}
#cno-popup input:not([type="checkbox"]):not([type="radio"]):not(.half) {
	width: 100%;
}
#cno-popup input:not([type="checkbox"]):not([type="radio"]) {
	margin: 5px auto;
	padding: 6px 8px;
    border-width: 1px !important;
    border-radius: 3px;
}
#cno-popup input.half {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
#cno-popup .half.right {
	float: right;
}
#cno-popup .close {
	float: right;
    margin-top: -20px;
    margin-right: 0px;
    font-size: 24px;
}
[name="skalk-other"][value="true"]:not(:checked) ~ input[name^="skalk-other"]:not([type="radio"]) {
	display: none !important;
}
#cno-popup .txt {
	display: block;
	padding: 12px 0 0;
	clear: both;
	font-weight: 600;
}
#cno-popup [type="radio"] {
	margin-top:5px;
	margin-bottom:5px;
}
.skalk-sub-group:not(.active) {
	display: none;
	opacity: 0;
	position: relative;
	z-index: -1;
	pointer-events:none !important;
}
.skalk-desc {
	/*columns: 3;*/
	margin-bottom: 25px;
}
.skalk-pubs .half,
.skalk-issuu-pubs .half,
.skalk-junior-pubs .half {
	width: 45%;
}
.skalk-pubs .half input,
.skalk-pubs .half select,
.skalk-issuu-pubs .half input,
.skalk-issuu-pubs .half select,
.skalk-junior-pubs .half input,
.skalk-junior-pubs .half select {
	margin-top:12px;
	width: 100%;
	box-sizing: border-box;
}
.skalk-pubs .half select,
.skalk-issuu-pubs .half select,
.skalk-junior-pubs .half select {
	border: 2px solid transparent;
}
li.nmr-logged-in.menu-item .fa-user {
	color:green;
	font-weight: 900;
}
#skalk-buy.buy-popup,
#arts-popup,
#jun-popup,
#mags-popup,
#cancel-form {
	position:fixed;
	position: fixed;
    top: 50%;
    left: 50%;
	width: 400px;
    max-width: 90vw;
	max-height: 90vh;
	/*min-height: 400px;*/
    transform: translate(-50%,-50%);
    z-index: 999;
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 0 4px 0px #cccccc;
}
#cancel-form {
    overflow: auto;
}
#cancel-form label,
#cancel-form textarea,
#cancel-form button {
	width: 100%;
	display: block;
	margin:8px auto;
}
#cancel-form textarea {
	height: 90px;
}
#cancel-form .close {
	float: right;
    font-size: 24px;
}
#jun-popup,
#mags-popup,
#arts-popup {
	width: 300px;
}
#jun-popup .close,
#mags-popup .close,
#arts-popup .close {
    position: absolute;
    right: 8px;
    top: -12px;
    font-size: 24px;
}
#jun-popup strong,
#mags-popup strong,
#arts-popup strong {
	color:#000;
}
#jun-popup a,
#mags-popup a,
#arts-popup a {
	display: block;
	margin:5px 0;
}
#jun-popup a span,
#mags-popup a span,
#arts-popup a span {
	margin:0;
	font-size: 90%;
	min-height: 0;
}
#jun-popup > a:first-child,
#mags-popup > a:first-child,
#arts-popup > a:first-child {
	padding-top:15px;
	padding-bottom:15px;
}
/*
#skalk-buy.buy-popup {
	display: block;
}
*/
#skalk-buy.buy-popup:before {
	content:'For kun 10 kr. kan du læse artiklen i 30 dage.';
	font-size: 14.5px;
    text-align: left;
    display: block;
}
#skalk-buy.buy-popup.jun:before,
#skalk-buy.buy-popup.mag:before {
	content:'For kun 50 kr. kan du læse udgivelsen i 30 dage.';
}
#skalk-buy.buy-popup input {
	width: 100%;
	display: block;
	margin:5px 0;
}
#skalk-buy.buy-popup input[type="email"] {
	border-width: 1px;
	border-radius: 3px;
	padding: 3px 5px;
}
.skalk-msg {
	text-align: center;
	font-weight: 600;
	position:fixed;
	position: fixed;
    top: 30%;
    left: 50%;
	width: 600px;
    max-width: 90vw;
	max-height: 90vh;
	/*min-height: 400px;*/
    transform: translate(-50%,-50%);
    z-index: 999;
    padding: 40px 60px;
    background-color: #fff;
    box-shadow: 0 0 4px 0px #cccccc;
    animation: skalk-msg 0.5s 1;
    -webkit-animation: skalk-msg 0.5s 1;
    animation-fill-mode: forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
    -webkit-animation-fill-mode: forwards;
}

.skalk-subs.new-subs:not(#skalk-usersubs) {
	width: 33%;
	display: inline-block;
	/*flex-wrap: wrap;*/
}
.skalk-subs.new-subs .skalk-sub {
	width: calc(100% - 8px);
}
.skalk-sub-group.active > .iframe,
.skalk-subs.new-subs ~ .iframe {
	display: block;/*inline-block;*/
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	width: 100%;/*66%;*/
	/*margin-left:0.5%;*/
	margin-top:2px;/*4px;*/
	overflow: auto;
	/*height: 780px;/*773px;*/
	/*border:1px solid #aaa;*/
	/*box-shadow: 0 0 4px 0px #cccccc;*/
}
.skalk-sub-group.active > .iframe iframe,
.skalk-subs.new-subs ~ .iframe iframe {
	min-height: 1200px;/*3700px;*/
	overflow: auto;
}
/*
.skalk-sub-group.new-subs {
	display: block;
}
*/
.skalk-sub-group.active > .iframe > p,
.skalk-subs.new-subs ~ .iframe > p {
	text-align: center;
	padding:12px 5px;
}

/*
#skalk-usersubs,
#skalk-usersubs .skalk-sub {
	display: none !important;
}
*/

@keyframes skalk-msg {
    0% {opacity :1;}
    99% {opacity :0;}
	100% {z-index:-1;opacity :0;}
}

@-webkit-keyframes skalk-msg {
    0% {opacity :1;}
    99% {opacity :0;}
	100% {z-index:-1;opacity :0;}
}

@media all and (min-width:768px) {
	.skalk-subs:not(#skalk-usersubs) {
		display: flex;
	}	
}
@media all and (max-width:991px) {
	#skalk-usersubs,
	.skalk-wrapper [name="createform"],
	#skalk-useredit {
		width: 100%;
		margin:20px auto;
	}
	/*
	#skalk-epages {
		min-height: 90vw;
	}
	*/
}
@media all and (max-width:767px) {
	.skalk-right-third,
	.skalk-center-third,
	.skalk-left-third,
	.skalk-right,
	.skalk-left,
	#cno-popup input.half {
		width: 100%;
		float:none;
	}
	.skalk-pubs .half,
	.skalk-issuu-pubs .half,
	.skalk-junior-pubs .half {
		width:calc(100% - 24px);
	}
	#skalk-results > a,
	#skalk-arts-results > a,
	#skalk-issuu-results > a,
	#skalk-junior-results > a,
	.skalk-sub,
	.skalk-sub-type,
	.skalk-sub-details,
	.skalk-btn,
	#skalk-usersubs,
	#skalk-useredit,
	.skalk-wrapper [name="createform"],
	#skalk-usersubs .skalk-sub,
	.skalk-wrapper [name="createform"] input[name="skalk-fname"],
	.skalk-wrapper [name="createform"] input[name="skalk-lname"],
	.skalk-wrapper [name="createform"] input[name="skalk-zip"],
	.skalk-wrapper [name="createform"] input[name="skalk-city"],
	#skalk-useredit input[name="skalk-fname"],
	#skalk-useredit input[name="skalk-lname"],
	#skalk-useredit input[name="skalk-zip"],
	#skalk-useredit input[name="skalk-city"],
	#fonden-skalk .skalk-link {
		width: 100%;
	}
	body.page-id-13 .elementor-widget-text-editor,
	body.page-id-15 .elementor-widget-text-editor,
	body.page-id-44 .elementor-widget-text-editor,
	body.page-id-78 .elementor-widget-text-editor,
	body.page-id-1175 .elementor-widget-text-editor,
	.skalk-desc {
		columns: 1 !important;
	}
	.elementor-88 .elementor-element.elementor-element-27f4c40,
	.elementor-88 .elementor-element.elementor-element-7ea84fd,	
	.elementor-74 .elementor-element.elementor-element-a89c61d{
		columns: 1!important;
	}
	.skalk-subs.new-subs:not(#skalk-usersubs) {
		width: 100%;
	}
	.skalk-sub-group.active > .iframe,
	.skalk-subs.new-subs ~ .iframe {
		width: 100%;
	}
}

/* Artikler*/
body.artikel-template-default.single-artikel .header[role="banner"]{
	visibility: hidden;
	display: none;
}
#artikel-logo {
	float:right;
	position: relative;
}
.skalk-head,
.skalk-foot,
.skalk-section {
	padding:40px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}
.skalk-head {
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 12pt;
	min-height: 80vh;
}
.skalk-head.noimg {
	min-height: auto;
}
.skalk-foot {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 9pt;
	line-height: 11pt;
}
.artikel-content {
	width: 750px;
	max-width: 90%;
	margin:auto;
	position: relative;
}
.skalk-bgcol {
	position: absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
}
.skalk-foot .artikel-content,
.skalk-section .artikel-content {
	width: 500px;
}
.skalk-head h1 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 23pt;
}
.skalk-box {
	padding:40px 40px 20px;
	margin:40px auto;/*-40px;*/
}
.artikel-content h3 {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 12pt;
	margin-bottom:0;
}
.artikel-content img {
	display: block;
	margin:40px auto 12px;
	max-width: 100%;
}
.artikel-content .main-txt,
.artikel-content .box-txt {
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 11pt;
	line-height: 14pt;
}
.artikel-content .img-txt {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 9pt;
	line-height: 11pt;
	margin-bottom:0px;
}
.txtpos {
	margin-bottom:40px;
}
.txtpos.pos-left,
.txtpos.pos-right {
	display: flex;
	flex-direction: row;
	align-items: end;
}
.txtpos > img,
.txtpos > p {
	display: block;
	/*vertical-align: bottom;*/
}
.txtpos.pos-left > img,
.txtpos.pos-left > p,
.txtpos.pos-right > img,
.txtpos.pos-right > p {
	display: block;
	width: 50%;
	margin-bottom: 0;
	order:2;
}
.txtpos.pos-right > p {
	padding-left:20px;
	order:3;
}
.txtpos.pos-left > p {
	padding-right:20px;
	order:1;
}
.ios-only {
	display: none !important;
}
#skalk-useredit label {
	font-size: 14px;
}
.coupon-status {
	font-size: 70%;
	font-weight: 600;
}
#skalk-vids {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 20px;
}
.skalk-vid {
	width: calc(25% - 15px);
	border:1px solid #aaa;
}
.skalk-vid .vid-img {
	background-size: cover;
	background-position: center;
}
.skalk-vid .vid-img:before {
	content:'';
	display: block;
	padding-bottom:100%;
}
.skalk-vid p {
	padding:8px;
}
#skalk-yt-vid {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color: rgba(0,0,0,.5);
	z-index: 99;
}
#skalk-yt-vid .close {
	position: absolute;
	left:calc(50% + 400px);
	top:calc(50% - 270px);
	font-size: 48px;
	z-index:999;
}
#skalk-yt-vid iframe {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
	z-index:99;
}
.abb-section,
#skalk-buy {
	display: none;
}
section.abb-section {
    position: fixed;
    left: 50%;
    top: 130px;
    transform: translate(-50%);
    z-index: 99;
	width:96%;
    max-width: 500px;
	max-height: calc(100vh - 150px);
	padding:5px;
}
section.abb-section > .elementor-container {
	overflow: auto;
	max-height: calc(100vh - 160px);
}
section.abb-section .elementor-widget-wrap {
	background-color: #fff;
}
section.abb-section .close {
	float: right;
	font-weight: 600;
	font-size: 32px;
	margin-top: -5px;
	line-height: 1;
    position: fixed;
    top: 10px;
    right: 25px;
}
[name="buy-mail"]:placeholder-shown ~ input {
	pointer-events: none;
	opacity: 0.3;
}
.skalk-subs.select.hide {
	opacity: 0;
}
.checkmark-list ul {
  list-style: none;
  padding-left:25px;
}
.checkmark-list ul li:before {
	content: '✓';
    width: 20px;
    display: inline-block;
    margin-left: -20px;
}
.skalk-explain[data-hover] {
	position: relative;
	text-decoration: underline;
}
.skalk-explain[data-hover]:hover:after {
	position: absolute;
	content:attr(data-hover);
	top:100%;
	left:0;
	background-color: #fff;
	border:1px solid #000;
	padding:3px 5px;
	color: #333333;
	text-align: left;
	min-width: 160px;
	font-size: 13px;
}
@media all and (min-width:768px) {
}
@media all and (max-width:1023px) {
	.skalk-vid {
		width: calc(50% - 10px);
	}
	#skalk-yt-vid .close {
		left: unset;
		right: 0;
	}
}
@media all and (max-width:767px) {
	.skalk-vid {
		width: 100%;
	}
	#artikel-logo {
		display: block;
		text-align: center;
		float:none;
	}
	.skalk-head h1 {
		font-size: 18pt;
	}
	body.is-ios .skalk-head,
	body.is-ios .skalk-foot,
	body.is-ios .skalk-section {
		/*background-image: none !important;*/
		background-attachment:scroll;
		background-size: auto 100vh;
	}
	/*
	body.is-ios .skalk-head.show > .skalk-bg,
	body.is-ios .skalk-foot.show > .skalk-bg,
	body.is-ios .skalk-section.show > .skalk-bg {
		display: block !important;
	}
	.skalk-bg {
		position: fixed;
		width: 100vw;
		height: 100vh;
		left: 0;
		top:0;
		background-size: cover;
		background-position: center;
		/*background-attachment: fixed;*//*
		z-index: -1;
	}
	*/
}