/*
Theme Name:   My Child Theme (Child for Kadence)
Theme URI:    https://www.huskvarnaallianskyrka.se/
Description:  Theme for additional CSS
Author:  	  HVA Allians
Author URI:   https://www.huskvarnaallianskyrka.se/
Textdomain:   hvaallians
Template:  	  kadence
Version:  	  1.0
License:  	  GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html     
Text Domain:  kadencechild            
*/



/** 
 * CUSTOM WIDTH 
 **/

.FullWidth {
		width: 100% !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
}
.WideWidth {
		width: 80% !important;
		margin-left: 10% !important;
		margin-right: 10% !important;
}
.NormalWidth{
		width: 60% !important;
		margin-left: 20% !important;
		margin-right: 20% !important;
}
.MarginTopBottom0{
		margin-bottom: 0px !important;
		margin-top: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
}


/**
 * Margins
 **/
.margin-0, .m-0 { margin: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mr-3 { margin-right: 1rem !important; }


/**
 * HEADER
 **/
#mobile-header .site-title-wrap .site-title {
    font-size: 16px !important;
    font-weight: bold !important;
}

#mobile-header .site-container {
	padding-left: .75rem !important;
	padding-right: .75rem !important;
}

#primary-menu {
	li:last-of-type a span {
		display: none /* Hide label on last menu item */
	}
}
#mobile-menu .menu-item i._before {
    margin-right: .35em;
}


/** 
 * FOOTER 
 **/

.footer-html #footer-copyright {
	padding: 1rem; 
	background-color: var(--global-palette3) !important;
}
.site-footer-middle-section-1 {
	justify-content: space-between;
}
.site-footer-focus-item:hover {
    outline: none !important;
    box-shadow: none !important;
}
/* 
 * Kyrkan som bakgrundsbild (Används ej i nuläget)
 * 
.site-footer-row-container:before {
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

	background-image: url("https://www.huskvarnaallianskyrka.se/wp-content/uploads/Churchbuilding/Photo-2023-10-01-11-56-47.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 70%;
}*/


/** 
 * LINKS / BUTTONS
 **/

.kb-button.kb-btn-global-fill,
#login form .submit .button {
	border-radius: 50px !important;
}

a:not(.wp-element-button) {
	color: var(--global-palette5);
}
a:not(.wp-element-button):hover,
a:not(.wp-element-button):focus,
a:not(.wp-element-button):active {
	color: var(--global-palette4);
}

.has-theme-palette3-background-color a:not(.wp-element-button),
.has-theme-palette4-background-color a:not(.wp-element-button),
.has-theme-palette5-background-color a:not(.wp-element-button),
.has-theme-palette6-background-color a:not(.wp-element-button),
.has-theme-palette-9-color a:not(.wp-element-button) {
	color: var(--global-palette1);
}
.has-theme-palette3-background-color a:not(.wp-element-button):hover,
.has-theme-palette3-background-color a:not(.wp-element-button):focus,
.has-theme-palette3-background-color a:not(.wp-element-button):active,
.has-theme-palette4-background-color a:not(.wp-element-button):hover,
.has-theme-palette4-background-color a:not(.wp-element-button):focus,
.has-theme-palette4-background-color a:not(.wp-element-button):active,
.has-theme-palette5-background-color a:not(.wp-element-button):hover,
.has-theme-palette5-background-color a:not(.wp-element-button):focus,
.has-theme-palette5-background-color a:not(.wp-element-button):active,
.has-theme-palette6-background-color a:not(.wp-element-button):hover,
.has-theme-palette6-background-color a:not(.wp-element-button):focus,
.has-theme-palette6-background-color a:not(.wp-element-button):active,
.has-theme-palette-9-color a:not(.wp-element-button):hover,
.has-theme-palette-9-color a:not(.wp-element-button):focus,
.has-theme-palette-9-color a:not(.wp-element-button):active {
	color: var(--global-palette2);
}

.blue-link a {
	color: var(--global-palette5) !important;
}
.blue-link a:not(.wp-element-button):hover,
.blue-link a:not(.wp-element-button):focus,
.blue-link a:not(.wp-element-button):active {
	color: var(--global-palette4) !important;
}
.yellow-link a {
	color: var(--global-palette1) !important;
}
.yellow-link a:not(.wp-element-button):hover,
.yellow-link a:not(.wp-element-button):focus,
.yellow-link a:not(.wp-element-button):active {
	color: var(--global-palette2) !important;
}

