/*
Theme Name: Finsamsuvs Theme
Theme URI: 
Author: M29 Media
Author URI: https://m29media.se/
Description: Ett barntema till Twenty Twenty-Five utvecklat för Samordningsförbundet Sollentuna – Upplands Väsby – Sigtuna av M29 Media. Se readme.txt i temats root-mapp för information för utvecklare.
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.0
Template: twentytwentyfive
Text Domain: finsamsuvs-theme
*/


/**** 
GENERELLA
****/



*:focus {
outline: none;
}

html {
scroll-behavior: smooth;
}

.hover-pointer {
	cursor: pointer;
}

.hide-on-desktop {
	display: none;
	position: absolute;
}

.zoom {
    transition: .3s all ease;
}

.zoom:hover {
    transform: scale(1.1);
}

.zoom-container {
    overflow: hidden;
}

.link-no-decoration, .link-no-decoration a {
	text-decoration: none !important;
}

.noshow {
display: none !important;
}

.mouseover-fade {
transition: .3s all ease;
}
.mouseover-fade:hover {
opacity: 0.7;
}

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

.btn-invert-on-hover a {
transition: .3s all ease;
border: 1px solid transparent;
}

.btn-invert-on-hover a:hover {
color: #00488a;
background-color: white;
border: 1px solid #00488a;
}

.btn-invert-on-hover-2 a {
transition: .3s all ease;
}

.btn-invert-on-hover-2 a:hover {
color: white;
background-color: #00488a
}

.text-shadow {
text-shadow: 2px 2px 6px black;
}

.dropshadow {
filter: drop-shadow(2px 5px 5px #b4b4b4);
}

/*****
FRAMSIDA
*****/

.fp-columns {
display: grid;
grid-auto-flow: column;
figure, img {
height: 100%;
max-height: 1000px;
}
img {
width: 100%;
}
}

.framsida-aktuellt {
padding: 20px 30px;
background-color: white;
border-radius: 16px;
display: inline-block;

.fp-aktuellt-info {
padding: 0;
margin: 0 !important;
font-family: Fredoka;
}

h1,h2,h3,h4,h5,h6, p {
margin: 0;
margin-bottom: 4px;
}

}

/*****
FRAMSIDA END
*****/



/*****
HEADER
*****/

header.wp-block-template-part {
	
    li.li-top-level {
        padding-bottom: 8px !important;
    }

    li a:focus,
    .custom-logo-link:focus {
        outline: none;
    }

    li.current-menu-item {
        border-bottom: 2px #e3d1bb solid;
    }

	.header-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
	.header-part {
	height: 100%;
	margin: 0;
	}
	.header-a {
	flex-basis: 50%;
	order: 1;
	}
	.header-b {
	flex-basis: 50%;
	order: 2;
	}
	.header-c {
	flex-basis: 100%;
	order: 3;
	}
}




/*****
HEADER END
*****/

/*****
FILEBIRD DOCUMENT LIBRARY
*****/

li.fbdl-nested-folders-item {
background-color: #cfedff !important;
box-shadow: none !important;
}
li.fbdl-nested-folders-item:hover {
background-color: #e0f3ff !important;
}
span.folder-counter {
background-color: #cfedff !important;
}
.fbdl-grid-item {
background-color: #e0f3ff !important;
}
.fbdl-input-search input {
background-color: white !important;
}
.fbdl-download-button {
background-color: #00488a !important;
}
.fbdl-download-button:hover {
background-color: #003e77 !important;
}

/*****
FILEBIRD DOCUMENT LIBRARY END
*****/


/* Kontaktformuläret på kontaktsidan */
.contact-page-contact-form {

    input,
    textarea {
        width: 100%;
        border-radius: 8px;
        background-color: #ededed;
        border: 0px;
        font-size: 16px;
        padding: 8px;
        padding-right: 0px;
    }

    input[type=submit] {
        background-color: #e3d1bb;
    }

    textarea {
        resize: vertical;
    }


}

/*******
ANPASSNINGAR EVENEMANGSSIDAN (lista och månad)
*******/

/* Göm anmälningsknappen i utdrag på kalendersidan. */
.tooltipster-box .event-button {
display: none;
}
.kalendarium-container
	.event-button {
		margin-bottom: 8px;
		padding: 8px;
		border-radius: 8px;
		background-color: #00488a;
		text-align: center;
		color: white !important;
		display: block;
		width: 100% !important;
		margin-top: 10px;
		transition: .3s all ease;
		border: 1px solid transparent !important;
	}
	
	.event-button:hover {
		color: #00488a !important;
		background-color: white;
		border: 1px solid #00488a !important;
	}

	.tribe-common-c-btn {
		background-color: #00488a !important;
	}
}



