/*!
Theme Name: IVVE
Description: Template voor de website van IVVE (2025)
Version: 1.0
Author: Torin internet applications
Author URI: https://torin.nl
*/
/*
$base-fontsize: 19px;
$base-lineheight: 27px;
*/
:root {
  --color-blue: #16163E;
  --color-red: #BF1721;
  --color-aqua: #01878F;
  --color-olive: #a5c891;
  --color-olive-dark: #4a5b4c;
  --color-green-bright: #08f958;
  --color-border: #e8dfdf;
  --color-font: #6c6a6e;
  --color-font-header-topbanner: #fff;
  --color-font-topbanner: #fff;
  --color-link: #9877BC;
  --color-link-hover: #FF6AC5;
  --color-bg-grey: #efefef;
  --color-bg-green: #d9fae0;
  --color-bg-purple: #d7c6f2;
  --color-bg-purple-light: #f3edfa;
  --color-purple: #9877BC;
  --color-pink: #FF6AC5;
  --color-grey: #B5B2B7;
  --color-header-footer: #6f4f91;
}

/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter/inter-v19-latin_latin-ext-regular.woff2") format("woff2");
}
/* inter-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/inter/inter-v19-latin_latin-ext-italic.woff2") format("woff2");
}
/* inter-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter/inter-v19-latin_latin-ext-700.woff2") format("woff2");
}
/* inter-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/inter/inter-v19-latin_latin-ext-700italic.woff2") format("woff2");
}
/* inter-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/inter/inter-v19-latin_latin-ext-800.woff2") format("woff2");
}
/* inter-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/inter/inter-v19-latin_latin-ext-900.woff2") format("woff2");
}
/*
html {
	font-size: 100%; // uitgaan van 16px
}
// check werking custom font met "Comic Sans MS" als fallback
#page-container,
#page-container input,
#page-container textarea,
#page-container select {
	font-family: $font-family;
	font-size: $base-fontsize - 2;
	line-height: $base-lineheight - 4;
    font-weight: 400;
	color: $color-font;
    @media all and (min-width: $ipad-portrait) {
        font-size: $base-fontsize;
        line-height: $base-lineheight;
    }
}
#page-container input,
#page-container textarea,
#page-container select {
    font-size: 16px;
    line-height: 27px;
}

body {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .et_pb_fullwidth_header_subhead {
        font-family: $font-family-header !important;
        color: $color-purple;
        font-size: 35px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 0;
        margin: 0 0 5px 0;
        @media all and ( min-width: $divi-break-tablet ) {
            line-height: 1.3;
        }
        a {
            color: inherit;
            text-decoration: none;
        }
    }
    h3,
    h4,
    h5,
    h6 {
        font-family: $font-family !important;
        font-size: 20px;
        text-transform: none;
        font-weight: 700;
        letter-spacing: normal;
        margin-top: 20px;
        &:first-child {
            margin-top: 0;
        }
        & + *,
        & + p {
            margin-top: 0;
        }
    }
    .tiapurplebg {
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: var( --color-pink );
        }
    }
    .et_pb_blurb_container {
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            letter-spacing: 1.75px;
            text-transform: uppercase;
            font-weight: 600;
        }
    }
    .tiamenu {
        .et_pb_blurb_container {
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                letter-spacing: normal;
            }
        }
    }

    p {
        margin: 20px 0 0 0;
        padding: 0;

        &:first-child,
        &.et_pb_contact_field {
            margin-top: 0;
        }
    }
    a {
        color: var( --color-link );
        &:hover {
            color: var( --color-link-hover );
        }
        &:focus {
            outline: 0 !important;
        }
    }
    ul,
    ol {
        margin: 0 0 20px 16px;
        padding: 0;
    }
    #main-content {
        a {
            text-decoration: underline;
        }
        ul {
            list-style-type: none !important;
            padding-left: 3px !important;

            li {
                position: relative;
                &::before {
                    content: "-";
                    position: absolute;
                    top: 0;
                    left: -17px;
                    scale: 1.5 0.8;
                }
            }
        }
    }
}

*/