/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/******************************************************************************************************************************/

/* change Gutenberg standard font sizes - even if not changed, all have to be listed
----------------------------------------------------------------------------------------------------- */

/* mobile settings */
ul,
p,
a {

	--wp--preset--font-size--small: 0.8rem;
	--wp--preset--font-size--medium: 1.0rem;
	--wp--preset--font-size--large: 1.3rem;
	--wp--preset--font-size--x-large: 2.0rem;
}

/* tablet settings */
@media screen and (min-width:690px) {

	ul,
	p,
	a {

		--wp--preset--font-size--small: 1rem;
		--wp--preset--font-size--medium: 1.1rem;
		--wp--preset--font-size--large: 1.4rem;
		--wp--preset--font-size--x-large: 2.1rem;
	}
}

/* desktop settings */
@media screen and (min-width:1024px) {

	ul,
	p,
	a {

		--wp--preset--font-size--small: 1.1rem;
		--wp--preset--font-size--medium: 1.3rem;
		--wp--preset--font-size--large: 1.5rem;
		--wp--preset--font-size--x-large: 2.4rem;

	}
}

/* large desktop settings */
@media screen and (min-width:1200px) {

	ul,
	p,
	a {

		--wp--preset--font-size--small: 1.2rem;
		--wp--preset--font-size--medium: 1.4rem;
		--wp--preset--font-size--large: 1.7rem;
		--wp--preset--font-size--x-large: 2.5rem;

	}
}

/* xlarge screen settings */
@media screen and (min-width:1600px) {

	ul,
	p,
	a {

		--wp--preset--font-size--small: 1.3rem;
		--wp--preset--font-size--medium: 1.5rem;
		--wp--preset--font-size--large: 1.9rem;
		--wp--preset--font-size--x-large: 2.6rem;

	}
}

/* feinere Unterteilung Headings als im Customizer - funktioniert nur hier
----------------------------------------------------------------------------------------------------- */

/* mobile settings */
h1 {
	font-size: 2.2rem;
}

h2 {
	font-size: 1.6rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.3rem;
}

h5 {
	font-size: 1rem;
}

/* tablet settings */
@media screen and (min-width:690px) {
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2.0rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5 {
		font-size: 1.1rem;
	}
}

/* desktop settings */
@media screen and (min-width:1024px) {
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2.0rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5 {
		font-size: 1.2rem;
	}
}

/* large desktop settings */
@media screen and (min-width:1200px) {
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2.0rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	h5 {
		font-size: 1.2rem;
	}
}

/* xlarge screen settings */
@media screen and (min-width:1600px) {
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2.0rem;
	}

	h3 {
		font-size: 1.8rem;
	}

	h4 {
		font-size: 1.7rem;
	}

	h5 {
		font-size: 1.5rem;
	}
}


/* Schrift header feiner justieren
----------------------------------------------------------------------------------------------------- */

/* setting kleinster Screen */
#menu-main-menu .menu-item .ct-menu-link,
#header .ct-language-switcher {
	font-size: 1.2rem;
}

#header div .default-logo,
#header div .sticky-logo {
/*	height: 2.2rem !important; */
}

#header div p {
	font-size: 0.5rem;
	margin-top: 0.3rem;
}

/* tablet settings */
@media screen and (min-width:690px) {

	#menu-main-menu .menu-item .ct-menu-link,
	#header .ct-language-switcher {
		font-size: 1.1rem;
	}

	#header div .default-logo,
	#header div .sticky-logo {
/*		height: 2.8rem !important; */
	}

	#header div p {
		font-size: 0.6rem;
		margin-top: 0.2rem;
	}
}

/* desktop settings */
@media screen and (min-width:1024px) {

	#menu-main-menu .menu-item .ct-menu-link,
	#header .ct-language-switcher {
		font-size: 1.3rem;
	}

	#header div .default-logo,
	#header div .sticky-logo {

