/*Header */
.sp-header {
 	background-color: #A6192E;
   display: flex;
   justify-content: space-between;
   padding-left: 7.5rem;
   padding-right: 7.5rem;
   position: fixed;
   z-index: 999;
   top: 0;
   left: 0;
   right: 0;
   height: 85px;
   align-items: center;
}
.sp-header .sv-image-portlet img {
   max-width: unset !important;
}


@media screen and (max-width: 576px) {
	
   h1.heading {
     font-size: 2.35rem; 
   }
}

@media (max-width: 990px) {
   .sp-header {
      padding-left: 1rem;
      padding-right: 1rem;
       height: 65px;
   }
}

.sp-header a {
   color: #fff !important;
   font-weight: 600;
   font-size: 18px;
}

.sp-header .sp-menu a:hover {
   text-decoration: underline !important;
}

.sp-header i.fas.fa-bars:before {
   content: '\0064';
   font: normal normal normal 14px/1 brilliantfont;
   font-size: 30px;
}

.sp-header .fb.icon-visiteksjo:before {
	content: '\006e';
   font: normal normal normal 14px/1 brilliantfont;
   font-size: 6rem;
}

.sp-header .stinky-home-icon a {
   text-decoration: none;
}

.sp-header .ve-nav-btns {
   color: #fff !important;
}

.sp-header .cybercom-theme .ve-nav-btns .multi-menu {
   padding-right: unset;
   padding-top: unset;
   float: unset;
   display: flex;
   align-items: center;
   margin-left: 0;
}

.sp-header .cybercom-theme ol, .cybercom-theme ul, .cybercom-theme dl {
   margin-bottom: unset !important;
}

.sp-header img {
   height: 30px !important;
   width: 30px;
   max-height: 30px !important;
   max-width: 30px !important;
   margin-left: 5px !important;
   margin-right: 2rem;
}

.sp-header .cybercom-theme .row {
   margin-right: 0 !important;
}

.sp-header .fb.icon-visiteksjo:before {
   height: 85px;
   display: block;
   font-size: 5.5rem;
}

@media (max-width: 769px) {
	.sp-header .fb.icon-visiteksjo:before {
   	font-size: 4rem;
   	height: 65px;
	}
}

.sp-header-link-icon {
   width: 0.625rem !important;
   height: 0.825rem !important; 
   margin-left: 0.2rem !important;
   margin-right: 1rem !important;
}

.sp-navmenu {
   display: flex; 
   gap: 1.5rem;
   align-items: center;
}

.sp-navmenu a {
   line-height: unset;
}

/*Mobilmeny */
.sv-mobile-menu a {
   color: black !important;
}

.sv-mobile-menu span {
 	color: transparent;  
   width: 0px;
   height: 0px;
}

.sv-mobile-menu i {
   margin-left: 0;
}

.sv-mobile-menu button {
   padding: 0;
}

