/*
Theme Name: schluesselkasper-storefront
Theme URI: http://dorgla.de
Description: storefront Child Theme für Schluesselkasper
Author: Dorian Glagla
Author URI: http://dorgla.de
Template: storefront
Version: 1.0.0
Text Domain: schluesselkasper-storefront
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */


/* Header */
.site-header .site-branding .custom-logo-link img {
    width: 300px;
    max-width: 100%;
      position: absolute;
  top: 50%;         /* Moves the image down by 50% of its height */
  left: 50%;        /* Moves the image to the right by 50% of its width */
  transform: translate(-50%, 0%); /* Offsets the image to truly center it */
}
.site-header .custom-logo-link {
    position: relative;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
}

/*Startseite*/
.wp-block-query-is-layout-flow ul{
    margin: 0;
}

/* Produktbilder */
ul.products li.product img {
    width: 100%;
    aspect-ratio: 1 / 1; 
    object-fit: cover; 
    object-position: center;
}

/*Full-width Abstaende reduzieren auf kleinen Bildschirmen*/
@media (max-width: 767px) { 
	.alignfull {
		padding-left: 4px !important;
		padding-right: 4px !important;
    }
}
/*Abstaende ergaenzen auf kleinen Bildschirmen*/
.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
}