/*
Theme Name: dt-the7-child
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.1
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
*/


/* ----- General ----- */

body>#page {
    grid-template-areas: 'header' 'slider' 'title' 'fancyheader' 'elementor-header' 'checkout' 'main' 'cta' 'footer';
}

a {
    text-decoration: none!important;
}


/* ----- Helpers ----- */

.text-white {
    color: #fff!important;
}

.font-weight-light {
    font-weight: 300!important;
}

.spacer {
    padding-left: 10px;
    padding-right: 10px;
} 

.boxed-content-left>.vc_column-inner {
    padding-right: 3rem;
}

.boxed-content-right>.vc_column-inner {
    padding-left: 3rem;
}


/* ----- Resets ----- */

.dt-btn {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dt-btn.ico-right-side>i {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.dt-btn.ico-right-side:hover>i {
    margin-left: 12px!important;
}

.dt-btn-l {
    color: #fff!important;
    border-color: #fff!important;
}

.dt-btn-l:hover {
    background-color: #fff!important;
    color: #000!important;
    border-color: #fff!important;
}

body>#page>#main #content .wpb_wrapper>p>a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body>#page>#main #content .wpb_wrapper>p>a:hover {
    color: #AC1018;
}


/* ----- Header ----- */

body>#page>.masthead {
    background: rgb(222, 152, 32)!important;
    background: linear-gradient(90deg, rgba(222, 152, 32, 1) 0%, rgba(172, 16, 24, 1) 90%)!important;
}

body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a,
body>#page>.dt-mobile-header>.mobile-header-scrollbar-wrap>#mobile-menu>.menu-item-type-custom>a {
    color: #fff!important;
    border: 2px solid #fff!important;
    border-radius: 30px;
    margin-top: 27px;
    margin-bottom: 27px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    justify-content: center;
}

body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a>span>.menu-text {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a:hover,
body>#page>.dt-mobile-header>.mobile-header-scrollbar-wrap>#mobile-menu>.menu-item-type-custom>a:hover {
    background-color: #fff;
}

body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a:hover>span>.menu-text,
body>#page>.dt-mobile-header>.mobile-header-scrollbar-wrap>#mobile-menu>.menu-item-type-custom>a:hover>span>.menu-text {
    color: #000!important;
}

body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a>span::before {
    display: none;
}

body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a>span>.menu-text {
    text-transform: unset!important;
    font-size: 15px;
}

body>#page>.dt-mobile-header>.mobile-header-scrollbar-wrap>#mobile-menu>li>a>span>.menu-text {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body>#page>#fancy-header {
    position: relative;
}

body:not(.home)>#page>#fancy-header:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(222, 152, 32);
    background: linear-gradient(90deg, rgba(222, 152, 32, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

body:not(.home)>#page>#fancy-header:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: -6%;
    bottom: -1px;
    background: url('/wp-content/themes/dt-the7-child/assets/img/Subtraction-white.svg');
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

body.home>#page>#fancy-header:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/wp-content/themes/dt-the7-child/assets/img/Subtraction-grey.svg');
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

body.home>#page>#fancy-header>.wf-wrap>section>.textwidget>a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

body.home>#page>.fancy-header {
    animation: move 15s infinite ease-in-out;
}


/* @keyframes move{
0%{
 transform: scale(1) rotate(0deg);
}
  100%{
   transform: scale(1.05) rotate(0.1deg);

  }

} */

body.home>#page>.fancy-header {
    transition: transform 3s;
}

body.home>#page>#fancy-header>.wf-wrap>section>.textwidget>a:hover {
    color: rgba(255, 255, 255, 0.7);
}

body.home>#page>#fancy-header>.wf-wrap>section>.textwidget>a>.b-100 {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid;
    border-radius: 100%;
}

body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head {
    max-width: 42%;
}

body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>h1,
body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>h2 {
    margin-bottom: 45px;
}

