/* Custom styles for the LV Generics plugin */

/*.feedback-carousel {*/
/*    width: 100%;*/
/*    max-width: 800px; !* optional *!*/
/*    margin: 0 auto;*/
/*}*/

.form-overlay-wrapper {
    position: relative;
}

.form-overlay-wrapper::before {
    content: "";
    position: absolute;
    z-index: 10;
    /*inset: 0; !* shorthand for top/right/bottom/left: 0 *!*/
    background: rgba(0, 0, 0, 0.08); /* grey with 10% opacity */
    /*border-radius: inherit; !* optional, if form has rounded corners *!*/
    border-radius: 5px; /* optional, if form has rounded corners */
    top: -10px;    /* expand 10px above */
    right: -10px;  /* expand 10px to the right */
    bottom: -10px; /* expand 10px below */
    left: -10px;   /* expand 10px to the left */
    -webkit-backdrop-filter: blur(1px);
    -moz-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

.wavesurfer-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    gap: 15px;
}

.wavesurfer-loader .spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #4681c3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mobile-navigation ul li {
    font-family: var(--global-body-font-family) !important;
}

.wp-site-blocks .page-title h1 {
    font-size: 2.2rem !important;
}

.srp_miniplayer_metas .track-title {
    display: none;
}

.srp_miniplayer_metas .album-title {
    font-size: 1rem;
}

.swiper {
    max-width: 400px;
    height: 200px;
}

.feedback-carousel .swiper-wrapper {
    display: flex;
}

.feedback-carousel .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    text-align: center;
    font-size: 1.17rem;
    color: white;
    font-family: var(--global-body-font-family);
    font-weight: 700;
    margin-bottom: 30px;
}

.feedback-carousel .swiper-pagination-bullet {
    background: #fff;       /* white instead of blue */
    opacity: 0.5;           /* transparent by default */
    width: 10px;            /* size */
    height: 10px;
    margin: 0 6px !important;
    border-radius: 50%;     /* make them circles */
    transition: all 0.3s ease;
}

/* active bullet */
.feedback-carousel .swiper-pagination-bullet-active {
    background: #3a71ae;    /* gold/yellow for active */
    opacity: 1;
    transform: scale(1.3);  /* make it bigger */
}

/* a very important rule to have header text white only at home page */
.home.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a,
.page-id-1421.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a,
.page-id-11.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a,
.page-id-1876.transparent-header .header-navigation .header-menu-container > ul > li.menu-item > a {
    color: #ffffff;
}

/* remove this soon! */
.test-secondary-navigation .secondary-menu-container > ul > li.menu-item > a:hover {
    line-height: 1.3;
}

#test-secondary-navigation a {
    line-height: 1.3;
}
/* remove this soon - ends here */

/* force white bg for some pages */
/* seems does not work in some cases as link text remains transparent */
.force-white-bg {
    background-color: white !important;
}

#user-registration-form-1665 {
    width: 520px;
    margin: 24px auto;
}

.justify {
    text-align: justify;
}

#menu-footer-3 li a {
    color: white;
}

#menu-footer-3 li a:hover {
    color: #2B6CB0;
    text-decoration: underline;
}

#secondary-navigation a {
    text-transform: uppercase;
}

#mainHeaderSection .wp-block-button .wp-block-button__link,
/*#mainActivitiesSection .wp-block-button .wp-block-button__link,*/
#forBeginnersSection .wp-block-button .wp-block-button__link {
    background-color: transparent;
    border-color: white;
    color: white;
}

#mainActivitiesSection .wp-block-button .wp-block-button__link {
    background-color: transparent;
}

#mainHeaderSection .wp-block-button .wp-block-button__link:hover,
/*#mainActivitiesSection .wp-block-button .wp-block-button__link:hover,*/
#forBeginnersSection .wp-block-button .wp-block-button__link:hover {
    color: var(--global-palette-btn-hover);
    background: var(--global-palette-btn-bg-hover);
    border-color: black;
}

#contactSection .kb-field {
    border-color: black;
    border-width: 1px;
    /*border-radius: 10px;*/
}

.mc4wp-form-1394 {
    width: 100%;
    text-align: center;
}

.mc4wp-form-1394 input {
    width: 32%;
}

.mc4wp-form-1394 input[type=submit] {
    /*background-color: yellow;*/
    border-width: 1px;
    min-height: 35px;
}

footer .mc4wp-form-1394 input[type=submit] {
    /*border-color: var(--global-palette-btn-bg);*/
    box-shadow: none;
    /*border-bottom-color: white;*/
}

