/* 
Theme Name: Levion
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body{
/*	background-image:url(images/fundal_general.jpg);
	background-repeat: repeat;
    background-position: center center;*/
	background-color:#070728;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #f2b43b !important;
    color: #000 !important;
    border-color: #f2b43b !important;
	font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #f29c3b !important;
    color: #000 !important;
    border-color: #f29c3b !important;
}
#content a
{
	font-size:16px !important;
	color: #f2b43b !important;
}
#content a:hover{
	color: #f29c3b !important;
}
#fixedheader {
	transition: background-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;
}

#fixedheader.is-scrolled {
	background: rgba(10, 10, 10, 0.55) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.20);
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
#fixedheader {
	position: fixed;
	z-index: 9999;
	overflow: visible !important;
}

#fixedheader.is-scrolled {
	overflow: visible !important;
}

#fixedheader .hfe-flyout-wrapper,
#fixedheader .hfe-flyout-container,
#fixedheader .hfe-flyout-content,
{
	position: relative;
}
#fixedheader > .e-con-inner {
	align-items: center !important;
}

#fixedheader > .e-con-inner > .e-con {
	display: flex;
	align-items: center;
	min-height: 90px;
}

#fixedheader .elementor-widget-navigation-menu,
#fixedheader .elementor-widget-navigation-menu > .elementor-widget-container {
	display: flex;
	align-items: center;
	height: 100%;
}

#fixedheader .hfe-nav-menu__toggle {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	min-height: 90px;
	line-height: 1;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#fixedheader .hfe-nav-menu-icon,
#fixedheader .hfe-nav-menu-icon svg {
	display: flex;
	align-items: center;
	justify-content: center;
}

#fixedheader .elementor-widget-image,
#fixedheader .elementor-widget-image .elementor-widget-container {
	display: block;
    height: auto;
    max-height: 80px;
    width: auto;
    margin: 10px 0 0 0;
}

#fixedheader .elementor-widget-image img {
	display: block;
	height: auto;
	max-height: 80px; /* ajustezi daca vrei */
	width: auto;
	margin: 0;
}
#fixedheader,
#fixedheader.is-scrolled {
	overflow: visible !important;
}
p{
	text-align: justify;
}
main#content {
    color: #fff;
}
.separatorfooter::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 10px;

    pointer-events: none;

	/*background-image:url(images/separator_repeat.png);*/
	background-repeat: no-repeat;
    background-position: center center;
}
.lineafter .elementor-heading-title {
    display: flex;
    align-items: center;
    gap: 20px; /* distanta text – linie */
    text-transform: uppercase;
    letter-spacing: 4px;
}

.lineafter .elementor-heading-title::after {
    content: "";
    flex: 1;
    height: 2px;
    background: rgb(255, 255, 255); /* culoarea liniei */
	max-width: 44% !important;
}

#prefootermenu {
    display: flex;
    align-items: center;
}

#prefootermenu li {
    position: relative;
    padding-right: 20px;   /* DISTANTA pana la separator */
    padding-left: 20px;    /* optional – simetrie vizuala */
}

#prefootermenu li a {
    padding: 0 !important;
}

#prefootermenu li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 36%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
    pointer-events: none;
}
footer#colophon p {
    text-align: unset;
}
#lastmenu {
    display: flex;
    align-items: center;
}

#lastmenu li {
    position: relative;
    padding-right: 20px;   /* DISTANTA pana la separator */
    padding-left: 20px;    /* optional – simetrie */
}

#lastmenu li a {
    padding: 0 !important;
}

#lastmenu li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 36%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;       /* ajustabil dupa design */
    pointer-events: none;
}
#lastmenu li:first-child {
    padding-left: 20px;
}

#lastmenu li:first-child::before {
    content: "|";
    position: absolute;
    left: 0;
    top: 36%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;   /* sa fie identic cu ::after */
    pointer-events: none;
}
#newsongs span{
	color:#bbbbd4;
}

.floating-container {
    position: fixed;
    right: 20px;
    top: 44%;
    transform: translateY(-50%);
    z-index: 9999;
}

.social-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 22px;
    margin-top: 30px;
}

