/*
	Theme Name: Angio Child
	Theme URI: https://rascalsthemes.com
	Description: Creative Music WordPress Theme 
	Template: angio
	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: angio-child
*/

/*------------------------------------------------------------------
GENERAL
-------------------------------------------------------------------*/

@supports (-webkit-touch-callout: none) {
	.is-fullscreen.is-smoothscroll #app {
		/* The hack for Safari */
		height: -webkit-fill-available;
	}
}

body,
input,
textarea,
select {
	font-family: 'Abel', sans-serif;
	font-size: 19px;
	line-height: 1.5;
}

.elementor-heading-title,
input[type='submit'],
input[type='submit'],
button,
.btn {
	font-family: 'Chivo', sans-serif;
	font-weight: 400;
	font-size: 19px !important;
	color: white !important;
}

.header__menu a {
	font-size: 18px;
}

.album-button,
.player-meta__desc {
	font-size: 15px;
}

.player-meta__title,
.lightbox__title {
	font-size: 16px;
}

.footer__right .scroll-top {
	font-size: 14px;
}

.nav-links .nav-direction {
	font-size: 30px;
}

/*----------  SOCIAL ICONS  ----------*/

.social__name {
	font-size: 0;
}

.social__name:after,
.bg-player::before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	letter-spacing: 0;
	-webkit-font-feature-settings: 'liga';
	-moz-font-feature-settings: 'liga=1';
	-moz-font-feature-settings: 'liga';
	-ms-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga';
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f39e';
	font-size: 20px;
	height: 30px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}

.social__name-instagram:after {
	content: '\f16d';
}

.social__name-spotify::after {
	content: '\f1bc';
}

.social__name-youtube::after {
	content: '\f167';
}

.social__name-apple::after {
	content: '\f3b5';
}

.social__name-soundcloud::after {
	content: '\f1be';
}

.social__name-youtubemusic::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f144';
}

.icon-wechat::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f144';
}

/*------------------------------------------------------------------
MENU
-------------------------------------------------------------------*/

.menu-main ul li a {
	font-size: 24px;
	font-family: 'Abel', sans-serif;
}

.custom-menu ul li a {
	line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
	.content--fullscreen .custom-menu {
		font-size: 26px;
	}
}

/*------------------------------------------------------------------
NEON
-------------------------------------------------------------------*/

.h1-logo {
	text-shadow: 0 0 20px rgb(0, 0, 0), 0 0 10px #fff, 0 0 21px #33f7dd40,
		0 0 41px #33f7dd40, 0 0 46px #33f7dd40;
}

.bg-player::before {
	text-shadow: 0 0 20px rgb(0, 0, 0), 0 0 10px #81f7e7, 0 0 21px #33f7dd,
		0 0 41px #33f7dd, 0 0 46px #33f7dd;
	text-shadow: 0 0 20px rgb(0, 0, 0), 0 0 10px #81f7e7, 0 0 21px #33f7dd2c,
		0 0 46px #33f7dd2c;
}

.social__name::after {
	text-shadow: 0 0 20px rgb(0, 0, 0), 0 0 10px #81f7e7, 0 0 21px #33f7dd2c,
		0 0 46px #33f7dd2c;
}

/*------------------------------------------------------------------
LOGO
-------------------------------------------------------------------*/

.h1-logo {
	text-transform: uppercase;
}

.h1-logo span {
	font-family: 'Major Mono Display';
	margin-right: -0.25em;
	font-size: 0.9em;
}

/*------------------------------------------------------------------
PLAYER

'\e608' headphones
'\e609' notes
'\e646' play
'\e647' volume

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

.bg-player .bg-player__eq .eq-bar {
	opacity: 0;
}

.bg-player::before {
	content: '\f028';
	opacity: 1;
	transition: 0.1s;
	position: absolute;
	line-height: 29px;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
}

.bg-player.playing::before {
	opacity: 0;
	transition: 0.1s;
}

.bg-player.playing .bg-player__eq .eq-bar {
	opacity: 1;
}

@media only screen and (max-width: 767.98px) {
	.bg-player,
	.menu-button {
		top: -4px;
	}
}

@media only screen and (max-width: 479.98px) {
	.bg-player,
	.menu-button {
		top: -4px;
	}
}

/*------------------------------------------------------------------
HOME
-------------------------------------------------------------------*/

.home .header-classic .menu-button {
	display: none;
}

/* .header__layer-menu {
	order: 1;
}

.magneto-wrapper {
	order: 2;
}

.no-main-menu .header__menu {
	order: 3;
}

.header__logo {
	order: 4;
	text-align: right;
} */

@media (min-width: 991.98px) {
	.home .content--menu-layer.left-center .custom-menu {
		text-align: right;
		left: auto;
		right: 80px;
		bottom: 40vh;
	}
}

/*----------  HOMEPAGE MAIN IMAGE  ----------*/

.home .content--menu-layer.left-center .artist-layer {
	text-align: left;
	bottom: -40px;
	left: -5vh;
}

.home .fx-smooth-move-layer img {
	height: 110vh;
	max-width: none;
}

@media only screen and (max-width: 767.98px) {
	.home .content--menu-layer.left-center .artist-layer {
		bottom: -40px;
		left: -15vh;
	}

	.content--fullscreen .custom-menu {
		top: 56%;
	}
}

/*------------------------------------------------------------------
PAGES
-------------------------------------------------------------------*/

.elementor-1022
	.elementor-element.elementor-element-50dd2461
	> .elementor-element-populated
	> .elementor-background-overlay {
	display: none;
}

@media (max-width: 767px) {
	.elementor-1022
		.elementor-element.elementor-element-50dd2461
		> .elementor-element-populated
		> .elementor-background-overlay {
		display: none;
	}
}

/*------------------------------------------------------------------
POSTS
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------*/

.footer__right {
	display: none;
}

.footer__inner {
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
}
.footer__note {
	text-align: left;
	font-size: 14px;
}
.footer__left {
	width: 100%;
	order: 2;
	padding-top: 0px;
}
.footer__left-inner {
	display: block;
}
.footer__center {
	width: 100%;
	order: 1;
	text-align: left;
	order: 3;
	padding-top: 20px;
	padding-bottom: 24px;
}
.footer__right {
	position: relative;
	bottom: 30px;
	width: auto;
	margin-left: auto;
	order: 3;
	text-align: left;
}
.footer__right-inner {
	float: right;
}
.socials {
	max-width: 100%;
	height: 20px;
}
.socials__list {
	visibility: visible;
	opacity: 1;
	position: relative;
	display: block;
	bottom: 0;
}
.socials__list li {
	opacity: 1;
	transform: none;
	display: inline-block;
	margin-bottom: 0;
	margin: 2px 12px 2px 0px;
}
.socials__list li:last-child {
	margin-right: 0;
}
.socials__icon,
.socials .socials__text {
	display: none;
}
.socials__list a {
	opacity: 1;
	font-size: 14px;
	min-width: 30px;
	height: 30px;
	background-color: transparent;
	color: #fff;
	line-height: 25px;
}
#footer .arrow-button__text {
	/* display:none; */
}

.is-fullscreen .footer__note,
.elementor-template-full-width .footer__note {
	text-align: left;
}