/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/*-------------------------------*/
/* - Changing some Theme Stuff - */
/*-------------------------------*/

/* Change List Icon Modul so the icon is outside the element */
ul.icons li {
    padding-left: 35px;
}

ul.icons li i {
    margin-left: -35px;
    margin-right: 16px !important;
}

ul.text-large.icons li i {
    margin-right: 10px !important;
}


/* Set SVG Elements to fit into container */
.fluid-svg .icon-media {
    max-width: 100%;
}

/* SVG Icons change size to setting in Backend */
.icon-box .icon-media {
    width: inherit !important;
}


/* Capation Size and position for Gallery View */
.isotope-container .tmb p.t-entry-meta span {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.tmb-no-bg:not(.tmb-content-lateral).tmb .t-entry-text .t-entry-text-tc {
    padding-top: 15px;
}

/* Hide Author Info */
.author-info {
    visibility: hidden;
    display: none;
}


.menu-mini.menu-smart a, .menu-mini.menu-smart span {
    font-size: 16px;
}

.top-menu.top-menu-padding .menu-smart > li i {
    display: none;
}

.language-text a:hover {
    color: #fff !important;
}

.navbar-topmenu.navbar-nav-last {
    padding-right: 45px;
}


.touch .tmb-desaturated.tmb .t-entry-visual img,
.touch .tmb-desaturated.tmb .t-entry-visual .t-background-cover,
.touch .tmb-desaturated.tmb .t-entry-visual .fluid-object {
    filter: gray;
    filter: grayscale(100%);
}


/*-------------------------------*/
/* ------ Font Settings -------- */
/*-------------------------------*/

/* Line height for big text in headline module */
.heading-text .text-lead, .heading-text .text-lead > * {
    line-height: 1.2em;
}

/* line height big text */
.text-lead, .text-lead > * {
    line-height: 1.4em;
}

/* Big Blockquote if text size is set to big */
.text-lead > blockquote p {
    font-size: 1.25em;
    line-height: 1.4em;
}

.style-dark blockquote p {
    color: inherit;
}

.uncode-list ul.text-large li {
    font-size: 24px;
}

.icon-box-content > h4 {
    margin-top: 0;
}

/*-------------------------------*/
/* ------ Button Settings ------ */
/*-------------------------------*/
.btn, .btn-link {
    font-size: 18px;
    padding: 10px 25px !important;
    letter-spacing: normal !important;
}

.btn-lg {
    font-size: 24px !important;
}

/* Animate Buttons with Icon right */
.btn-icon-right i {
    padding-right: 10px;
    padding-left: 0;
    transition: padding ease-in-out .2s;
}

.btn-icon-right:hover i {
    padding-left: 10px;
    padding-right: 00px;
}


/* Top Bar CTA Button */
.navbar-cta .btn {
    background-color: #1a1a1a;
    color: #fff;
    border: 0;
    padding: 15px 25px !important;
}

body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.rtl) .navbar-cta:not(.navbar-nav-last) > ul > li:last-child > a {
    padding-right: 0;
    padding-left: 0;
    margin-left: 8px;
}

/* Hover setting main area */
.navbar-cta .menu-btn-cell:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #009fe3;
    display: block;
    left: 0;
    top: 0;
    transition: .2s width ease-in-out;
}

.navbar-cta .menu-btn-cell:hover:before {
    width: 100%;
}

/* Bottom line */
.navbar-cta .btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #009fe3;
    display: block;
    left: 0;
    bottom: -14px;
}

/* Bottom line hover */
.navbar-cta .menu-btn-cell:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 10px;
    background-color: #1a1a1a;
    display: block;
    left: 0;
    bottom: -14px;
    transition: .2s width ease-in-out;
    transition-delay: .1s;
}

.navbar-cta .menu-btn-cell:hover:after {
    width: 100%;
}


/* -------------------------------- */
/* -------- Mega Menu fix --------- */
/* -------------------------------- */

@media (min-width: 1200px) {
    .menu-horizontal .menu-smart > .mega-menu.moteg-mega-menu .mega-menu-inner {
        width: 800px !important;
        left: inherit !important;
    }
}

@media (min-width: 1200px) {
    .menu-horizontal .menu-smart > .mega-menu.moteg-mega-menu-2 .mega-menu-inner {
        width: 850px !important;
        left: inherit !important;
    }

    .menu-horizontal .menu-smart > .mega-menu.moteg-mega-menu-2 .mega-menu-inner > li:first-child {
        width: 30%
    }
}

@media (min-width: 1200px) {
    .mobile.orientation_landscape .menu-horizontal .menu-smart > .mega-menu.moteg-mega-menu-2 .mega-menu-inner {
        width: 850px !important;
        left: 30px !important;
    }
}