@media screen and (max-width: 767px) {
    .mc4wp-form-1394 input[type=submit] {
        font-size: 10px;
    }
}

.mc4wp-form-1394 input[type=submit]:hover {
    /*text-decoration: underline;*/
    color: var(--global-palette-btn-bg-hover);
    background: var(--global-palette-btn-hover);
    box-shadow: none;
    border-color: white;
}

.btnInvert:hover {
    color: var(--global-palette-btn-bg-hover) !important;
    background: var(--global-palette-btn-hover) !important;
}

.btnInvertWhite .wp-block-button__link:hover {
    color: var(--global-palette-btn-bg-hover) !important;
    background: var(--global-palette-btn-hover) !important;
}

/*padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)*/
.site-footer .btnSubscribe, .site-main .btnSubscribe {
    padding: 7px 0px;
}

.mc4wp-form-1394 .mc4wp-response {
    color: red;
    margin-top: 20px;
    font-weight: bold;
}

footer .mc4wp-form-fields p {
    text-align: left;
}

#menu-item-1389, #menu-item-2134 {
    filter: grayscale(100%);
}


#mainMoto {
    position: relative;
    background: #eee; /* your background */
    overflow: visible; /* allow shapes outside */
}


/*wave-surf*/
.wavesurfer-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 190px;
    margin-bottom: 30px;
    background-color: aquamarine;
    width: 100%;
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.2);
    background-image: url('https://liutaurasviktorinas.com/wp-content/uploads/2025/09/ActivitiesSept2025.jpg');
    background-size: cover;
    background-position: 35% 44%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 8px;
}

.wavesurfer-container .header {
    text-align: right;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.wavesurfer-container .content {
    flex: 1; /* fills remaining space */
    /* background-color: lightblue; */
}

.wavesurfer-container .footer {
    display: flex;
    /* background-color: pink; */
    text-align: center;   /* centers text inside each child */
}

.wavesurfer-container .footer > div:nth-child(1),
.wavesurfer-container .footer > div:nth-child(3) {
    flex: 0 0 40%;   /* don’t grow/shrink, take 40% */
}

.wavesurfer-container .footer > div:nth-child(2) {
    flex: 0 0 20%;   /* don’t grow/shrink, take 20% */
}

/*.wavesurfer-container .footer > div {*/
/*    flex: 1;              !* each child takes equal width *!*/
/*    padding: 5px;         !* optional spacing *!*/
/*    !*border: 1px solid rgba(0,0,0,0.1); !* just to see the divisions *!*!*/
/*}*/

.wavesurfer-container .buttons {
    position: relative;
    /*top: -20px;*/
    /* background-color: yellow; */
}

.wavesurfer-container .buttons button {
    border: none;
    text-align: center;
    font-size: 35px;
    padding: 0;
    background: none;
    position: absolute;
    top: -10px;
    box-shadow: none;
}

.wavesurfer-container .f3 {text-align: right;}

.wavesurfer-container .footer span {
    display: inline-block;
    font-family: monospace;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

/*#mainMoto::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -40px;*/
/*    width: 50%;*/
/*    height: 40px;*/
/*    background: #0a4b78;*/
/*    clip-path: polygon(0 0, 100% 0, 0 100%);*/
/*}*/

/*#mainMoto::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: -40px;*/
/*    width: 50%;*/
/*    height: 40px;*/
/*    background: #0a4b78;*/
/*    clip-path: polygon(0 0, 100% 0, 100% 100%);*/
/*}*/


/*.hero-container.site-container::after {*/
/*.entry-header::before,*/
/*.entry-header::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 50%;*/
/*    height: 100%;*/
/*    background: crimson;*/
/*    clip-path: polygon(0 0, 100% 100%, 100% 0);*/
/*}*/

/*.entry-header::after {*/
/*    right: 0;*/
/*    left: auto;*/
/*    clip-path: polygon(0 0, 0 100%, 100% 0);*/
/*}*/


/*.entry-header {*/
/*    position: relative;*/
/*}*/

/*.hero-container.site-container::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 50px; !* adjust as needed *!*/
/*    background: #0a4b78;*/
/*    !*top: 100%; !* position below container *!*!*/
/*    !*top: auto; !* position below container *!*!*/
/*    clip-path: polygon(0 0, 50% 100%, 100% 0); !* flipped points *!*/
/*    bottom: 0;*/
/*    !*clip-path: polygon(0 100%, 50% 0, 100% 100%);*!*/
/*}*/