/*		height: 3.3rem !important; */
	} 


	#header div p {
		font-size: 0.6rem;
		margin-top: 0.2rem;
	}
}

/* large desktop settings */
@media screen and (min-width:1200px) {

	#menu-main-menu .menu-item .ct-menu-link,
	#header .ct-language-switcher {
		font-size: 1.5rem;
	}

	#header div .default-logo,
	#header div .sticky-logo {
/*	height: 3.2rem !important; */
	} 


	#header div p {
		font-size: 0.7rem;
		margin-top: 4px;
	}
}

/* xlarge screen settings */
@media screen and (min-width:1600px) {

	#menu-main-menu .menu-item .ct-menu-link,
	#header .ct-language-switcher {
		font-size: 1.6rem;
	}

	#header div .default-logo,
	#header div .sticky-logo {

	/*	height: 3.6rem !important; */
	} 


	#header div p {
		font-size: 0.8rem;
		margin-top: 4px;
	}
}

/*** Anpassungen Footer
---------------------------------------------------------------------------- */

/* Icons fuer Social Share
---------------------------------------------------------------------------- */

.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
	fill: #0b5f39 !important;
}

.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon {
	transform: Scale(1.5);
	padding-right: 1em;
}

.shared-counts-wrap.style-icon .shared-counts-button:hover.facebook_shares svg {
	fill: #3B5998 !important;
}

.shared-counts-wrap.style-icon .shared-counts-button:hover.pinterest svg {
	fill: #CB2027 !important;
}

.shared-counts-wrap.style-icon .shared-counts-button:hover.twitter svg {
	fill: #00B6F1 !important;
}

.shared-counts-wrap.style-icon .shared-counts-button:hover.email svg {
	fill: #424345 !important;
}


/* padding and margins */
#main-container .site-footer>div {
	padding-top: 30px;

}

#main-container div div h2 {
	margin-bottom: 10px;
}

/******************************************************************************************************************************/
/* mobile menu
---------------------------------------------------------------------------- */

/* tablet menu button
---------------------------------------------------------------------------- */


@media screen and (max-width:1024px) {

	/* close Button */
	.ct-toggle-close svg {
		--icon-size: 25px;

	}

	/* Trigger Button */
	.ct-header-trigger svg {
		--icon-size: 35px;
		padding-top: 0px;
	}

	.ct-header-trigger svg rect {
		height: 1.5px;
		rx: 0.3px;
	}

	.ct-header-trigger svg rect:nth-child(1) {
		y: 0px;
	}

	.ct-header-trigger svg rect:nth-child(2) {
		display: none;
	}

	.ct-header-trigger svg rect:nth-child(3) {
		y: 5px;
	}

	/* Schatten Close Button vermeiden - Trick von Sergiu
    ---------------------------------------------------------------------------- */
	[data-panel*='in'] .ct-header-trigger {
		opacity: 0;
	}

	/* Close button auch auf der linken Seite allokieren
    ---------------------------------------------------------------------------- */
	#offcanvas .ct-toggle-close {
		margin-inline-start: initial !important;
		margin-top: 15px !important;
		margin-left: 25px !important;
	}

}

/* mobile menu button
---------------------------------------------------------------------------- */

@media screen and (max-width:689.98px) {
	.ct-toggle-close svg {
		--icon-size: 25px;
		padding-top: 5px;
	}

	.ct-header-trigger svg {
		--icon-size: 35px;
		padding-top: 5px;
	}

	.ct-header-trigger svg rect {
		height: 1.2px;
		rx: 0.3px;
	}

	.ct-header-trigger svg rect:nth-child(1) {
		y: 0px;
	}

	.ct-header-trigger svg rect:nth-child(2) {
		display: none;
	}

	.ct-header-trigger svg rect:nth-child(3) {
		y: 5px;
	}

	/* Schatten Close Button vermeiden - Trick von Sergiu
    ---------------------------------------------------------------------------- */
	[data-panel*='in'] .ct-header-trigger {
		opacity: 0;
	}

	/* Close button auch auf der linken Seite allokieren
    ---------------------------------------------------------------------------- */
	#offcanvas .ct-toggle-close {
		margin-inline-start: initial !important;
		margin-top: 10px;
		margin-left: 10px !important;
	}

}