.kb-button.kb-btn-global-fill {
	border-radius: 50px !important;
}

.button, .wp-element-button, .kb-button {
	background: var(--global-palette-btn-bg) !important;
	color: var(--global-palette-btn) !important;
}
.button:hover, .button:active, .button:focus, 
.wp-element-button:hover, .wp-element-button:active, .wp-element-button:focus, 
.kb-button:hover, .kb-button:active, .kb-button:focus {
	background: var(--global-palette-btn-bg-hover) !important;
	color: var(--global-palette-btn-hover) !important;
}

.buttonsmall > a{
	font-size: 14.45px !important;
}

/** 
 * CUSTOM BORDERS 
 **/

.border-dark {
	border: 5px solid var(--global-palette3);
}
.border-light {
	border: 5px solid var(--global-palette7);
}
.border-yellow {
	border: 5px solid var(--global-palette2);
}


/** 
 * ACCORDION
 **/
.kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active {
	border-color: var(--global-palette2) !important;
}
.kt-accordion-header-wrap .kt-blocks-accordion-header span {
	font-weight: 600 !important;
}
.inline-accordion-btn .kt-accordion-header-wrap .kt-blocks-accordion-header {
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5rem;
}

/**
 * CALENDAR 
 **/

/** Masonry - Singelrutorna för att visa nästa aktivitet **/
.subscribe.button{
	border-radius: 25px !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
    background: var(--global-palette-btn-bg) !important;
	color: var(--global-palette-btn) !important;
}
.subscribe.button:hover {
    background: var(--global-palette-btn-bg-hover) !important;
	color: var(--global-palette-btn-hover) !important;
}

.ics-calendar-masonry-grid-item {
	width: 100%!important;
	background-color: transparent /** #efe9ce **/ !important;
	border: none !important;
	margin-bottom: 0 !important;
}
.ics-calendar-masonry-grid-item div,
.ics-calendar-masonry-grid-item span {
	color: var(--global-palette1) !important;
}
.ics-calendar-masonry-grid-item div {
	width: 100% !important;
	display: inline !important;
	background-color: transparent !important;
}
.ics-calendar-masonry-grid-item div.ics-calendar-date {
	padding-left: 3px !important;
	background-color: transparent !important;
	font-size:100% !important;
}
.ics-calendar-masonry-grid-item div .eventdesc p {
    width: fit-content;
    margin: auto;
}
.descloc .title_in_hover_block{
	display: none !important;	
}
.descloc .date_in_hover_block {
	display: none !important;	
}

div > article > div.time,
div > article > div.time > span.end_time{
	font-weight:600 !important;
	line-height:1em !important;
	font-size:100% !important;	
}

/** Månadsvy **/
.ics-calendar.whitetext .ics-calendar-month-grid .today .day {
	background-color: var(--global-palette4) !important;
}
.ics-calendar.whitetext .ics-calendar-paginate-wrapper a.prev,
.ics-calendar.whitetext .ics-calendar-paginate-wrapper a.next,
.ics-calendar.whitetext .ics-calendar-arrow-nav a.prev,
.ics-calendar.whitetext .ics-calendar-arrow-nav a.next {
	text-decoration: none !important;
	font-weight: 600 !important;
}
.ics-calendar.whitetext .ics-calendar-arrow-nav a.prev *,
.ics-calendar.whitetext .ics-calendar-arrow-nav a.next * {
	color: var(--global-palette1) !important;
}
.ics-calendar.whitetext .ics-calendar-arrow-nav a:not(.inactive):hover {
	cursor: pointer !important;
}
label.current{
	background: var(--global-palette2) !important;
}
.ics-calendar-arrow-nav {
	background: var(--global-palette4) !important; 
	padding-left: 1rem;
	padding-right: 1rem;
}
.ics-calendar-month-grid tbody tr td,
.ics-calendar-month-grid thead tr th{
	border-color: white !important;
}
.ics-calendar-month-grid ul.events li{
	border: none !important;
}

