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

/* asap-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Asap';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/asap-v26-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/asap-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/asap-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/asap-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/asap-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/asap-v26-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
  }
  /* asap-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Asap';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/asap-v26-latin-600.eot'); /* IE9 Compat Modes */
    src: url('fonts/asap-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/asap-v26-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/asap-v26-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/asap-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/asap-v26-latin-600.svg#Asap') format('svg'); /* Legacy iOS */
  }

.body-borders .body-border-shadow {
    box-shadow: none !important;
}
.style-color-vyce-bg a {
	cursor: pointer;
	transition: all 250ms;
}
.style-color-vyce-bg a:hover,
.style-color-vyce-bg a:focus,
body.textual-accent-color .post-content > div .style-color-vyce-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn):hover,
body.textual-accent-color .post-content > div .style-color-vyce-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn):focus {
	color: white !important;
	opacity: .75;
}
/* body.textual-accent-color .post-content > .style-color-vyce-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn),
body.textual-accent-color .post-content > div .style-color-vyce-bg #white-link p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), */
body.textual-accent-color .post-content > div .style-color-vyce-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn) {
    color: white !important;
}
#white-link {
    color: white !important;
}

#logo-container-mobile {
	padding: 0 ;
}

#main-logo img {
	opacity: 0;
}
#main-logo > a {
	position: relative;
}

#main-logo > a::after {
	content: '';
	position: absolute;
	background-image: url(/website/images/logo.svg);
	background-size: 100%;
	top: -20px;
    right: 0;
	height: 150px;
    width: 149px;
}

#masthead.is_stuck #main-logo img,
#masthead.is_stuck #main-logo > a::after,
#masthead.is_stuck #main-logo .logo-image {
	transition: all 450ms;
}

#masthead.is_stuck #main-logo .logo-image {
	height: 69px !important;
}

#masthead #main-logo .logo-image {
	display: inline-block;
}

body.textual-accent-color .post-content > .style-color-vyce-bg p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn) {
	color: white !important;
}

@media(min-width: 960px) {

    #hero .kegelbahn {
        top: 150px;
    }
	#masthead #main-logo {
		padding-bottom: 9px;
	}

    #masthead #main-logo .logo-image {
        height: 102px !important;
    }

    #masthead.is_stuck #main-logo .logo-image {
        height: 69px !important;
    }

	#main-logo > a::after {
		height: 220px;
	    width: 220px;
		top: -31;
		transform: translateY(-60px);
		
	}

    #masthead.is_stuck #main-logo > a::after {
        top: 0;
        height: 150px;
        width: 150px;
		transform: translateY(-78px);
    }

}

@media(min-width: 1680px) {

    #masthead #main-logo .logo-image {
        height: 177px !important;
    }

	#main-logo > a::after {
		height: 377px;
	    width: 377px;
		top: 23px;
		transform: translateY(-177px);
	}
}

@media (max-width: 959px) {

    .body-borders {
        display: none !important;
    }

    #masthead .menu-container {
        top: 0 !important
    }

    .menu-container .logo-container {    
        padding: 0 36px !important;
    }

    #main-logo {
        width: calc(100vw - 72px);
    }

    #masthead #main-logo .logo-image {
        height: 69px !important;
        display: inline-block;
    }


    #masthead #main-logo > a::after {
        top: -56px;
        height: 150px;
        width: 150px;
    }


}


@media (min-width: 960px) {
    #masthead > .menu-container > .row-menu > .row-menu-inner {
        direction: rtl;
    }
    #masthead > .menu-container > .row-menu > .row-menu-inner #menu-hauptmenue {
        text-align: right;
        vertical-align: bottom;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding-bottom: 22px !important;
    }

    #masthead > .menu-container > .row-menu > .row-menu-inner #menu-hauptmenue li {
        height: auto !important;
    }


    #masthead > .menu-container > .row-menu > .row-menu-inner > .main-menu-container:last-of-type .nav {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        color: #4d6827 !important;
        text-transform: uppercase;
        text-align: left;

    }
    #masthead > .menu-container > .row-menu > .row-menu-inner > .main-menu-container:last-of-type .nav p {
        line-height: 1.1;
        margin: 0;
        padding-bottom: 22px;
    }
    #masthead > .menu-container > .row-menu > .row-menu-inner > .main-menu-container:last-of-type .nav span {
        display: block;
        font-size: 22px;
        font-weight: 600;
    }
}
@media (max-width: 959px) {
    #masthead > .menu-container > .row-menu > .row-menu-inner > .main-menu-container:last-of-type .nav p  {
        display: none;
    }
}