/*
Theme Name: Südensee 2023
Author: Oke Nissen
Description: This is a Child Theme of the Wordpress Twenty-Twenty Three Theme used for suedenseelauf.de
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: suedensee-2023
Tags: 
*/

/*=============================== TWENTY-TWENTY THREE THEME CUSTOMIZATION IN THE SUEDENSEE 2023 CHILD THEME ==============================*/

/***** Preflight some default twenty-twenty three styles **********************************************/

:where(.wp-site-blocks) > * {
	/* Removes default and uneditable margin between header and entry content */
	margin-block-start: 0;
}

a:focus {
	/* Removes any text-decoration on links in focus state */
	text-decoration: none !important;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none !important;
}

.wp-block-post-title a,
.wp-block-post-title a:hover,
.wp-block-post-title a:focus,
.wp-block-post-title a:active {
	text-decoration: none;
}

/***** Customization of the Main Navigation *******************************************************/

.stv-menu.wp-block-navigation a:where(:not(.wp-element-button)),
.stv-menu.wp-block-navigation a:where(:not(.wp-element-button)):hover,
.stv-menu.wp-block-navigation a:where(:not(.wp-element-button)):active,
.stv-menu.wp-block-navigation a:where(:not(.wp-element-button)):focus {
	text-decoration: none !important;
	/* Disables the text-decoration of the Navigation Items also in hover, active and focus state */
}

.stv-menu.wp-block-navigation
	.wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	/* Sets hover color on navigation items */
	color: var(--wp--preset--color--contrast);
}

.stv-menu.wp-block-navigation .wp-block-navigation-item.current-menu-item a {
	/* Sets color of active sites navigation item */
	color: var(--wp--preset--color--primary) !important;
}

.wp-block-site-title.wp-elements-cdaa7ece894b4142d706f812de01c070 a:hover {
	/* Removes text decoration of the header website title text in desktop view */
	text-decoration: none;
}

/***** Repositioning the mobile nav modal container *****************************************************/

.mobile-nav .wp-block-navigation__responsive-container {
	padding: 1rem;
}

.mobile-nav .wp-block-navigation__responsive-container-open {
	display: flex;
	justify-content: end;
	width: 100%;
}

/***** Defines a preset of a responsive container *******************************************************/

.container {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 1440px) {
	.container {
		max-width: 1200px;
	}
}

@media screen and (min-width: 991px) and (max-width: 1439px) {
	.container {
		max-width: 930px;
	}
}

@media screen and (max-width: 991px) {
	.container {
		padding: 0 1rem;
	}
}

/***** Easy Social Feed Customization ************************************************************************/

.stv-insta-feed .esf_insta_feed_btns_holder {
	/* Hides the default Follow Us Button */
	display: none;
}

.stv-insta-feed.esf_insta_feed_wraper.esf-insta-skin-24521
	.esf-insta-grid-skin
	.esf-insta-row.e-outer {
	/* change grid behavior and add gap */
	/* The grid has 3 columns on windows taller than 910px */
	grid-template-columns: repeat(3, minmax(33.33%, 1fr));
	gap: 10px;
}

@media (width <= 910px) {
	.stv-insta-feed.esf_insta_feed_wraper.esf-insta-skin-24521
		.esf-insta-grid-skin
		.esf-insta-row.e-outer {
		/* On windows smaller than 910px the grid has only one column */
		grid-template-columns: 1fr;
	}
}

.stv-insta-feed .esf-insta-grid-wrapper {
	/* Remove margin, since spacing is handled through the gap Property */
	margin: 0;
}

.stv-fb-feed .efbl_feeds_holder {
	/* create grid layout for Facebook Feed */
	/* The grid has 3 columns on windows taller than 910px */
	display: grid;
	grid-template-columns: repeat(3, minmax(33.33%, 1fr));
	gap: 10px;
}

@media (width <= 910px) {
	.stv-fb-feed .efbl_feeds_holder {
		/* On windows smaller than 910px the grid has only one column */
		grid-template-columns: 1fr;
	}
}

.stv-fb-feed .efbl_feeds_holder div {
	/* Remove margin, since spacing is handled through the gap Property */
	margin: 0;
}

.stv-fb-feed .efbl-thumbnail-col,
.stv-fb-feed .efbl-feed-content {
	/* Remove Padding inside the post box since it conflicts with the grid layout */
	padding: 0;
}

/***** Link Boxes ******************************************************************************************/

.linkbox-layout {
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--backgroud-stv);
}

.linkbox-layout a {
	font-weight: 700;
	text-decoration: none;
	color: var(--wp--preset--color--secondary);
	text-align: center;
}

/***** Some other things ************************************************************************************/
.sponsor-img {
	width: 50%;
}