/*header menylänkar */
.sp-menu {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.sp-menu .sv-defaultlist{
   display: flex;
   gap: 2rem;
   margin-right: 15px;
}

.sp-menu  .menu-search span {
   margin-top: 5px;
}

@media (max-width: 990px) {
	.sp-menu .sv-defaultlist {
   	display: none;
	}
}

@media (max-width: 575px){
	.cybercom-theme.start-owl-item {
    	height: 450px!important;
	}
}

@media (max-width: 767px){
	.cybercom-theme.start-owl-item {
   	height: 450px!important;
	}
}

@media (max-width: 575px){
	.sp-hero.cybercom-theme .start-owl-item {
   	height: 300px !important;
	}
}

@media (max-width: 575px){
	.sp-hero.sp-land-page.cybercom-theme .start-owl-item {
   	height: 400px !important;
	}
}

/*Hero */
.cybercom-theme .owl-text-overlay-logo {
   top: 43% !important;
}

@media (max-width: 992px) {
	.cybercom-theme .owl-text-overlay-logo .fb.icon-visiteksjo:before {
   	font-size: 17rem !important;
	}
}

@media (max-width: 769px) {
	.cybercom-theme .owl-text-overlay-logo .fb.icon-visiteksjo:before {
   	font-size: 10rem !important;
	}
}

.cybercom-theme .owl-text-overlay-text {
   top: 58% !important;
}

@media (max-width: 992px) {
	.cybercom-theme .owl-text-overlay-text {
   	top: 65% !important;
	}
}

@media (max-width: 769px) {
	.cybercom-theme .owl-text-overlay-text {
   	top: 60% !important;
	}
}

.curve-mask-start .curve-up {
   border-top-right-radius: 200% !important;
   border-top-left-radius: 200% !important;
   border-bottom-right-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
}

.sp-start-hero.sp-hero:before {
   display: none !important;
}

.sp-start-hero img {
   width: 500px !important;
   height: 300px !important;
   margin: 0 !Important;
   margin-top: 0 !important;
}

@media (max-width: 990px){
   .sp-start-hero img {
   	width: 300px !important;
   	height: 200px !important;
   }
}

.sp-start-hero .start-owl-item  {
   display: flex;
   align-items: center;
   justify-content: center;
}

/*Footer */
.sp-footer {
	background-color: #A6192E;
}

@media (max-width: 990px) {
   .sp-footer {
      padding-left: 1rem;
      padding-right: 1rem;
   }
}

.sp-footer a {
   color: #fff !important;
}

.sp-footer p {
   color: #fff;
   font-weight: 100;
   padding: 0;
}

.sp-footer-social-icons a {
   display: flex;
   align-items: center;
   text-decoration: none;
}

.sp-footer-socials {
	display: flex;  
   align-items: center;
   gap: 0.5rem;
   margin-top: 1rem;
}

.sp-footer-socials img {
  width: 2rem !important;
  height: 2rem !important;
   margin: unset !important;
}

.sp-footer .sv-font-hogerspalt {
    margin-bottom: 1rem !important;
}

.sp-footer .sv-font-hogerspalt a {
   border-bottom: 1px solid #fff;
   font-size: 1.2rem;
   font-weight: 700;
}

.sp-footer .sv-image-portlet img {
   margin: unset !important;
}

.sp-footer-logo-container .sv-image-portlet:first-of-type img{
   margin-bottom: 1rem !important; 
}

.sp-footer-logo-container img {
   max-height: 80px;
}

@media only screen and (max-width: 769px) {
   .sp-footer-logo-container {
       display: flex !important;
       flex-direction: column;
       align-items: center;
   } 
}

/* Brödsmula */
.sp-breadCrumbs ul {
   padding: 0;
   padding-bottom: 2rem;
   padding-top: 2rem;
}

/* Landningssida */ 
.sp-content-page .heading {
   font-weight: 500;
   margin-bottom: 1rem !important;
}

.sp-content-page .ingress-font:last-child {
   margin-bottom: 1rem !important;
   font-weight: 400 !important;
}

.sp-content-page .normal:last-child {
   margin-bottom: 1rem !important;
}

.sp-content-page .normal:first-child {
   margin-top: 1rem !important;
}

.sp-content-page {
   max-width: 75%;
}

@media only screen and (max-width: 769px) {
	.sp-content-page {
   	max-width: unset;
	}
}

.sp-support {
 	margin: 0 !Important;  
}

.cybercom-theme .support-functions .support-red-ball-link {
   float: right !important;
}

@media only screen and (max-width: 769px) {
	.cybercom-theme .support-functions .support-red-ball-link {
   	float: left !important;
	}
}

.sp-content-page-btns {
   display: flex; 
   justify-content: center;
   gap: 0.5rem;
   flex-wrap: wrap;
}

/*Röda knappar ghost */
 .sp-red-btn-ghost a  {
   border-radius: 50px !important;
   border: 1px solid #A6192E  !important;
   background: transparent  !important;
}

 .sp-red-btn-ghost a:hover {
    text-decoration: underline !important;
 } 

/*Röda knappar */
.sp-red-btn a {
	border-radius: 50px !important;
   border: 1px solid #A6192E  !important;
   background: #A6192E !important;
   color: #fff !important;
}

.sp-red-btn a:hover {
	text-decoration: underline !important;
}

/*gröna knappar */
.sp-green-btn a {
   border-radius: 50px !important;
   border: 1px solid #36573b  !important;
   background: #36573b !important;
   color: #fff !important;
}

.sp-green-btn a:hover {
   text-decoration: underline !Important;
} 

/*gröna knappar ghost */
.sp-green-btn-ghost a {
   border-radius: 50px !important;
   border: 1px solid #36573b  !important;
   background: transparent !important;
   color: #000;
}

.sp-green-btn-ghost a:hover {
   text-decoration: underline !Important;
}

/*gul knapp */
.sp-yel-btn a {
	border-radius: 50px !important;
   border: 1px solid #f1b434 !important;
   background: #f1b434 !important;
   color: #000 !important;
}

.sp-yel-btn a:hover {
	text-decoration: underline !Important;
}


.sv-image-portlet img {
   
   margin-top: 1rem;
   margin-bottom: 1rem;
}

/*Hero innehållssida */
.sp-content-page-hero img {
   max-height: unset !important;
   object-fit: cover;
   height: 500px !important;
   margin-top: 0 !important;
   max-width: unset !important;
}

@media only screen and (max-width: 769px) {
	.sp-content-page-hero img {
   	height: 300px !important;	
	}
}

/*Puff card */
.sp-puff-card  {
   position: relative; 
   min-width: 100%;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}

.sp-puff-card a {
   text-decoration: none;
   font-size: 1.75rem;
}

.sp-puff-card a:hover {
   text-decoration: underline;
}

.sp-puff-card a:before {
	content: "";
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   position: absolute;
}

.sp-puff-card--image-wrapper img {
   width: 100%;
   height: 100%;
	object-fit: cover;
   aspect-ratio: 3/2;
}

/*Puff bred */

.sp-card-wide  {
   position: relative; 
   min-width: 100%;
   display: flex;
   flex-direction: column;
   padding-top: 1rem;
   padding-bottom: 1rem;
}

.sp-card-wide--container {
	display: flex;
   flex-direction: row;
   min-height: 420px;
   max-height: 420px;
}

.sp-card-wide--content-wrapper {
   padding: 2.5rem;
   width: 30%;
}

.sp-card-wide--content-wrapper p {
   text-transform: uppercase;
   text-decoration: underline;
   font-weight: 700;
   line-height: 1.3;
   margin-bottom: 0.5rem; 
   font-size: 0.875rem; 
}

.sp-card-wide--image-wrapper {
   width: 70%;
}

.sp-card-wide--image-wrapper img {
   width: 100%;
   height: 100%;
	object-fit: cover;
   min-height: 300px;
}

.sp-card-wide a {
   text-decoration: none;
   font-size: 30px;
   font-weight: 600;
   font-family: "Crimson";
   line-height: 1; 
}

.sp-card-wide a:hover {
   text-decoration: underline;
}

.sp-card-wide a:before {
	content: "";
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   position: absolute;
}

.sp-card-wide-content, .sp-card-wide-contentAdd {
   padding-top: 2rem;
   font-weight: 300;
   line-height: 1.3;
   font-size: 0.938rem;
}

.sp-card-wide-contentAdd {
   padding-top: 1rem;
}

@media only screen and (max-width: 769px) {
 
   .sp-card-wide {
   	padding-top: 0rem;
	}
   
	.sp-card-wide a {
		font-size: 1.75rem;
	}
   
   .sp-card-wide--image-wrapper {
		margin-bottom: -0.3rem;
	}
   
   .sp-card-wide--image-wrapper img {
      max-height: 250px;
   }
   
   .sp-card-wide--image-wrapper {
		width: 100%;
	}
   
   .sp-card-wide--container {
      flex-direction: column;
      height: unset;
      min-height: unset;
      max-height: unset;
   }
   
   .sp-card-wide-content {
      padding-top: 1rem;
   }
   
   .sp-card-wide--content-wrapper {
      width: unset !important;
      padding: 2rem;
   }
   
   

}

/*Puff länk */
.sp-card-linked  {
   position: relative; 
   min-width: 100%;
   display: flex;
   flex-direction: column;
}

.sp-card-linked--image-wrapper {
	margin-bottom: -0.3rem;
}

.sp-card-linked--image-wrapper img {
   width: 100%;
	object-fit: cover;
   height: 200px;
}

.sp-card-linked--content-wrapper {
   padding: 2rem;
}

.sp-card-linked-content {
   padding-top: 1rem;
	display: -webkit-box;
  	-webkit-line-clamp: 4; 
  	-webkit-box-orient: vertical;
  	overflow: hidden;
   font-weight: 300;
   line-height: 1.3;
	font-size: 0.875rem;
}

.sp-card-linked--content-wrapper p {
   text-transform: uppercase;
   text-decoration: underline;
   margin-bottom: 0.5rem !important;
   margin-top: 0;
   font-weight: 700;
   line-height: 1.1;
   font-size: 0.875rem;
}

.sp-card-linked a {
   text-decoration: none;
   font-size: 30px;
   font-weight: 600;
   font-family: "Crimson";
   line-height: 1;
}

.sp-card-linked a:hover {
   text-decoration: underline;
}

.sp-card-linked a:before {
	content: "";
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   position: absolute;
}

.sp-startpage-puffs {
   margin-top: -5rem;
}

@media (max-width: 769px) {
   .sp-startpage-puffs {
      margin-top: 1.5rem;
   }
}

/*Landingssida */
.sp-land-page {
 	text-align: center; 
}
    
.sp-land-page h1 {
   font-weight: 600;
   margin-top: 1rem !important;
   margin-bottom: 1rem !important;
   color: #36573B;
}

.sp-land-page p {
   margin-bottom: 3rem !Important;
}

.sp-overlay {
   overflow-y: hidden !important;
}

.sp-land-page .owl-text-overlay-text {
   top: 50% !Important;
}

.sp-land-page .owl-text-overlay-logo {
   top: 28% !important;
}

@media (max-width: 769px) {
	.sp-land-page .owl-text-overlay-text {
   	top: 73% !Important;
	}
   .sp-land-page .owl-text-overlay-logo {
   	top: 55% !important;
      font-size: 10rem;
	}
}



@media (max-width: 990px){
	.sp-land-page .owl-text-overlay-logo {
   	top: 33% !important;
      font-size: 10rem;
	}
   .sp-land-page .owl-text-overlay-text {
   	top: 60% !Important;
	}
}

.sp-land-page .fb.icon-visiteksjo:before {
   font-size: 200px;
}

.sp-land-page.sp-hero {
    position: relative;
}

.sp-land-page.sp-hero img {
   width: 500px !important;
   height: 300px !important;
   margin: 0 !Important;
   margin-top: 20% !important;
}

.sp-land-page.sp-hero .start-owl-item  {
   display: flex;
   justify-content: center;
}

.sp-land-page.sp-hero::before {
	content: "";
   display: block;
   width: 110%;
   height: 50%;
   background-color: white;
   border-radius: 100% 100% 100% 100%;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%,50%);
}

