/*
	Theme Name: Vex Child
	Theme URI: https://rascalsthemes.com
	Description: Minimal Ajax Music Theme
	Template: vex
	Version: 1.0.0
	Author: You
	Author URI: http://your-site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: vex-child
*/


/*------------------------------------------------------------------
Add here your own styles
-------------------------------------------------------------------*/
/* GLOBAL STYLES */

body{
    overflow: initial !important;
}
body {
  font-family: 'Urbanist', sans-serif;
	font-weight: 500;
}

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden !important;
}


/* Close / Click 
     -------------------------------- */
html:not(.ax--loading) #cursor.close, html:not(.ax--loading) #cursor.click {
    mix-blend-mode: difference;
}

html:not(.ax--loading) #cursor.close .cursor__body, html:not(.ax--loading) #cursor.click .cursor__body {
    opacity: 1;
    transform: scale(5);
}

.cursor__body-image {
    opacity: 0;
    top: 10px;
    left: -50%;
    position: relative;
    min-width: 300px
}


/* ===================================================================
   FX LOAD FI ANIMATION FIX
   =================================================================== */

/* Hide entire album cover container during animation transition to prevent double image */
body.is-fx-load .rt-album-cover-wrap {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Keep album cover container hidden initially */
.rt-album-cover-wrap {
    opacity: 0;
    visibility: hidden;
}

/* Show album cover after animation completes - delayed 3 seconds */
body.is-visible .rt-album-cover-wrap {
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.5s ease 3s;
}


/* ===================================================================
   BACK TO ALBUMS BUTTON (Footer Position)
   =================================================================== */

.back-to-albums {
    display: inline-block;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
}

.back-to-albums__icon {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    cursor: pointer;
}

.back-to-albums__icon svg {
    width: 20px;
    height: 20px;
    color: #ffffff;
    stroke: #ffffff;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
}

.back-to-albums:hover .back-to-albums__icon {
    background: #006b8c;
    border-color: #006b8c;
}

.back-to-albums:hover .back-to-albums__icon svg {
    transform: translateX(-3px);
    color: #ffffff;
    stroke: #ffffff;
}

.back-to-albums__text {
    position: absolute;
    bottom: 0;
    left: 65px;
    white-space: nowrap;
}

.back-to-albums__text .fx-txt-a__text {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: lowercase;
    color: #fff;
}

.back-to-albums:hover .back-to-albums__text .fx-txt-a__text {
    color: #006b8c;
}

/* Mobile responsiveness */
@media (max-width: 1024px) {
    .back-to-albums__icon {
        background: rgba(255, 255, 255, 0.5);
        border-color: #ffffff;
    }

    .back-to-albums__icon svg {
        color: #ffffff;
        stroke: #ffffff;
    }
}

/* Light scheme support */
.light-scheme .back-to-albums__icon {
    background: rgba(0, 0, 0, 0.05);
    border-color: #000000;
}

.light-scheme .back-to-albums__icon svg {
    color: #000000;
    stroke: #000000;
}

.light-scheme .back-to-albums:hover .back-to-albums__icon {
    background: #006b8c;
    border-color: #006b8c;
}

.light-scheme .back-to-albums:hover .back-to-albums__icon svg {
    color: #ffffff;
    stroke: #ffffff;
}

.light-scheme .back-to-albums__text .fx-txt-a__text {
    color: #000000;
}

.light-scheme .back-to-albums:hover .back-to-albums__text .fx-txt-a__text {
    color: #006b8c;
}




@keyframes glowing {
  0% {
    background-color: #ffffff80;
    box-shadow: 0 0 20px #006b8c80;
  }
  50% {
    background-color: #ffffff80;
    box-shadow: 0 0 40px #006b8c;
  }
  100% {
    background-color: #ffffff80;
    box-shadow: 0 0 20px #006b8c80;
  }
}

@keyframes fadeInRight {
   0% {
      opacity: 0;
      transform: translateX(20px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
} 

 @keyframes blazingStar {
   1% {
     border-radius: none;
     box-shadow: 0px 0px 80px rgba(221, 147, 114,.75);
     transform: scale(1);
   }
   10% {
     box-shadow: 0px 0px 0px;
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   20% {
     box-shadow: 0px 0px 200px rgba(221, 147, 114,.75);
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   30% {
     box-shadow: 0px 0px 0px;
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   40% {
     box-shadow: 0px 0px 200px rgba(221, 147, 114,.75);
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   50% {
     box-shadow: 0px 0px 0px;
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   60% {
     box-shadow: 0px 0px 50vh rgba(221, 147, 114,1);
     /*border-radius: 50%;*/
     transform: scale(1);
   }

   70% {
     box-shadow: 0px 0px 0px;
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   80% {
     box-shadow: 0px 0px 50vh rgba(221, 147, 114,1);
     /*border-radius: 50%;*/
     transform: scale(1);
   }

   90% {
     box-shadow: 0px 0px 0px;
     /*border-radius: 50%;*/
     transform: scale(1);
   }
   99% {
     box-shadow: 0px 0px 50vh rgba(221, 147, 114,1);
     /*border-radius: 50%;*/
     transform: scale(1);
   }
 }

.blazingStar {
  animation-timing-function: ease-out;
  transform-origin: bottom center;
  animation-name: blazingStar;
  animation-duration: 10s;
  animation-iteration-count:3;
}

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.heartbeatFast { animation-name: heartbeatFast }
@keyframes heartbeatFast {
    14%, 42% { transform: scale(1.3) }
    28%, 70% { transform: scale(1) }
}

@keyframes heartbeatSlow {
    35%, 65% { transform: scale(1.5) }
}

}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}
  //***************//
 //**** HEADER****//
//***************//

/* Note: Main font-family declaration is at top of file (line ~26)
   Removed duplicate body font-family here to avoid conflicts */

body #menu-main-menu .menu-item a{
	font-size:17px;
	text-transform:lowercase;
}

body .header__logo a img{
	position:relative;
	top:-20px;
	width:200px;
}

/* Sub Menu */
#menu-main-menu .menu-item .sub-menu{
	padding-top:0px;
	padding-bottom:0px;
	background-color:rgba(0,107,140,0) !important;
	box-shadow:18px 20px 18px 0px rgba(0,0,0,0);
}

/* Link */
#menu-main-menu .sub-menu a{
	color:#ffffff !important;
}

/* Menu Item */
#menu-main-menu .sub-menu .menu-item{
	color:#ffffff;
	animation-fill-mode:both;
	padding-bottom:0px;
	padding-top:20px;
}

  //***************//
 //**** FOOTER****//
//***************//

/* social follow icon  */

body .fx-cursor .fx-txt-a span{
	font-size:13px;
	text-transform:lowercase;
	text-align:center;
	font-weight:400;
}

body .fx-cursor div .socials__icon{
	background-color:rgba(255,255,255,0.5);
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

body .fx-cursor div .socials__icon:hover{
	background-color:#006b8c;
	border-style:none;
}

body .fx-cursor .socials__icon span{
	color:#000000;
}

body .fx-cursor .socials__icon span:hover{
	color:#ffffff;
}

body .socials__list li img{
	-webkit-transform:scale(0.4);
	-ms-transform:scale(0.4);
	transform:scale(0.4);
}

/* lets connect button  */

body .footer__center .footer__note a{
	background-color: #ffffff80;
	padding-left:13px;
	padding-right:13px;
	padding-top:10px;
	padding-bottom:10px;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	color:#000000;
	font-size:14px;
	text-transform:lowercase;
	text-align:center;
	display:inline-block;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	position:relative;
	top:4px;
}


body .footer__center .footer__note a {
	animation-duration:1s;
	animation-delay:3s;
	animation-name:glowing;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 10;
}

body .footer__center .footer__note a:hover{
	background-color:#006b8c;
	color:#ffffff;
}


/* lets connect only for not logged in */
body.logged-in .footer__note a{
	visibility:hidden;
}


@media (max-width:1024px){
	
	body .footer__center .footer__note a{
	top:-15px;
}

	body .socials__list li img{
	-webkit-filter: invert(1);
	filter: invert(1);
	}

	
	
	

}

/*-----------------------------------------------*/
/*  Form button                                  */
/*-----------------------------------------------*/

.ff_form_instance_5_1 .card-submit {
    visibility: hidden !important;
    opacity: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ff_form_instance_5_1 .card-submit.show {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 500px !important;
    margin-top: 1rem !important;
    transition: opacity 0.3s ease-out, max-height 0.4s ease-out !important;
}
/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/
body #menu-main-menu > .menu-item > a:hover{
	color:#006b8c;
	text-shadow:none;
}

body #menu-main-menu .menu-item .sub-menu{
	border-top-left-radius:18px;
	border-top-right-radius:18px;
	border-bottom-left-radius:18px;
	border-bottom-right-radius:18px;
	width:115px;
	background-color:rgba(0,107,140,0.5);
	line-height:1.85em;
	padding-left:0px;
}

body #header .header__container .header__menu .menu-top .menu-main-menu-container #menu-main-menu .menu-item .sub-menu{
	-webkit-transform:translatex(0px) translatey(0px) !important;
	-ms-transform:translatex(0px) translatey(0px) !important;
	transform:translatex(0px) translatey(0px) !important;
}

body #menu-main-menu .sub-menu a{
	color:rgba(255,255,255,0.7);
	font-weight:400;
	line-height:1.1em;
	font-size:16px !important;
}

body #menu-main-menu > .menu-item > a{
	font-weight:500;
	font-size:15px !important;
}

