/* 
Theme Name:		 Proud | Kungsportskyrkan - Child theme
Description:	 Proud | Kungsportskyrkan - Child theme is a child theme of Intentionally Blank, created by ChildTheme-Generator.com
Author:			 Proud Power Agency
Author URI:		 https://www.proud.se/
Template:		 intentionally-blank
Version:		 1964.1.2
Text Domain:	 proud-kungsportskyrkan-child-theme
*/


/*
    Add your custom styles here
*/

a{color:var(--accent-red-color);}

html {
  scroll-behavior: smooth;
}


:root {
  --accent-red-color:#a14030;
  --bg-card-color: #d0a98f;
  --bg-sand-color:#edd4b4;
  --bg-tan-color: #f7f0e9;
  --bg-darktan-color: #f4e5d2;	
}

* {
  box-sizing: border-box;
}


body {
  font:400 18px/1.5 'Lato', Times new roman, arial, sans-serif;
  color:#000;
  padding:0px;
  margin:0px;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre{margin:0;}
hr{
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #ccc;  /* old IE */
  background-color: #ccc;  /* Modern Browsers */
}

h1{
	font-size:62px;
	line-height:70px;
	font-family: "Playfair Display", serif;  
	font-weight: 700;
	font-style: normal;

}
h2{
	font-size:44px;
	line-height:52px;
	font-family: "Playfair Display", serif;  
	font-weight: 700;
	font-style: normal;

}
h3{
	font-size:32px;
	line-height:38px;
	font-family: "Playfair Display", serif;  
	font-weight: 700;
	font-style: normal;
}

h4{
	font-size:26px;
	line-height:30px;
	font-family: "Playfair Display", serif;  
	font-weight: 700;
	font-style: normal;
}


.headFont{font-family: "Playfair Display", serif;  font-weight:700;}

/*********************/
/****** Grunder ******/
/*********************/

.k50{width:100%; padding:25px;}
.k800{max-width:800px; margin:auto;}
.k1280{max-width:1280px; width:100%; margin:auto; padding:20px; position:relative;}
.k1440{max-width:1440px; width:100%; margin:auto; padding:20px;}
.k1600{max-width:1600px; width:100%; margin:auto; padding:20px;}

.m620{max-width:620px;}

.gap-1{gap:30px;}
.gap-2{gap:24px;}
.gap-3{gap:16px;}
.gap-4{gap:10px;}

.flex-two, .flex{display:flex;}
.flex-column{display:flex; flex-direction:column; align-items:baseline;}
.flex-invert{flex-direction:row-reverse;}
.flex-center{align-items:center;}
.flex-between{justify-content:space-between;}

.m-t-30{margin-top:70px;}
.m-b-30{margin-bottom:30px;}

.page-template-kungskyrkan-start .padding-top{padding-top:70px; overflow:hidden; margin-top:0px;}

.radius-16{border-radius:16px;}
.radius-8{border-radius:8px;}
.radius-no-bottom{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.radius-no-top{border-top-left-radius: 0; border-top-right-radius: 0;}

.zoomBG{background-position: center; background-size:cover; background-size: 100%; transition: all 0.3s ease-in-out;}
.zoomHover:hover .zoomBG {background-size: 120%;}

/*****************************/
/***** FADE-IN ON SCROLL *****/
/*****************************/

.fade-in {
  opacity: 0;
  transform: translateY(40px); /* move it further down initially */
  transition: opacity 1s ease-out, transform 1s ease-out; /* longer duration */
  will-change: opacity, transform;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/*******************/
/***** Buttons *****/
/*******************/
.ghostBtn{padding:11px 18px; font-size:17px; font-weight:700; border-radius:21px; text-decoration:none; display:inline-block; position:relative; min-width:130px; display:flex; justify-content:space-between; align-items:center;}
.ghostBtn .fa-solid{margin-left:10px;}
.ghostBtn span{line-height:17px;}
.blackBtn{color:black; border:2px solid black;}
.redBtn{color:white; border:2px solid var(--accent-red-color); background-color:var(--accent-red-color);}
.whiteBtn{color:white; border:2px solid white;}
.tanBtn{color:black; border:2px solid var(--bg-darktan-color); background-color:var(--bg-darktan-color);}

.blackBtn:hover{background-color:black; color:white;}
.redBtn:hover{background-color:var(--bg-card-color); color:white; border:2px solid var(--bg-card-color);}
.whiteBtn:hover{background-color:white; color:black;}
.tanBtn:hover{color:white; background-color:var(--accent-red-color); border:2px solid var(--accent-red-color);}

.simpleBtn{padding:11px 18px; font-size:17px; font-weight:700; text-decoration:none; display:inline-block; position:relative; line-height:17px;}
.simpleBtn .fa-solid{margin-left:10px;}

.simpleWhiteBtn{color:white; border:2px solid transparent;}

.simpleWhiteBtn:hover{color:white; text-decoration:underline;}

/*********************/
/****** Kalender ******/
/*********************/
.calendarSection{}
.calendarHeader{}
.calendar-wrapper{padding:30px 20px; max-width: 530px; margin: 0 auto; background: #f7f0e9; border-radius:8px; width:100%;}
.calendar-wrapper .calendar-side-container{}
.calendar-wrapper .calendar-side-container:first-of-type{margin-bottom:10px; justify-content:space-between; align-items:center;}
.calendar-wrapper .calendar-side-container:first-of-type #selected-date-display{font-weight:bold;}
#calendar-nav{display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;font-weight: bold;font-size: 18px;color: #4a2a21;}
#calendar-nav #current-month-year{font-size: 16px;}
#calendar-nav #prev-month, #calendar-nav #next-month{width:30px;height:30px; text-align:center;}
#calendar-nav #prev-month:hover, #calendar-nav #next-month:hover{cursor:pointer;}

#calendar-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: 5px;text-align: center;}
#calendar-grid .weekday{font-size: 10px;font-weight:bolder;padding-bottom: 5px; color:var(--accent-red-color);}
#calendar-grid .calendar-day{border-radius:50%; cursor: pointer;transition: background 0.2s, color 0.2s;font-size: 13px;font-weight: normal;
display:flex;justify-content: center;align-items: center;width: 30px;height: 30px;margin: auto;}
.calendar-day:hover {background: rgba(74, 42, 33, 0.1);}
.calendar-day.selected {background: var(--accent-red-color);color: #fff;font-weight: bold;}
.calendar-day.empty {background: none;cursor: default;visibility: hidden;}
.calendar-day.has-events{border:2px dotted var(--accent-red-color);}
.calendar-day.today {box-shadow: inset 0 0 0 2px var(--accent-red-color);color: var(--accent-red-color);font-weight: bold;}
.calendar-day.today.selected {background:var(--accent-red-color); color: white;}

.calenderCategory-wrapper{}
.calenderCategory-wrapper .calendarCategory-header{font-size:26px; font-weight:bold; line-height:28px;}
#activity-categories{flex-wrap:wrap;}
.category-link{cursor:pointer; border-radius:8px; padding:10px 20px; background-color:var(--bg-card-color); color:white; font-size: 12px; font-weight: bolder;  text-transform: uppercase; /*height:39px;*/}

.category-link:hover{background: rgba(74, 42, 33, 0.1);}
.calendar-wrapper .active:hover, .calendar-wrapper .active{background-color:var(--accent-red-color); color:white;}
.category-all-link{cursor:pointer;}
.category-all-link:active{margin-right:1px;}
.day-number{z-index:2;}

#activity-list{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
/*#activity-slideshow{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(1, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;width:100%;}*/
#activity-list .activity-item{background-color:var(--bg-tan-color); position:relative; min-height:500px; max-width:400px; cursor:pointer; color:black; text-decoration:none;}
#activity-slideshow .activity-item{background-color:white; position:relative; min-height:420px; max-width:400px; cursor:pointer; color:black; text-decoration:none;}
#activity-list .activity-item:hover .activityContent span, #activity-slideshow .activity-item:hover .activityContent span{color:var(--accent-red-color); }
#activity-list .activity-item:hover .activityContent span i, #activity-slideshow .activity-item:hover .activityContent span i{color:var(--accent-red-color); margin-left:12px !important; }
.activityHead{height:50%; width:100%; min-height:200px;}
.activity-category{top:10px; left:10px; background-color:#fff; padding:8px 21px; border-radius:16px; font-size:12px; font-weight:bold; text-transform:uppercase; position:relative;}
.activityContainer{/*padding:25px 40px;*/ padding:25px 10%;}
.activityDate{/*padding-right:40px;*/ padding-right:40px;}
.activity-month{font-size:17px; font-weight:bold; text-transform:uppercase;}
.activity-day{font-size:32px; font-weight:900; line-height:26px;}
.activity-year{font-size:16px; font-weight:bold;}
.activityContent{width:100%; font-size:16px; line-height:20px;}
.activityContent strong{font-size:25px;}
.activity-time{}
.activity-excerpt{}

.singleActivityTime{}
.singleActivityTimeItem{font-size:16px;}
.singleActivityTimeItem span i{margin-right:10px;}

.activitySlider{background-color:var(--bg-tan-color); padding-top:90px; padding-bottom:90px; overflow:hidden;}
.activitySlider .flex-column{position:relative; z-index:2;}
.activity-slider{margin-top:40px;}
.activity-slider .slick-slide {
  margin: 0 10px; /* Optional spacing between slides */
  box-sizing: border-box;
}
.activity-slider .activity-item { width: 100%; /* Force each item to behave like a block inside a slide */
}
#activity-slideshow .slick-prev, #activity-slideshow .slick-next{width:auto;}
#activity-slideshow .slick-prev:hover, #activity-slideshow .slick-next:hover{margin-top:2px;}
#activity-slideshow .slick-prev{left:-50px;}
#activity-slideshow .slick-next{right:-50px;}
#activity-slideshow .slick-dots{height:60px; bottom:-70px;}
#activity-slideshow .slick-dots li button::before{font-size:12px;}
.slick-prev::before, .slick-next::before {display:none;}

.activitySlider .flex-column .activitySliderContent{justify-content:space-between; align-items:center; width:100%;}

.single-aktivitet p{margin-top:15px;}

/*********************/
/****** Moduler ******/
/*********************/

/* Headers */
.mainHeader{
	min-height:740px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.mainHeader .k50{color:white; font-weight:500;}
.mainHeader h1{font-size:76px; line-height:78px;}
.featureCTA{
  width:390px;
  height:190px;
  background-color: var(--bg-sand-color);
  border-top-left-radius: 190px;
  border-top-right-radius: 190px;
  position:absolute;
  bottom:0px;
  left: 50%;
  transform: translateX(-50%);	
  display:flex;
  justify-content:center;
  align-items:flex-end;
  text-align:center;	
}
#openSearch{margin-left:20px;}
#openSearch img{transition: transform 0.5s ease; width:28px;}
#openSearch:hover img{transform: rotate(-30deg);}
.featureCTA div{padding:10px; margin-bottom:15px;}
.featureCTA strong{font-size:26px; line-height:32px;}
.featureCTA span{font-size:20px; font-weight:500; line-height:22px;}

.header1{
	background-color:var(--bg-tan-color);
	padding-top:60px;
	padding-bottom:60px;
}
.header1 img{border-radius:16px; width:100%;}

.header2 {height:100%; min-height:525px; display:flex; background-position:center center;}
.header2 .k1280{padding-bottom:0px; margin-bottom:0px;}
.header2 .m620{text-align:center; padding-bottom:150px; padding-top:150px; background-color:var(--bg-tan-color);  width:100%; padding-left:20px; padding-right:20px;}

/* Hero */
.hero-video {box-sizing: border-box;height: 56.25vw;-o-object-fit: cover;object-fit: cover;left: 50%;min-height: 100%;min-width: 100%;transform: translate(-50%,-50%);position: absolute;top: 50%;width: 177.77777778vh;
}


/* Moduler */
.fullImageContainer img{
	width:100%;
}
.top-130{margin-top:-150px; display:flex;}
.cardFloating{
	border-radius:16px;
	padding:50px 40px; 
	color:white; 
	background-color:var(--bg-card-color); 
	max-width:800px;
	width:100%;
}

.imageTextContainer{}
.imageTextContainer div{width:100%;}
.imageTextContainer img{width:100%;}

.ctaContainer{
	background-color:var(--bg-card-color); 
	width:100%;
	border-radius:16px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	min-height:450px;
	padding:20px;
	color:white;
  	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;	
}
.ctaContainerFull{background-color:var(--bg-darktan-color); 
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	min-height:455px;
	padding:20px;
	color:black;
text-align:center;
}
.ctaContainerFull .header50{color: black; font-size:50px; line-height:55px; font-family: "Playfair Display", serif;  font-weight:700;}
.ctaContainer .header50{font-size:50px; line-height:55px; font-family: "Playfair Display", serif;  font-weight:700;}
.ctaContainer span{}

.textContainer{}

.contactPersonContainer hr{margin-bottom:65px; margin-top:50px;}
.contactPersonContent{width:100%; display:flex; flex-direction:column;}
.contactPersonGrid{display:grid;   /* key bit: tracks can go below the min-content size */  grid-template-columns: repeat(2, minmax(0, 1fr));}
.contactPersonItem{padding:20px; background-color:var(--bg-tan-color); border-radius:16px; max-width:620px; width:100%;}
.contactPerson{display:flex; justify-content:space-between; align-items:center; }
.contactPersonImg {flex-basis:221px;}
.contactPerson img{max-width:191px; border-radius:50%; width:100%; height:auto;}
.contactPerson div{display:flex; flex-direction:column; width:100%; font-size: clamp(14px,calc(14px + (18 - 14) * ((100vw - 1000px) / (1200 - 1000))),18px);}
.contactPerson div strong{font-size:28px; line-height:32px;}
.contactPerson div span{}
.contactPerson div a{color:black; text-decoration:none;}
.contactPerson div .email{text-decoration:underline;}
.contactPerson div a:hover{color:var(--accent-red-color); text-decoration:underline;}

.galleryContainer{display: grid;   grid-template-columns: auto auto auto;}
.galleryContainer div{}
.galleryContainer div img{width:100%;}

.featureContainer{min-height:960px; display:flex; justify-content:center; align-items:center;}
.featureContainer .split-loop-section{right:-40px;}
.featureContainer h2{font-size:50px; line-height:55px;}

.page-template-kungskyrkan-start .featureContainer{margin-bottom:0px; padding-bottom:0px;}

.groupContainer{position:relative; }
.tanCircle2{position:absolute; right:-15%; top:-20%; width:650px; height:650px; background-color:var(--bg-tan-color); border-radius:50%; z-index:-1;}
.tanCircle{position:absolute; left:-45%; bottom:-60%; width:850px; height:850px; background-color:#ebe4da; border-radius:50%; z-index:0;}
.groupContainer .groupHeader{hyphens: manual;   min-width: 0;   /* this is the magic */  word-break: break-word}
.groupHeader{font-family: "Playfair Display", serif;  font-weight:700; font-size:30px; line-height:34px; margin-top:10px;}
.groupContent{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.groupContentSmall{
/*display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;*/
display:flex;
justify-content:center;	
}
.groupBtn{}
.groupBtn .fa-solid{margin-left:10px;}
.group{background-color:var(--bg-card-color); border-radius:16px; flex-basis:32%; 
	display:flex; flex-direction:column; justify-content:center; align-items:center;
	padding:25px; padding-bottom:35px; padding-top:35px; gap:20px; color:white; text-decoration:none; 
	text-align:center;
}
.groupContentSmall .group{gap:0px; padding:20px; flex-basis:230px; width:100%; }
.group:hover{background-color:var(--accent-red-color);}
.group svg{height:80px; }
.group svg *{stroke:white;}
.groupContentSmall .group svg{height:45px;}
.groupContentSmall .group svg *{stroke:white; }
.groupContentSmall .group span{font-size:23px; line-height:1.2;}

.groupContentSmall-5{gap:7px; justify-content:center;}
.groupContentSmall-5 .group-5{/*flex:1 1 calc(25% - 10px);*/ flex-basis:110px; text-align:center; line-height:1.2;}
.groupContentSmall-5 .group{gap:0px; padding:20px;  aspect-ratio: 1 / 1; width:100px; margin:auto; margin-bottom:5px;}
.groupContentSmall-5 .group:hover{background-color:var(--accent-red-color);}
.groupContentSmall-5 .group svg{height:80px; }
.groupContainer-5 .group svg *{stroke:white;}
.groupContentSmall-5 .group svg{height:65px;}
.groupContentSmall-5 .group svg *{stroke:white; }
.groupContentSmall-5 .group span{display:none;}
.groupContentSmall-5 .groupHeader{font-size:16px; line-height:16px;}


.alphaContainer{background-color:var(--bg-tan-color); }

/* Video modules */
.embed-container{position:relative;width:100%}
.embed-container:before{content:"";display:block;padding-top:56.25%}
.embed-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Sökresultat */
.searchResult{font-size:18px; margin-bottom:150px;}
.searchResult strong{font-weight:bolder; font-size:24px; padding-bottom:5px;}
.searchResult div{flex-basis:90%;}
.searchResult a{width:100%; border-bottom:2px solid #ccc; padding-bottom:15px; padding-top:15px; color:black; text-decoration:none;
display:flex; justify-content:space-between; align-items:center;
}
.searchResult a:hover{color:var(--accent-red-color);}
.searchResult i{flex-basis:50px; margin-left:20px;}

/* Nyheter */
.card{background-color:var(--bg-card-color); border-radius:16px; overflow:hidden;}
.featured-post{color:white; width:100%;}
.featured-post span, .other-posts span{font-size:15px; margin-bottom:-5px;}
.featured-post h3{font-size:36px;}
.featured-post img{width:100%; height:50%; object-fit:cover;}
.featured-post div{padding:30px 40px 40px 40px;}
.featured-post .ghostBtn{margin-top:40px;}

.other-posts hr{width:100%; height:2px; background-color:black;}
.other-posts a {text-decoration:none; color:black; width:100%;
  display: inline-block; /* needed for transform */
  transition: padding 0.4s ease, background-color 0.4s ease, transform 0.4s ease;
  padding-top:24px; padding-bottom:24px; padding-left:10px;
}

.other-posts a:hover {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--bg-tan-color);;
  transform: scale(1.00);
}

/**********/
/** PLAY **/
/**********/

.playAudioItem{width:100%; display:flex; flex-direction:column; margin-bottom:20px;}
.playAudioItem audio{width:95%;}
.playAudioItem strong{font-size:18px;}
.playAudioItem p{font-size:14px;}
.playAudioItem a i{margin-right:10px;}
.playAudioItem a button{border:0px solid white; font-weight:bold; color:white; padding:8px 12px; background-color:var(--accent-red-color); border-radius:8px; margin-top:5px; width:auto; display:inline-block;}
.playAudioItem a:hover button{background-color:var(--bg-card-color); cursor: pointer;}

.videoContainer{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(1, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;width:100%;}

.playVideoItem{width:100%; position:relative; display: inline-block; }
.playVideoItem, .playVideoItem * {cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text x='6' y='24' font-size='24' fill='%23fff'>►</text></svg>") 0 0, pointer;}
.playVideoItem:hover span{color:var(--bg-card-color); }
.playVideoItem img{width:100%; display:block;height: auto;}
.playVideoItem span{pointer-events: none; position:absolute; bottom:0px; padding:20px; color:white; z-index:2; font-weight:bold;}
.playVideoItem .gradient {pointer-events: none; position: absolute;z-index:1;bottom: 0;left: 0;right: 0;height: 40%;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);}
.pagination{margin-top:15px;}
.pagination a {text-decoration:none; color:white; font-size:14px; padding:5px 10px; background-color:var(--accent-red-color); }
.pagination .current{color:black; font-size:14px; padding:5px 10px; background-color:var(--bg-sand-color); }
.pagination a:hover{background-color:var(--bg-sand-color);}

.thumb {}
#box {display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.8);align-items: center;justify-content: center; z-index:999;}
#box iframe {width: 80vw;height: 45vw;max-width: 1080px;border: none;}
#close {position: absolute;top: 20px;right: 30px;font-size: 40px;color: white;cursor: pointer;z-index: 1;font-family: sans-serif;}

/** Header / Menu **/

.headerContent{ padding-bottom:0px; padding-top:0px;
display:flex; align-items:center; justify-content:space-between;
}
.logo{max-width:180px;}
.logo img{width:100%; height:auto;}
.kungsportenkyrkanLogo{max-width:195px;}
.kungsportenkyrkanLogo img{width:100%; height:50px;}

nav{
	display:flex;
	align-items:center;

}
.searchBtn{}

/* Sticky header 
.header {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
  background: white;
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.6s ease-in-out;
  z-index: 999;
}

/* When active and sticky */
.header.visible {
  position: fixed;
  opacity: 1;
  transform: translateY(0);
}

/* KUNGSPORTEL PORTAL */
.kPortal-Header{min-height:400px; color:white; display:flex; align-items:center; background-size:cover;}
.kPortal-Header h1{color:white;}
.kPortal-container{background-color:#f7f0e9; overflow:hidden; padding-top:90px; padding-bottom:90px;}
.kPortal-container .tanCircle{left:-20%; bottom:-30%;}
.kPortal{display:grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); gap: 10px; }
.kPortal > a{transition: background-size 900ms cubic-bezier(.22, 1, .36, 1);will-change: background-size; text-decoration:none;}
.kPortal > a > div {
	position:relative;
  padding: 25px;
  text-align: center;
  aspect-ratio: 1.4 / 1;
	display:flex;
	justify-content: flex-start;
  	align-items: flex-end;
	text-decoration:none;
  transition: background-size 900ms cubic-bezier(.22, 1, .36, 1);
  will-change: background-size;
}
.kPortal > a span{color:white; font-size:23px; font-weight:900;}

.kPortal-footer{min-height:500px; color:white; background-color:#1b1b1b; margin-top:0px;}
.kPortal-footer a{color:white; text-decoration:none;}
.kPortal-footer a:hover{text-decoration:underline;}
.kPortal-footer div div{border-top:1px solid white; padding-top:10px; width:100%;margin-top:30px;}
.kPortal-footer div em{font-style:normal; font-size:12px;}

.lineHover {cursor: pointer;position: relative;}		
.lineHover::before,.lineHover::after {position: absolute;width: 100%;height: 3px;background: #a14030;top: 100%;left: 0;pointer-events: none;}
.lineHover::before {content: '';}
.lineHover::before {transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s;}
.zoomHover:hover .lineHover::before {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}			

/* Footer */
.page-template-kungskyrkan-start footer{margin-top:0px;}
footer{background-color:#1b1b1b; color:white;padding-top:100px; padding-bottom:100px; font-size:16px; margin-top:150px;}
.footerContainer{display:flex; flex-direction:column;}
.footerLogo{margin-bottom:20px;}
.footerLogo img{filter: brightness(0) invert(1); max-width:250px;}
.footerContent{display:flex; justify-content:space-between;}
.footerColumn{flex-basis:32%;}
.footerColumn strong{margin-bottom:10px; margin-top:20px; display:block;}
.footerColumn span{display:block;}
.footerColumn p{margin-bottom:15px;}
.footerColumn a{color:white;}
.footerColumn a:hover{color:var(--accent-red-color);}
.footerColumn .menu{list-style-type:none; margin:0px; padding:0px;}
.footerColumn .menu li a{text-decoration:none;}
.footerSoMe{width:100%; margin-top:10px; border-top:1px solid white; padding-top:10px; padding-bottom:10px; justify-content:space-between; font-size:14px;}
.footerSoMe .m-c-flex{align-items:center;}
.footerSoMe i{margin-right:8px; font-size:20px; color:white; margin-left:25px;}
.footerSoMe a{color:white; text-decoration:none;}
.footerSoMe a:hover{color:var(--accent-red-color);}


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

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

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

/* TEST HOVER */
.btn {
  position: relative;
  overflow: hidden;
  transition:
    opacity 0.3s cubic-bezier(0.2, 0, 0.1, 1),
    transform 0.3s cubic-bezier(0.2, 0, 0.1, 1),
    box-shadow 0.5s ease,
    color 0.5s ease,
    background 0.5s ease;
  z-index: 0;
}

.btn::before,
.btn::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0;
  right: -50%;
  left: -50%;
  height: 0;
  padding-bottom: 200%;
  border-radius: 39%;
  opacity: 0;
  transition: transform 0s cubic-bezier(0.2, 0, 0.1, 1) 0.5s, opacity 0.5s cubic-bezier(0.2, 0, 0.1, 1);
}

.btn::before {
  background: linear-gradient(
    25deg,
    #a14030,
    rgba(161, 64, 48, 0)
  );
  transform: translate3d(-10%, 4.8em, 0) rotate(330deg);
}

.btn::after {
  background: linear-gradient(
    70deg,
    rgba(161, 64, 48, 0.5),
    rgba(161, 64, 48, 0)
  );
  transform: translate3d(10%, 4.8em, 0) rotate(0deg);
}

.btn:hover,
.btn:focus {
  background: #a14030;
  color: white;
  box-shadow:
    inset 0 0 0 0.1em #a14030,
    0 0 1.75em rgba(0, 0, 0, 0.5);
  transition:
    opacity 0.3s cubic-bezier(0.2, 0, 0.1, 1),
    transform 0.3s cubic-bezier(0.2, 0, 0.1, 1),
    box-shadow 2s ease,
    color 1.5s ease,
    background 1s ease 0.75s;
}

.btn:hover::before,
.btn:focus::before,
.btn:hover::after,
.btn:focus::after {
  opacity: 1;
  transition: transform 1.2s ease 0s, opacity 0.15s ease;
}

.btn:hover::before,
.btn:focus::before {
  transform: translate3d(-10%, -1em, 0) rotate(100deg);
}

.btn:hover::after,
.btn:focus::after {
  transform: translate3d(10%, -1em, 0) rotate(180deg);
}