/*
 Theme Name: Дочерняя тема melodica
 Template: melodica
 Version: 1.0
*/

@font-face {
    font-family: 'Romul';
    font-style: normal;
    font-weight: 400;
    src: local('Romul'),
        url(fonts/romul.ttf) format('truetype');
}

header .site-title,
header img.white-logo { 
    display: none;
}

@media (max-width: 768px) {
    .d-none.only-mobile {
        display: block !important;
    }
    .video-slider .swiper-slide-active {
        transform: none !important;
        -webkit-transform: none !important;
    }
}

.video-player-one .video-js .vjs-big-play-button {
    backdrop-filter: unset;
    background-color: rgb(0 0 0 / 0%);
}

.video-player-one .video-js .vjs-big-play-button:focus,
.video-player-one .video-js:hover .vjs-big-play-button {
    background-color: rgb(175 190 211 / 32%);
}

.discography-slider .swiper-slide.image-anime {
    flex-direction: column;
    gap: 1rem;
}

footer.type-1.type-1-new .social a {
    font-size: 22px;
    font-weight: 400;
}

.social a:hover {
    color: rebeccapurple;
    transition: all 0.3s ease-in-out;
}

/* Перенесено из настроек */
.hero-2-slider .image {
	background-position: top center;
}

.video-js .vjs-tech {
    object-fit: contain;
}

.main-banner .hero-2-slider .image::after {
    background: none;
}

.main-banner .hero-2 .bottom-area {
	display: none;
}

.e-con-boxed:has(.elementor-widget-mini_music_player) {
    background-size: contain!important;
}

.main-banner .banner-heading {
    position: absolute;
    bottom: 0.2%;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.main-banner .banner-heading.elementor-element p.body-two {
    font-family: 'Romul', serif;
    font-size: 75px;
    line-height: 1.2;
    color: #696969 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    white-space: nowrap;
		font-weight: 600;
}

@media (max-width: 1024px) {
    .main-banner .banner-heading.elementor-element p.body-two {
        font-size: 64px;
        white-space: normal;
        line-height: 1.1;
    }
}

@media (max-width: 768px) {
    .main-banner .banner-heading.elementor-element p.body-two {
        font-size: 48px;
    }
}


@media (max-width: 390px) {
    .main-banner .banner-heading.elementor-element p.body-two {
        font-size: 36px;
    }
}

.site-title {
	font-family: 'Romul', serif;
}

header.type-3.scrolling .header-container {
	background: transparent;	
	backdrop-filter: none;
}

.page-scrolled header.type-3 .header-container .col-xl-2 {
	visibility: hidden;
}

.vjs-poster {
	display: none;
}

@media (max-width: 992px) {
	.video-js .vjs-control-bar_ {
		width: auto;
		left: 30px;
		right: 30px;
	}
}

.elementor-slideshow__footer {
	display: none;
}

/* Перенесено из настроек END */

@media (max-width: 500px) {
    .gallery.masonry .col-6 {
        width: 100%;
    }
}

.image-gallery .elementor-swiper-button {
    top: calc(100% + 30px / 2) !important;
    opacity: .4;
    transition: all ease .4s;
}

.image-gallery .elementor-swiper-button:hover {
    opacity: 1;
}

.image-gallery .elementor-swiper-button.elementor-swiper-button-prev {
    left: 60px !important;
}

.image-gallery .elementor-swiper-button.elementor-swiper-button-next {
    right: 60px !important;
}

.elementor-widget .hero-7 .top-area .subheading.top {
    color: #fff;
    font-size: 20px;
}

.elementor-widget .hero-7 .top-area h2.title {
    font-weight: normal;
    font-family: 'Romul', serif;
    font-size: 16px;
}

.hero-7.my-full-player .center-area .playing-time {
    display: flex;
}

.current-time,
.play-total-time {
    white-space: nowrap;
    text-wrap: nowrap;
}

@media (max-width: 500px) {
    .hero-7.my-full-player .row.gx-4 {
        flex-direction: column;
    }

    .hero-7.my-full-player .row.gx-4 .col-8,
    .hero-7.my-full-player .row.gx-4 .col-4 {
        width: 100%;
    }
}

@media only screen and (max-width: 580px) {
    footer.type-1 .social a {
        display: inline-block;
    }
}