.tec-block__archive-events {

.tribe-common-l-container {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-top: 40px !important;
}

.tribe-common-c-btn {
background-color: #00488a !important;
border: 1px solid transparent !important;
transition: .3s all ease !important;
}
.tribe-common-c-btn:hover {
color: #00488a !important;
background-color: white !important;
border: 1px solid #00488a !important;
}

.tribe-common-c-btn-border {
color: #00488a !important;
background-color: white !important;
border: 1px solid #00488a !important;
}
.tribe-common-c-btn-border:hover {
background-color: #00488a !important;
border: 1px solid transparent !important;
color: white !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after {
background-color: #00488a;
}

}

/*******
SLUT ANPASSNINGAR EVENEMANGSSIDAN (lista och månad)
*******/


/*******
ANPASSNINGAR AJAX LOAD MORE (ALM)
*******/
ul.alm-listing {
padding-left: 0;
}
.alm-item {
list-style: none;
display: flex;
flex-direction: row;
gap: 20px;
margin-bottom: 20px;
padding: 0 !important;
padding-bottom: 20px !important;
border-bottom: 1px lightgray solid;
}
.alm-left {
overflow: hidden !important;
width: 200px;
min-width: 200px !important;
aspect-ratio: 4/3 !important;
}
.alm-right {

}
.alm-post-date {
margin: 0 !important;
}
.alm-post-title {
margin: 0;
padding-bottom: 12px;
}
.alm-post-title a {
text-decoration: none;
}
.alm-post-title a:hover {
text-decoration: underline;
}
.alm-post-image {
width: 200px !important;
aspect-ratio: 4/3 !important;
height: auto !important;
max-width: 200px !important;
object-fit: cover;
transition: .3s all ease;
position: relative !important;
}
.alm-post-image:hover {
transform: scale(1.1);
}
.alm-load-more-btn {
background-color: #00488a !important;
}

/*******
SLUT ANPASSNINGAR AJAX LOAD MORE (ALM)
*******/

/***
ÖVRIGT
***/

footer {
    margin-top: 0;
}

/* Fil-block */
.wp-block-file {
margin-bottom: 3em;
}
.wp-block-file a {
background-color: #e3d1bb;
padding: 16px;
border-radius: 10px;
}

/* Hoppets sida */
.hoppet-traffar {
padding: 10px 30px;
background-color: #cfedff;
border-radius: 16px;
display: inline-block;
}


/***** 
MOBILANPASSNING
*****/


@media screen and (max-width: 599px) {

	.show-on-mobile {
		display: initial;
	}
	.hide-on-mobile {
		display: none;
	}
	.center-content-on-mobile {
		justify-content: center;
	}
	.footer-logos-container {
		flex-wrap: wrap;
		border-top: 1px solid #00488a;
		padding-top: 20px;
		figure {
			max-width: 45%;
		}
	}

	.news-cols {
	flex-direction: column-reverse;
	}
	.fp-columns {
		border: none;
	}
	.fp-main-img {
		min-height: 40vh;
	}
	.fp-calendar-heading-group {
		justify-content: center;
	}
	.newsletter-register-container {
	padding: 0 !important;
	}
	.alm-item {
	flex-direction: column;
	}
	.alm-left {
	width: 100%;
	}
	.alm-post-image {
	width: 100% !important;
	max-width: 100% !important;
	}
	
	.content-wrapper {
	margin-top: 120px !important;
	}

	.kalendarium-container {
		.tribe-events-l-container {
			padding: 0 !important;
			margin-top: 30px !important;
		}
	}

	  header.wp-block-template-part.header--hidden {
	    transform: translateY(-100%);
	  }
	
	header.wp-block-template-part {

		height: 120px !important;
		position: fixed;
		top: 0;
		left: 0;
		transition: transform 0.3s ease-in-out;
		z-index: 99;
		box-shadow: 3px 1px 14px 3px rgba(0, 0, 0, 0.20);
		
		.header-part {
		margin: auto !important;
		}
		.header-a {
		order: 1;
		flex-basis: 75%;
		}
		.header-b {
		order: 3;
		flex-basis: 100%;
		display: none;
		}
		.header-c {
		order: 2;
		flex-basis: 25%;
		}
		
		nav {
	
		justify-content: right !important;
		
			button svg {
			width: 32px !important;
			height: 32px !important;
		}
		
		.wp-block-navigation__container {
		text-align: center !important;
		align-items: center !important;
		--navigation-layout-justification-setting: center !important;
		  --navigation-layout-justify: center !important;
		gap: 12px !important;
		}
	
		li.li-top-level {
		font-weight: 700;
		}
		
		li:not(.li-top-level) {
		font-weight: 300;
		}
		
		}
	
	
	}



}