.sp-land-page-grid-mask {
   position: relative;
   margin-top: -8rem;
}

@media (max-width: 990px){
	.sp-land-page-grid-mask {
   	margin-top: -5rem;
      margin-right: 1rem !important;
    	margin-left: 1rem !important;
	}
   .sp-land-page.sp-hero img {
   	width: 300px !important;
   	height: 200px !important;
   }
}

@media (max-width: 769px){
   .sp-land-page-grid-mask {
   	margin-top: 0rem;
	}
   .sp-land-page.sp-hero::before {
		height: 30%;
	}
}

/*Landingssida puffar */
.sp-land-page-puffs {
   display: flex;
   align-items: stretch;
   gap: 1rem; 
   margin-left: -1rem; 
	margin-right: -1rem;
}

.sp-card-linked {
   flex: 1;
}

.sp-card-linked--container {
	display: flex;
   flex-direction: column;
   align-items: stretch;
}

.sp-card-linked--content-wrapper {
   display: flex;
   flex-direction: column;
   height: 190px;
}

@media (max-width: 990px){
   .sp-land-page-puffs {
      display: block;
       margin-right: unset;
      margin-left: unset;
   }
}

@media (max-width: 769px){   
   .sp-card-linked {
      height: unset;
   }
   .sp-card-linked--content-wrapper {
      height: unset;
   }
}

