/*
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
*/

#page.boxed {
    box-shadow: none;
}

.breadcrumbs li.current {
    color: #A8ABAA;
}

.breadcrumbs li {
    padding-left: 18px;
}

.breadcrumbs li:before, .fancy-header .breadcrumbs li:before {
    content: ">";
    margin-right: 2px;
    font-weight: 600;
    color: #000000;
}

.single-vacatures .wf-container-main {
    display: block !important;
}

.wpb_text_column .wpb_wrapper > ul {
    list-style: none;
    margin-bottom: 45px;
}

.wpb_text_column .wpb_wrapper > ul > li {
    position: relative;
    margin-bottom: 30px;
}

.wpb_text_column .wpb_wrapper > ul > li:before {
    content: "";
    background-color: #22A2E6;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    position: absolute;
    line-height: 26px;
    vertical-align: middle;
    display: inline-block;
    left: -20px;
    top: calc(50% - 3px);
}

.hero-description-row > .vc_column_container {
    padding: 0 15px;
}
.hero-description-row > .vc_column_container > .vc_column-inner {
    background-color: white;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15) !important;
}

article.dt_portfolio {
    position: relative;
}

article.dt_portfolio .post-entry-content {
    position: initial;
}

article.dt_portfolio .portfolio-categories {
    position: absolute;
    top: 20px;
    left: 10px;
}

article.dt_portfolio .portfolio-categories .category-link {
    color: transparent;
}

article.dt_portfolio .portfolio-categories .category-link > a {
    line-height: 23px;
    padding: 6px 15px 4px;
    background-color: white;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    float: left;
    clear: both;
    margin-bottom: 10px;
    color: #000000;
}

article.dt_portfolio .portfolio-categories .category-link > a:hover {
    text-decoration: none;
    color: #22A2E6;
}