.menu-horizontal .menu-smart > .mega-menu.moteg-mega-menu-2 .mega-menu-inner .menu-item-has-children > a {
    text-transform: none;
    font-weight: 600;
}


/* -------------------------------- */
/* -------- WPML Menu fix --------- */
/* -------------------------------- */

/*.wpml-ls-first-item {border-left: 1px solid #eaeaea !important; padding-left: 15px !important; margin-left: 10px !important;} */
.wpml-ls-first-item:before {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 48px;
    top: calc(50% - 18px);
    left: -2px;
    background-color: rgba(34, 36, 38, .1);
}

.wpml-ls-first-item {
    position: relative;
}


/* -------------------------------- */
/* -------- Contact Form ---------- */
/* -------------------------------- */

.wpcf7 input.wpcf7-form-control {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #eaeaea;
    line-height: 50px;
    height: 50px;
    margin-top: 30px;
    padding: 10px 0;
}

.wpcf7 textarea {
    box-shadow: none;
    border: 1px solid #eaeaea;
}

p.required {
    position: relative;
}

p.required:after {
    content: 'Required';
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 15px;
    font-weight: 400;
    color: #b3b3b3;
}

html[lang="de-DE"] p.required:after {
    content: 'Pflichtfeld';
}

p.wpcf7-inline-field.required:after {
    top: 45px;
    right: 9px;
}

.wpcf7-text {
    width: 100%;
}

.wpcf7 p.h5 {
    font-weight: 400;
    margin-top: 50px;
}


.wpcf7 input.wpcf7-form-control.btn {
    line-height: inherit;
    height: inherit;
}


body:not(.rtl) .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 18px;
}

input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"] {
    font-size: 18px;
}

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Shows the reCAPTCHA on the Contact page */
/* Obviously change the page number to your own */
.page-id-63 .grecaptcha-badge {
    visibility: visible !important;
}

/* Get started formular */
.get-started-form span.wpcf7-list-item {
    display: block;
    margin-bottom: 1.5em;
}

.get-started-form .wpcf7-list-item-label {
    font-weight: 400;
}


/*-------------------------------*/
/* ------ Custom Classes ------- */
/*-------------------------------*/

.uppercase p, .uppercase ul li {
    text-transform: uppercase;
}

.no-margin-top {
    margin-top: 0;
}

.icon-height-80 .icon-media {
    height: 80px !important;
}

.background-padding .background-inner {
    margin: 50px;
}


/* -------------------------------- */
/* -------- Ninja Tables ---------- */
/* -------------------------------- */

div.semantic_ui .ui.table thead th {
    font-size: 16px;
    background-color: #009fe3;
    color: #fff;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

div.semantic_ui .ui.table thead th:last-child,
.semantic_ui .ui.table td:last-child {
    border-right: 0;
}

.semantic_ui .ui.table td {
    font-size: 16px;
    font-weight: 400;
    border-right: 1px solid rgba(0, 0, 0, .1);
}


/* -------------------------------- */
/* ------- RESPONSIVE FIXES-------- */
/* -------------------------------- */

/* Responsive Fixes */

@media (max-width: 1699px) {


}


@media (max-width: 1300px) and (min-width: 960px) {
    .main-logo {
        height: 90px !important;
    }

    .font-size-menu, .menu-container:not(.isotope-filters) ul.menu-smart > li > a:not(.social-menu-link), .menu-container:not(.vmenu-container):not(.isotope-filters) ul.menu-smart > li > a:not(.social-menu-link), .menu-smart > li > a > div > div > div.btn {
        font-size: 16px;
    }

    body.hormenu-position-left:not(.hmenu-center-split):not(.hmenu-center-double):not(.menu-overlay):not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta > ul, body.vmenu-position-right:not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta > ul, body.menu-overlay:not(.menu-overlay-left):not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta > ul, body.hormenu-position-right.hmenu-center-split:not(.hmenu-center) .menu-container:not(.menu-borders) .navbar-cta > ul {
        padding-left: 0 !important;
    }

    .col-lg-0.logo-container {
        padding-right: 0;
    }
}


@media (max-width: 1200px) {
    .management-image .uncode-single-media {
        display: none;
    }


}

@media (max-width: 1120px) and (min-width: 960px) {
    body.hmenu-position-center .logo-container {
        min-width: auto;
    }

    body.hmenu-position-center .main-menu-container .navbar-cta.navbar-nav-last, body.hmenu-position-center:not(.menu-has-cta) .main-menu-container .navbar-nav-last {
        min-width: auto;
    }

    .main-logo {
        height: 70px !important;
    }

    .menu-smart > li > a {
        padding: 0 5px;
    }


    .text-lead > blockquote p {
        font-size: 24px;
    }

}

@media (max-width: 1024px) and (min-width: 960px) {
    .empty-space.tablet-hidden {
        display: none;
    }

    .text-lead > blockquote p,
    .text-lead, .text-lead > *,
    .uncode-list ul.text-large li {
        font-size: 20px;
    }

    .btn-lg {
        font-size: 20px !important;
    }

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
        font-size: 40px;
    }

    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
        font-size: 20px;
    }

    .col-lg-6 .col-lg-4 {
        padding-left: 36px !important;
    }

    .col-lg-6 .col-lg-4:first-child {
        padding-left: 72px !important;
    }


}