/*grid padding */
.sp-grid {
	padding-right: 0;
   padding-left: 0;
}

@media (max-width: 769px){
	.sp-grid {
 		padding-right: 1rem;
   	padding-left: 1rem;
	}
}

body {
   overflow-x: hidden !important;
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

main {
   flex: 1;
   margin-top: 85px;
}

@media (max-width: 990px) {
   main {
   	margin-top: 65px;
	}
}

h1 {
    color: #36573B !important;
}

/*Textdekoration */
.sp-text-decoration {
   overflow: hidden;
   margin-right: 0.5rem !important;
   margin-left: 0.5rem !important;
}

.sp-text-decoration p.normal,
.sp-text-decoration h1,
.sp-text-decoration h2, 
.sp-text-decoration h3 {
   position: relative;
   color: #a6192e !important; 
   margin: 0 auto;
   padding-bottom: 1.8rem;
   width: fit-content;
   font-family: "Crimson Pro";
   font-size: 2.5rem;
   font-style: italic;
}

@media (max-width: 769px){
   .sp-text-decoration p.normal,
   .sp-text-decoration h1,
   .sp-text-decoration h2, 
   .sp-text-decoration h3  {
      font-size: 1.8rem;
   }
}

.sp-text-decoration p.normal:before,
.sp-text-decoration h1,
.sp-text-decoration h2:before,
.sp-text-decoration h3:before {
   right: 100%;
   margin-right: 15px;
   content: "";
   position: absolute;
   height: 1.5rem;
   top: 10px;
   width: 600px;
   border-bottom: 2px solid #a6192e;
}



@media (max-width: 769px){
   .sp-text-decoration p.normal:before,
   .sp-text-decoration h1,
   .sp-text-decoration h2:before,
   .sp-text-decoration h3:before   {
      top: 0;
   }
}

.sp-text-decoration p.normal:after, 
.sp-text-decoration h1,
.sp-text-decoration h2:after,
.sp-text-decoration h3:after  {
   left: 100%;
   margin-left: 15px;
   content: "";
   position: absolute;
   height: 1.5rem;
   top: 10px;
   width: 600px;
   border-bottom: 2px solid #a6192e;
}

@media (max-width: 769px){
   .sp-text-decoration p.normal:after,
   .sp-text-decoration h1,
   .sp-text-decoration h2:after,
	.sp-text-decoration h3:after  {
      top: 0;
   }
}

/*Textdekorationer bakgrundsfärg*/
.sp-text-background--red {
   background-color: #a6192e;
}

.sp-text-background--red * {
   color: #FFF !important;
   font-family: 'Crimson';
   margin-top: 0;
   line-height: 1;
}

.sp-text-background--red h2 {
	font-size: 2rem;
}

.sp-text-background--green {
   background-color: #36573b;
}

.sp-text-background--green * {
   color: #FFF !important;
   font-family: 'Crimson';
   margin-top: 0;
   line-height: 1;
}

.sp-text-background--green h2 {
	font-size: 2rem;
}

.sp-text-background--green, .sp-text-background--red {
   padding: 0.5rem 1rem;
}


/*Nyheter startsida */
.sp-news-list {
   max-width: 1280px;
}

.sp-news-list ul {
   display: flex;
   gap: 1rem;
   align-items: stretch;
   margin-bottom: 2rem;
}

.sp-news-list li {
   display: flex;
   flex-direction: column;
   width: 100%;
   position: relative;
   flex: 1;
   background-color:#F4F0E8 ;
   margin-bottom: unset !important;
}
.sp-news-list img {
   width: 100% !important;
   height: 200px !important;
   max-height: unset !important;
   max-width: unset !important;
   object-fit: cover;
   padding: 0;
   margin: 0;
}

.sp-news-list li a {
   color: #000 !important;
   font-family: "Crimson";
   font-size: 24px;
   font-weight: 600;
   line-height: 1.1;
}

.sp-news-list li .sv-font-hogerspalt  {
   margin-bottom: 0.5rem;
}

.sp-news-list a:hover {
   text-decoration: underline;
}

.sp-news-list li a:before {
	content: "";
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   position: absolute;
}

.sp-news-list .sv-font-tips-rubrik {
   font-style: normal;
   font-family: "metropolis", sans-serif;
   font-weight: 700;
}

.sp-news-list span.normal {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   line-height: 1.1;
   font-size: 0.875rem;
}

.sp-news-list-content {
   padding: 2rem;
   padding-top: 1rem;
   display: flex;
   flex-direction: column;
}


.sp-news-list .sv-text-portlet-content a {
   color: #000 !important;
   font-size: 18px
}

@media (max-width: 1280px){
   .sp-news-list ul {
      padding-left: 1rem;
      padding-right: 1rem;
   }
   .sp-news-list .sv-text-portlet-content a {
   	padding-left: 1rem;
   	padding-right: 1rem;
	}
   
   .sp-news-list .sp-text-decoration {
      margin-left: 1rem;
      margin-right: 1rem;
   }
}

@media (max-width: 990px){
   .sp-news-list ul {
      flex-direction: column;
   }
}

@media (max-width: 769px){
	.sp-news-list ul li:nth-child(3), 
	.sp-news-list ul li:nth-child(4){
   	display:none;
	}
}


/*Vad vill du göra i Eksjö */

.sp-activities .cybercom-theme .ccaf .control-group .date-to, 
.sp-activities .cybercom-theme .ccaf .control-group .date-from {
   background-color: #A6192E;
   color: #fff;
}

.sp-activities .cybercom-theme .ccaf . a.tag-selected {
   border: 1px solid #A6192E;
   border-radius: 20px;
}

.sp-activities .cybercom-theme .ccaf .control-group .control .control__indicator {
   border-radius: unset !important;
   background: transparent !important;
}

@media (max-width: 769px){
	.cybercom-theme .ccaf .control-group .control .control__indicator {
   	width: 20px !important;
   	height: 20px !important;
	}
}

.sp-activities .cybercom-theme .ccaf .control-group .control #upplevFilter,
.sp-activities .cybercom-theme .ccaf .control-group .control #boendeFilter,
.sp-activities .cybercom-theme .ccaf .control-group .control #matochdryckFilter,
.sp-activities .cybercom-theme .ccaf .control-group .control #evenemangFilter {
   background-color: transparent;
   border: 1px solid darkgrey;
   border-radius: 5px !important;
   top: -8px !important;
}

