/*
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
*/

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

:root {
  --text-sm: clamp(0.875rem, 0.8125rem + 0.1563vw, 1rem);
  --text-base: clamp(0.938rem, 0.8445rem + 0.2338vw, 1.125rem);
  --text-md: clamp(1.313rem, 1.188rem + 0.3125vw, 1.563rem);
  --text-lg: clamp(1.75rem, 1.5625rem + 0.4688vw, 2.125rem);
  --text-xl: clamp(2.375rem, 2.0625rem + 0.7813vw, 3rem);
  --text-2xl: clamp(3rem, 2.5rem + 1.25vw, 4rem);
  --font-headline: 'Montserrat';
  --font-laufschrift: 'Montserrat';
  --font-normal: 400;
  --font-bold: 700;
}

html {
  font-size: 100%;
}

body {
	font-family: 'Montserrat',Helvetica,sans-serif!important;
}

body,
blockquote,
select,
button[type=submit],
input[type=button],
input[type=submit] {
  font-family: var(--font-laufschrift);
}

select {
	background-color: #0f0f0f;
	color: var(--nectar-extra-color-3);
}

h1,
h2,
h3,
h4,
h6,
.row .col.section-title h1,
.row .col.section-title h2 {
  font-family: var(--font-headline);
  font-weight: var(--font-normal);
  line-height: 160%;
}

p,
li,
td,
th {
  font-size: var(--text-base);
  font-family: var(--font-laufschrift);
  line-height: 160%;
}

h1,
.row .col.section-title h1 {
  font-size: var(--text-lg);
}

h2,
h3,
.row .col.section-title h2 {
  font-size: var(--text-md);
}

h4 {
  font-size: var(--text-base);
}

/** nur für CTA Verwenden **/
h6 {
	font-size: var(--text-base);
}

b,
bold,
strong {
	font-family: var(--font-laufschrift);
	font-weight: var(--font-bold);
}


/****** Schriftklassen ******/
.font-normal > *,
* > .font-normal {
	font-weight: var(--font-normal);
}

.font-bold > *,
* > .font-bold {
	font-weight: var(--font-bold);
}

.text-sm > *,
* > .text-sm,
.text-sm p {
  font-size: var(--text-sm);
}

.text-base > *,
* > .text-base,
.text-base p {
  font-size: var(--text-base);
}

.text-md > *,
* > .text-md,
.text-md p {
  font-size: var(--text-md);
}

.text-lg > *,
* > .text-lg,
.text-lg p {
  font-size: var(--text-lg);
}

.text-xl > *,
* > .text-xl,
.text-xl p {
  font-size: var(--text-xl);
}

.text-2xl > *,
* > .text-2xl,
.text-2xl p {
  font-size: var(--text-2xl);
}

.font-headline > * > * {
  font-family: var(--font-headline);
}

.font-laufschrift > * > * {
  font-family: var(--font-laufschrift);
}

.uppercase {
	font-weight: var(--font-normal);
	text-transform: uppercase;
}

/****** Salient Elemente ******/

/** Button **/
.nectar-button {
  	font-family: var(--font-laufschrift);
  	font-size: var(--text-base);
}

/** Menue **/
#top nav>ul>li>a {
  	font-family: var(--font-laufschrift);
  	font-size: var(--text-base);
}

/** mobiles Menue **/
#slide-out-widget-area .inner .off-canvas-menu-container li a {
  	font-family: var(--font-laufschrift)!important;
}

/** Suche **/
#search-outer #search input[type=text] {
	font-family: var(--font-laufschrift);
}

/** Farbe Testimonial-Sterne **/
.testimonial_slider[data-rating-color="extra-color-1"] .star-rating .filled:before {
	color: var(--nectar-accent-color);
}

/* Margin oben unten Divider mit Linie */
.divider-wrap[data-alignment=center] .divider-small-border {
	margin: 0 auto;
}

.divider-small-border {
	margin: 0 0;
}

.row .col h3,
.row .col h4 {
	margin-bottom: 0;
}

/****************** Woocommerce ******************/

/* BG-Color Shopseite */
.post-type-archive-product.woocommerce .container-wrap, 
.tax-product_cat.woocommerce .container-wrap {
	background-color: #0b0b0b;
}

/* Abstand "Zeigt alle xx Ergebnisse" zur Sortierungs-Auswahl */
.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-result-count {
	right: 340px;
}

/* Schriftart diverse Shop Elemente */
.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,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .amount,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page span.onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce nav.woocommerce-pagination ul li a,
.container-wrap nav.woocommerce-pagination ul li span, 
.woocommerce .container-wrap nav.woocommerce-pagination ul li span,
#header-outer .widget_shopping_cart .cart_list a,
#header-outer .total,
.total strong {
	font-family: var(--font-laufschrift)!important;
}

/* Produkttitel und Preis zentriert auf Shopsiete */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
	text-align: center;
}

/* Icon Aufzaehlung Produktkurzbeschreibung */
.woocommerce-product-details__short-description li {
	list-style-image: url(https://neu.insel-salz.de/svg/blaetter.svg);
}

/* Farbe Mengenwähler */
.cart div.quantity,
.woocommerce-mini-cart div.quantity,
.cart div.quantity:hover,
.woocommerce-mini-cart div.quantity:hover {
	border-color: var(--nectar-accent-color);
}

/* Farbe Streichpreis */
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
	color: rgba(173, 133, 121, .8);
}

.woocommerce-page .woocommerce p.cart-empty {
	color: var(--nectar-accent-color);
	font-family: var(--font-laufschrift);
	font-size: var(--text-md);
}

/* Warenkorbseite */
.material.woocommerce-page[data-form-style=default] input#coupon_code {
	border-color: var(--nectar-accent-color);
}

.checkout #order_review .order-review tbody tr.order-total td .woocommerce-Price-amount {
	font-size: inherit!important;
}

/* Kasse-Seite */

.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-color: var(--nectar-accent-color);
}

.woocommerce table.order-review tfoot td, .woocommerce table.order-review tfoot th, .woocommerce table.order-review th, .woocommerce-page table.order-review th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th,
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    font-family: var(--font-laufschrift);
	color: var(--nectar-extra-color-3);
}

/****** Boxzilla ******/

.boxzilla-sample-box {
	width: 100%;
	background-color: var(--nectar-extra-color-1)!important;
	border-bottom: 2px solid var(--nectar-accent-color)!important;
	padding: 4px 16px!important;
	text-align: center;
	
}

.boxzilla-sample-box h4 {
	color: var(--nectar-accent-color);
}