article.dt_portfolio .post-entry-content, .tags-template-content {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.vc_gitem-zone.vc_gitem-zone-c {
    overflow: visible;
}

.cust-box-sha {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

/*Footer*/

.menu-footer-menu-top-container ul.menu ,
.menu-footer-menu-bottom-container ul.menu {
    padding: 0;
}

.menu-footer-menu-top-container ul.menu li,
.menu-footer-menu-bottom-container ul.menu li {
    border-width: 0;
}

.menu-footer-menu-bottom-container ul.menu li {
    margin: 0;
    padding: 0;
}

.menu-footer-menu-top-container ul.menu li a {
    font-weight: bold;
    line-height: 26px;
}

.menu-footer-menu-bottom-container ul.menu li a {
    font-size: 11px;
    font-weight: 500;
}

.wf-container-footer > .wf-container > section:nth-child(5) {
    margin-bottom: 10px;
}

.jobs-item {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}


/*BLOG*/

.blog-shortcode article.post {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15) !important;
}

.blog-shortcode article.post .post-details.details-type-link {
    font-weight: normal;
    color: #22A2E6;
}

/*Forms*/

.nf-field-element input[type="text"],
.nf-field-element input[type="tel"] {
    color: #000000;
    border: 4px solid #E7E7E5;
    height: 54px;
    line-height: 46px;
}

.list-checkbox-wrap .nf-field-element input[type=checkbox] {
    display: none;
}

.ninja-forms-field.align-right {
    float: right;
}

.label-above div.nf-field-label {
    margin-bottom: 0;
}

.label-above .listcheckbox-wrap div.nf-field-label {
    margin-bottom: 20px;
}

.list-checkbox-wrap.list-wrap .nf-field-element li {
    margin: 0 0 15px !important;
}

.nf-form-fields-required {
    display: none;
}

.Defaults-phone:before,
.Defaults-envelope:before {
    vertical-align: middle;
}

.list-checkbox-wrap .nf-field-element input[type=checkbox] + label {
    position: relative;
    margin-left: 0;
    padding-left: 30px;
}

.list-checkbox-wrap .nf-field-element input[type=checkbox] + label:before,
.list-checkbox-wrap .nf-field-element input[type=checkbox].nf-checked + label:after {
    content: "";
    width: 19px;
    height: 19px;
    border: 2px solid #000000;
    border-radius: 2px;
    background-color: white;
    margin: 0;
    display: inline-block;
    color: #000000;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0;
    cursor: pointer;
}

.list-checkbox-wrap .nf-field-element input[type=checkbox].nf-checked + label:after {
    background-color: #000000;
    font-family: 'Defaults';
    content: '\f00c';
    font-weight: 100;
    color: white;
    font-size: 12px;
    line-height: 17px;
}

@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1024px) {

    /*header*/
    .masthead {
        top: 35px;
    }

    .page-title-breadcrumbs {
        margin-bottom: 50px;
    }

    .masthead:not(.side-header), #footer > .wf-wrap {
        max-width: 1440px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .hero-description-row {
        margin-top: -100%;
        display: inline-block;
    }

    .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
        max-width: 100%;
    }

    .top-bar {
        position: static;
    }

    .top-bar .mini-nav {
        position: absolute;
        right: 0;
        bottom: -60px;
        padding: 25px 62px;
        background-color: #22A2E6;
    }

    .top-bar .mini-nav .menu-item:hover a,
    .top-bar .mini-nav .menu-item.current-menu-item a,
    .top-bar .mini-nav .menu-item.current-menu-item:hover a {
        opacity: 1;
        position: relative;
    }

    .top-bar .mini-nav .menu-item.current-menu-item a span {
        opacity: 1 !important;
    }

    .top-bar .mini-nav .menu-item:hover a:before,
    .top-bar .mini-nav .menu-item.current-menu-item a:before,
    .top-bar .mini-nav .menu-item.current-menu-item:hover a:before {
        content: '';
        height: 5px;
        position: absolute;
        left: 0;
        right: 0;
        background-color: white;
        display: inline-block;
        bottom: -25px;
    }

    .mini-nav:not(.select-type-menu) > ul > li:not(:last-child) {
        margin: 0 50px 0 0;
    }

    /*footer*/

    .wf-container-footer > .wf-container {
        text-align: right;
    }

    .wf-container-footer > .wf-container > section {
        padding-top: 30px;
        margin-bottom: 0;
    }

    .wf-container-footer > .wf-container > section:nth-child(1) .custom-html-widget > .vc_row {
        margin: 0 0 30px 0;
    }
    .wf-container-footer > .wf-container > section:nth-child(1) .aio-icon-component {
        margin-bottom: 20px;
    }
    .wf-container-footer > .wf-container > section:nth-child(1) .aio-icon-left .aio-icon {
        margin-right: 15px;
    }
    .wf-container-footer > .wf-container > section:nth-child(1) .left-icon .aio-ibd-block {
        display: table-cell;
        vertical-align: middle;
    }
    .wf-container-footer > .wf-container > section:nth-child(1) .left-icon .aio-icon-left {
        display: table-cell;
        vertical-align: top;
    }
    .wf-container-footer > .wf-container > section:nth-child(1) {
        text-align: left;
    }

    .wf-container-footer > .wf-container > section:nth-child(2) {
        width: 15%;
        padding-top: 0;
    }

    .wf-container-footer > .wf-container > section:nth-child(3) {
        width: 32%;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) {
        width: 53%;
        text-align: right;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) .custom-html-widget .dt-shortcode-soc-icons,
    .wf-container-footer > .wf-container > section:nth-child(4) .custom-html-widget > span {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 30px;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) .custom-html-widget > span:last-child {
        margin-right: 0;
    }

    .wf-container-footer > .wf-container > section:nth-child(5) {
        width: auto;
    }

    .menu-footer-menu-top-container ul.menu li,
    .menu-footer-menu-bottom-container ul.menu li {
        display: inline-block;
        float: left;
        padding: 0;
        margin-top: 0;
        margin-left: 40px;
    }

    .menu-footer-menu-top-container .menu .menu-item a,
    .menu-footer-menu-top-container .menu .menu-item.current-menu-item a {
        color: black;
        text-decoration: none;
    }

    .menu-footer-menu-top-container .menu .menu-item:hover a:before,
    .menu-footer-menu-top-container .menu .menu-item a:hover:before,
    .menu-footer-menu-top-container .menu .menu-item.current-menu-item a:before,
    .menu-footer-menu-top-container .menu .menu-item.current-menu-item:hover a:before {
        content: '';
        height: 5px;
        position: absolute;
        left: 0;
        right: 0;
        background-color: black;
        display: inline-block;
        bottom: -12px;
    }

    .menu-footer-menu-bottom-container ul.menu li {
        margin-left: 20px;
    }

    .menu-footer-menu-bottom-container ul.menu li:first-child {
        margin-left: 0;
    }

    .menu-footer-menu-bottom-container {
        display: inline-block;
    }


    .jobs-grid .vc_pageable-slide-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .jobs-grid .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini {
        height: 100%;
    }

    .jobs-grid .vc_pageable-slide-wrapper .vc_grid-item .jobs-item {
        height: 100%;
    }

    .testimonials-row {
        padding: 0 15px;
    }
}

