/**
 * Theme Name: Amarante Nat
 */


body {
    font-feature-settings: "ss02" 1, "ss07" 1, "ss04" 1, "ss06" 0, "ss09" 1, "ss12" 1 !important;
}


.search.mobile {
	display: none!important
}

.sp-beacon {
	display: none
}


/*
|---------------------------------------------
| Global
|---------------------------------------------
*/

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    line-height: 1.5;
    font-family: "Rational";
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}

::selection {
    background: rgba(151, 215, 184, 0.3);
}

.translate-menu a {
	font-weight: 500!important
}

.musicstages-sidebar {
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}


/*
|---------------------------------------------
| Language switch: highlight current language
|---------------------------------------------
*/
html[lang="en-US"] .en::after, html[lang="nl-NL"] .nl::after {
	width: 20px;
	opacity: 1;
	transform-origin: left center;
    transform: scale(1, 1);
    color: var(--sidebar-color) !important;
}

/*
|---------------------------------------------
| Mobile logo
|---------------------------------------------
*/
svg.mobile-logo {
    width: 50px !important;
}


@media(max-width: 550px) {
    .elementor-widget-lottie {
        display: none;
    }

    .musicstages-sidebar {
        padding: 20px !important;
        padding-top: 100px !important;
    }
}


/*
|---------------------------------------------
| Outer section padding
|---------------------------------------------
*/

body {
    --outer-padding: 40px;
}

@media(max-width: 768px) {
    body {
        --outer-padding: 20px !important;
    }
}

.grid > .main-content > .elementor > .e-con:not(.no-padding),
.grid > .main-content > .elementor > .ui-sortable > .e-con:not(.no-padding) {
    padding-left: var(--outer-padding);
    padding-right: var(--outer-padding);
}




/*
|---------------------------------------------
| Grid
|---------------------------------------------
*/

.grid {
    /* display: grid;
    grid-template-columns: 200px auto;
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important; */
}

/*.grid > .elementor {*/
/*    overflow: scroll;*/
/*    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;*/
/*    padding-bottom: 200px;*/
/*    padding-top: 115px;*/
/*}*/

.main-content {
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
    overflow-y: scroll;
    overflow-x: hidden;
}


/*
|---------------------------------------------
| Sidebar menu and mobile menu
|---------------------------------------------
*/
.sidebar-menu {
    /* border-right: 1px solid black; */
/*     border-right: 1px solid #daefea; */
    position: fixed;
    z-index: 2;
    width: 200px;
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}


nav.sidebar-menu {
    overflow-y: scroll;
}

.sidebar-menu header, .musicstages-sidebar {
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}

.musicstages-sidebar .left-menu a{
	font-family: "Rational"!important;
	font-size: 24px;
}
ul.sub-menu a{
	font-family: "Rational"!important;
	font-size: 17px!important;
letter-spacing: -0.3px
}



.musicstages-sidebar .left-menu > li:first-child > a {
	font-weight: 700!important
}

/*
|---------------------------------------------
| Mobile menu (small top menu)
|---------------------------------------------
*/
/* Mobile menu */
@media (max-width: 550px) {
    .grid {
        grid-template-columns: 1fr !important;
    }
.musicstages-sidebar .left-menu a{
	font-family: "Rational"!important;
	font-size: 27px;
	font-weight: 500;
}
	
	
    .sidebar-menu {
        position: fixed;
        width: 100vw;
        height: 100vh;
        overflow-y: scroll;
        background: white;
        z-index: 2;
        border: none !important;
        transition: transform .25s ease-out;
        padding-bottom: 200px;
    }

    .sidebar-menu #logo {
        display: none;
    }

    body:not(.sidebar-menu-open) .sidebar-menu {
        transform: translateX(-100vw);
    }

    .elementor-element-b4e4249 {
        padding-left: var(--outer-padding) !important;
        padding-right: var(--outer-padding) !important;
    }
}

@media (min-width: 550px) {
    #mobile-menu {
        display: none !important;
    }
}



