/*
Theme Name: LMFGv1
Theme URI: https://liedermachfachgeschaeft.de
Description: Based on the <a href="http://html5boilerplate.com">HTML5 Boilerplate</a> and Bruce Lawson's <a href="http://html5doctor.com/designing-a-blog-with-html5/">Designing a Blog with HTML5</a>. The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress. See the README for instructions. The "HTML5 Boilerplate" name is used with permission from Paul Irish.
Version: 1.0
Author: der Jerg
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
}

h1, h2, h3, h4 {
	color:var(--lmfg-bordeaux);
}

p {
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 2;
	hyphenate-limit-last: none;
}

.artist-description {
	font-weight: 500;
}

aside {
	background-color:var(--lmfg-emerald-90);
}
a {
	text-decoration: none;
	color: var(--lmfg-emerald);
}
a:visited {
	text-decoration: none;
	color: var(--lmfg-emerald);
}
a.list-group-item {
	text-decoration: none;
	color: var(--lmfg-emerald);
}
a:hover {
	text-decoration: none;
	color: var(--lmfg-emerald);
}
.nav-link{
	text-decoration: none;
	color: var(--lmfg-bordeaux);
}

#searchform input {
	width: 100%;
}


#searchform div {
	margin-top: 1em;
}

body {
	height: 100%;
	/*background-color: var(--lmfg-emerald-90);*/
}
.product-tile .ratio img {
  object-fit: cover;
}

/* searchform */

.search-item h2 a {
    color: #008b94;
}
.search-item h2 a:hover {
    text-decoration: underline;
}

.search-results .col-md-3 {
    background-image: none !important;
    background-attachment: initial !important;
    background-position: initial !important;
}

/* Bootstrap Pagination – Farben anpassen */
.pagination .page-link {
    color: var(--lmfg-emerald) !important;
    border-color: var(--lmfg-emerald) !important;
    background: transparent;
}

/* Hover */
.pagination .page-link:hover {
    color: var(--lmfg-bordeaux) !important;
    border-color: var(--lmfg-bordeaux) !important;
    background: transparent;
}

/* Active */
.pagination .page-item.active .page-link {
    color: #fff !important;
    background: var(--lmfg-emerald) !important;
    border-color: var(--lmfg-emerald) !important;
}

/* Visited */
.pagination .page-link:visited {
    color: var(--lmfg-emerald) !important;
}

/* Punkte/Listenmarker entfernen */
.product-tile li {
  list-style: none !important;
}

/* Karten konsistent halten */
.product-tile .card {
  border: none !important;
  background: #fff;
}

.woocommerce-stock-amount {
    display: none !important;
}

/* künstlerinnen übersicht */
.category-card { display:block; color:inherit; }
.card-img-wrap {
  /* Quadrat: moderne Browser */
  aspect-ratio: 1 / 1;
  position: relative;
  background:#eee;
}
.object-cover {
  width:100%;
  height:100%;
  object-fit: cover; /* füllt das Quadrat sauber */
  display:block;
}
.cat-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 33%; /* unteres Drittel (goldener Schnitt ~ 1/3) */
  background: rgba(0,0,0,0.45); /* halbtransparent */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.cat-title {
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.cat-image-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.cat-image-wrapper img {
    max-width: 100%;     /* passt sich der Spaltenbreite an */
    max-height: 300px;   /* maximale Bildhöhe = Bannerhöhe */
    height: auto;
    width: auto;
    display: inline-block;
}
/* woocommerce */
.cart_totals {
	width: 100%!important;
}

/* WordPress Required Styles */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}

.sticky h2 {
	padding-top: 10px;
}


.col-md-3 {
        flex: 0 0 auto;
        width: 25%;
        background-image: url('https://liedermachfachgeschaeft.de/wp-content/uploads/lmfg_leiste_sm-50.png');
  background-attachment: fixed;
        background-position: 50px 150px;
}
aside {
    border-width:50px;
    border:5px red;
    background-color: #ffccdb;
}

aside#sidebar-left{
transform: rotate(0.5deg);
}
aside#sidebar-right{
transform: rotate(-0.5deg);
}

.gr-footer-box{
  margin:50px 0;
  text-align:center;
  background: var(--lmfg-emerald-90);
  min-height: 140px;
  padding:25px;
  transform: skew(-4deg) rotate(0.2deg);
  -webkit-transform: skew(-10deg) rotate(0.2deg);
  -moz-transform: skew(-10deg) rotate(0.2deg);

}