/*
Theme Name: Ollie-Child-STL
Theme URI: 
Author: 
Author URI: 
Description: Aug 25
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ollie
Text Domain: ollie-child-stl
Tags: 
*/

/* CSS Theme Ollie Jul Aug 25 */

p strong,
ul li strong{
    font-weight:500 !important;
}

.wp-block-buttons .wp-block-button__link:hover{
	text-decoration:none
}
.wp-child-theme-ollie-child-stl div[class*="wp-block-"] figcaption{
  color:black;
  text-align:inherit;
}
/*
 Mobile Ansicht Reihenfolgen Spalten ändern
Hero Startseite: Foto zuerst*/
 @media only screen and (max-width: 780px) {
   .hero .wp-block-columns :nth-child(1) { order: 2; }
   .hero .wp-block-columns :nth-child(2) { order: 1; }
   /*.wp-block-columns :nth-child(3) { order: 3; }
   .wp-block-columns :nth-child(4) { order: 4; }*/
	 
	   .hero .wp-block-columns :nth-child(1) { 
			 padding-bottom:1rem; }
}


/*Inkonsistente Buttons JUL25*/

/* In Theme Ollie gibt es ein Verzeichnis 'assets/styles'. Darin wird wahrscheinlich alles korrigiert, was im Editor noch fehlerhaft ist. In core-button.css wird allen Buttons mit Stil Outline eine border von 2px gegeben, d.h. man kann mit dem Editor offenbar diese Linie nicht überschreiben; auch einen weißen Hintergrund kann man nicht einstellen. Background-color ist transparent. */

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	outline: 2px solid currentColor;
	outline: 1px solid currentColor;
}
.wp-block-button .wp-block-button__link {
font-weight:500 !important;
}
/*Font-weight 300 durchkreuzt alle Einstellungen */
a:where(:not(.wp-element-button)) {
  font-style: normal;
  font-weight: 300;
	font-weight:inherit;
}
/* Hover von Buttons klappt anscheinend immer noch nicht über den Editor; man kann nirgendwo etwas einstellen*/
.wp-block-button a:hover{
	/*background:darken(#444,10%);*/
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

/*CaseStudy or element with class .featured gets more prominent design*/

/*hide exerpt on case study*/
.panel-artikel-newsletter .query-posts-projekte ul li.type-projekte .wp-block-post-excerpt__excerpt {
  display: none;
}
.panel-artikel-newsletter .query-posts-projekte ul li.type-projekte h4:before{
  content:"CASESTUDY";
	display:block;
	margin-bottom:0.5em;
	font-weight:300;
}

.panel-artikel-newsletter a.wp-block-post-excerpt__more-link{
	color:var(--wp--preset--color--primary);
}
.panel-artikel-newsletter a.wp-block-post-excerpt__more-link:before{
  content:"» ";}

header .logo-and-tagline.is-layout-flex{
	gap:0;
}
/*Keine underlined Links in der Navigation; kommt aus core-navigation.css */
@media only screen and (min-width: 600px) {
  .wp-block-navigation__container .current-menu-item > a, 
  .wp-block-navigation__container .has-child button:hover,
 header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container .current-menu-item > a{
    text-decoration: none;
   font-weight:500;
  }
}
/*Textfarbe in Formularfeldern*/
input:not([type="submit"]) {
  color: #000;
}
input::-webkit-input-placeholder {
  color:#999;
	font-weight:400;
}
input::-moz-placeholder {
  color:#999;
	font-weight:400;
}
input:-ms-input-placeholder {
  color:#999;
	font-weight:400;
}
input::-ms-input-placeholder {
  color:#999;
	font-weight:400;
}
input::placeholder {
  color:#999;
	font-weight:400;
}
.wp-block-search__button svg {
	fill:white;
}
/*Responsive Separator */
 @media only screen and (max-width: 780px) {

 figure.floral-separator img{
		width:40% !important; 
	 	height:auto !important;

  }
}
/*Buttons Slider Projekte (query loop mit function) */
.splide__arrow--prev {
  left: -3em;
}
.splide__arrow--next {
  right: -3em;
}
.splide__arrow{
	background:white;
	opacity:1;
}

/* Single View Projekte */
/* Es gibt nur CaseStudies in der Einzelansicht, für normale Projekte gibt es keine Single View*/

/* Übersicht am Anfang */
.single-projekte blockquote {
  border-left: 4px solid;
  border-color: var(--wp--preset--color--border-dark);
  padding-left: 1em;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
	.shift-to-left{
		margin-left:-5em !important;
	}
}

@media (max-width: 768px) {

	.block-on-mobile{
display:block !important
	}
}

/* Project Box ersetzt Floating box (Group inside of Row) */
.single-projekte .project-box{
	padding-top:0;
  min-width:240px;
}

.single-projekte .project-box h4{
	  border-top: 6px solid;
  border-color: var(--wp--preset--color--border-dark);
  font-size: 1em;
  padding: 1em 2em 1em 0.5em;
  margin-top: 0;
  background-color: var(--wp--preset--color--border-dark);
}

.single-projekte .project-box ul{
  list-style: none;
	padding-left:0.5em;
}
.single-projekte .project-box ul li:before{
  content: "– ";
}

.single-projekte .project-box a{
  margin-left: 0.5em;
	  border-bottom: 2px solid;
	  border-color: var(--wp--preset--color--border-dark);
		display:block;
}

.single-projekte .project-box a:before{
  content: "» ";
}

/* Floating Box */
@media (min-width: 768px) {
	.float-left{
	float:left;
		margin-right:2em;
		width:25%;
		margin-left:-2em;
}
}

.single-projekte .floating-box{
    width: 100%;
  margin: 1em 2em 0 0;
	padding: 0.75em 2em 0 1em !important;
}


@media (min-width: 768px) {
  .single-projekte .floating-box {
    width: 25% !important;
    float: left;
  }

  .single-projekte .floating-box.width-50 {
    width: 50% !important;
  }
}

.single-projekte .floating-box h3{
	  border-top: 6px solid;
  border-color: var(--wp--preset--color--border-dark);
  font-size: 1em;
  padding: 1em 2em 1em 0.5em;
  margin-top: 0;
  background-color: var(--wp--preset--color--border-dark);
}



.single-projekte .floating-box ul{
  list-style: none;
}


.single-projekte .floating-box ul li:before{
  content: "– ";
}

.single-projekte .floating-box a{
  margin-left: 1.5em;
	  border-bottom: 2px solid;
	  border-color: var(--wp--preset--color--border-dark);
		display:block;
}


.single-projekte .floating-box a:before{
  content: "» ";
}



@media print {

  header.wp-block-template-part,
  .wp-block-spacer,
  .wp-block-post-featured-image{
    display:none
  }

}