﻿@media (prefers-reduced-motion: no-preference) {
    @media (prefers-reduced-motion: no-preference) {
        .page-title {
            display: none !important;
        }
    }
}

#actie .actie-header-text {
    margin-top: 1rem;
}

.flex-2c, .flex-3c, .flex-2-large, .flex-row, .flex-3-col {
    display: flex;
}

.checkmark-list {
    list-style: none;
    padding-left: 0;
}

    .checkmark-list li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
    }

        .checkmark-list li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #4CAF50;
            font-weight: bold;
            font-size: 18px;
        }


    .checkmark-list.custom li:before {
        content: "✔";
        color: #28a745;
    }


#actie .actie-header-text .actie-benefits ul li span {
    color: #008000;
    font-weight: bold;
    margin-right: 5px;
}

#actie .actie-header-text .actie-benefits ul li, #actie .tick-cross-list > li {
    margin-bottom: 10px;
}


#actie .actie-header-text > .standard-light-border {
    padding: 1.5rem;
    width: 100%;
}

@media (min-width: 450px) {
    #actie .actie-header-text > .standard-light-border:first-child {
        margin-right: 1rem;
    }
}

.actie-header {
    margin-top: 20px;
}

.standard-light-border {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.template ul {
    padding-left: 20px;
}

#actie .actie-header-text .actie-benefits ul {
    list-style: none;
}