.ics-calendar-label{
	background: var(--global-palette2) !important; 
	text-align: center !important;
}

/* Månadsvy - Toggle mellan Månad/Lista */
.ics-calendar-controls-wrapper {
	justify-content: end !important;
}
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle > label,
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle > span {
	font-family: inherit;
	font-weight: 600;
	font-size: 1rem;
	padding-left: .75rem;
	padding-right: .75rem;
}
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle > label {
	text-transform: capitalize !important;
}
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle label:first-of-type {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding-left: 1rem;
}
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle label:last-of-type {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	padding-right: 1.5rem;
}
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle label span.icon-month,
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle label span.icon-list {
	margin-right: .75rem !important; 
}
.ics-calendar-controls-wrapper .ics-calendar-month-table-list-toggle label:not(.current) span {
	color: var(--global-palette1) !important;
	opacity: .9;
}
.r34ics_phone .kt-mobile-layout-row .ics-calendar-controls-wrapper {
	display: none;
}
.ics-calendar .ics-calendar-past-events-toggle {
	margin-top: .5rem;
	margin-left: 1rem;
}

.end_time, .ics-calendar-tz-label {
	font-weight:700 !important;
	line-height:1.5em !important;
	font-size:100% !important;
}

/* Månadsvy i mobilläge => fullbredd */
.r34ics_phone .kt-mobile-layout-row:has(.ics-calendar.layout-month),
.r34ics_phone .kt-mobile-layout-row .wp-block-kadence-column:has(.ics-calendar.layout-month),
.r34ics_phone .kt-mobile-layout-row .wp-block-kadence-column .kt-inside-inner-col:has(.ics-calendar.layout-month) {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
}

/** List - Från förstasidan **/
.ics-calendar-date-wrapper{
	break-inside: avoid-column;
}
dt span.end_time, .ics-calendar-tz-label {
	display: none !important;
}
.ics-calendar .event .descloc .location{
	font-style: italic;
}
.ics-calendar-date {
	background: var(--global-palette1) !important; 
	padding-left: 20px;
	border-radius: 20px;
	color: var(--global-palette4);
}
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dt.time {
	break-before: always !important;
}
.ics-calendar-list-wrapper .ics-calendar-date-wrapper .ics-calendar-date,
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dd.event, 
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dt.time {
	font-weight: 400 !important;
	font-size: 20px;
}
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events, 
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dd.event, 
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dt.time { 
	display: inline !important; 
}
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dt.time {
	padding-top: 0 !important;
}
.ics-calendar-list-wrapper .ics-calendar-date-wrapper dl.events dd.event::after {
	content: '\00a0';
	display: block;
	font-size: 50%;
}
.ics-calendar-list-wrapper .ics-calendar-date-wrapper:not(:first-child) {
	margin-top: 1rem !important;
}
.ics-calendar-list-wrapper .all-day-indicator {
	font-size: 70% !important;
}

@media only screen and (min-width: 768px){
	.ics-calendar-list-wrapper { 
		columns: 2; 
		column-gap: 32px; 
		break-inside: avoid; 
		column-rule: 1px solid #000;
	}
}

@media only screen and (min-width: 768px){
	.createcolumns { 
		columns: 2; 
		column-gap: 32px; 
	}
}


/* "Lägg till i din kalender"-knapp */
a.subscribe.button {
    visibility: hidden;
    position: relative;
}
a.subscribe.button:before {
    visibility: visible;
    content: "Lägg till i din iPhone-kalender";
	border-radius: 25px !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
    background: var(--global-palette-btn-bg) !important;
	color: var(--global-palette-btn) !important;
    display:block;
}

body.device-computer .subscribeandroidcalendar,
body.device-iphone .subscribeandroidcalendar {
	display: none !important;
}
body.device-android .subscribeiphonewebcalendar {
	display: none !important;
}



/**
 * Events på startsidan
 **/
