/*
    Add your mobile styles here
*/

/* FONT */

h1, .mainHeader h1 {
  font-size: clamp(34px, 5vw, 62px);
  line-height: clamp(40px, 6vw, 70px);
}


.ctaContainer .header50, .featureContainer h2{
  font-size: clamp(40px, 4vw, 50px);
  line-height: clamp(44px, 5vw, 55px);
}

.groupContentSmall .group span
{
  font-size: clamp(17px, 1.5vw, 23px);
  line-height: clamp(20px, 1.5vw, 26px);
}

.groupHeader{
  font-size: clamp(23px, 3vw, 30px);
  line-height: clamp(26px, 4vw, 34px);
}


@media (max-width: 1440px) {

}


@media (max-width: 1280px) {
  		
	/* Startsida */
	.activitySlider .k1280{max-width:90%;}
	.alphaContainer .m620{flex-basis:50%;}
	
}

@media (max-width: 1100px) {
  		
	.headerContent{padding-top:10px; padding-bottom:10px;}
	
}


@media (max-width: 991px) {
  	
	/* Små ingångar*/
	.groupContentSmall-5{flex-wrap:wrap; justify-content:center;}
	.groupContentSmall-5 .group-5{max-width: 19%; min-width: 150px; flex:auto;}
	
	/* Kalender */
	.activity-item .flex-two{flex-direction:column; gap:10px;}
	.activity-item .activityDate{flex-direction:row; gap:5px;}
	.activity-item .activity-month, .activity-item .activity-day{font-size:16px;}
	
	/* Startsida */
	.newsContainer > .flex-two{align-items:flex-start;}
	
	/* Kungsportalen */
	.kPortal{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
	
}

@media (max-width: 768px) {
	
	/* Header */
	header{padding-top:10px; padding-bottom:10px;}
	#openSearch{display:none;}
	
	
	/* Basics */
	.m-c-flex{flex-direction:column;}
	.m-c-flex-invert{flex-direction:column-reverse;}
	.m-t-30{margin-top:30px;}
	.m-b-30{margin-bottom:20px;}
	.header2 .m620{padding-top:50px; padding-bottom:50px;}
	
	/* Moduler */
	.header1 .m-c-flex{flex-direction:column-reverse;}
	.featureContainer{min-height:520px;}
	.alphaContainer .k1280{padding-top:40px !important; padding-bottom:20px !important;}
	.alphaContainer .m620{flex-basis:auto;}
	.alphaContainer .split-loop-section{height:300px; right:0px; margin-top:25px;}
	.groupContent{grid-template-columns:repeat(1, 1fr);}
	.group{padding:15px; padding-bottom:20px; padding-top:20px; gap:10px;}
	
	.videoContainer{grid-template-columns:repeat(2, 1fr);}
	.playVideoItem span{padding:15px;}
	
	.contactPerson div{justify-content:center; align-items:center; text-align:center;}	
	
  	/* Startsida */
	.slick-arrow{display:none !important;}
	.activitySlider .k1280{max-width:100% !important;}
	.activitySlider .flex-column .activitySliderContent{align-items:flex-start;}
	.activitySliderContent .ghostBtn{margin-top:15px;}
.groupContentSmall{/*display: grid;grid-template-rows: repeat(1, 1fr);grid-column-gap: 15px;
grid-row-gap: 15px;*/}	
	.groupContentSmall{/*grid-template-columns:repeat(3, 1fr);*/ flex-wrap:wrap; display:flex;}
	.groupContentSmall .group{flex: 1 1 50%; min-width: 0px; ;max-width: 47%;}
	.featureCTA{transform: translateX(-50%) scale(0.80); transform-origin: bottom center;}
	
	/* Kalender */
	.calendar-wrapper{max-width:100%;}
	#activity-categories{flex-direction:row;}
  	#activity-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; }
  	.activity-item .flex-two { flex-direction: initial; }
  	.activity-item .activityContainer .activityDate { flex-direction: column; gap: 0; }
  	.activity-item .activity-day { font-size: 32px; }
   .calenderCategory-wrapper #activity-categories{margin-top:20px;}	
	
	/* Portal */
	.kPortal-Header{background-position:-250px bottom !important;}
	
	
}


@media (max-width: 548px) {
	
	/* Modules */
	
	.ctaContainer{text-align:center;}
	
	.contactPersonGrid{display:flex; flex-wrap:wrap;}
	.contactPersonImg{flex-basis:100px;}
	.contactPersonImg img{max-width:130px; height:auto;}
	
	.group p{font-size:15px; line-height:18px;}
	.newsContainer .k50{padding:0px;}
	
	.playVideoItem span{font-size:12px; padding:8px;}
	
  	/* Kalender */	
  	#activity-list { grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; }
	.activity-item .flex-two{flex-direction:column; gap:10px;}
	#activity-list .activity-item .activityContainer .activityDate, .activitySlider .activity-item .activityContainer .activityDate{flex-direction:row; gap:5px;}
	.activity-item .activity-month, .activity-item .activity-day{font-size:16px;}
	.singleActivityTime{gap:1px;}
	.single-aktivitet .header1 .singleActivityTime{flex-direction:column;}

	/* Kungsportalen */ 
	.kPortal{grid-template-columns: repeat(2, 1fr) !important; padding:10px; gap:5px;}
	.kPortal > a span{font-size:16px !important; z-index:5;}
	.kPortal > a > div{overflow:hidden; height:100%;}
	.kPortal .zoomBG::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  );
}
}
/*
@media (max-width: 699px) {
	
	/* Kungsportalen */ 
	.kPortal{grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}
	
}
*/