#mobile-menu {
    position: fixed;
    padding: var(--outer-padding);
    z-index: 3;
	margin-top: 0px;
	padding-top: 5px;
    top: 0;
    width: 100vw;
    display: flex;
    justify-content: space-between;
}

.home #mobile-menu {
    /*display: none !important;*/
}

.admin-bar #mobile-menu {
    top: 32px !important;
}

@media(max-width: 782px) {
    .admin-bar #mobile-menu {
        top: 46px !important;
    }
}

#mobile-menu img {
    max-width: 150px;
    height: auto;
}



/*
|---------------------------------------------
| Animated hamburger
|---------------------------------------------
*/
#menu-container {
    display: inline-block;
    padding: 10px;
    width: 50px;
    cursor: pointer;
    padding-right: 0;
}


#menu-bar1,
#menu-bar2 {
    width: 100%;
    height: 2px;
    background: black;
    transition: 0.1s ease-in-out;
}
#menu-bar1 {
    margin-bottom: 4px;
}
.sidebar-menu-open #menu-bar1 {
    transform: rotate(-45deg) translate(1px, 1px);
}
.sidebar-menu-open #menu-bar2 {
    transform: rotate(45deg) translate(-3px, -5px);
}


/* Mobile home link */
.sidebar-menu-open a.home-mobile {
    opacity: 0;
}

.home-mobile {
    transition: all .1s ease-out;
}

/*
|---------------------------------------------
| Search
|---------------------------------------------
*/

/*.search.desktop {*/
/*    display: none;*/
/*}*/

a.search {
    text-decoration: none !important;
    --distance: 20px;
    z-index: 1;
    padding: 10px;
    /*border-radius: 50%;*/
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    gap: 10px;
}

.search.desktop {
    background: #413ca6 !important;
    padding: 0px 15px;
    color: white !important;;
}

.search.mobile {
    position: relative;
    bottom: 10px;
}

.search.mobile {
    position: relative;
    top: -5px;
}

.home .search {
    display: none;
}


.search-and-menu {
    display: flex;
    align-items: flex-start;
		padding-top: 5px;
}


.search .text {
    /*! position: absolute; */
    width: max-content;
    right: 60px;
    font-size: 16px;
    /* top: 1px; */
    margin-top: -3px;
    color: var(--e-global-color-text);
    transition: all .125s cubic-bezier(0.16, 1, 0.3, 1);;
    color: white;
    gap: 25px;
}

.search:not(:hover) .text {
    /*! opacity: 0; */
    /*! transform: translateX(10px); */
}

a.search.desktop:hover, .page-id-1262 a.search {
    /*! background: rgba(198, 197, 230, 0.325); */
}

@media(max-width: 768px) {
    a.search.desktop {
        display: none;
    }

    .admin-bar a.search.desktop {

    }
}

@media(min-width: 768px) {
    a.search.desktop {
        position: fixed;
        top: var(--distance);
        right: var(--distance);
    }

    .admin-bar a.search.desktop {
        top: calc(32px + var(--distance));
    }
}




/*
|---------------------------------------------
| Elementor text editor
|---------------------------------------------
*/
.elementor-widget-text-editor p {
    margin-bottom: 20px!important ;
	margin-top: 0px
}


.elementor-widget-text-editor {
}





/*
|---------------------------------------------
| Fade up animation
|---------------------------------------------

.e-loop-item, div[data-elementor-type="single-post"] img {
    animation: fadeUp 0.5s ease-out forwards !important;
    opacity: 0;
    transform: translateY(10px) scale(0.99);
    animation-delay: calc(var(--i) * 0.05s) !important;
}


@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.e-loop-item:nth-child(odd) {
    --i: 1;
}


.e-loop-item:nth-child(even) {
    --i: 2;
}



/*
|---------------------------------------------
| Entrance animation
|---------------------------------------------
*/
.grid > .elementor {
    animation: fadeUp .5s cubic-bezier(0.33, 1, 0.68, 1) forwards !important;
    opacity: 0;
    transform: translateY(10px);
}

