/* Text Block Widget */

.widget_text_block .widget_text_block_container {
    display: flex;
    margin: 15px 0;
    overflow: hidden;
}

.widget_text_block[data-style="left"] .widget_text_block_container {
    flex-direction: row;
}

.widget_text_block[data-style="right"] .widget_text_block_container {
    flex-direction: row-reverse;
}

.widget_text_block .widget_text_block_container .text_block_text,
.widget_text_block .widget_text_block_container .text_block_image {
    position: relative;
    flex: 1;
}

.widget_text_block .widget_text_block_container .text_block_text {
    background: #ededed;
    color: #3f3f3f;
}

.widget_text_block .widget_text_block_container .text_block_text > div {
    min-height: 300px;
    height: 100%;
    padding: 30px;
}

.widget_text_block[data-color="dark-blue"] .widget_text_block_container .text_block_text {
    background: var(--dark-blue);
    color: #fff;
}

.widget_text_block[data-color="light-blue"] .widget_text_block_container .text_block_text {
    background: var(--light-blue);
    color: #fff;
}

.widget_text_block .widget_text_block_container .text_block_text h1,
.widget_text_block .widget_text_block_container .text_block_text h2,
.widget_text_block .widget_text_block_container .text_block_text h3,
.widget_text_block .widget_text_block_container .text_block_text h4 {
    color: var(--dark-blue);
}

.widget_text_block[data-color="dark-blue"] .widget_text_block_container .text_block_text h1,
.widget_text_block[data-color="light-blue"] .widget_text_block_container .text_block_text h1,
.widget_text_block[data-color="dark-blue"] .widget_text_block_container .text_block_text h2,
.widget_text_block[data-color="light-blue"] .widget_text_block_container .text_block_text h2,
.widget_text_block[data-color="dark-blue"] .widget_text_block_container .text_block_text h3,
.widget_text_block[data-color="light-blue"] .widget_text_block_container .text_block_text h3,
.widget_text_block[data-color="dark-blue"] .widget_text_block_container .text_block_text h4,
.widget_text_block[data-color="light-blue"] .widget_text_block_container .text_block_text h4 {
    color: inherit;
}

.widget_text_block .widget_text_block_container .text_block_text ul:not([class]):not([id]) li::marker {
    color: inherit !important;
}

.widget_text_block .widget_text_block_container .text_block_image {
    background-color: #f5f5f5;
    min-height: 300px;
    margin: 30px 0;
}

.widget_text_block .widget_text_block_container .text_block_image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/*-----------------------------------------------------------------------------------------------*/
/*Cards Widget*/

/*#region Cards*/

.widget_cards .cards {
    display: flex;
    gap: 15px;
    margin: 20px 0;
}

    .widget_cards .cards .card {
        flex: 1 1 0px;
        padding: 15px;
    }

.widget_cards[data-color="offwhite"] .card {
    background: var(--offwhite);
}

/*.widget_cards[data-color="warmgrey"] .card {
    background: var(--warm-grey);
}*/

.widget_cards[data-color="gradient"] .card {
    background: linear-gradient(var(--dark-blue), var(--light-blue));
}

    .widget_cards[data-color="gradient"] .card h1,
    .widget_cards[data-color="gradient"] .card h2,
    .widget_cards[data-color="gradient"] .card h3,
    .widget_cards[data-color="gradient"] .card h4,
    .widget_cards[data-color="gradient"] .card h5,
    .widget_cards[data-color="gradient"] .card h6,
    .widget_cards[data-color="gradient"] .card p {
        color: var(--white);
    }



.widget_cards[data-color="dark-blue"] .card {
    background: var(--dark-blue);
}

    .widget_cards[data-color="dark-blue"] .card h1,
    .widget_cards[data-color="dark-blue"] .card h2,
    .widget_cards[data-color="dark-blue"] .card h3,
    .widget_cards[data-color="dark-blue"] .card h4,
    .widget_cards[data-color="dark-blue"] .card h5,
    .widget_cards[data-color="dark-blue"] .card h6,
    .widget_cards[data-color="dark-blue"] .card p {
        color: var(--white);
    }


