@charset "UTF-8";
/*
 Theme Name:   Daniel Huhn
 Description:  Björk Child Theme
 Author:       Anders Noren, Martin Niggemann
 Author URI:   httpw://www.weltrettung.org
 Template:     bjork
 Version:      1.0
 Text Domain:  bjork-child
*/

/* -------------------------------------------------------------------------------- */
/*	==Colors==
/* -------------------------------------------------------------------------------- 

gelb			color="#ebe398"
gruen			color="#d3e6e4"
blau			color="#adbaee"
lila			color="#9987bb"
violett			color="#5f447f"
main violett 	color="#5857FF"		--wp--preset--color--primary
text dark		color="#15141A"		--fbc-primary-text
*/

/* -------------------------------------------------------------------------------- */
/*	==Fonts==
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	==Allgemein==
/* -------------------------------------------------------------------------------- */

.hidden												{ display: none !important; }
:root												{ /* scrollbar-color: #00B3E3 #efefef !important; scrollbar-width: auto !important; */ }
/*! ::selection											{ background: var(--fbc-primary-text); color: white; } */

/* -------------------------------------------------------------------------------- */
/*	==Header==
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	==Navigation==
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	==Typografie==
/* -------------------------------------------------------------------------------- */

.wp-block-post-title 								{ font-size: 1.525em; }


/* -------------------------------------------------------------------------------- */
/*	==Links==
/* -------------------------------------------------------------------------------- */

a													{ text-underline-offset: 0.2em; text-decoration-thickness: 3px !important; text-decoration-color: var(--wp--preset--color--primary) !important; transition: all .3s ease-in-out; }
a:active, a:hover									{ color: var(--wp--preset--color--primary) !important; text-decoration: underline; }
.wp-block-navigation-item a,
.wp-block-site-title a								{ text-decoration: none !important; }
.single-post .navProjekte a,
.current-menu-item a								{ color: var(--wp--preset--color--primary) !important; }
.taxonomy-post_tag a								{ color: white !important; }

/* Kategorien + Tags */
.taxonomy-post_tag > a								{ padding: .15rem .7rem; border-radius: 1em; text-transform: uppercase; letter-spacing: .04rem; 
													  background-color: var(--wp--preset--color--primary); color: white; text-decoration: none; }

/* weiterlesen */
.wp-block-latest-posts__read-more 					{ text-decoration: none; display: none; }


/* -------------------------------------------------------------------------------- */
/*	==Startseite==
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	==Content==
/* -------------------------------------------------------------------------------- */

/* Neueste Beitraege */
.wp-block-latest-posts__featured-image img 			{ height: 15rem; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }



/* -------------------------------------------------------------------------------- */
/*	==Medien==
/* -------------------------------------------------------------------------------- */

.wp-block-post-featured-image img 					{ mix-blend-mode: luminosity; }
.wp-block-post-featured-image 						{ background: linear-gradient(135deg,#ebe398 0%, #d3e6e4 35%, #adbaee 70%, #5f447f 100%); border-radius: 8px; }

@media (min-width: 780px) 							{
	.wp-block-post-featured-image > img 				{ height: 70vh; }
													}

/* -------------------------------------------------------------------------------- */
/*	==Footer==
/* -------------------------------------------------------------------------------- */

footer p											{ font-weight: 500 !important; }
footer a											{ text-decoration: none !important; }
