/*
Theme Name: Deck-Zwei. Child-Theme of CoachBen
Theme URI: https://www.deck-zwei.de/
Author: Deck Zwei
Author URI: Deck-Zwei.de (based on Theme CoachBen by https://automattic.com)
Template: coachben
Description: Based on - Coach Ben is a theme designed for coaching professionals. It is tailored for showcasing services, blog posts, and podcasts — the ideal platform to establish a solid online presence and connect coaches with their audience.
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deckzwei
Tags: blog, education, one-column, right-sidebar, wide-blocks, block-patterns, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready
*/


:root {
	--d2--preset--spacing--portfolio: 4rem;
}

/* roboto-100 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 100;
	src           : url('./fonts/roboto-v47-latin-100.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 200;
	src           : url('./fonts/roboto-v47-latin-200.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 300;
	src           : url('./fonts/roboto-v47-latin-300.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 400;
	src           : url('./fonts/roboto-v47-latin-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 500;
	src           : url('./fonts/roboto-v47-latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 600;
	src           : url('./fonts/roboto-v47-latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 700;
	src           : url('./fonts/roboto-v47-latin-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 800;
	src           : url('./fonts/roboto-v47-latin-800.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
	font-display  : swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family   : 'Roboto';
	font-style    : normal;
	font-weight   : 900;
	src           : url('./fonts/roboto-v47-latin-900.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




body {

	font-family: 'Roboto', sans-serif;


}

.wp-block-site-tagline,
.wp-block-read-more {
	font-family: 'Roboto', sans-serif;
}


.rubrik {
	text-decoration: none;
}




h1 {
	font-size  : 72px;
	font-weight: 600;
}

.home {

	/* Rubriken Web Multimedia .... mit Icons */
	.teaser {
		h2 {
			text-align: center;
		}

		p {
			font-weight: 400;
		}
	}

	/* Portfolio Vorschau, generiert in D2/functions.php */
	img {
		width     : 100%;
		height    : 100%;
		object-fit: cover;
	}

	ul.d2-container-core-post-template-is-layout-1 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		list-style-type      : none;

		a {
			text-decoration: none;
			color          : var(--wp--preset--color--tertiary);

			span {
				margin-top: -2rem;
			}
		}


	}

	/* Portfolio Voransicht auf der Startseite */
	.d2-container-core-post-template-is-layout-1 {
		padding-left: 0;
		gap         : var(--d2--preset--spacing--portfolio);

	}

	.mehrProjekte {
		border: 3px solid var(--wp--preset--color--primary);
	}


}

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


	.home {
		ul.d2-container-core-post-template-is-layout-1 {
			grid-template-columns: repeat(1, minmax(0, 1fr));
			list-style-type      : none;
			margin-left          : 0;
			padding-left         : 0;
		}
	}
}

/* Seitenleiste Kategorienübersicht */
.wp-block-categories-list {
	list-style-image: url("./assets/images/list-icon-star.png");

	li {
		&.cat-item-11 {
			list-style-image: url("./assets/images/list-icon-grafik.png");
		}

		&.cat-item-17 {
			list-style-image: url("./assets/images/list-icon-highlight.png");
		}

		&.cat-item-12 {
			list-style-image: url("./assets/images/list-icon-multimedia.png");
		}

		&.cat-item-5 {
			list-style-image: url("./assets/images/list-icon-lab.png");
		}

		&.cat-item-16 {
			list-style-image: url("./assets/images/list-icon-web.png");
		}

		&.cat-item {
			color: var(--wp--preset--color--tertiary);

			a {

				text-decoration: none;
			}
		}
	}
}

/* ############################################################################## */

footer {
	div {
		.wp-block-columns {
			&.alignwide {
				border-top-color: white;
				border-top-style: dotted;
				border-top-width: 1px;
				padding-top     : 2rem;
				margin-top      : 3rem;
			}
		}
	}

	a {
		text-decoration: none;

		&:hover {
			text-decoration: underline;
		}
	}
}

.imprint,
.dataprotect {
	font-size  : 80% !important;
	font-weight: 400;
}

.phoneMail {
	mark {
		width  : 1.5rem;
		display: inline-block;
	}
}

/* ############################################################################## */
.single-post {
	.wp-block-list {

		li {
			list-style-type: none;
			padding        : 0;
			font-weight    : 400;
		}
	}
}

:root :where(.wp-block-list) {
	padding-left: 0;

}

/* ############################################################################## */
/* Einzelbeitrag vor/zurück */
.wp-block-post-navigation-link {


	.wp-block-post-navigation-link__arrow-previous,
	.wp-block-post-navigation-link__arrow-next {

		color    : var(--wp--preset--color--primary);
		font-size: 2rem;
	}


	a {
		text-decoration: none;
		color          : var(--wp--preset--color--tertiary);

	}


}

.beitragListe {
	list-style-type: none;
	padding        : 0;
	margin         : 0 auto;



	li {
		width        : 100%;
		margin-bottom: 1rem;
	}
}

/* meow-gallery TILES braucht das */
.mgl-root {
	width: var(--wp--style--global--wide-size);
}

.post-navigation-link-next {
	text-align: end;
}

/* Die Listeneinträge zur Projektbeschreibung Job, Kunde, etc. */
.jobdescription {
	list-style-type      : none;
	padding              : 0;
	margin               : 3rem auto;
	
	.liFirstWord {
		font-weight: 600;
		color      : var(--wp--preset--color--primary);
		min-width  : 4rem;
		display    : inline-block;
	}
	a{
		text-decoration: none;
		&:hover{
			text-decoration: underline;
		};
	}
}

/* ############################################################################## */