/*======================================
Theme Name: NRW Kampagnendesign Kommunalwahl 2025
Template:   sunflower
Theme URI: https://sunflower-theme.de
Author: verdigado eG, Hanna Hüwe
Author URI: https://verdigado.com
Description: Theme for the German Green Party to the Kommunalwahl in 2025 in North Rhine Westphalia
Version: 1.1.0
Tested up to: 6.8
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sunflower
Tags: BÜNDNIS 90/DIE GRÜNEN
======================================*/

/**
* Font Definitions.
*/

@font-face {
  font-family: 'GothamXNarrow-Ultra';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('assets/fonts/GothamXNarrow-Ultra.ttf') format('TrueType');
}

@font-face {
  font-family: 'GrueneType-BlackCondensedItalic';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('assets/fonts/GrueneType-BlackCondensedItalic.otf') format('otf');
}

.theme--default .bloginfo-name {
  font-family: 'GothamXNarrow-Ultra';
}

.site-main .page-header h1,
article.post h2 a,
.theme--default .wp-block-media-text.person .person-name,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'GothamXNarrow-Ultra' !important;
  color: #2b8554;
  text-align: left;
}

.theme--default h1 {
  font-family: 'GothamXNarrow-Ultra';
}

.has-white-background-color .h1,
.has-white-background-color .h2 {
  color: #2b8554;
}

a {
  color: #2b8554;
}

a:hover {
  color: #e6007e;
}

a.continue-reading:hover {
  color: #e6007e;
}

.archive .sunflower-categories ul.wp-block-categories-list li a {
  color: #2b8554;
}

.archive .sunflower-categories ul.wp-block-categories-list li.current-cat {
  border-bottom: 2px solid #e6007e;
}

/* Termine */
a.event-card article h2,
a.event-card article .h2 {
  color: #2b8554;
}

/*Menue-Default*/
.bg-primary {
  background-color: #2b8554 !important;
}

.topmenu {
  background: #e6007e;
}

.navbar-light .navbar-nav>.nav-item.active>a {
  color: #2b8554;
}

.navbar-light .navbar-nav>.nav-item:hover {
  border-bottom: 2px solid #e6007e;
  padding-bottom: 0;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #2b8554;
}

/*Comments*/
.bg-lightgreen {
  background-color: #6fbc85;
}

.bg-lightgreen .h2 {
  color: #000000;
  font-size: 36px;
}

/*article */
.sunflower-post-navigation div a {
  background: none;
  display: block;
  padding: 30px;
  text-decoration: none;
  color: #000000;
  border-radius: 3px;
  background-color: #6fbc85;
}

.sunflower-post-navigation div a:hover {
  background-color: #2b8554;
  color: #fff;
}

.metabox {
  background: #2b8554;
}

.bloginfo .img-container.sunflower-logo img {
  width: 65px;
  background: transparent;
}

.bloginfo {
  padding: 20px 0;
}

.navbar-main.stuck .navbar-brand {
  opacity: 1;
  margin-left: 0.5rem;
  height: 85px;
  width: 85px;
  min-width: fit-content;
  background-color: #2b8554;
  padding: 12px;
}

.navbar-main.stuck .navbar-brand img {
  height: 65px;
  display: block;
}

/*Menue-Personal*/
.header-personal .img-container.sunflower-logo {
  background-color: #e6007e;
  width: 95px;
}

.header-personal {
  background-color: #2b8554 !important;
  color: #ffffff;
}

.header-personal .bloginfo-name {
  color: #ffffff;
}

.navbar-light.header-personal .navbar-nav .nav-link {
  color: #ffffff;
  font-size: 20px;
}

.navbar-light.header-personal .navbar-nav>.nav-item.menu-item-has-children button.submenu-opener {
  border: none;
  background: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}

.navbar-light.header-personal .navbar-nav>.nav-item.active>a {
  color: #ffffff;
  border-bottom: 2px solid #e6007e;
}

.navbar-light.header-personal .fa-bars {
  --fa: "\f0c9";
  --fa--fa: "\f0c9\f0c9";
  color: #ffffff;
}

.navbar-light.header-personal .dropdown-menu ul {
  display: block;
  border-radius: 4px;
  margin-right: 0;
  margin-top: -4px;
  list-style-type: none;
  background-color: #6fbc85;
  padding: 0;
}

.navbar-light .navbar-nav>.nav-item.button-highlight>a {
  background-color: #e6007e;
  border-radius: 9999px;
  text-align: left;
  padding: 11px 14px 7px 14px;
}

@media (max-width: 767.98px) {
  .navbar-main.stuck .button-highlight-stuck {
    display: block;
    background-color: #e6007e;
    font-weight: bolder;
    border-radius: 9999px;
    padding: 0.2rem 0.5rem;
  }
}

/*Comments*/
.bg-lightgreen {
  background-color: #6fbc85;
}

.bg-lightgreen .h2 {
  color: #000000;
  font-size: 36px;
}

/*article */
.sunflower-post-navigation div a {
  background: none;
  display: block;
  padding: 30px;
  text-decoration: none;
  color: #000000;
  border-radius: 3px;
  background-color: #6fbc85;
}