.social-group > *:first-child {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
}
button.cap-headline-trigger.is-active {
    font-weight: bold;
    color: #fff !important;
    opacity: 1;
}
/* LOGIN */
.btn-login {
    border: 2px solid rgb(255,255,255);
    border-radius: 30px;
    padding: 8px 24px;
    color: rgb(255,255,255);
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    transition: all .3s;
}

.btn-login:hover{
    background: rgba(255,255,255,.1);
}

/* LINIE */
.separator {
    width: 1px;
    height: 120px;
    background: rgb(255,255,255);
}

/* ICONURI */
.item {
    display: block;
    transition: transform .3s;
}

.item img {

    object-fit: contain;
}

.item:hover {
    transform: scale(1.1);
}

/* FOLLOW US vertical */
li#menu-item-1649 {
    margin-top: 25px;
    border-top: solid 1px #ccc;
	opacity: .9;
    padding-top: 10px;
}
.follow-text {
    letter-spacing: 3px;
    font-size: 12px;
    color: #ccc;
    opacity: .9;
}
.levion-albums {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.album-row {
  display: flex;
  align-items: center;
  gap: 60px;
}

/* alternare stanga-dreapta */
.album-row.right {
  flex-direction: row-reverse;
}

/* AICI pui tu discul */
.album-cover {
	height: 523px;
    width: 696px;
    background-image: url(images/ALBUM_BK.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: flex-start;
    padding-top: 121px;
    padding-left: 63px;
}
.album-cover img {
	width: 283px;
    height: 281px;
    object-fit: cover;
  box-shadow: 0 0 20px rgba(0,0,0,.4);
}

.album-content {
  max-width: 500px;
  color: #fff;
}
.album-desc{
	    text-align: justify;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}
.album-content h3 {
  letter-spacing: 4px;
  margin-bottom: 12px;
	font-family: "Bison", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    font-style: italic;
    color: #FFFFFF;

}
form#gform_1 {
    max-width: 80%;
}
#contactbox .gform_heading {
    display: none;
}

#contactbox  input {
    background-color: transparent;
	 border: 0px;
    color: #fff;
    border-bottom: solid 1px #8f8daa !important;
    box-shadow: none;
}
#contactbox  textarea {
    background-color: transparent;
	 border: 0px;
    color: #fff;
    border-bottom: solid 1px #8f8daa !important;
    box-shadow: none;
}
.charleft.ginput_counter.gfield_description {
    color: #fff;
}
.gform-footer.gform_footer.top_label input#gform_submit_button_1 {
    border: 0px !important;
    width: 100%;
}

.hfe-nav-menu__toggle.elementor-clickable.hfe-flyout-trigger {
    position: relative !important;
}
.hfe-nav-menu .menu-item a.hfe-menu-item, 
.hfe-nav-menu .menu-item a.hfe-sub-menu-item {
    padding-top: 5px  !important;
    padding-bottom: 0px  !important;
}


#fixedheader,
#fixedheader.is-scrolled,
#fixedheader > .e-con-inner,
#fixedheader > .e-con-inner > .e-con,
#fixedheader .elementor-widget-navigation-menu,
#fixedheader .elementor-widget-navigation-menu > .elementor-widget-container,
#fixedheader .hfe-flyout-wrapper,
#fixedheader .hfe-flyout-container,
#fixedheader .hfe-flyout-content,
#fixedheader .hfe-side,
#fixedheader .hfe-flyout-overlay {
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}

#fixedheader {
	z-index: 9999 !important;
}

#fixedheader .hfe-flyout-wrapper,
#fixedheader .hfe-flyout-container,
#fixedheader .hfe-side,
#fixedheader .hfe-flyout-content,
#fixedheader .hfe-flyout-close {
	z-index: 999999 !important;    height: 100vh;
}

#fixedheader .hfe-nav-menu__toggle.elementor-clickable.hfe-flyout-trigger {
	position: relative !important;
	/*z-index: 1000000 !important;**/
}
.wp-block-woocommerce-cart.alignwide {
    margin-inline: unset !important;
}

.elementor-342 .elementor-element.elementor-element-bd68a43 .hfe-flyout-content {
    background-color: #0c0d2e36 !important;
}
.viewalb {
    width: 100%;
    text-align: center;
}
 .album-cover {
            position: relative;
            overflow: hidden;
        }