.sp-activities .cybercom-theme .ccaf .control-group .control input:not([disabled]):checked ~ .control__indicator,
.cybercom-theme .ccaf .control-group .control 
input:checked:focus ~ .control__indicator {
   background-color: #A6192E !important;
}


.sp-activities.cybercom-theme .ccaf .control-group .control {
   font-size: 1rem;
}

.sp-activities .card-footer.matochdryck, .sp-activities .card-footer.evenemang,
.sp-activities .card-footer.upplev,
.sp-activities .card-footer.boende,
.sp-activities .card-block {
   background-color: rgb(236 225 200 / 44%) !important;
   position: relative !important;
   padding: 2rem !important;
   position: relative !important;
}

.sp-activities .cybercom-theme .card-columns .card {
   border: none !important;
}

.sp-activities .card-block, .sp-activities .card-footer  {
   height: 140px;
}

.sp-activities .card-title .card-long-title, .sp-activities .card-title .card-short-title {
   -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-inline-box;
    font-family: "Crimson" !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
}

.cybercom-theme .ccaf .card-footer p.card-text {
   padding-bottom: 0.5rem !Important;
}

.sp-activities .card-footer.matochdryck p.card-text {
   background-color: #A6192E !important;
   padding: 10px;
   position: absolute !important;
   top: -2px;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff !important;
   text-align: center !important;
   font-weight: 700;
   font-size: 14px !important;
}

.sp-activities .card-footer.evenemang p.card-text {
   color: #A6192E !important;
   font-weight: 700;
}

.sp-activities .card-footer.upplev p.card-text, .sp-activities .card-footer.boende p.card-text {
   color: #A6192E !important;
   font-weight: 700;
   background-color: #A6192E !important;
   color: #fff !important;
   position: absolute !important;
   padding: 10px;
   top: -2px;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center !important;
}