body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>.fancy-subtitle {
    max-width: 60%;
}

body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>.fancy-subtitle>span {
    font-weight: 300!important;
}

body>#page>.masthead>.header-bar>.branding,
body>#page>.masthead>.mobile-header-bar>.mobile-branding {
    max-width: 210px;
}

body>#page>.masthead>.header-bar>.branding>.same-logo>.ghost>img,
body>#page>.masthead>.mobile-header-bar>.mobile-branding>.same-logo>.ghost>img {
    padding-top: 20px;
}

.ghost {
    position: relative;
    z-index: 1;
}

.ghost:before {
    content: '';
    position: absolute;
    top: -10px;
    right: -199px;
    bottom: -30px;
    left: -310px;
    z-index: 0;
    background-image: url('assets/img/branding-bg.svg');
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.ghost>img {
    position: relative;
    z-index: 2;
}


/* ----- Sidebar ----- */

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>li {
    background-color: #F7F7F7;
    padding: 20px 20px 20px 20px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>li:first-child,
body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>.current-menu-item {
    background-color: #000;
}

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>li:first-child>a,
body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>.current-menu-item>a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>li:first-child:hover {
    background-color: #AC1018;
}

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>li:hover {
    background-color: #e2e1e1;
}

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>.current-menu-item:hover {
    background-color: #000;
}

body>#page>#main #sidebar>.sidebar-content>section>.menu-diensten-menu-container>ul>li>a {
    display: block;
    font-size: 17px;
}

.sidebar-content .widget .menu li {
    border-width: 0px;
}


/* ----- Footer ----- */

body>#page>#footer {
    background: rgb(222, 152, 32)!important;
    background: linear-gradient(90deg, rgba(222, 152, 32, 1) 0%, rgba(172, 16, 24, 1) 90%)!important;
}

body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section>.textwidget>.white-divider {
    height: 1px;
    width: 75%;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.25);
}

body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section>.textwidget>a {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section>.textwidget>p>a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section>.textwidget>a:hover,
body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section>.textwidget>p>a:hover {
    color: rgb(223, 223, 223);
}

body>#page>#footer>#bottom-bar>.wf-wrap>.wf-container-bottom>div {
    display: flex;
}

body>#page>#footer>#bottom-bar>.wf-wrap>.wf-container-bottom>.wf-float-right {
    display: none!important;
}


/* ----- Content - CTA ----- */

#cta {
    grid-area: cta;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #000;
}

#cta>.wf-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1400px;
    padding-left: 50px;
    padding-right: 50px;
}

#cta>.wf-wrap>.cta-col {
    max-width: 50%;
}

#cta>.wf-wrap>.cta-col>.divider {
    width: 80px;
    height: 5px;
    background-color: #DE9820;
    margin-top: 20px;
    margin-bottom: 20px;
}

#cta>.wf-wrap>.cta-col>img {
    max-width: 500px;
}

#cta>.wf-wrap>.cta-col>a {
    margin-top: 10px;
}


/* ----- Content - Contact form 7 ----- */

body>#page>#main #content .wpcf7-form>p>.wpcf7-form-control-wrap>.wpcf7-form-control>.wpcf7-list-item {
    margin-top: 10px;
    margin-left: 0!important;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p,
body>#page>#main #content .wpcf7-form>p {
    margin-bottom: 0px!important;
}

body>#page>#main #content .wpcf7-form>.form-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p {
    width: 48%;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p:first-child {
    padding-right: 5px;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p:nth-child(2) {
    padding-left: 5px;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p:nth-child(3) {
    padding-right: 5px;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p:nth-child(4) {
    padding-left: 5px;
}

body>#page>#main #content .wpcf7-form>.form-wrapper>p>label>span>input {
    padding: 30px 15px 30px 15px;
    border: 1px solid #B7B7B7;
}

body>#page>#main #content .wpcf7-form>p>label>span>textarea {
    padding: 20px 15px 20px 15px;
    border: 1px solid #B7B7B7;
}

body>#page>#main #content .wpcf7-form>p>.wpcf7-form-control.wpcf7-submit {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin-top: 10px;
}