.startpage-event-posts > .kt-row-column-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pt-cv-wrapper .h1, .pt-cv-wrapper .h2, .pt-cv-wrapper .h3, .pt-cv-wrapper h1, .pt-cv-wrapper h2, .pt-cv-wrapper h3 {
    font-family: var(--global-heading-font-family) !important;
}
.pt-cv-wrapper .h4, .pt-cv-wrapper .h5, .pt-cv-wrapper .h6, .pt-cv-wrapper h4, .pt-cv-wrapper h5, .pt-cv-wrapper h6 {
	font-family: var(--global-body-font-family) !important;
}

.pt-cv-no-post { display: none !important; }
.pt-cv-wrapper .pt-cv-page {
	grid-gap: 0 !important;
}
.pt-cv-wrapper .pt-cv-page .pt-cv-content-item .pt-cv-content {
	margin-bottom: 0;
}


/**
 * PODCAST 
 **/

.pp-podcast {
	background-color: var(--global-palette9) !important;
	border-radius: 0 !important;
	border: 0px solid var(--global-palette5) !important;
}
.ppjs__img-wrapper, .pod-content__launcher, 
.ppjs__podcast-title, .ppjs__episode-excerpt {
	display: none !important;
}

.ppjs__episode-title {
	font-size: 1.3rem !important;
    text-align: center;
}
.pod-entry .pod-entry__author {
    display: none !important;
}
.pod-entry .pod-entry__title {
    margin-bottom: 0 !important;
}
.pod-entry .pod-entry__date {
	font-weight: 400 !important;
}

.ppjs__control_btns {
	align-items: center;
}
.ppjs__audio .ppjs__button.ppjs__playpause-button button {
	height: 50px;
	width: 50px;
	border-radius: 50% !important;
	background-color: var(--global-palette1) !important;
}


/**
 * MAILPOET
 **/
.mailpoet_form .mailpoet_text, 
.mailpoet_form .mailpoet_submit {
	font-family: Quicksand, sans-serif !important;
}


/**
 * Instagram
 **/
#sbi_load .sbi_load_btn,
#sbi_load .sbi_follow_btn a {
	font-family: inherit !important;
	font-weight: 600 !important;
	border-radius: 50px !important;
	border: none !important;
    background: var(--global-palette-btn-bg) !important;
	color: var(--global-palette-btn) !important;
}

#sbi_load .sbi_load_btn:hover,
#sbi_load .sbi_load_btn:focus,
#sbi_load .sbi_follow_btn a:hover,
#sbi_load .sbi_follow_btn a:focus,
.wp-block-social-link a.wp-block-social-link-anchor:hover {
	border-radius: 50px !important;
    background: var(--global-palette-btn-bg-hover) !important;
	color: var(--global-palette-btn-hover) !important;
	box-shadow: none !important;
}

.wp-block-social-link:hover {
	transform: none !important;
}
.wp-block-social-link a.wp-block-social-link-anchor {
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: inherit !important;
	font-weight: 600 !important;
}

/**
 * OneDrive
 **/

#ShareoneDrive .entry.hasfocus label, #ShareoneDrive .entry.hasfocus:not(.no-entries), #ShareoneDrive .entry.hasfocus:not(.no-entries) a, #ShareoneDrive .entry.is-selected, #ShareoneDrive .entry.is-selected a, #ShareoneDrive .entry.is-selected label, #ShareoneDrive .entry.isdragged, #ShareoneDrive .entry.isdragged a, #ShareoneDrive .entry.popupopen, #ShareoneDrive .entry.popupopen a, #ShareoneDrive .entry.popupopen label, #ShareoneDrive .entry:focus, #ShareoneDrive .entry:focus label, #ShareoneDrive .entry:hover label, #ShareoneDrive .entry:not(.no-entries):hover, #ShareoneDrive .entry:not(.no-entries):hover a, #ShareoneDrive .image-container .entry-text, #ShareoneDrive .image-folder .folder-text, #ShareoneDrive .wpcp-gallery .entry_checkbox input[type=checkbox]+label {
	color: var(--global-palette5) !important;
}

/**
 * PDF Embedder
 **/
@media only screen and (max-width: 768px){
	.pdfemb-viewer,
	.pdfemb-viewer .pdfemb-pagescontainer,
	.pdfemb-viewer .pdfemb-inner-div,
	.pdfemb-viewer .pdfemb-the-canvas {
		width: 100% !important;
		height: auto !important;
	}
}