#offcanvas .close-button {
	background-color: transparent;

}

/* 767px and smaller screen sizes - sorgt für weniger Abstand des Headers nach unten
---------------------------------------------------------------------------- */
@media (max-width:689.98px) {


	#header div .ct-sticky-container>div>div {
		height: 65px;

	}

}

/* Cross in close icon bei Pop-ups
---------------------------------------------------------------------------- */

/* funktioniiert für alle devices */
.ct-drawer-canvas .ct-popup.active .ct-toggle-close .ct-icon {
	padding: 2px;
	width: 1rem;
	height: 1rem;

}


/******************************************************************************************************************************/
/* main menu
---------------------------------------------------------------------------- */


#search-modal .close-button {
	border-radius: 50px;
}


/* lowercase language switcher
---------------------------------------------------------------------------- */

.ct-language-switcher {
	text-transform: lowercase;
}

/******************************************************************************************************************************/
/* adjustments single product page
---------------------------------------------------------------------------- */

/* Gesamtbereich ohne links rechts abstand
---------------------------------------------------------------------------- */
.product-entry-wrapper .entry-summary section {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;

}

#main article section:nth-child(1) {
	text-align: center;

}

/* linke Spalte mit Abstand zur rechten bei non mobile
---------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	#main article section:nth-child(1) {
		padding-right: 5em !important;
	}
}

.entry-summary .legacy-itemprop-offers .wgm-info,
.woocommerce-variation .woocommerce-variation-price .wgm-info {
	font-size: 13px;
}

.legacy-itemprop-offers small span,
.woocommerce-variation-price small span {
	font-size: 13px;
}

/* mini text nach preis
---------------------------------------------------------------------------- */

.entry-summary section .legacy-itemprop-offers {
	padding-top: 0;
	line-height: 1.1em;
}

.entry-summary section .wgm-extra-costs-eu {
	line-height: 1.1em;

}

/* Text Size
---------------------------------------------------------------------------- */

.variations tr label {
	font-size: 20px;

}

.variations tr label {
	text-align: center;
}

/* drop down für size verändern
---------------------------------------------------------------------------- */

#size {
	direction: rtl;
	font-style: italic;

	font-weight: 300;
}

.entry-summary .woocommerce-product-details__short-description {
	padding-top: 2em;
	margin-bottom: 1em;
}

/* read more tag
---------------------------------------------------------------------------- */

.woocommerce-product-details__short-description span a {
	font-style: italic;
	background-color: transparent;

}

.entry-summary .woocommerce-product-details__short-description .read_div {
	margin-top: -1.5em;
	font-size: 1.2rem;

}

.entry-summary .woocommerce-product-details__short-description p {
	font-size: 1.2rem;
}

.woocommerce-product-details__short-description .read_div ul {
	--listIndent: 1.0em;
	/* lange strich anstatt bullit */
	/* list-style:"\2013  "; */
}

.product-entry-wrapper .entry-summary form {
	padding-top: 0px !important;
}

#main article .product form {
	margin-top: 20px !important;
}

/* Product meta
---------------------------------------------------------------------------- */

.product-entry-wrapper .entry-summary .product_meta {
	padding-top: 0px;
	margin-top: 0px;

}

.entry-summary section .ct-share-box {
	text-align: center;

}

/* adjust to normal case
---------------------------------------------------------------------------- */

.entry-summary section .sku_wrapper,
.entry-summary section .posted_in,
.entry-summary section .tagged_as {
	text-transform: none !important;
}

#main .woo-listing-top p {
	text-transform: none;

}

.product-entry-wrapper .entry-summary section {
	text-align: center;
}


.woocommerce-product-details__short-description .read_div ul {
	text-align: left;

}