.sp-activities .card-footer {
   color: #000 !important;
}

.sp-activities h4.card-long-title , .sp-activities h4.card-short-title {
	font-family: "Crimson" !important;
   font-size: 24px !important;
   font-weight: 600 !important;
   line-height: 1.1 !important;
   margin-bottom: 1rem !important;
}

.cybercom-theme .ccaf .card {
   margin-bottom: 1.5rem !important;
}

.cybercom-theme .ccaf .card-text:last-child {
   display: none; 
}


@media (max-width: 992px){
	.cybercom-theme .ccaf .card {
   	margin-bottom: 1rem !important;
	}
}

.cybercom-theme .ccaf .card-block h4.card-title {
   font-family: "Crimson" !important;
   font-size: 24px !important;
   font-weight: 600 !important;
   line-height: 1.1 !important;
   margin-bottom: 1rem !important;
}

.sp-activities .cybercom-theme .ccaf .card-block {
   background-color: rgb(236 225 200 / 44%) !important;
   padding: 2rem !important;
}

.sp-activities .card-columns .card-items .cardsunfiltered {
   display: flex;
   flex-wrap: wrap;
}

.sp-activities .card-img-top {
   height: 240px;
   min-height: 240px;
   max-height: 240px;
   width: 100%;
   object-fit: cover;
   
}

.sp-activities .cybercom-theme .ccaf {
   max-width: 1280px;
}

.sp-activities .cybercom-theme .ccaf-container.container {
   width: 1280px !important;
}

.cybercom-theme .container{
   width: 100% !important;
}

.cybercom-theme .ccaf .tag-box {
   line-height: 2.5;
}

@media (max-width: 769px){
	.cybercom-theme .ccaf .tag-box {
   	margin-top: 1rem;
	}
}

.cybercom-theme .ccaf .tag-box a {
   border-radius: 50px !important;
   border: 1px solid #A6192E  !important;
   padding: 8px;
   margin-left: 10px;
   margin-right: 10px;
   background-color: transparent !important;
   color: #000 !important;
}

.cybercom-theme .ccaf .tag-box a:hover {
   text-decoration: underline !important;
}

.cybercom-theme .ccaf .sorting-title-column a, .cybercom-theme .fb a, 
.cybercom-theme .card a, .filter-icons a {
   border: unset !important;
   margin-left: unset !important;
   margin-right: unset !important;
   padding: 0 !important;
}

.cybercom-theme .ccaf .tag-box.tag-selection-mode a.tag-selected {
   background-color: #A6192E !important;
   border-radius: 50px !important;
   border: 1px solid #A6192E  !important;
   padding: 8px;
   margin-left: 10px;
   margin-right: 10px;
   color: #fff !important;
   text-decoration: none !important;
}
  
.cybercom-theme .card-columns {
   padding-top: 2rem !important;  
}

@media (max-width: 1280px){
	.sp-activities {
   	margin-right: 0.5rem!important;
   	margin-left: 0.5rem!important;
	}
}

.cybercom-theme .container p {
   font-size: 14px !important;
}

.cybercom-theme .center-row {
   background: rgb(0 0 0 / 0.03) !important;
   display: flex !important ;
   align-items: center !important;
   padding:1.5rem 0.5rem !important;
   justify-content: space-between;
}

.cybercom-theme .ccaf .control-group {
   padding-bottom: 0 !important;
}

.control-group.date-box {
   width: 100% !important;
}

@media (max-width: 992px){
	.cybercom-theme .ccaf .control-group {
   	width: 105px;
	}
   .sp-activities.cybercom-theme .center-row {
   	justify-content: center !important;
	}
}

@media (max-width: 576px){
	.cybercom-theme .ccaf .control-group {
   	width: 86px;
	}
   .cybercom-theme .ccaf .card-columns {
   	padding: unset !important;
      padding-top: 2rem !important;
	}
}

.cybercom-theme .ccaf .filter-row {
   margin-top: 1rem !important;
}

.sp-activities.cybercom-theme .col-md-6 {
   width: fit-content !important;
   margin: 0 !important;
   padding: 0 !important;
   max-width: fit-content !important;
}

.sp-activities.cybercom-theme .col-12 .col-md-6 {
   max-width: fit-content !Important;
}

.cybercom-theme .ccaf .card-footer.evenemang {
   position: relative;
}

.cybercom-theme .ccaf .card-footer.evenemang:before {
   content: "Evenemang";
   font-weight: bold;
   color: #fff;
   background-color: #36573b !important;
   padding: 10px;
   position: absolute !important;
   top: -2px;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 14px !important;
}

.cybercom-theme .ccaf .card-block {
   position: relative !Important;
}

.cybercom-theme .ccaf .card-block:before {
   content: "Tips";
   font-weight: bold;
   color: #fff;
   background-color: #A6192E !important;
   padding: 10px;
   position: absolute !important;
   top: -2px;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 14px !important;
}
.sp-activities .cybercom-theme .ccaf .card {
   margin-bottom: 1rem !important; 
}