.page-id-5827 .in-programma {
    display: none
}


.elementor-gallery__titles-container {
    display: none !important
}

.concerts .title span {
    color: #4bcbb4
}


/*
|---------------------------------------------
| Section column gap
|---------------------------------------------
*/
.elementor-column-gap-default .elementor-inner-section {
    width: calc(100% + 20px); margin-left: -10px; margin-right: -10px;
}

.elementor-column-gap-extended .elementor-inner-section {
    width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;
}


.elementor-column-gap-wide .elementor-inner-section {
    width: calc(100% + 40px); margin-left: -20px; margin-right: -20px;
}


.elementor-column-gap-wider .elementor-inner-section {
    width: calc(100% + 60px); margin-left: -30px; margin-right: -30px;
}




.menu-item-3091 {
    display: none
}




/*
|---------------------------------------------
| Single Programma (Concert)
|---------------------------------------------
*/
.single-programma .concert .info .links a {
    margin-top:  8px!important;
    padding: 3px 12px 4px;
    margin-top: 6px;
    background-color: #4ccbb4 !important;
    border: 1px solid #4ccbb4 !important;
    display: block;
    width: max-content;
    color:  #ffffff!important;
}


.single-programma .concert .info .links a:hover {
    border: 1px solid #4ccbb4 !important;
    background-color:#ffffff!important;
    color: #333333!important
}





/*
|---------------------------------------------
| Agenda page
|---------------------------------------------
*/
.page-id-165 .info a.ticket-link:first-child {
    padding: 3px 12px 4px;
    margin-top: 6px;
    background-color: #4ccbb4 !important;
    border: 1px solid #4ccbb4 !important;
    display: block;
    width: max-content;
    color:  #ffffff!important;
}

.page-id-165 .info a:hover.ticket-link:first-child {
    border: 1px solid #4ccbb4 !important;
    background-color:#ffffff!important;
    color: #333333!important
}


.page-id-165 .concert .info a .title {
    font-size:  28px;
    font-family: 'Rational';
    line-height: 1.12em;
    padding-top: 7px;
    padding-bottom: 12px;
    font-weight: 400
}

.page-id-165 .concert .info  {
    font-size:  17px;
    line-height: 1.4em;
    font-family: 'Rational'
}

.page-id-165 .concert .info a {
    padding-top: 10px;
    display: inline-block;
    border-bottom: 0px;
}

.page-id-165 .concert .info a:hover {
    border-bottom: 0px;
}

.page-id-165 .concert {
    padding-bottom: 16px!important;
    border-bottom: 1px solid #777777;
    margin-bottom:  20px;
}

.page-id-165 .info a.ticket-link {
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 6px;
    border: 1px solid #38d9bc !important;
    display: block;
    width: max-content;
}

.page-id-165 .info a:hover.ticket-link {
    border: 1px solid #38d9bc !important;
    background-color: #38d9bc !important;
    color: #ffffff
}


.page-id-165 .concert .info a .subtitle {
    display:  none;
}










/*
|---------------------------------------------
| MusicStages Sidebar
|---------------------------------------------
*/
/*aside.musicstages-sidebar {*/
/*    left: 0;*/
/*    height: 100vh;*/
/*    width: 175px;*/
/*    z-index: 2;*/
/*    --sidebar-color: white;*/
/*    transition: all .5s;*/
/*    padding-top: 37px;*/
/*    padding-left: 37px;*/
/*    padding-bottom: 37px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    box-sizing: border-box;*/
/*}*/

/*body.home aside.musicstages-sidebar {*/
/*    transform: translateY(-20px);*/
/*}*/

/*aside.musicstages-sidebar.move {*/
/*    transform: translateY(-195px) !important;*/
/*}*/

