/* Green Bananas 2021 */

:root {

    /* 
        Colors 
    */
    --clr-primary: #143C1A;
    --clr-secondary: #AD0E13;

	/* Other Colors */
    --clr-natural-dark: #000;
    --clr-natural-light: #fff; 

    --clr-support: #efefefef; 

    --txt-clr-basic: #050c00;
    --txt-clr-primary: var(--clr-primary);
    --txt-clr-secondary: red;

    --clr-border-neutraal: #b9b9b9;

    /* Hover */
    --clr-hover: #818d69;
    --clr-hover-txt: black;
    --hover-border: 5px solid var(--clr-hover);  

    /*
       Border 
    */
    --border-min:  1px solid;
    --border-max: 5px solid;

    /* Border Radius */
    --radius-max: 50px;
    --radius-min: 0; 

    /* Box Shawods */
    --shadow-1: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --shadow-2: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;

    /*
       Fonts
    */
    /* Font size */
    --f-size-basic: 14px; /* basis font size voor bijv. p span ezv. */
    --f-size-1: 40px;
    --f-size-2: 35px;
    --f-size-3: 30px;
    --f-size-4: 24px;
    --f-size-5: 21px;
	--f-size-6: 18px;

    /* Font line-height */
    --lhf-basic: 21px ; 
    --lhf-1: 48px;
	--lhf-2: 42px;
	--lhf-3: 35px;
	--lhf-4: 29px;
	--lhf-5: 25px;
	--lhf-6: 22px;

    /* Font weight */
    --f-weight-max: 500;
    --f-weight-min: 100;

    /* Font Family */
    --ff-primary: "Poppins";
    --ff-secondary: new-order, sans-serif;
  }

/* Responsief font size */
@media (max-width: 1024px){
    :root {
     --f-size-basic: 12px; /* basis font size voor bijv. p span ezv. */
    --f-size-1: 28px;
    --f-size-2: 24px;
    --f-size-3: 20px;
    --f-size-4: 18px;
    --f-size-5: 16px;
	--f-size-6: 14px;

    /* Font line-height */
    --lhf-basic: 21px ; 
    --lhf-1: 35px;
	--lhf-2: 30px;
	--lhf-3: 25px;
	--lhf-4: 23px;
	--lhf-5: 21px;
	--lhf-6: 19px;

    }
}
@media (max-width: 600px){
    :root {
      --f-size-basic: 12px; /* basis font size voor bijv. p span ezv. */
    --f-size-1: 24px;
    --f-size-2: 22px;
    --f-size-3: 19px;
    --f-size-4: 17px;
    --f-size-5: 15px;
	--f-size-6: 14px;

    /* Font line-height */
    --lhf-basic: 21px ; 
    --lhf-1: 30px;
	--lhf-2: 25px;
	--lhf-3: 23px;
	--lhf-4: 21px;
	--lhf-5: 19px;
	--lhf-6: 17px;

    }
}

/* FONT 
@font-face {
	font-family: 'white_angelicaregular';
	src: url(/wp-content/themes/thegem-child/css/fonts/whiteangelica-webfont.woff) format('woff'),
		url(/wp-content/themes/thegem-child/css/fonts/whiteangelica-webfont.woff2) format('woff2'),
			url(/wp-content/themes/thegem-child/css/fonts/whiteangelica.ttf) format('truetype');
}
*/