/*
Theme Name: KDL Legal Child
Theme URI: http://www.jjk-design.com
Description: A child theme of X
Author: JJK-Design
Author URI: http://www.kdl-legal.coms
Version: 1.0.0
Template: kdllegal
*/
@import url("../kdllegal/style.css");


/* ======================================================================================================================================================
Global
====================================================================================================================================================== */

.x-1-1 .x-image img {
    width: 100%;
}

.x-navbar .desktop .x-nav>li::after {
    content: "";
    width: 2px;
    height: 16px;
    background: white;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.x-navbar .desktop .x-nav>li:first-child::after {
    content: none;
}

.x-modal-content h2 {
    margin-top: 0 !important;
    font-weight: bold !important;
}

.x-anchor-toggle {
    border-radius: 7px !important;
}

#contact .x-ul-icons .x-li-icon {
    display: inline-block !important;
    margin-right: 65px !important;
}

#three-column .x-container {
    transform: translateY(-50px);
}

@media (max-width: 767px) {
    #three-column .x-container {
        transform: translateY(-20px);
    }
}

#wie strong,
#wat strong {
    color: #00756d !important;
}

#wat {
    padding-top: 0 !important;
}

#hoe .x-container {
    padding-left: 4% !important;
}

@media (max-width: 767px) {
    #hoe .x-container {
        padding-left: 0px !important;
    }
}

.masthead-stacked .x-navbar {
    text-align: right !important;
}

.x-logobar {
    text-align: left !important;
}

.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none !important;
}

.x-navbar-fixed-top {
    position: static !important;
}

.sameheight.x-container {
	display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.sameheight.x-container .x-column {
	display: flex;
    flex-flow: column wrap;
}

.sameheight--align-center {
    align-items: center;
}

.header-widget-area {
    align-self: flex-end;
}

@media (max-width: 767px) {
    .kdl-logo,
    .header-widget-area {
        align-self: center;
    }

    .kdl-logo {
        margin-bottom: 20px;
    }
}

.wpml-ls-legacy-dropdown-click {
    width: 200px;
}