/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/themes/dt-the7-child/fonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/dt-the7-child/fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/themes/dt-the7-child/fonts/fa-brands-400.woff2") format("woff2");
}

html {
    scroll-behavior: smooth !important;
    scroll-padding-top: 400px;
}

.green {
    color: #73bd6e;
}

.black {
    color: #2d2c28;
}

.blue {
    color: #647af7;
}

.orange {
    color: #ed8b0a;
}

.home-heading h1 .blue {
    text-shadow:
        -1px 0 #ffffff,
        0 1px #ffffff,
        1px 0 #ffffff,
        0 -1px #ffffff;
}

.home-heading span.h3-size {
    color: #ffffff;
    font-weight: 400;
    display: block;
    width: 100%;
}

.elementor-widget-theme-post-content .wp-block-separator {
    display: none;
}

.elementor-custom-embed {
    height: 100%;
}

.info-icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 3px;
    cursor: pointer;
    line-height: 1;
    top: 4px;
}

.info-icon::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #6d6d6d;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><text x='50%' y='60%' dominant-baseline='middle' text-anchor='middle' font-family='Arial' font-size='14' fill='white'>i</text></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

.image-stretch *,
.image-stretch .img-css-resize-wrapper img {
    height: 100%;
}

form div.elementor-message {
    margin: 1rem 0;
    padding: 1rem;
    color: #ffffff !important;
    border-radius: 17px;
}

form div.elementor-message.elementor-message-success {
    background: #73bd6e;
}

form div.elementor-message:not(.elementor-message-success) {
    background: #d9534f;
}

html #footer.solid-bg {
    background: none;
}

.text-wrap-desktop {
    overflow-wrap: anywhere;
}
.elementor-field-type-checkbox .elementor-field-subgroup {
    gap: 20px;
}

.elementor-field-type-checkbox .elementor-field-option {
    display: flex;
    align-items: center;
    position: relative;
    flex: 0 1 calc(16.6666% - 20px);
    padding: 0 !important;
}

.elementor-field-type-checkbox .elementor-field-option input {
    display: none !important;
}

input[readonly] {
    cursor: not-allowed !important;
    background: rgba(0, 0, 0, 0.12) !important;
}

.elementor-field-group {
    align-content: flex-start;
}

.flex-direction-none > .e-con-inner {
    flex-direction: initial !important;
}

html #page {
    background: none;
}

.header-relative > div {
    position: relative;
}

.elementor-widget-n-accordion .e-n-accordion-item {
    overflow: visible !important;
}

.elementor-widget-n-accordion summary {
    box-shadow: 0px 0px 15px 0px rgba(72, 19.999999999999986, 0.9999999999999964, 0.25);
}

header .horizontal-menu-wrap:not(.horizontal-menu-dropdown) .the7-e-mega-menu-content > .elementor-section-wrap {
    overflow: visible !important;
}

.normal-style {
    text-transform: none !important;
}

.margin-top-auto {
    margin-top: auto;
}

.contact-button.elementor-element {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    width: auto;
    position: fixed;
    bottom: 10px;
    right: 10px;
    transition: bottom 0.6s ease-in-out;
    z-index: 99999;
    pointer-events: none;
}

.contact-button.elementor-element .elementor-button {
    background-color: #647af7;
    border-color: #647af7;
    border-style: solid;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: start;
    min-width: 9px;
    flex: 0;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    cursor: pointer;
    pointer-events: all;
}

.contact-button.elementor-element:hover .elementor-button,
.contact-button.elementor-element:focus .elementor-button {
    background: #4557c0;
    border-color: #4557c0;
    border-style: solid;
}

.contact-button.elementor-element .elementor-button .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap;
    padding-left: 20px;
    opacity: 0;
    transition: all 0.5s ease;
}

.contact-button.elementor-element:hover .elementor-button .text,
.contact-button.elementor-element:focus .elementor-button .text {
    opacity: 1;
}

.contact-button.elementor-element .elementor-button svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-left: -5px;
}

.contact-button.elementor-element .elementor-button span:first-child {
    font-family: var(--e-global-typography-el_f_uppercase_s-font-family), Sans-serif;
    font-size: 12px;
    font-weight: var(--e-global-typography-el_f_uppercase_s-font-weight);
    text-transform: var(--e-global-typography-el_f_uppercase_s-text-transform);
    line-height: 1;
    display: block;
}

.contact-button.elementor-element .elementor-button span + span {
    display: block;
    margin-top: 3px;
    line-height: 1;
}

.contact-button.elementor-element .elementor-button img {
    position: absolute;
    left: 21px;
}

/* Fix blog styles */
.wp-block-heading {
    color: var(--the7-base-color);
}

@media only screen and (min-width: 1024px) {
    .contact-button.elementor-element.whatsapp {
        display: none !important;
    }

    .contact-button.elementor-element + .contact-button.elementor-element {
        bottom: calc(10px + 65px + 10px);
    }

    .contact-button.elementor-element:hover .elementor-button,
    .contact-button.elementor-element:focus .elementor-button {
        flex: 1;
    }
}

/* mobiel */
@media only screen and (max-width: 1023px) {
    .text-wrap {
        overflow-wrap: anywhere;
    }

    form .e-form__indicators .e-form__indicators__indicator label {
        display: none !important;
    }

    html .elementor-button-align-stretch .e-form__buttons__wrapper {
        flex-basis: 100%;
    }

    .elementor-field-type-checkbox .elementor-field-option {
        flex: 0 1 calc(25% - 20px);
        max-width: 100%;
    }

    .contact-button.elementor-element.email {
        display: none !important;
    }

    .contact-button.elementor-element + .contact-button.elementor-element:not(.whatsapp) {
        bottom: calc(10px + 51px + 10px);
    }

    .contact-button.elementor-element .elementor-button {
        padding: 6px 18px;
    }

    .contact-button.elementor-element .elementor-button img {
        left: 14px;
    }
}

@media (max-width: 767px) {
    .elementor-field-type-checkbox .elementor-field-option {
        flex: 0 1 calc(50% - 20px);
        max-width: 100%;
    }
}