body #footer .footer__inner{
	padding-right:0px;
	padding-left:0px;
}

body #header .header__container .header__menu .menu-top .menu-main-menu-container #menu-main-menu > .menu-item > a{
	-webkit-transform:translatex(0px) translatey(0px) !important;
	-ms-transform:translatex(0px) translatey(0px) !important;
	transform:translatex(0px) translatey(0px) !important;
}

body #menu-main-menu > .menu-item > a:active{
	color:#006b8c!important;
}

body.logged-in .footer__note a{
	visibility:hidden !important;
}

body .footer__note a:hover{
	background-color:#006b8c !important;
	color:#ffffff;
}

@media (max-width:1200px){

	body #header{
	top:-12px !important;
}

body #footer{
	padding-left:80px;
	padding-right:80px;
	}

}



@media (max-width:1129px){

	body .footer__center .footer__note a{
	-webkit-transform:scale(0.98);
	-ms-transform:scale(0.98);
	transform:scale(0.98);
}

body #footer{
	padding-left:10px !important;
	padding-right:10px !important;
	}

}



@media (max-width:1024px){

	body #header{
	top:-26px !important;
}

body #footer{
	-webkit-transform:translatex(0px) translatey(0px);
	-ms-transform:translatex(0px) translatey(0px);
	transform:translatex(0px) translatey(0px);
}

body .socials__list li img{
	top:-2px !important;
}

body .footer__left .socials{
	top:30px;
	}

}



@media (max-width:920px){

	body #header{
	top:10px !important;
	}

}



@media (max-width:782px){

	body #header{
	top:11px !important;
	}

}



@media (max-width:767px){

	body #header{
	top:10px !important;
}

body .footer__left .socials{
	top:15px;
	}

}



@media (max-width:479px){

	body #header{
	top:30px !important;
	}

}



@media (min-width:769px){

	body #footer{
	padding-left:80px;
	padding-right:80px;
	}

}



@media (min-width:783px){

	body #header{
	top:-15px !important;
	}

}



/*-----------------------------------------------*/