/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-italic - latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/barlow-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/barlow-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/barlow-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/barlow-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/barlow-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/barlow-v12-latin-italic.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/playfair-display-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/playfair-display-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/playfair-display-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/playfair-display-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/playfair-display-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/playfair-display-v29-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/playfair-display-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/playfair-display-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/playfair-display-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/playfair-display-v29-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/playfair-display-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/playfair-display-v29-latin-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

:root {
	--text-xxl: 4rem;
	--text-xl: 2rem;
	--text-lg: 1.5rem;
	--text-md: 1.25rem;
	--text-base: 1.125rem;
	--akzentfarbe: #00b1aa;
	--extrafarbe1: #0f0f0f;
	--extrafarbe2: #f0f0f0;
	--extrafarbe3: #8f6d4f;
	--text-light: 300;
}

html {
	font-size: 100%;
}

body,
#search-outer #search input[type=text],
#search-results .result .title span {
	font-family: 'Barlow'!important;
}

h1,
h2,
h3,
h4,
.font-headline,
#page-header-bg h1,
body #error-404 h1, 
body #error-404 h2 {
	font-family: 'Playfair Display';
	font-weight: 400;
}

h1 {
	font-size: var(--text-xl);
	line-height: 160%;
}


h2 {
	font-size: var(--text-lg);
	line-height: 140%;
}


h3,
h4 {
	font-size: var(--text-md);
	line-height: 140%;
}

p {
	font-family: 'Barlow';
	font-size: var(--text-base);
	line-height: 160%;
}


b,
bold,
strong {
	font-weight: 600;
	font-family: 'Barlow'!important;
}

.product-info > * {
	font-family: 'Barlow'!important;
}

.variation {
	font-size: var(--text-base)!important;
}

body:not(.archive) #page-header-bg {
	background: #cccccc!important;
}

body:not(.archive) #page-header-bg h1, 
#page-header-bg .result-num {
	color: #0f0f0f!important;
}

/******** Menu ********/
#top nav>ul>li>a,
.pull-left-wrap>ul>li>a {
	font-size: var(--text-md)!important;
	line-height: 140%;
}

#slide-out-widget-area .inner .off-canvas-menu-container li a {
	font-size: var(--text-md)!important;
	line-height: 140%;
	font-family: 'Barlow'!important;
}

/******** Buttons ********/
button,
.nectar-button {
	font-family: 'Barlow'!important;
	text-transform: none!important;
}

.nectar-button {
	font-family: 'Barlow'!important;
	font-size: var(--text-base)!important;
	font-weight: 400!important;
}

.text-xxl {
	font-size: var(--text-xxl)!important;
	line-height: 160%;
}

.text-xl {
	font-size: var(--text-xl)!important;
}

.text-lg {
	font-size: var(--text-lg)!important;
}

.text-md,
.text-md p {
	font-size: var(--text-md)!important;
}

.text-base {
	font-size: var(--text-base)!important;
}

.text-light {
	font-weight: var(--text-light)!important;
}

p a,
#copyright p a {
	text-decoration: underline;
	color: #0f0f0f;
}

.nectar-cta a {
	text-decoration: none;
}


input[type=button] {
	font-size: var(--text-md)!important;
	font-family: 'Barlow'!important;
}


/******** Woocommerce ********/
.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-result-count {
	right: 260px!important;
	font-size: 0.81rem;
	margin-bottom: 11px!important;
}

.woocommerce ul.products li.product h2, 
.woocommerce ul.products li.product h3, 
.woocommerce-page ul.products li.product h2, 
.woocommerce-page ul.products li.product h3,
#header-outer .widget_shopping_cart .cart_list a {
	font-family: 'Playfair Display'!important;
}

.woocommerce ul.products li.product .price, 
.woocommerce ul.products li.product .price ins, 
.woocommerce ul.products li.product .price ins .amount,
dt {
	font-family: 'Barlow'!important;
}

.woocommerce-page a.button,
.woocommerce-page a.button {
	text-transform: none!important;
}

.after-product-summary-clear {
	margin-bottom: 24px!important;
}

.woocommerce-de_price_taxrate,
.woocommerce_de_versandkosten {
	display: inline!important;
	font-size: 0.875rem!important;
}

.price-per-unit {
	font-size: 0.875rem!important;
	padding-right: 8px!important;
}

