/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* Silbentrennung aktivieren */
p, h1, h2, h3, h4, h5, h6 { 
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;
}


/* Stylinf für Vor- & Nachteile */
ul.vorteile li, ul.nachteile li, ul.vorteile, ul.nachteile {
  padding-left: var(--space-xs);
}

ul.vorteile li::marker {
  content: "+";           
  font-weight: bold;  
}

ul.nachteile li::marker {
  content: "-";           
  font-weight: bold;
}


/* Gutenberg Blog */
.wp-block-button {
	margin-top:var(--space-s)!important;
	margin-bottom:var(--space-s)!important;
}
.wp-block-heading {
	margin-bottom:var(--space-xs);
}

blockquote {
	font-family: var(--heading-font-family)!important;
    line-height: var(--heading-line-height)!important;
    font-weight: var(--heading-font-weight)!important;
    text-wrap: var(--heading-text-wrap)!important;
}

/* Gutenberg Blog Abstände */

.blog-content p,
.blog-content .wp-block-paragraph {
  line-height: var(--flow-base-lineheight);
  margin-bottom: var(--space-m);
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content .wp-block-heading {
  line-height: var(--heading-line-height);
  margin-top: var(--space-l);
  margin-bottom: var(--space-m);
}

.blog-content ul,
.blog-content ol,
.blog-content .wp-block-list {
  margin-bottom: var(--space-m);
  padding-left: 1.5rem;
}

.blog-content blockquote {
  margin: var(--space-l) 0;
  padding-left: var(--space-m);
  border-left: 4px solid var(--neutral-300);
  font-style: italic;
}

.blog-content img,
.blog-content .wp-block-image {
  margin: var(--space-m) 0;
  max-width: 100%;
  height: auto;
}

/* Linebreak auf mobile */
.linebreak-mobile {
  display: none;
}
@media (max-width: 768px) {
  .linebreak-mobile {
    display: block;
  }
}

/* Slider Arrow weiss */
.slider-nav-berlin.splide .splide__arrow--next .fas.fa-arrow-right-long::before, .slider-nav-berlin.splide .splide__arrow--prev .fas.fa-arrow-left-long::before {
	color:var(--text-light);
}