.sp-activities .cybercom-theme .ccaf .control-group .date-to{
   margin-right: 0.4rem !important;
}

.sp-activities .cybercom-theme .ccaf .control-group .date-from {
   margin-left: 0.4rem !important;
}

.sp-activities .cybercom-theme .ccaf .card-img-top {
    width: 100%;
    height: 200px;
    border-radius: 0 !important;
    object-fit: cover;
}

.cybercom-theme .ccaf .control-group .control--checkbox .control__indicator:after {
   top: 7px !Important;
   left: 11px !important;
}
.sp-activities.cybercom-theme .ccaf .center-row {
   text-align: right !Important;
}

.cybercom-theme .ccaf .filter-by-events {
   text-align: left !important;
}

@media (max-width: 992px){
   .cybercom-theme .ccaf .control-group .control--checkbox .control__indicator:after {
      top: 11px !important; 
   	left: 15px !important;
   }
}

@media (max-width: 769px){
	.cybercom-theme .ccaf .control-group .control--checkbox .control__indicator:after {
   	top: 2px !important;
      left: 7px !important;
	}
   .cybercom-theme .ccaf .control-group .control {
   	margin-left: 0 !important;
	}
}

@media (max-width: 1150px){
	.cybercom-theme .ccaf .filter-by-events {
   	text-align: center !important;
	}
   .sp-activities.cybercom-theme .ccaf .center-row {
   	text-align: center !Important;
	}
   .sp-activities.cybercom-theme .col-md-6 {
   	flex: unset !important;
      max-width: unset !important;
	}
   .sp-activities.cybercom-theme .center-row {
   	gap: 1rem !important;
      justify-content: center !important;
	}
   .sp-activities .card-block, .sp-activities .card-footer  {
   	height: 140px;
	}
   .sp-activities.cybercom-theme .ccaf .control-group .control {
   	font-size: 0.7rem !important;
	}
}

/*sp-img-text-card */
.sp-card-img-text {
   position: relative;
}

.sp-card-img-text--container {
   position: relative;
}

.sp-card-img-text--image-wrapper img {
	width: 100%;
   height: 440px;
	object-fit: cover;
}

.sp-card-img-text--content-wrapper {
   position: absolute;
 	top: 40%;
  	left: 50%;
  	transform: translate(-50%, -50%);
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   align-items: center;
   min-width: 80%; 
}

.sp-card-img-text-title, .sp-card-img-text-content {
   padding: 0.5rem 1rem;
   text-decoration: none;
   text-align: center;
   font-size: 30px;
    font-weight: 600;
   font-family: "Crimson";
}

.sp-card-img-text a:before {
	content: "";
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   position: absolute;
}

@media only screen and (max-width: 769px) {
   .sp-card-img-text--content-wrapper {
    	gap: unset;
      align-items: unset;
      transform: unset;
      top: unset;
  		bottom: -2%;
    	left: 0;
    	right: 0;
    	margin: auto;
    	min-width: fit-content;
    	width: fit-content;
   }
   .sp-card-img-text-title {
   	font-size: 1.2rem;
      padding-bottom: 0;
	}	
   .sp-card-img-text-content {
		font-size: 1.2rem !important;
      padding: 0rem 0.5rem 0.5rem 0.5rem;
      width: unset !important;
   }
}

/*Eksjö på fritiden */
.sp-puffs-fritid {
   margin-bottom: 3rem;'
}

.sp-puffs-fritid .sv-row {
	margin-right: 0.5rem!important;
   margin-left: 0.5rem!important;'
}

@media (max-width: 990px){
   .sp-puffs-fritid .sp-card-linked--content-wrapper {
      height: unset !important;
   }  
}

@media only screen and (max-width: 1200px) {
	.sp-puffs-fritid {
   	margin-right: 0.5rem!important;
    	margin-left: 0.5rem!important;
	}
}

.sp-mobile-menu img {
	width: 16px !important; 
   height: 16px !important;
   margin-left: 0rem !important;
}

/*Upplev*/
.row .no-gutters .cybercom-theme .no-gutters > .col, .cybercom-theme .no-gutters > [class*="col-"] {
   padding-right: 0 !important;
   padding-left: 0 !important;
}

.cybercom-theme .tips-row {
   justify-content: center;
   display: flex;
   margin-top: 0rem;
}

.cybercom-theme .tips-row .articlecard-start-tips .starttips-textbox .starttips-title {
   font-size: 28px !important;
}

.no-gutters.cybercom-theme .cybercom-theme .col-12 {
   -webkit-box-flex: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !imporant;
}

@media (min-width: 360px){
	.cybercom-theme .tips-row {
      margin-top: 5rem;
	}
}

@media (min-width: 576px){
	.cybercom-theme .tips-row {
   	width: 540px !important;
      margin-top: 5rem;
	}
}