@media (max-width: 768px) {
    .musicstages-sidebar .left-menu {
        /*! display:  none; */
    }

    body.home aside.musicstages-sidebar {
        transform: translateY(20px);
    }


    aside.musicstages-sidebar.move {
        transform: translateY(-117px);
    }

    #musicstages-logo {
        display: none;
    }

    #musicstages-logo-mobile {
        display: unset;
    }
}

@media (min-width: 768px) {
    #musicstages-logo {
        display: unset;
    }

    #musicstages-logo-mobile {
        display: none;
    }
}


.musicstages-sidebar .left-menu {
    animation: fade-up 1s forwards;
}

@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

.musicstages-sidebar .left-menu > li:first-child > a {
    font-weight: 500;
    font-size: 125%;
}


.musicstages-sidebar .sub-menu {
    transition: all .5s;
}

.musicstages-sidebar li {
    position: relative;
    transition: opacity .3s;
    text-transform: lowercase;
    font-size: 20px;
    width: max-content;
    font-family: 'Rational';
    font-weight:  300;
}


/* Logo */
aside.musicstages-sidebar svg * {
    /*fill: var(--sidebar-color);*/
}

.musicstages-sidebar svg {
    width: 75px;
    margin-bottom: 15px;
}


/* Menu */
.musicstages-sidebar .left-menu {
    padding-left: 0;
    list-style: none;
}

.musicstages-sidebar .left-menu a {
    /*color: var(--sidebar-color);*/
    transition: color .5s;
    display: inline-flex;
    margin-bottom: 8px;
    width: max-content;
		position: relative;
}

/* Submenu's */
.musicstages-sidebar ul.sub-menu {
    max-height: 0;
    opacity: 0;
    list-style: none;
    padding-left: 0px;
}

.musicstages-sidebar li.current-menu-item ul.sub-menu,
.musicstages-sidebar li.current-menu-parent ul.sub-menu {
    max-height: 500px !important;
    opacity: 1;
}

.musicstages-sidebar  ul.sub-menu li {
    font-size: 14px !important;
}


/* Socials */
.socials {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    transition: transform .5s;
}

.socials svg {
    margin-top: auto;
    width: 24px;
    margin-bottom: 22px;
}

.socials a:not(:hover) {
    opacity: .5;
}


/* Open/close animation */
aside.musicstages-sidebar.move {
    transform: translateY(-180px);
}

aside.musicstages-sidebar.move .socials {
    transform: translateY(180px);
}

@media(max-width:768px) {
    aside.musicstages-sidebar {
        padding-top: 10px;
        padding-left: 25px;

    }

    aside.musicstages-sidebar {
        pointer-events: none;
    }

    .musicstages-sidebar > a {
        pointer-events: all;
    }
}






/*
|---------------------------------------------
| Fancy links
|---------------------------------------------
*/
.musicstages-sidebar a:after {
    content: '';
    display: block;
    position: absolute;
    top: 24px !important;
    left: 0;
    width: 100%;
    height: 2px !important;
    /*background: currentColor;*/
    background: #79e4d3;
    transform-origin: right center;
    transform: scale(0, 1);
    transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    opacity: 0.75;
}

.musicstages-sidebar a:not([href="/"]):not([href="/en/"]):hover::after, .musicstages-sidebar .current-menu-item > a:not([href="/"]):not([href="/en/"])::after, .musicstages-sidebar .current-menu-parent > a:not([href="/"]):not([href="/en/"])::after {
    transform-origin: left center;
    transform: scale(1, 1);
    color: var(--sidebar-color)!important;
}







/*
|---------------------------------------------
| TODO:
|---------------------------------------------
*/

.the-content  a:hover {
    color: #26D7BA
}


.elementor-text-editor p a {
    border-bottom: 1px solid #333333;
}
.elementor-text-editor p a:hover {
    border-bottom: 1px solid #a89384;
}


h1.entry-title {
    display:none;
}