#content a.checkout-button.button.alt.wc-forward {
		color: #000 !important;
	}

        .album-play-btn {
            position: absolute;
			inset: 0;
			border: 0;
			background: rgba(0, 0, 0, 0.22);
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background 0.25s ease, transform 0.25s ease;
			padding: 0;
			width: 283px;
			height: 281px;
			top: 120px;
			left: 63px;
        }

        .album-play-btn:hover {
            background: rgba(0,0,0,0.35);
        }

        .album-play-icon {
            width: 78px;
            height: 78px;
            border-radius: 50%;
            background: rgba(255,255,255,0.92);
            position: relative;
            box-shadow: 0 8px 30px rgba(0,0,0,0.25);
            transition: transform 0.25s ease;
        }

        .album-play-btn:hover .album-play-icon {
            transform: scale(1.08);
        }


        .album-play-icon::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 54%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            border-top: 14px solid transparent;
            border-bottom: 14px solid transparent;
            border-left: 22px solid #111;
        }

        .cristi-video-modal {
            position: fixed;
            inset: 0;
            z-index: 999999;
            display: none;
        }

        .cristi-video-modal.is-open {
            display: block;
        }

        .cristi-video-backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.82);
        }

        .cristi-video-dialog {
            position: relative;
            z-index: 2;
            width: min(960px, calc(100% - 30px));
            margin: 5vh auto 0;
            background: #000;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,0.45);
        }

        .cristi-video-close {
            position: absolute;
            top: 10px;
            right: 12px;
            z-index: 5;
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 50%;
            background: rgba(255,255,255,0.15);
            color: #fff;
            font-size: 28px;
            line-height: 1;
            cursor: pointer;
        }

        .cristi-video-body {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 9;
            background: #000;
        }

        .cristi-video-body iframe,
        .cristi-video-body video,
        .cristi-video-body embed,
        .cristi-video-body object {
            width: 100%;
            height: 600px;
            display: block;
        }

        body.cristi-video-modal-open {
            overflow: hidden;
        }

        @media (max-width: 767px) {
            .album-play-icon {
                width: 62px;
                height: 62px;
            }

            .album-play-icon::before {
                border-top-width: 11px;
                border-bottom-width: 11px;
                border-left-width: 18px;
            }

            .cristi-video-dialog {
                width: calc(100% - 20px);
                margin-top: 10vh;
            }
			.album-play-btn {
				width: 190px;
				height: 188px;
				top: 87px;
				left: 41px;
			}
        }