.widget_cards[data-color="light-blue"] .card {
    background: var(--light-blue);
}

    .widget_cards[data-color="light-blue"] .card h1,
    .widget_cards[data-color="light-blue"] .card h2,
    .widget_cards[data-color="light-blue"] .card h3,
    .widget_cards[data-color="light-blue"] .card h4,
    .widget_cards[data-color="light-blue"] .card h5,
    .widget_cards[data-color="light-blue"] .card h6,
    .widget_cards[data-color="light-blue"] .card p {
        color: var(--white);
    }


.widget_cards[data-color="orange"] .card {
    background: var(--orange);
}

    /*.widget_cards[data-color="light-blue"] .card h1,
    .widget_cards[data-color="light-blue"] .card h2,
    .widget_cards[data-color="light-blue"] .card h3,
    .widget_cards[data-color="light-blue"] .card h4,
    .widget_cards[data-color="light-blue"] .card h5,
    .widget_cards[data-color="light-blue"] .card h6,
    .widget_cards[data-color="light-blue"] .card p {
        color: var(--white);
    }*/

.widget_cards[data-dropshadow="true"] .card {
    box-shadow: rgba(0,0,0,0.1) 5px 5px 5px;
}

.widget_cards[data-borders="true"] .card {
    border-radius: 10px;
}

.widget_cards[data-amount="two"] .card.two,
.widget_cards[data-amount="three"] .card.two,
.widget_cards[data-amount="four"] .card.two {
    display: flex !important;
}

.widget_cards[data-amount="three"] .card.three,
.widget_cards[data-amount="four"] .card.three {
    display: flex !important;
}

.widget_cards[data-amount="four"] .card.four {
    display: flex !important;
}

.widget_cards[data-amount="one"][data-width="4/4"] .card,
.widget_cards[data-amount="two"][data-width="4/4"] .card,
.widget_cards[data-amount="three"][data-width="4/4"] .card {
    max-width: calc((100% / 4) - 7.5px);
}

.widget_cards[data-amount="one"][data-width="3/4"] .card,
.widget_cards[data-amount="two"][data-width="3/4"] .card {
    max-width: calc((100% / 3) - 7.5px);
}

.widget_cards[data-amount="one"][data-width="2/4"] .card {
    max-width: calc((100% / 2) - 7.5px);
}

/*-----------------------------------------------------------------------------------------------*/
/*Divider Widget*/

.widget-divider {
    position: relative;
    background-color: var(--light-grey);
    padding: 15px 0;
    margin: 15px 0;
    color: #000;
}

.widget-divider[data-color=dark-blue] {
    background-color: var(--dark-blue);
    color: #fff;
}

.widget-divider[data-color=light-blue] {
    background-color: var(--light-blue);
    color: #fff;
}

.widget-divider[data-color=orange] {
    background-color: var(--orange);
    color: #fff;
}

.widget-divider::before,
.widget-divider::after {
    position: absolute;
    background: inherit;
    content: "";
    width: 100vw;
    height: 100%;
    top: 0;
    right: 100%;
}

.widget-divider::after {
    left: 100%;
}

    .widget-divider h1,
    .widget-divider h2,
    .widget-divider h3,
    .widget-divider h4,
    .widget-divider h5,
    .widget-divider h6 {
        color: inherit;
    }

    .widget-divider:not([data-color=grey]) a {
        color: inherit;
    }

    .widget-divider:not([data-color=grey]) a:hover {
        color: #a7a7a7;
    }

    .widget-divider:not([data-color=grey]) [class*="btn-"]:not(.btn-group) {
        border-color: #fff;
        color: #fff;
    }

    .widget-divider:not([data-color=grey]) [class*="btn-"]:not(.btn-group):hover,
    .widget-divider:not([data-color=grey]) [class*="btn-"]:not(.btn-group):focus,
    .widget-divider:not([data-color=grey]) [class*="btn-"]:not(.btn-group).active {
        background: #fff;
        color: #000;
    }