/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*
------- QUICK VIEW ------- QUICK VIEW ------- QUICK VIEW ------- QUICK VIEW ------- 

*/
.scale-text-smaller {
  font-size: 80%;   /* alles im Container wird kleiner */
  line-height: 0.8; /* optional, passt Zeilenabstand mit an */
}

/*
------- META ------- META ------- META ------- META ------- META ------- META ------- 
*/

/* Container für unser sauberes Produkt-Meta */
.custom-product-meta {
    font-size: 16px;      /* Schriftgröße */
    line-height: 2;    /* Zeilenhöhe */
}

/* Labels fett und feste Breite für bündige Links */
.custom-product-meta strong,
.custom-product-meta .label {
    font-weight: 600;
    display: inline-block;
    width: 100px;         /* gleiche Breite für Kategorie und Schlagwörter */
}

/* Links formatieren */
.custom-product-meta a {
    text-decoration: none;
   /* color: #555;           Meta-Linkfarbe */
}

.custom-product-meta a:hover {
    color: #111;
/*  text-decoration: underline;	*/ 
}




/*
------- LINKS ------- LINKS ------- LINKS ------- LINKS ------- LINKS ------- LINKS ------- 
*/

/*
------- links unterstrichen on hover ------- 
*/
.underline-on-hover a {
	text-decoration: none; 
	
	}
.underline-on-hover a:hover {
	text-decoration: underline; 
	text-underline-offset: .3em; 
	text-decoration-thickness: .075em;
	}

/*
------- links unterstrichen ------- 
*/
.underline a {
	text-decoration: underline; 
	text-underline-offset: .3em; 
	text-decoration-thickness: .075em;
	}
.underline a:hover {
	text-decoration: none; 

	}

/*
------- BADGE ------- BADGE ------- BADGE ------- BADGE ------- BADGE ------- BADGE ------- 
*/


/* Allgemeines Badge-Design */
.woocommerce span.onsale,
.woocommerce span.soldout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;       /* Kreisgröße */
    height: 60px;    /* Kreisgröße */
    border-radius: 50%; 	/* Rund */
    padding: 0;      		 /*Kein extra Padding */
	font-size: 17px !important;  /* Schriftgröße */
    font-weight: 500;
	line-height: 1;
    color: #fff;      /* Schriftfarbe */
    text-transform: uppercase;
}

/* SALE-Kreis: Rot */
.woocommerce span.onsale {
    background-color: magenta !important;
}

/* SOLD OUT-Kreis: Schwarz */
.woocommerce span.soldout {
    background-color: black !important;
}


/*
------- FONTS ------- FONTS ------- FONTS ------- FONTS ------- FONTS ------- FONTS ------- 
*/

@font-face {
    font-family: "function_pro";
    src: url("fonts/functionpro-light-webfont.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "function_pro";
    src: url("fonts/functionpro-book-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "function_pro";
    src: url("fonts/functionpro-medium-webfont.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "function_pro";
    src: url("fonts/functionpro-demi-webfont.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "function_pro";
    src: url("fonts/functionpro-bold-webfont.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}