@media screen and (max-width: 640px) {
    .nf-form-cont .nf-form-content .one-half {
        width: 100%;
        margin-left: 0;
    }

    .services-row .aio-icon-description {
        display: none;
    }
    .services-row .aio-icon-component {
        padding-bottom: 20px!important;
    }
}

@media screen and (max-width: 768px) {

    .testimonials-row .testimonials-carousel-shortcode .owl-stage-outer .testimonial-item {
        padding: 35px 0 0 0;
    }
    .hero-description-row > .vc_column_container > .vc_column-inner {
        padding: 30px 15px 30px 15px!important;
    }
    .show-mobile-logo .mobile-branding img.mobile-logo,
    .show-mobile-logo.show-device-logo .mobile-branding img.mobile-logo,
    .show-device-logo .mobile-branding img {
        max-width: 120px;
    }

    .page-title.page-title-responsive-enabled.breadcrumbs-mobile-off > .wf-wrap {
        min-height: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .wf-container-footer > .wf-container > section:nth-child(1) {
        display: none;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) {
        margin-bottom: 0;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) .dt-shortcode-soc-icons {
        margin-bottom: 20px;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) .dt-shortcode-soc-icons > a {
        margin-right: 20px;
    }

    .wf-container-footer > .wf-container > section:nth-child(4) .ult_main_cl {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .testimonials-row {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0;
    }

    .hero-image-row {
        display: none;
    }

    .hero-description-row .vc_column_container {
        width: 100%;
    }

    .content > .vc_row {
        margin-bottom: 50px!important;
    }

    .mobile-mini-widgets .microwidget-btn.first.last {
        display: inline-block!important;
        text-align: center;
        margin-left: 40px;
    }

    .mobile-mini-widgets .microwidget-btn > i {
        width: 100%;
        display: inline-block;
        margin-right: 0;
    }
    .mobile-mini-widgets .microwidget-btn > span {
        width: 100%;
        display: inline-block;
    }

    .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon {
        position: relative;
        margin-top: -10px;
    }

    .mobile-header-bar .mobile-navigation .dt-mobile-menu-icon:after {
        content: "Menu";
        display: inline-block;
        position: absolute;
        top: 16px;
        font-size: 11px;
        font-weight: 500;
    }

    .mobile-main-nav {
        order: 2;
    }

    .mobile-mini-widgets-in-menu {
        padding-bottom: 0;
    }

    .mobile-mini-widgets-in-menu .mini-nav {
        margin: 0;
    }

    .mobile-mini-widgets-in-menu .mini-nav > ul > li {
        width: 100%;
    }
    .mobile-mini-widgets-in-menu .mini-nav > ul:not(.sub-nav) > li a {
        font-size: 20px;
        line-height: 26px;
        font-weight: bold;
        padding: 10px 0;
        border-bottom: 3px solid #F6F6F6;
    }

    .mobile-mini-widgets-in-menu .mini-nav > ul:not(.sub-nav) > li.current-menu-item a {
        color: #22A2E6;
    }
}