.sunflower-post-navigation div a:hover {
  background-color: #2b8554;
  color: #fff;
}

.metabox {
  background: #2b8554;
}

.bloginfo .img-container.sunflower-logo img {
  width: 65px;
  background: transparent;
}

.bloginfo {
  padding: 20px 0;
}

.navbar-main.stuck .navbar-brand {
  opacity: 1;
  margin-left: 0.5rem;
  height: 85px;
  width: 85px;
  min-width: fit-content;
  background-color: #2b8554;
  padding: 12px;
}

.navbar-main.stuck .navbar-brand img {
  height: 65px;
  display: block;
}

/*Menue-Personal*/
.header-personal .img-container.sunflower-logo {
  background-color: #e6007e;
  width: 95px;
}

.header-personal {
  background-color: #2b8554 !important;
  color: #ffffff;
}

.header-personal .bloginfo-name {
  color: #ffffff;
}

.navbar-light.header-personal .navbar-nav .nav-link {
  color: #ffffff;
  font-size: 20px;
}

.navbar-light.header-personal .navbar-nav>.nav-item.menu-item-has-children button.submenu-opener {
  border: none;
  background: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}

.navbar-light.header-personal .navbar-nav>.nav-item.active>a {
  color: #ffffff;
  border-bottom: 2px solid #e6007e;
}

.navbar-light.header-personal .fa-bars {
  --fa: "\f0c9";
  --fa--fa: "\f0c9\f0c9";
  color: #ffffff;
}

.navbar-light.header-personal .dropdown-menu ul {
  display: block;
  border-radius: 4px;
  margin-right: 0;
  margin-top: -4px;
  list-style-type: none;
  background-color: #6fbc85;
  padding: 0;
}

.navbar-light .navbar-nav>.nav-item.button-highlight>a {
  background-color: #e6007e;
  border-radius: 9999px;
  text-align: left;
  padding: 11px 14px 7px 14px;
}

@media (max-width: 767.98px) {
  .navbar-main.stuck .button-highlight-stuck {
    display: block;
    background-color: #e6007e;
    font-weight: bolder;
    border-radius: 9999px;
    padding: 0.2rem 0.5rem;
  }
}

.topmenu li a {
  color: #ffffff;
}

/*Comments*/
.bg-lightgreen {
  background-color: #6fbc85;
}

.bg-lightgreen .h2 {
  color: #000000;
  font-size: 36px;
}

/*article */
.sunflower-post-navigation div a {
  background: none;
  display: block;
  padding: 30px;
  text-decoration: none;
  color: #000000;
  border-radius: 3px;
  background-color: #6fbc85;
}

.sunflower-post-navigation div a:hover {
  background-color: #2b8554;
  color: #fff;
}

.metabox {
  background: #2b8554;
}

.comment .children {
  border-left: 2px solid #2b8554;
}

/*Buttons*/
.wp-block-button__link {
  background-color: #e6007e;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  border-radius: 2px;
  height: auto;
  width: auto;
}

.wp-block-button__link:hover {
  background-color: #2b8554;
}

/*elements*/
.accordion-button {
  background-color: #2b8554;
}

.accordion-button:not(.collapsed) {
  filter: brightness(0.85);
}

.stoerer {
  background: #e6007e;
  font-family: 'GothamXNarrow-Ultra' !important;
  position: absolute;
  top: 35vw;
  left: 3vw;
  padding-top: 40px;
}

@media (max-width: 768px) {
  .stoerer {
    top: 185vw;
    left: 10vw;
    padding-top: 40px;
    font-size: 20pt;
    width: 150px;
    height: 150px;
  }
}

.pink-border {
  border-color: #e6007e;
  border-width: 30px;
  border-style: solid;
  border-radius: 0px;
}

.green-border {
  border-color: #6fbc85;
  border-width: 30px;
  border-style: solid;
  border-radius: 0px;
}

.wp-block-cover__inner-container {
  font-family: 'GothamXNarrow-Ultra' !important;
  color: #ffffff !important;
  line-height: 4.1vw;
  text-shadow: .5px .5px rgba(0, 0, 0, .3);
}

@media (max-width: 768px) {
  .wp-block-cover__inner-container {
    line-height: 9vw;
  }

  .entry-content>.wp-block-cover {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}

.wp-block-column .wp-block-heading {
  padding: 0 0.5em;
}

.wp-block-pullquote {
  background-color: #6fbc85;
  font-family: 'GothamXNarrow-Ultra';
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, .8);
}

.theme--default .wp-block-quote p {
  font-family: 'GothamXNarrow-Ultra';
}

.theme--default .entry-content>.wp-block-cover {
  font-family: 'GothamXNarrow-Ultra';
}

.wp-block-list {
  list-style-image: url(./assets/img/sunflower.svg);
  fill: #e6007e;
}

.styled-layout .wp-block-group {
  padding-top: 10px;
  padding-bottom: 10px;
}

.wp-block-column p {
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.has-shadow {
  box-shadow: 0 1px 15px rgba(111, 188, 133, 0.5);
}

.wp-block-columns .wp-block-column img {
    border-radius: 0px;
}