/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/
@import url("https://use.typekit.net/jcp5qaq.css");

@font-face {
    font-family: 'Alexa';
    src: url('fonts/Alexa.woff2') format('woff2'),
    url('fonts/Alexa.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alois';
    src: url('fonts/Alois.woff2') format('woff2'),
    url('fonts/Alois.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anna';
    src: url('fonts/Anna.woff2') format('woff2'),
    url('fonts/Anna.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arthur';
    src: url('fonts/Arthur.woff2') format('woff2'),
    url('fonts/Arthur.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Celine';
    src: url('fonts/Celine.woff2') format('woff2'),
    url('fonts/Celine.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cezanne';
    src: url('fonts/Cezanne.woff2') format('woff2'),
    url('fonts/Cezanne.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chloe';
    src: url('fonts/Chloe.woff2') format('woff2'),
    url('fonts/Chloe.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Elise';
    src: url('fonts/Elise.woff2') format('woff2'),
    url('fonts/Elise.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ellie';
    src: url('fonts/Ellie.woff2') format('woff2'),
    url('fonts/Ellie.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Felice';
    src: url('fonts/Felice.woff2') format('woff2'),
    url('fonts/Felice.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Felix';
    src: url('fonts/Felix.woff2') format('woff2'),
    url('fonts/Felix.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fien';
    src: url('fonts/Fien.woff2') format('woff2'),
    url('fonts/Fien.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Francis';
    src: url('fonts/Francis.woff2') format('woff2'),
    url('fonts/Francis.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Georges';
    src: url('fonts/Georges.woff2') format('woff2'),
    url('fonts/Georges.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geraud';
    src: url('fonts/Geraud.woff2') format('woff2'),
    url('fonts/Geraud.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jules';
    src: url('fonts/Jules.woff2') format('woff2'),
    url('fonts/Jules.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Julia';
    src: url('fonts/Julia.woff2') format('woff2'),
    url('fonts/Julia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Juliette';
    src: url('fonts/Juliette.woff2') format('woff2'),
    url('fonts/Juliette.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Leon';
    src: url('fonts/Leon.woff2') format('woff2'),
    url('fonts/Leon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Leonie';
    src: url('fonts/Leonie.woff2') format('woff2'),
    url('fonts/Leonie.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lewis';
    src: url('fonts/Lewis.woff2') format('woff2'),
    url('fonts/Lewis.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liam';
    src: url('fonts/Liam.woff2') format('woff2'),
    url('fonts/Liam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lila';
    src: url('fonts/Lilla.woff2') format('woff2'),
    url('fonts/Lilla.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lilly Regular';
    src: url('fonts/Lilly_Regular.woff2') format('woff2'),
    url('fonts/Lilly_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lilly';
    src: url('fonts/Lilly.woff2') format('woff2'),
    url('fonts/Lilly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lilou';
    src: url('fonts/Lilou.woff2') format('woff2'),
    url('fonts/Lilou.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lisa';
    src: url('fonts/Lisa.woff2') format('woff2'),
    url('fonts/Lisa.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Livia';
    src: url('fonts/Livia.woff2') format('woff2'),
    url('fonts/Livia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Livina';
    src: url('fonts/Livina.woff2') format('woff2'),
    url('fonts/Livina.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lola';
    src: url('fonts/Lola.woff2') format('woff2'),
    url('fonts/Lola.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Louis';
    src: url('fonts/Louis.woff2') format('woff2'),
    url('fonts/Louis.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Louise';
    src: url('fonts/Louise.woff2') format('woff2'),
    url('fonts/Louise.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manon';
    src: url('fonts/Manon.woff2') format('woff2'),
    url('fonts/Manon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mats';
    src: url('fonts/Mats.woff2') format('woff2'),
    url('fonts/Mats.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Matteo';
    src: url('fonts/Matteo.woff2') format('woff2'),
    url('fonts/Matteo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Maurice';
    src: url('fonts/Maurice.woff2') format('woff2'),
    url('fonts/Maurice.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Maxime';
    src: url('fonts/Maxime.woff2') format('woff2'),
    url('fonts/Maxime.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Milan';
    src: url('fonts/Milan.woff2') format('woff2'),
    url('fonts/Milan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Olivia';
    src: url('fonts/Olivia.woff2') format('woff2'),
    url('fonts/Olivia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quinn';
    src: url('fonts/Quinn.woff2') format('woff2'),
    url('fonts/Quinn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Remi';
    src: url('fonts/Remi.woff2') format('woff2'),
    url('fonts/Remi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Romy';
    src: url('fonts/Romy.woff2') format('woff2'),
    url('fonts/Romy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rosalie';
    src: url('fonts/Rosalie.woff2') format('woff2'),
    url('fonts/Rosalie.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Sofia';
    src: url('fonts/Sofia.woff2') format('woff2'),
    url('fonts/Sofia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stan';
    src: url('fonts/Stan.woff2') format('woff2'),
    url('fonts/Stan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Suzanne';
    src: url('fonts/Suzanne.woff2') format('woff2'),
    url('fonts/Suzanne.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Taavi';
    src: url('fonts/Taavi.woff2') format('woff2'),
    url('fonts/Taavi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tessi';
    src: url('fonts/Tessi.woff2') format('woff2'),
    url('fonts/Tessi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wout';
    src: url('fonts/Wout.woff2') format('woff2'),
    url('fonts/Wout.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nova';
    src: url('fonts/Nova.woff2') format('woff2'),
    url('fonts/Nova.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hermès';
    src: url('fonts/Hermès.woff2') format('woff2'),
    url('fonts/Hermès.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Theo';
    src: url('fonts/Theo.woff2') format('woff2'),
    url('fonts/Theo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gaspard';
    src: url('fonts/Gaspard.woff2') format('woff2'),
    url('fonts/Gaspard.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nox';
    src: url('fonts/Nox.woff2') format('woff2'),
    url('fonts/Nox.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


table.extra-options td {
    text-align: left;
}

table.extra-options tr:first-child td {
    box-shadow: none;
}

table.extra-options .value input[type="text"],
table.extra-options .value textarea {
    border: 1px solid #000;
}

table.extra-options tr:nth-child(2n) td {
    background: transparent;
}

table.extra-options tr.kleuren .value, table.extra-options tr.kleuren_kerst .value,
table.extra-options tr.icoontje .value, table.extra-options tr.icoon_kerstbal .value {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline{
    width: 25%;
}

table.extra-options tr.icoontje .value label,
table.extra-options tr.icoon_kerstbal .value label {
    width: 20%;
}

@media only screen and (min-width: 650px) {
    table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline,
    table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline{
        width: 17%;
    }

    table.extra-options tr.icoontje .value label,
    table.extra-options tr.icoon_kerstbal .value label {
        width: 12%;
    }
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-label,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-label {
    font-size: .75rem;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-palette-lable,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-palette-lable,
table.extra-options tr.icoontje .value label,
table.extra-options tr.icoon_kerstbal .value label {
    text-align: center;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-box,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-box{
    margin: 0 auto;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline label[for="kleuren_Wit"] .thwepo-color-box,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline label[for="kleuren_kerst_Wit"] .thwepo-color-box{
    border: 1px solid #f4f4f4;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline label,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline label{
    cursor: pointer;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-box.kleur_selected,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-box.kleur_selected,
.icoontje label.kleur_selected, .icoon_kerstbal label.kleur_selected {
    border: 2px solid #e1dac7;
}

table.extra-options tr.kleuren .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-label.kleur_selected,
table.extra-options tr.kleuren_kerst .value .thwepo-color-palette-item.thwepo-inline .thwepo-color-label.kleur_selected{
    font-weight: bold;
    color: #e1dac7;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #000;
    border-radius: 0;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 20px;
    right: 5px;
}

.example {
    margin-top: 20px;
    padding: 20px;
    line-height: 1em;
    display: block;
    font-size: 4em;
    border: 1px solid #000;
    text-align: center;
    width: 100%;
    white-space: pre-wrap;
}

.desc_link {
    text-decoration: underline;
}

td.value.above:not(:first-of-type) {
    margin-bottom: 20px;
}

.icoontje input,
.icoon_kerstbal input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label[for="icoontje_Geen icoontje"],
label[for="icoon_kerstbal_Geen icoontje"] {
    line-height: 100px;
    height: 100px;
}

label[for="icoontje_Hartje speels + strepen"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2023/02/speels-hartje.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_2 Hartjes"],
label[for="icoon_kerstbal_2 Hartjes"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/hartjes.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_3 Hartjes"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/3-hartjes.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Hart + strepen"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/hart-strepen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Hartje + strepen"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/hartje-strepen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_2 Hartjes + strepen"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/hartjes-strepen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Strikje"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/strikje.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Strikje Lint"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/strikje-lint.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Strikje + strepen"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/strikje-strepen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Strikje Lint + strepen"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/strikje-lint-strepen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Kroontje 1"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/kroontje-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Kroontje 2"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/kroontje-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Konijntje 1"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/konijntje-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Konijntje 2"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/konijntje-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Vlinder"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/butterfly.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Paardje"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/paardje.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Pootjes"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/paw.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Sneeuwvlokje"],
label[for="icoon_kerstbal_Sneeuwvlokje"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/ice-star.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Kerstboom"],
label[for="icoon_kerstbal_Kerstboom"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/christmas-tree.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Voetjes"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/voetjes.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Boot"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/bootje-strepen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Streep"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2022/10/streepje.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Vlinder 2"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/vlinder-2-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Leeuwtje"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/leeuwtje-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Tractor"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/tractor-1-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Vliegertje"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/vliegertje-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Konijn 1"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/Konijn-1-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Konijn 2"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/konijn-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Ballon"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/ballon-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Sterren 3"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/sterren-3-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Vliegtuig"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/vliegtuig.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}

label[for="icoontje_Trapauto"] {
    color: transparent;
    background-image: url(/wp-content/uploads/2024/02/trapauto.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
}