@media (min-width: 768px){
	.cybercom-theme .tips-row {
    	width: 720px !important;
      margin-top: 5rem;
	}
}

@media (min-width: 992px){
	.cybercom-theme .tips-row {
    	width: 960px !important;
      margin-top: 0rem;
	}
}

@media (min-width: 1120px){
	.cybercom-theme .tips-row {
    	width: 1140px !important;
      margin-top: 0rem; 
	}
}

.sp-tips-rubrik {
	left: 50%;
   margin-top: -60px;
   padding-top: 0;
   position: absolute;
   text-align: center;
   transform: translate(-50%);
   z-index: 15;
}

@media (max-width: 992px){
	.sp-tips-rubrik {
   	margin-top: unset;
	}
}

.sp-tips-rubrik.cybercom-theme .sv-font-tips-rubrik:before,
.sp-tips-rubrik.cybercom-theme .sv-font-tips-rubrik:after{
   width: 460px;
}

.cybercom-theme .fullscreen-search h1 {
   color: #fff !important;
}

@media (max-width: 370px){
	.cybercom-theme .ccaf .container > div:nth-child(3) .filter-row .dateSortButton,
   .cybercom-theme .ccaf .container > div:nth-child(3) .filter-row span {
     font-size: 14px; 
	}
}

.sp-activities .cybercom-theme .card-columns {
   display: flex !important;
   flex-wrap: wrap !Important;
   column-count: unset !Important;
   justify-content: center !Important;
}

.sp-activities .cybercom-theme .card-columns .card {
   width: 23%;
}

.sp-readspeaker__showHide {
   float: right;
}

@media (max-width: 992px){
	.sp-activities .cybercom-theme .card-columns .card {
   	width: 48%;
	}  
}

@media (max-width: 769px){
   .sp-readspeaker__showHide {
      float: left;
   }	
   .sp-activities .cybercom-theme .card-columns .card {
   	width: 100%;
	}
   .cybercom-theme .ccaf .container > div:nth-child(2) .filter-row {
   	flex-direction: column;
	}
}

.env-button {
   min-height: 2rem !important;
   padding: 0 1rem !important;
}

.sv-mfpimage-portlet img {
   margin: 1rem 0; 
}

.sv-portlet-image-caption {
   font-size: 14px;
   margin-top: -0.3rem !important; 
}

/* Punktlistor */

.sv-list-style-punktlista-gron li, .sv-list-style-punktlista-svart li {
    position: relative;
    padding-bottom: .5rem;
}

.sv-list-style-punktlista-gron li:before {
   content: url("/images/18.67ffa6b6194346ab83329e1/1736339530388/punkt_gron.svg");
    position: absolute;
    left: -1.5rem;
    margin-top: .1rem;
}

.sv-list-style-punktlista-svart li:before {
   content: url("/images/18.67ffa6b6194346ab83329e6/1736339608291/punkt_svart.svg");
    position: absolute;
    left: -1.5rem;
    margin-top: .1rem;
}

/*Imageviewer carousel*/
.sp-hero-layout .env-image-viewer-2__viewer img, .sp-hero-layout .sv-mfpimage-portlet img {
   margin: 0 !important; 
}

.sp-hero-layout.sv-editable-layout h2 {
   color: black;
} 

.sp-hero-layout .env-image-viewer-2__viewer {
   position: relative; 
}

.sp-hero-layout div.plyr__controls {
   display: none; 
}

.sp-hero-layout .plyr__control {
    top: 10% !important;
    left: 95% !important;   
}

@media (max-width: 769px){  
   .sp-hero-layout .plyr__control {
    left: 90% !important;   
      padding: 0.5rem !important;
}
   .plyr--video .plyr__control--overlaid[data-plyr=play] svg {
    height: 23px !important;
    width: 23px !important;
   }
}

.sp-hero-layout h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sp-hero-layout .sv-decoration-content h2 {
   position: unset; 
   transform: none; 
}

.sp-hero-layout .sp-text-background--red, .sp-hero-layout .sp-text-background--green {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sv-editing-mode .sp-hero-layout .sp-text-background--red, .sv-editing-mode .sp-hero-layout .sp-text-background--green {
   position: unset !important;
   transform: none !important; 
}

.env-image-viewer-2__viewer__controls {
   
}

.env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above) {
   line-height: 3;
}

.env-image-viewer-2--overlay .env-image-viewer-2__viewer__controls__button {
    background-color: transparent;
}
.env-image-viewer-2--overlay .env-image-viewer-2__viewer__controls__button:active, .env-image-viewer-2--overlay .env-image-viewer-2__viewer__controls__button:focus, .env-image-viewer-2--overlay .env-image-viewer-2__viewer__controls__button:hover {
    background-color: transparent;
}


/*Hero med bild från bildarkivet */
.sp-hero-layout>.sv-image-portlet img {
   object-fit: cover; 
   margin: 0; 
}

.sv-sp-hero-from-layout {
    position: relative;
    z-index: 0;
}