/* MOBILE */
@media(max-width: 768px){
	.hfe-flyout-overlay {
        background: rgba(0, 0, 0, .1)  !important;
	}
	#fixedheader > .e-con-inner > .e-con.e-child {
		z-index: 1; 
	}
    #fixedheader > .e-con-inner > .e-con.e-child:first-child {
		z-index: 99; 
	}

	div#otherpagesheader {
		min-height: 320px;
	}
	 #fixedheader > .e-con-inner > .e-con.e-child:first-child .hfe-flyout-content {
		background-color: #0c0d2eeb !important;
	}




   .album-row,
  .album-row.right{
     flex-direction: column;
  }
	.album-row {
		gap: 0px;
	}
  .album-cover{
		width: 360px;
		height: 360px;
        padding-top: 87px;
        padding-left: 42px;
  }

  .album-cover img{
    width: 188px;
        height: 188px;
  }
  .btn-login a{
	      font-size: 14px;
  }
  .elementor-112 #homeheader .elementor-widget-container {
		margin: 67px 0px 0px 0px;
	}
	/*.col-menu{
		flex: 0 0 20%;
		max-width: 20%;
	}

	.col-logo{
		flex: 0 0 60%;
		max-width: 60%;
		text-align: center;
	}

	.col-actions{
		flex: 0 0 20%;
		max-width: 20%;
		text-align: right;
	}*/
	.album-desc{
		font-size:12px;
	}
	.album-content h3
	{
		font-size:20px !important;
	}
	#prefootermenu li,#lastmenu li {
		padding-right: 14px;
		padding-left: 14px;
	}
	#lastmenu li:first-child
	{
		padding-left: 14px;
	}
	#prefootermenu li:not(:last-child)::after, #lastmenu li:not(:last-child)::after,#lastmenu li:first-child::before {
		font-size: 20px;
	}
	#prefootermenu li a,#lastmenu li a
	{
		font-size:12px !important;
	}
	footer#colophon p {
		text-align: center;
	}
	#lastmenu li:first-child::before
	{
		content:"";
	}
	/*homepage/*/
	.elementor-75 .elementor-element.elementor-element-5f61ae8 .elementor-heading-title,
	.elementor-75 .elementor-element.elementor-element-bf0009f .elementor-heading-title,
	.elementor-556 .elementor-element.elementor-element-712ed91a .elementor-heading-title
	{
		font-size: 50px !important;
	}
	.elementor-556 .elementor-element.elementor-element-446b3eeb .elementor-heading-title,
	.elementor-75 .elementor-element.elementor-element-5f58fd5 .elementor-heading-title,
	.elementor-75 .elementor-element.elementor-element-3635c5c .elementor-heading-title,
	.elementor-75 .elementor-element.elementor-element-523b394 .elementor-heading-title
	{
		font-size: 20px !important;
	}
	.elementor-75 .elementor-element.elementor-element-fb26693 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.elementor-75 .elementor-element.elementor-element-af00030.e-con {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	#otherpagesheader .elementor-widget-container {margin: 67px 0px 0px 0px;}
	#otherpagesheader .elementor-element.elementor-widget.elementor-widget-image {
		margin-top: 42px;
		padding-left: 61px;
	}

	#otherpagesheader .elementor-element.elementor-widget.elementor-widget-image img {
		max-width: 236px;
	}
	.elementor-80 .elementor-element.elementor-element-38a01f9 .elementor-heading-title{
		font-size: 50px !important;
	}
	.elementor-80 .elementor-element.elementor-element-dd6d849 .elementor-heading-title
	{	
		font-size: 20px !important;
	}
	.elementor-element.elementor-element-9df9942.separatorfooter.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.elementor-77 .elementor-element.elementor-element-fbc0241 .elementor-heading-title,
	{
		font-size: 50px !important;
	}
	.elementor-77 .elementor-element.elementor-element-3410e92 .elementor-heading-title,
	.elementor-77 .elementor-element.elementor-element-40a6554 .elementor-heading-title,
	.elementor-77 .elementor-element.elementor-element-efc61e6 .elementor-heading-title
	{	
		font-size: 20px !important;
	}
	.elementor-76 .elementor-element.elementor-element-6ae75b9 .elementor-heading-title, 
	.elementor-74 .elementor-element.elementor-element-4b3a14d .elementor-heading-title,
	.elementor-77 .elementor-element.elementor-element-fbc0241 .elementor-heading-title
	{
		font-size: 50px !important;
	}
	.elementor-76 .elementor-element.elementor-element-8246a16 .elementor-heading-title, .elementor-74 .elementor-element.elementor-element-9b853dc .elementor-heading-title
	{
		font-size: 20px !important;
	}
	div#contactbox {
		margin-left: 10px;
		margin-right: 10px;
	}
	.gform-theme--foundation .gfield textarea.medium {
		min-block-size: 8rem;
	}
	.elementor-74 .elementor-element.elementor-element-4357a3d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-74 .elementor-element.elementor-element-4357a3d .elementor-icon-list-item > a {
		font-size: 16px;
	}
	
	
	#homeheader .elementor-element.elementor-element-90c07d2.e-con-full.col-actions.e-flex.e-con.e-child {
		min-height: 320px !important;
	}
	#fixedheader .elementor-widget-image, #fixedheader .elementor-widget-image .elementor-widget-container {
		margin: 25px 0 0 0;
	}
	.viewalb {
		margin-top: 30px;
	}
	.viewalb img{
		width:182px;
	}
	span.cap-track-right {
        display: none !important;
    }
	.cap-panel {
		padding-left: 15px;
		padding-right: 15px;
	}
	.cap-track-title {
        font-size: 13px;
    }
	
}