/*---------------------------------------------------------------------------------

 Theme Name:   Yaroons Cartoons
 Theme URI:    https://www.yaroonscartoons.com/
 Description:  Dit thema is een child-theme van Divi. Het functioneert alleen als Divi ook is geïnstalleerd. Verwijder het Divi theme dus niet! Dit childtheme laadt ook de Luckiest Guy, Helsinki, Arimo en Londrina fonts lokaal in Woff2 formaat.
 Author:       Yaroon's Cartoons
 Author URI:   https://www.yaroonscartoons.com/
 Template:     Divi
 Version:      1.2.0 (14 juni 2025)
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* De ster- en telefoon-icoontjes in de website zijn SVG's die in het Child-theme zitten. 
/wp-content/themes/yaroons-cartoons 01.2.0/icons/icon_star.svg enz. 
Hier gedownload: https://www.elegantthemes.com/blog/resources/elegant-icon-font
Om te weten welk icoontje welke naam heeft, in de zip-map die je download zitten o.a. png en html  bestanden met de namen en codes. */


/* )------------- Fonts lokaal laden (START)------------- */

@font-face {
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/LuckiestGuy-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Helsinki';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/helsinki-webfont.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/Arimo-Regular-webfont.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: normal;
  src: url('fonts/Arimo-Italic-webfont.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/Arimo-Bold-webfont.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Arimo';
  font-style: italic;
  font-weight: bold;
  src: url('fonts/Arimo-BoldItalic-webfont.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/LondrinaSolid-Thin.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/LondrinaSolid-Light.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/LondrinaSolid-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Londrina Solid';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/LondrinaSolid-Black.woff2') format('woff2');
  font-display: swap;
}


/* )------------- Fonts lokaal laden (EINDE))------------- */

h1, h2, h3,
h4, h5, h6 {
font-family: 'Luckiest Guy', display, sans-serif;
}
h1, h2 {
text-transform: uppercase;
}

body {
font-family: 'Arimo', Arial, sans-serif;
}


.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255,244,0,0);
}
.mfp-fade.mfp-bg.mfp-ready {
    background-color: white;
    opacity: 0.85;
}
   /* De lightbox van de Essential Grid boven het Divi menu zetten zodat de buttons in beeld komen */
.esgbox-container {
	z-index: 999999 !important; 
}

/* De afbeeldingen van de testimonials als circel weergeven */
.wpmtst-testimonial-image img {
    border: 4px solid #EFEFEF;
    border-radius: 150px;
}
.testimonial-heading {
	font-family: 'Luckiest Guy',display;
	font-size: 34px;
}