/* Ghostkit accordion item heading
---------------------------------------------------------------------------- */

.ghostkit-accordion-ready .ghostkit-accordion-item-heading {
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
	padding-left: 51px;
}

/* Ghostkit accordion item content adjust list bullits position
---------------------------------------------------------------------------- */

.ghostkit-accordion-ready .ghostkit-accordion-item .ghostkit-accordion-item-content {
	--listIndent: 1.5em;
}

/* Ghostkit accordion item collapse
---------------------------------------------------------------------------- */

.ghostkit-accordion-ready .ghostkit-accordion-item .ghostkit-accordion-item-collapse {
	font-size: 16px;
	width: 20px;
	font-weight: 900;
}

.ghostkit-accordion-ready .ghostkit-accordion-item ul {
	text-align: left;
}

/*** adjustments product archive page
---------------------------------------------------------------------------- */

/* Out stock badge
---------------------------------------------------------------------------- */

/* mobile */

.products .out-of-stock-badge,
.product .out-of-stock-badge {
	background-color: transparent;
	color: #df0025;
	font-size: 12px;
	font-weight: 500;
	padding-left: 0.0rem !important;
	padding-top: 0.0rem !important;
	border-width: 0px;
}

/* tablet and desktops */
@media (min-width:690px) {

	.products .out-of-stock-badge,
	.product .out-of-stock-badge {
		padding-left: 0.5rem !important;
		padding-top: 0.5rem !important;
		font-size: 18px;
	}

}

/* hide product info on shop archive page
---------------------------------------------------------------------------- */

.products .product .wgm-info {
	display: none;
}

/* price on archive page not adjustable in customizer right now
---------------------------------------------------------------------------- */

.products .price bdi {
	font-weight: 400;
}

@media (max-width:689.98px) {
	.products .price bdi {
		font-size: 0.8em;
	}

}

@media (max-width: 689.98px) {
	.woocommerce-checkout-review-order-table .woocommerce-shipping-methods label {

		/* word-break: break-word
---------------------------------------------------------------------------- */

		hyphens: auto;
	}

	.hentry .ct-cart-form .cart_totals,
	.hentry .woocommerce-checkout .ct-order-review {
		padding-left: 0px;
		padding-right: 0px;

	}
}

/* Cart - put size value on same line
---------------------------------------------------------------------------- */

.woocommerce-cart-form__cart-item .variation .variation-Size {

	display: inline-flex;
}

/* Mini Cart content
---------------------------------------------------------------------------- */

#header div .ct-cart-content {
	font-size: 14px;

}

/* adjustments contact form
---------------------------------------------------------------------------- */

#ws-form-1 .wsf-sections .wsf-section {
	padding: 0;
}

.wsf-sections .wsf-field-wrapper div label {
	padding-left: 20px;
}

.wsf-sections .wsf-fields small {
	font-size: 10px;
}

#ws-form-1 .wsf-sections .wsf-section {
	border-style: none;
}

.wsf-sections .wsf-fields .wsf-button-primary {
	margin-top: 1em;
	font-size: 20px;
}

/******************************************************************************************************************************/
/* CSS animations according to animista.net
---------------------------------------------------------------------------- */

.kenburns-top {
	-webkit-animation: kenburns-top 10s ease-out both;
	animation: kenburns-top 10s ease-out both;
}

.kenburns-bottom img {
	-webkit-animation: kenburns-bottom 15s ease-out both;
	animation: kenburns-bottom 15s ease-out both;
}


/* Einrueckung von Aufzählungen global korrigieren
---------------------------------------------------------------------------- */

ul {
	--listIndent: 1.0em;
}

@media (max-width:689.98px) {

	h,
	p,
	a {
		hyphens: auto;
	}
}

/* Payment Icons Footer Breite Container Responsive einstellen
---------------------------------------------------------------------------- */
/*
#main-container .ct-footer div .ct-container div #block-17 .gb-container-35bba3a2 .gb-inside-container {
	max-width: 90vw !important;
}