.elementor-lightbox .elementor-lightbox-image,.elementor-lightbox .elementor-video-container {
    -webkit-box-shadow:0 0 30px rgba(0,0,0,.0),0 0 8px -5px rgba(0,0,0,.0);box-shadow:0 0 30px rgba(0,0,0,.0),0 0 8px -5px rgba(0,0,0,.3);-webkit-border-radius:2px;border-radius:2px
}

.concert .info a {
    border-bottom: 1px solid #333;
}

.concert .info a:hover {
    border-bottom: 1px solid #a89385;
}


.single-concert .concert .subtitle {
    display: none !important;
}

.single-project .concert .subtitle {
    display: none !important;
}



@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.97;
        transform: translateY(0);
    }
}



.elementor-element-307b6572 {
    height: 100vh;
}



/*
|---------------------------------------------
| Home (Concerts)
|---------------------------------------------
*/
.home .concert .info  {
    font-size:  15px;
    line-height: 1.4em;
}

.home .concert .info a {
    padding-top: 10px;
    display: inline-block;
    border-bottom: 0px;
}

.home .concert .info a:hover {
    border-bottom: 0px;
}



.home .info a.ticket-link {
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 6px;
    border: 1px solid #c8bab1 !important;
    display: block;
    width: max-content;
}

.home .info a:hover.ticket-link {
    border: 1px solid #c8bab1 !important;
    background-color: #c8bab1 !important;
    color: #ffffff
}


.home .concert .info a .subtitle {
    display:  none;
}







/*
|---------------------------------------------
| Concert (page id 83?)
|---------------------------------------------
*/
.page-id-83 .concert .info a .title {
    font-size:  28px;
    font-family: 'Didot';
    line-height: 1.12em;
    padding-top: 13px;
    padding-bottom: 5px;
}

.page-id-83 .concert .info  {
    font-size:  15px;
    line-height: 1.4em;
}

.page-id-83 .concert .info a {
    padding-top: 10px;
    display: inline-block;
    border-bottom: 0px;
}

.page-id-83 .concert .info a:hover {
    border-bottom: 0px;
}

.page-id-83 .concert {
    padding-bottom: 22px!important;
    border-bottom: 1px solid #777777;
    margin-bottom:  12px;
}

.page-id-83 .info a.ticket-link {
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: 6px;
    border: 1px solid #c8bab1 !important;
    display: block;
    width: max-content;
}

.page-id-83 .info a:hover.ticket-link {
    border: 1px solid #c8bab1 !important;
    background-color: #c8bab1 !important;
    color: #ffffff
}



.page-id-83 .concert .info a .subtitle {
    display:  none;
}



.elementor-252 .elementor-element.elementor-element-4aabc9c .icon-bars .icon-bar {
    background-color: #000000 !important;
}


/*.home span.icon-bar {*/
/*    background-color: white !important;*/
/*}*/


/* Socials? */
.socials a {
    width: 50px;
}

.socials a::after {
    display: none;
}





/*
|---------------------------------------------
| Translations language switcher
|---------------------------------------------
*/
/* Language switcher inline */
.menu-item-object-language_switcher {
    display: inline;
}


/* NL bold if language NL */
.translatepress-nl_NL .menu-item-object-language_switcher.menu-item-4137 {
    opacity: 0.65 !important;
}

/* EN bold if language EN */
.translatepress-en_US .menu-item-object-language_switcher.menu-item-4138 {
    opacity: 0.65 !important;
}

.menu-item-4138, .menu-item-4137 {
    text-transform: uppercase !important;
    font-size: 98% !important;
}

.menu-item-3265 {
    margin-bottom: 8px
}
.menu-item-4138 {
    margin-right: 5px
}


/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translate3d(0,-30px,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInDown {
	animation-name: fadeDown
}

@keyframes fadeLeft {
	from {
		opacity: 0;
		transform: translate3d(-30px,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInLeft {
	animation-name: fadeLeft
}

@keyframes fadeRight {
	from {
		opacity: 0;
		transform: translate3d(30px,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInRight {
	animation-name: fadeRight
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0,30px,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInUp {
	animation-name: fadeUp
}