@media (max-width: 959px) {
    .mega-menu-inner ul.drop-menu {
        display: block;
    }

    .only-desktop {
        display: none !important;
    }

    .menu-smart a {
        text-transform: none;
    }

    .mobile-secondary-menu a {
        text-transform: none !important;
    }

    .menu-smart > li > a > div > div > div.btn {
        font-size: 16px;
    }

    .navbar-cta .menu-btn-cell:before,
    .navbar-cta .menu-btn-cell:after,
    .navbar-cta .btn:before {
        display: none;
    }

    .wpml-ls-first-item:before {
        display: none;
    }
}

@media (max-width: 959px) and (min-width: 570px) {
    .management-image .uncode-single-media {
        display: block;
    }

    .text-lead > blockquote p,
    .text-lead, .text-lead > *,
    .uncode-list ul.text-large li {
        font-size: 20px;
    }

    .btn-lg {
        font-size: 20px !important;
    }

    p, li, dt, dd, dl, address, label, small, pre, code, blockquote p {
        line-height: 1.5em;
    }

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
        font-size: 30px;
    }

    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
        font-size: 28px;
    }

    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {
        font-size: 26px;
    }

    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
        font-size: 20px;
    }


}


@media (max-width: 569px) {

    body, p, li, dt, dd, dl, address, label, pre, code, blockquote p {
        font-size: 16px;
    }

    .text-lead > blockquote p,
    .text-lead, .text-lead > *,
    .uncode-list ul.text-large li {
        font-size: 18px;
    }

    .btn-lg {
        font-size: 18px !important;
    }

    p, li, dt, dd, dl, address, label, small, pre, code, blockquote p {
        line-height: 1.5em;
    }

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]) {
        font-size: 26px;
    }

    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
        font-size: 24px;
    }

    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) {
        font-size: 22px;
    }

    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
        font-size: 18px;
    }

    .wpcf7-inline-wrapper .wpcf7-inline-field {
        width: 100%;
        display: inline-block;
        padding: 0;
    }

}

@media (min-width: 960px) {
    .menu-container .row-menu-inner {
        display: flex;
        align-items: center;
    }

    .chrome .row-menu-inner .col-lg-0, .chrome .row-menu-inner .col-lg-12, .menu-container .row-menu-inner .col-lg-0, .menu-container .row-menu-inner .col-lg-12 {
        height: auto !important;
    }

    #menu-item-wpml-ls-6-de, #menu-item-wpml-ls-6-en {
        position: static !important;
    }

    #menu-item-wpml-ls-6-de .drop-menu, #menu-item-wpml-ls-6-en .drop-menu, #menu-item-wpml-ls-6-cn .drop-menu {
        min-width: 0;
        background: transparent;
        padding: 0 7px;
    }

    #menu-item-wpml-ls-6-en a, #menu-item-wpml-ls-6-en a {
        background: transparent !important;
    }

    #menu-item-wpml-ls-6-en:before, #menu-item-wpml-ls-6-de:before, #menu-item-wpml-ls-6-cn:before {
        content: none !important;
    }

    #menu-item-wpml-ls-6-cn a, #menu-item-wpml-ls-6-cn a {
        background: transparent !important;
    }
}

.page-banner {
    max-width: 1100px;
}

@media screen and (min-width: 1100px) {
    .page-banner {
        margin: 60px auto;
    }
}

.page-banner-text {
    max-width: 1380px;
    margin: 20px auto;
    padding: 20px;
    font-size: 20px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .page-banner-text {
        font-size: 24px;
    }
}


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

    .fixed-gallery-width {
        display: flow-root;
    }

    .fixed-gallery-width img {
        height: auto !important;
		width: 100% !important;
    }

	.fixed-gallery-width .justified-gallery  > div {
		width: 50% !important;
		height: auto !important;
		position: static !important;
		padding: 0 10px !important;
	}

	.fixed-gallery-width .justified-gallery{
		display: flex !important;
		flex-wrap: wrap;
		height: auto !important;
		margin: 30px -10px 0 !important;
	}

	.fixed-gallery-width .justified-wrapper.single-gutter .justified-fixer {
		margin: 0 !important;
	}

    .wpb_row {
        height: auto !important;
    }
}