/*
Theme Name:   Sunflower Hessen
Theme URI:    https://modulbuero.de
Description:  offizielle Sunflower Version für die Grünen Hessen 2023 (Landtagswahl)
Author:       Modulbüro
Author URI:   https://modulbuero.de
Template:     sunflower
Version:      1.0
Text Domain:  sunflower-hessen
*/

:root{
	--dunkelgruen:#03523d;
	--hellgruen:#b4cbc5;
	--mittelgruen:#296c5a;
	--leichtgruen:#7ca59a;
	--rosa:#EEA7B7;
	--bs-primary-rgb:var(--hellgruen);
	--bs-link-color:var(--mittelgruen);
	--bs-link-hover-color:var(--hellgruen);
	--fontColor:#3d3d3d;
}

/*Fonts*/
@font-face {
    font-family: 'Capitolium2';
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/Capitolium2-Regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/Capitolium2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./fonts/Capitolium2-Regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('./fonts/Capitolium2-Regular.woff') format('woff'), /* Modern Browsers */
        url('./fonts/Capitolium2-Regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Capitolium2 Bold';
    font-weight: 700;
    font-display: swap;
    src: url('./fonts/Capitolium2-Bold.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('./fonts/Capitolium2-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./fonts/Capitolium2-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('./fonts/Capitolium2-Bold.woff') format('woff'), /* Modern Browsers */
        url('./fonts/Capitolium2-Bold.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Grotesk';
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/NHaasGroteskDSPro-45Lt.ttf');
}
@font-face {
    font-family: 'Grotesk Bold';
    font-weight: 700;
    font-display: swap;
    src: url('./fonts/NHaasGroteskDSPro-75Bd.ttf');
}
@font-face {
    font-family: 'Grotesk Regular';
    font-weight: 500;
    font-display: swap;
    src: url('./fonts/NHaasGroteskDSPro-55Rg.ttf');
}
@font-face {
    font-family: 'Grotesk Medium';
    font-weight: 500;
    font-display: swap;
    src: url('./fonts/NHaasGroteskDSPro-65Md.ttf');
}


*{
	font-family: 'Grotesk';
	font-weight: 100;
	letter-spacing: 0.4px;
	color:var(--fontColor);
}

.theme--default .wp-block-quote p,
.search-results .page-title span,
.theme--default h2, 
.theme--default .h2, 
.theme--default .has-large-font-size,
.theme--default h1,
.theme--default .h1,
.theme--default .has-huge-font-size,
h1, h2, h3, h4, h5, h6,
h2 a, a.continue-reading, .continue-reading,
.theme--default .bloginfo-name{
	font-family: 'Capitolium2 Bold';
	font-weight: 700;
	color:var(--mittelgruen)
}

.dropdown-menu ul li a,
p strong{
	font-family: 'Grotesk Bold';
}

a.continue-reading, .continue-reading{}

/*
	Logo
*/
#masthead .bloginfo .img-container img{
	width:50px;
	height:50px
}
footer .container.site-info .img-fluid{
	width:400px;
	filter: brightness(0) invert(1)
}

/*
	Background
*/
.site-footer,
.topmenu{
	background:var(--dunkelgruen)
}
.sunflower-post-navigation div a:hover,
.wp-block-button__link,
.form-submit input{
	background:var(--mittelgruen)
}

.wp-block-button__link:hover,
.bg-primary,
.bloginfo{
	background:var(--hellgruen) !important;
}

body.search, body.home, body.page, body.archive, body.blog,
.bg-lightgreen,
.display-single > .entry-header{
	background:#f6f6f6;
}


.navbar-light .navbar-nav .current-menu-parent{
	border-bottom: 3px solid var(--mittelgruen);
}
/*
	Color
*/
.navbar-light .navbar-nav .current-menu-parent a.nav-link,
.navbar-light .navbar-nav .nav-link:hover,
a:visited,
.page-title,
article.post h2 a, 
article.post .h2 a{
	color:var(--mittelgruen)
}
footer a:visited,
footer .site-info p,
.topmenu button i:before {
    color: #ffffff8c !important;
    }
    
.navbar-light .navbar-nav .nav-link{
	color:var(--fontColor);
}

.comment-body .comment-reply-link{
	font-weight: normal;
	color:var(--fontColor);
}

a.continue-reading:hover, .continue-reading:hover,
article.post .entry-header:hover h2 a, 
article.post .entry-header:hover .h2 a{
	color:var(--bs-link-hover-color)
}

/*Claim / Slogan*/
.claim-gruene-hessen{
	min-width: 500px;
	position: relative;
	padding: 35px 0 40px;
	}
	.claim-gruene-hessen > div{
		margin:0 !important;
	}
	.claim-gruene-hessen > div:not(:nth-child(2)){
		flex-basis: 50% !important;
		padding: 5px 20px;
	}
	.claim-gruene-hessen > div:nth-child(2){
		background-image: url(./assets/img/Logo_gelb_white_middle.svg);
		position: absolute;
		width: 110px;
		height: calc(100% + 50px);
		background-repeat: no-repeat;
		background-position: center;
		top: -25px;
		flex-basis: 0 !important;
		left: 50%;
		transform: translateX(-50%);
		}
		.claim-gruene-hessen p{
			margin-bottom: 0
		}

	.claim-gruene-hessen-bigger{
		min-width: 840px;
		padding: 50px 0 60px;
		}
		.claim-gruene-hessen-bigger > div:not(:nth-child(2)){
			padding: 15px 20px;
			}
			.claim-gruene-hessen-bigger p{
				font-size: 36px;
			}
		.claim-gruene-hessen-bigger > div:nth-child(2){
			width: 160px;
			height: 100%;
			top: 0
		}
		
		@media (max-width:768px) {
			.claim-gruene-hessen{
				min-width: 100%;
				gap: 0;
				flex-wrap: nowrap !important;
				flex-direction: row;
			}
			.claim-gruene-hessen{
				min-width: 560px;
			}
			.claim-gruene-hessen.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
				flex-basis: 50%;
			}
			.claim-gruene-hessen > div:not(:nth-child(2)){
				width: 50%;
			}
			.claim-gruene-hessen p {
				font-size: 20px;
			}
		}

		@media (max-width:480px) {
			.claim-gruene-hessen-bigger > div:nth-child(2){
				width: 110px;
				height: calc(100% + 50px);
				top: -25px;
			}
		}

		@media (max-width:480px) {
			.claim-gruene-hessen-bigger > div:not(:nth-child(2)){
				padding: 5px 20px;
			}
		}
		
/*Startseite*/
.home.page-template-default .page h1.entry-title{
	padding-top: 40px;
}

.home.page-template-default .page .post-thumbnail{
	margin-bottom: 40px;	
}