body>#page>#main #content .wpcf7-form>p>label>span>input,
body>#page>#main #content .wpcf7-form>div>p>label>span>input,
body>#page>#main #content .wpcf7-form>p>label>span>textarea {
    background-color: transparent;
    border-radius: 5px;
    color: #2B2B2B;
}

body>#page>#main #content .wpcf7-form>p>label>span> ::placeholder,
body>#page>#main #content .wpcf7-form>div>p>label>span> ::placeholder {
    color: #2B2B2B;
}

body>#page>#main #content .wpcf7-form>.wpcf7-response-output {
    margin-left: 0px;
    border-color: #C5531C;
}


/* ----- Content - Diensten ----- */

body>#page>#main #content .cards {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

body>#page>#main #content .cards>.col {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

body>#page>#main #content .cards>.w-50 {
    flex: 0 0 50%;
    max-width: 50%;
}

body>#page>#main #content .cards>.col>.card {
    height: 100%!important;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
}

body>#page>#main #content .cards .card a {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	height: 100%;

}

body>#page>#main #content .cards>.col>.card>a>.card-body {
    background: #fff;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 60px;
    padding-bottom: 35px;
    border-radius: 5px;
    border-bottom: 5px solid;
    box-shadow: 0px 0px 5px rgb(216, 216, 216);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	box-sizing: border-box;
	height: 100%;
}

body>#page>#main #content .cards>.col>.card>a>.card-body:hover {
    box-shadow: 0px 0px 16px rgb(216, 216, 216);
}

body>#page>#main #content .cards>.col:first-child>.card>a>.card-body,
body>#page>#main #content .cards>.col:nth-child(4)>.card>a>.card-body,
body>#page>#main #content .cards>.col:nth-child(7)>.card>a>.card-body {
    border-color: #DE9820;
}

body>#page>#main #content .cards>.col:first-child>.card>a:hover>.card-body>h3,
body>#page>#main #content .cards>.col:nth-child(4)>.card>a:hover>.card-body>h3,
body>#page>#main #content .cards>.col:nth-child(7)>.card>a:hover>.card-body>h3 {
    color: #DE9820;
}

body>#page>#main #content .cards>.col:nth-child(3)>.card>a>.card-body,
body>#page>#main #content .cards>.col:nth-child(6)>.card>a>.card-body,
body>#page>#main #content .cards>.col:nth-child(9)>.card>a>.card-body {
    border-color: #AC1018;
}

body>#page>#main #content .cards>.col:nth-child(3)>.card>a:hover>.card-body>h3,
body>#page>#main #content .cards>.col:nth-child(6)>.card>a:hover>.card-body>h3,
body>#page>#main #content .cards>.col:nth-child(9)>.card>a:hover>.card-body>h3 {
    color: #AC1018;
}

body>#page>#main #content .cards>.col:nth-child(2)>.card>a>.card-body,
body>#page>#main #content .cards>.col:nth-child(5)>.card>a>.card-body,
body>#page>#main #content .cards>.col:nth-child(8)>.card>a>.card-body {
    border-color: #C5531C;
}

body>#page>#main #content .cards>.col:nth-child(2)>.card>a:hover>.card-body>h3,
body>#page>#main #content .cards>.col:nth-child(5)>.card>a:hover>.card-body>h3,
body>#page>#main #content .cards>.col:nth-child(8)>.card>a:hover>.card-body>h3 {
    color: #C5531C;
}

body>#page>#main #content .cards>.col>.card>a>.card-body>h3,
body>#page>#main #content .cards>.col>.card>a>.card-body>p {
    text-align: center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


/* ----- Media Queries ----- */