.woocommerce div.product span.price {
	font-size: var(--text-lg)!important;
	margin-bottom: 12px;
}

.woocommerce div.product form.cart .variations label {
	font-weight: 400!important;
	font-size: var(--text-base)!important;
	color: var(--extrafarbe2)!important;
}

.woocommerce div.product .woocommerce-tabs[data-tab-style=fullwidth_stacked] {
	padding-top: 0!important;
}

table .variations {
	margin-top: 24px!important;
}


.woocommerce-variation-price > span.woocommerce-Price-amount {
	font-size: 0.875rem!important;
}

#sidebar .widget {
    margin-bottom: 0!important;
}

/**** Warenkorb ****/

/*** cart (warenkorb icon im menü) ***/

p.jde_hint {
	color: var(--extrafarbe2)!important;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: left!important;
	margin-top: 48px;
}

.cart-collaterals {
	border-top: 2px solid var(--akzentfarbe);
	margin-top: 48px;
}


.woocommerce-page table.cart a.remove {
	color: var(--akzentfarbe)!important;
	background: var(--extrafarbe2)!important;
}

.woocommerce .cart_item dt,
.product-subtotal .amount {
	font-weight: 400!important;
}

/*bdi*/
.product-name {
	font-size: var(--text-base)!important;
	font-family: 'Barlow'!important;
}


.woocommerce table.shop_table th,
.wgm-tax {
	font-size: var(--text-base)!important;
}

.order-review th {
	font-size: var(--text-base)!important;
	font-family: 'Barlow'!important;
	color: var(--extrafarbe1)!important;
}

.woocommerce-error,
.product-quantity {
	font-family: 'Barlow'!important;
}

.woocommerce-Price-amount bdi {
	margin-right: 3px!important;
}

body:not(.woocommerce-cart) .main-content table {
    color: var(--extrafarbe1)!important;
	margin-top: 24px!important;
}


table.order-review > * {
	color: var(--extrafarbe1)!important;
}

.woocommerce .woocommerce-checkout-review-order-table table.order-review tr td {
	text-align: end!important;
}

.wgm_second_checkout_payment {
	margin: 48px auto!important;
}

h4#payment_method {
	font-family: 'Barlow'!important;
}

table .shop_table,
.woocommerce-page table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot td {
	font-family: 'Barlow'!important;
}

.woocommerce .cart_item dt, .product-subtotal .amount bdi,
#shipping_method label,
td[data-title="Gesamtsumme"] {
	font-size: var(--text-base)!important;
}

.woocommerce input.button.alt {
	font-size: var(--text-lg)!important;
	font-family: 'Barlow'!important;
	background-color: var(--akzentfarbe)!important;
	color: var(--extrafarbe1)!important;
}

.woocommerce-page .woocommerce p.cart-empty {
	font-family: 'Barlow'!important;
	color: var(--extrafarbe2)!important;
}

.woocommerce-checkout #payment div.payment_box {
	color: #f0f0f0!important;
}


/*** Anzeige Noch XX e bis zum kostenlosen Versand ***/

.woocommerce-info:has(.fs-free-shipping-notice-and-button-wrapper) {
	background-color: #0f0f0f!important;
	border: 4px solid #00b1aa;
}

.fs-free-shipping-notice-text {
	font-size: 18px;
}

.fs-free-shipping-notice-continue-shopping-button-wrapper > a.flexible-shipping-free-shipping-button {
	font-size: 0px;
	
}

.fs-free-shipping-notice-continue-shopping-button-wrapper > a.flexible-shipping-free-shipping-button:after {
	content: 'weiter einkaufen';
	font-size: 18px;
	background-color: #f0f0f0;
	padding: 4px 8px;
	color: #0f0f0f;
}

/*** pagenierung ***/
#pagination .next.inactive, #pagination .prev.inactive, #pagination a, #pagination span, .container-wrap nav.woocommerce-pagination ul li span, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a {
	font-family: 'Barlow'!important;
}

/******** individuelle klassen ********/
.no-p-m-bottom {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
}


/******** Media Queries ********/

@media screen and (max-width: 768px) { 
	.text-xxl {
		font-size: var(--text-xl)!important;
	}
	
	.woocommerce .woocommerce-result-count, 
	.woocommerce-page .woocommerce-result-count {
		right: 24px!important;
	}
}

@media screen and (max-width: 375px) { 
	.text-xxl {
		font-size: var(--text-lg)!important;
	}
}