/* 
Description: STIHL override styles
Author: Peter Goudkamp
Author URI: https://dutchwebstudio.nl/
*/

/* BODY */
#app h1, #app h2, #app h3, #app h4, #app h5, #app h6 { color: var(--e-global-color-secondary) !important; font-family: "Arial", Sans-serif !important; font-weight: 600; }
#app h1 { font-size: 3rem !important; }
#app h2 { font-size: 2rem !important; }
.dsw-font-dsw { font-family: var(--e-global-typography-text-font-family), Sans-serif !important; }

/* BUTTONS */
.dsw-primary-site-btn { border-radius: 3px !important; color: #fff !important; padding: 12px 24px !important; }
.dsw-rounded-r { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }

/* COLORS */
.dsw-bg-gray-100, .dsw-bg-gray-50, #dsw-search-scope-selector { background-color: var( --e-global-color-37111d1 ) !important; }

/* CONTAINERS */
.dsw-container { max-width: 100% !important; padding: 50px 20px; }
.dsw-hero-container h1 { display: none; }
.dsw-hero-without-image-container { margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; }
.dsw-hero-without-image-container h1 { margin-top: 0 !important; }
.dsw-hero-without-image-container .dsw-container { padding-bottom: 0 !important; }
.dsw-hero-without-image-container .dsw-mt-10 { margin-top: 0 !important; }
.dsw-hero-without-image-container .lg\:dsw-text-xl { font-size: 1rem !important; }

/* PRODUCT GRID */
.dsw-filters { margin-top: -3px; }
.dsw-filters h3 { color: #000 !important; font-size: 1.325rem !important; }
.dsw-products-grid-page .dsw-container > :nth-child(3) > :nth-child(1) { margin-top: -25px !important; }
#app .dsw-product-grid-items h2 { font-size: 1rem !important; }
.dsw-products > div > div:last-child { display: none !important; }

#dsw-sort-products-selector, #dsw-search-scope-selector, #dsw-search-products-input { background-color: var( --e-global-color-37111d1 ) !important; color: rgba(0,0,0,0.5) !important; }
input#dsw-search-products-input::placeholder { color: rgba(0,0,0,0.5) !important; }

/* SINGLE PRODUCT */
.dsw-single-product > div > div > div:last-child { display: none !important; }

.md\:dsw-sticky.dsw-top-10 { top: 14rem !important; }

@media (min-width: 1325px) and (max-width: 1799px ) {
	.dsw-container { max-width: 1300px !important; padding: 50px 10px; }
	.dsw-hero-container { max-width: 1300px !important; padding: 0 10px; }
}

@media (min-width: 1800px) {
	.dsw-container { max-width: 1300px !important; padding: 50px 00px; }
	.dsw-hero-container { max-width: 1300px !important; padding: 0; }
	
	.dsw-product-grid-items:nth-child(1n) { border-left-width: 0px; }
	.dsw-product-grid-items:nth-child(3n+1) { border-left-width: 1px; }
    .xl\:dsw-w-1\/4 { width: 33.333% !important; }
}

@media (max-width: 1324px) {
	.dsw-hero-container { max-width: 100% !important; padding: 0 20px; }
}

@media (max-width: 1024px) {
	#app h1 { font-size: 2.5rem !important; }
	#app h2 { font-size: 1.75rem !important; }

	
	.dsw-container { max-width: 100% !important; padding: 50px 20px; }
	.dsw-hero-container { max-width: 100% !important; padding: 0 20px; }
}