@media screen and (max-width: 1200px) {
    #cta>.wf-wrap>.cta-col>img {
        max-width: 350px;
    }
    body>#page>#main #content .cards>.col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    body>#page>#main #content .jc-center {
        justify-content: center;
    }
    body:not(.home)>#page>#fancy-header:after {
        right: -4%;
    }
    body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    body>#page>.masthead>.header-bar>#primary-menu>li>a {
        margin-left: 5px;
        margin-right: 5px;
    }
    body>#page>.masthead>.header-bar>#primary-menu>li>a>span>.menu-text,
    body>#page>.masthead>.header-bar>#primary-menu>.menu-item-type-custom>a>span>.menu-text {
        font-size: 12px;
    }
    body>#page>#main #content .cards>.w-50 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 992px) {
    body>#page>#main #content .wpcf7-form>.form-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    body>#page>#main #content .wpcf7-form>.form-wrapper>p {
        width: 100%;
    }
    body>#page>#main #content .wpcf7-form>.form-wrapper>p:first-child {
        padding-right: 0px;
    }
    body>#page>#main #content .wpcf7-form>.form-wrapper>p:nth-child(2) {
        padding-left: 0px;
    }
    body>#page>#main #content .wpcf7-form>.form-wrapper>p:nth-child(3) {
        padding-right: 0px;
    }
    body>#page>#main #content .wpcf7-form>.form-wrapper>p:nth-child(4) {
        padding-left: 0px;
    }
    body>#page>#main #content>.vc_section .wpb_wrapper>h2 {
        font-size: 25px;
    }
    body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head {
        max-width: 65%;
    }
    body.home>#page>#fancy-header:after {
        bottom: -2px;
        right: -50px;
        background-size: 40%;
    }
    body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section>.textwidget>.white-divider {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #cta>.wf-wrap {
        flex-direction: column;
        justify-content: center;
    }
    #cta>.wf-wrap>.cta-col {
        max-width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    #cta>.wf-wrap>.cta-col:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #cta>.wf-wrap>.cta-col>h2,
    #cta>.wf-wrap>.cta-col>h4 {
        text-align: center!important;
    }
    #cta>.wf-wrap>.cta-col>.divider {
        width: 100%;
    }
    #cta>.wf-wrap>.cta-col>a {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    body>#page>#main #content>.vc_section .wpb_wrapper>h2 {
        font-size: 34px;
    }
    /* body > #page > #main #content .cards {
		justify-content: center;
		align-items: flex-start;
	}

	body > #page > #main #content .cards > .card {
		max-width: 90%;
		max-height: 200px;
	} */
    body:not(.home)>#page>#fancy-header:after {
        right: 0;
    }
    body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head,
    body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>.fancy-subtitle {
        max-width: 100%;
    }
    #cta>.wf-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .boxed-content-right>.vc_column-inner,
    .boxed-content-left>.vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    body:not(.home)>#page>#fancy-header:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(222, 152, 32);
        background: linear-gradient(90deg, rgba(222, 152, 32, 1) 0%, rgba(255, 255, 255, 0) 100%);
    }
    .mq-center {
        text-align: center!important;
    }
    body>#page>#main #content .cards>.col {
        flex: 0 0 190%;
        max-width: 100%;
    }
}

@media screen and (max-width: 576px) {
    body>#page>#footer>#bottom-bar>.wf-wrap>.wf-container-bottom>div {
        flex-direction: column;
    }
    .ghost:before {
        right: -100px;
    }
    body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>h1,
    body.home>#page>#fancy-header>.wf-wrap>.fancy-title-head>h2 {
        margin-bottom: 25px;
    }
    body>#page>#footer>#bottom-bar>.wf-wrap>.wf-container-bottom {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    body>#page>#footer>#bottom-bar>.wf-wrap>.wf-container-bottom>div {
        align-items: flex-start;
    }
    body>#page>#footer>.wf-wrap>.wf-container-footer>.wf-container>section:last-child {
        margin-bottom: 0px;
    }
}