/*
	Theme Name: clubbingtv Child
	Theme URI: https://correlatif.com
	Description: Clubbing TV 
	Template: clubbingtv
	Version: 1.0.0
	Author: b.jerome
	Author URI: https://correlatif.com
	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: volve-child
*/


/* header */

#header.hamburger-position-left .l-nav-btn {
	margin-right: 0;
}

.primary-navigation ul ul a {
	padding: 10px 5px;
}

.paging-navigation .page-numbers.current,
.wc-pagination .page-numbers .page-numbers.current {
	border: 2px solid var(--brand_color);
}

.single-listing #header:not(.is-scrolled) .btn-circle svg path {
	fill: #fff;
	color: #fff;
}

.single-listing #header:not(.is-scrolled) .btn-circle::after {
	background-color: #fff;
	opacity: 0.1;
}

.single-listing.bg-light-global .extra-menu .btn-circle .icon,
.single-listing .primary-navigation div>ul>li>a {
	color: #fff;
}

/* other */

ul {
	margin-left: 15px;
}

.widget.widget_categories a:hover,
.widget.widget_archive a:hover,
.widget.widget_recent_entries a:hover,
.widget.widget_meta a:hover,
.widget.widget_nav_menu a:hover,
.widget.widget_pages a:hover,
.widget.widget_links a:hover,
.widget_recent_comments ul li a:hover {
	box-shadow: none;
}

i.icon {
	width: initial;
	height: initial;
	line-height: initial;
}

ion-icon {
	pointer-events: none;
}

h1 {
	letter-spacing: -3px;
}

.ph .wave-holder {
	bottom: -4vw;
}

.ph {
	margin-bottom: 0;
}

.ph-simple.is-wave .ph-wrap {
	padding-bottom: 0;
}

.ph-fi,
.ph-color {
	min-height: 460px;
}

.ph-fi .ph-container,
.ph-color .ph-container {
	padding-top: 60px;
	padding-bottom: 0 padding-top: 6vh;
	padding-bottom: 0;
}

.btn-circle i,
.btn-circle .ion {
	line-height: 50px;
	vertical-align: initial;
	margin-left: 0;
}

.bg-dark .wave-anim::after {
	filter: invert(.7);
}

.js-scroll-top i.icon {
	width: 20px!important;
}

.single-product .ph-img-wrap .parallax-img,
.single-post .ph-img-wrap .parallax-img,
.single-volve_events .ph-img-wrap .parallax-img {
	filter: brightness(30%) blur(8px);
	-webkit-filter: brightness(30%) blur(8px);
}

.single-listing .ph-img-wrap .parallax-img
{
	filter: brightness(20%) blur(8px);
	-webkit-filter: brightness(20%) blur(8px);
}


.parallax-img {
	transform: scale(1)!important;
}

.single-product .ph-img-wrap .parallax-img,
.single-listing .ph-img-wrap .parallax-img,
.single-post .parallax-img,
.single-volve_events .parallax-img {
	transform: scale(1.08)!important;
}

.btn-circle.share-panel,
.scrolltop {
	left: 55px;
}


/* footer */

.footer-widget__big-title .headset {
	display: inline-block;
	vertical-align: middle;
	animation: heart-beats 8s cubic-bezier(.36, .07, .19, .97) infinite;
	transform-origin: 50% 70%;
	will-change: transform;
	color: #54f98d;
}

.footer-widget__big-title {
	line-height: 1.2em;
}

#footer.bg-dark {
	background-color: #000;
}

.footer-wave path {
	fill: var(--base_color);
}

.footer-wave {
	margin-top: -100px;
}

#footer .footer-bottom__right img {
	width: 64px;
	height: auto;
}

.footer-widgets {
	padding-top: 0;
	padding-bottom: 0;
}


/* sidebar */

.sidebar__block_videos {
	background: #f7f7f7;
	width: 100%;
	float: right;
	padding: 60px 15px;
	padding-right: 15px;
	position: relative;
	z-index: 10;
}

.sidebar.sidebar-on-right .sidebar__block_videos {
	padding-right: 15px;
	float: right;
}

.sidebar.sidebar-on-right .sidebar__block_videos::before {
	left: 100%;
}

.sidebar__block_videos::before {
	content: '';
	background: inherit;
	width: 500%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}

.sidebar {
	margin-top: 40px!important;
}

.widget_nav_menu div>ul>li>a {
	font-weight: 400;
}

.widget .product-categories li::before {
	display: none;
}


/* shop Woocommerce
Bug theme ? icons from icomoon missing
*/

.cart-widget-counter.brand-bg-color {
	background-color: transparent;
}

.woocommerce .widget_price_filter .price_label {
	color: #141414;
}

.select-styled option {
	color: #fff;
}

.select-styled select {
	background-color: #000;
	color: #fff;
	-webkit-text-fill-color: #fff;
}

select::-ms-expand {
	display: none;
}

.select-styled:after {
	color: #fff;
}

.wc-button:hover {
	width: 100%;
}

.wcp-button {
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	color: #fff;
}

.wcp-button .wc-button {
	width: 100%;
}

.woocommerce ul.products li.product a {
	border-radius: 0;
}

.wcs-meta {
	padding: 20px 0;
	color: #888;
}

.woocommerce .woocommerce-info {
	background-color: #bcffd3;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 2px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	padding: 0 2px 2px 0;
}

.woocommerce div.product div.images img {
	max-width: 622px;
}

.woocommerce button.button {
	background: var(--brand_color2)!important;
	color: #fff!important;
}

.woocommerce button.button:hover {
	background: var(--brand_color)!important;
	animation: gfx .03s cubic-bezier(.25, .46, .45, .94) both 5;
}


/* signin - signup */

.lrm-inline .lrm-user-modal-container {
	border-radius: 5px;
	padding: 5px;
}

.lrm-form a.button,
.lrm-form button,
.lrm-form button[type=submit],
.lrm-form #buddypress input[type=submit],
.lrm-form .gform_wrapper input.gform_button[type=submit],
.lrm-form input[type=submit] {
	text-align: center;
	display: inline-block;
}

modal-container .lrm-integrations .input-text,
.lrm-user-modal-container .lrm-integrations input[type=text],
.lrm-user-modal-container .lrm-integrations input[type=email],
.lrm-user-modal-container .lrm-integrations input[type=password],
.lrm-user-modal-container .lrm-integrations input[type=url],
.lrm-user-modal-container .lrm-integrations input[type=search],
.lrm-user-modal-container .lrm-integrations input[type=tel],
.lrm-user-modal-container .lrm-integrations input[type=date],
.lrm-user-modal-container .lrm-integrations input[type=number],
.lrm-user-modal-container .lrm-integrations select,
.lrm-user-modal-container .lrm-integrations textarea {
	border-bottom: 1px solid #eee;
}

.lrm-form .hide-password {
	border-color: #eee;
}

p.lrm-form-bottom-message {
	position: initial;
	background: #ffffff;
	color: #000;
	padding-bottom: 10px;
}

p.lrm-form-bottom-message a,
.lrm-user-modal p.lrm-form-bottom-message a {
	color: #000;
}

.lrm-form a.button,
.lrm-form button,
.lrm-form button[type=submit],
.lrm-form #buddypress input[type=submit],
.lrm-form .gform_wrapper input.gform_button[type=submit],
.lrm-form input[type=submit] {
	margin-bottom: 10px;
}

.no-touch .lrm-form input[type=submit]:hover,
.no-touch .lrm-form input[type=submit]:focus,
.no-touch .lrm-form button[type=submit]:hover,
.no-touch .lrm-form button[type=submit]:focus {
	background: var(--btn_bg_color);
	color: var(--base_color);
}

.lrm-user-modal-container {
	top: 40px;
}

.extra-menu .btn-circle .icon {
	color: #fff;
	line-height: 50px;
	vertical-align: initial;
	margin-left: 0;
	font-size: 24px;
}

.extra-menu .btn-circle:hover {
	animation: anim__spin .03s cubic-bezier(.25, .46, .45, .94) both 5;
}

.bg-light-global .extra-menu .btn-circle .icon {
	color: #000;
}


/** responsive **/

@media (max-width: 991.98px) {
	.btn-circle.share-panel,
	.scrolltop {
		left: 30px;
	}
}


/* wave */

#magic-wave {
	position: relative!important;
	z-index: 0!important;
	opacity: 1!important;
}

.wave-magic {
	bottom: -8px!important;
}


/* Effects */

.autotype.autotype-started::after {
	content: "_";
	animation: blink normal 0.5s infinite ease-in-out;
	-webkit-animation: blink normal 0.5s infinite ease-in-out;
}

footer a.gfx img:hover,
.logo img:hover {
	animation: gfx .03s cubic-bezier(.25, .46, .45, .94) both 5;
	filter: invert(1);
	-webkit-filter: invert(100%);
	transition: filter 0.5s ease-in-out;
}

@-webkit-keyframes gfx {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
	20% {
		-webkit-transform: translate(-1px, 1px);
		transform: translate(-1px, 1px)
	}
	40% {
		-webkit-transform: translate(-1px, -1px);
		transform: translate(-1px, -1px)
	}
	60% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px)
	}
	80% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px)
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes gfx {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
	20% {
		-webkit-transform: translate(-1px, 1px);
		transform: translate(-1px, 1px)
	}
	40% {
		-webkit-transform: translate(-1px, -1px);
		transform: translate(-1px, -1px)
	}
	60% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px)
	}
	80% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px)
	}
	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@-webkit-keyframes rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}


/* Spin */

@keyframes anim__spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}

@-webkit-keyframes anim__spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}


/* Blink */

@keyframes blink {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0.5
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes flash-image {
	0% {
             filter: invert(1) brightness(100%) sepia(100%) saturate(0%);
       }
	100% {
	      filter: invert(0) brightness(1) sepia(0) saturate(1);
	}
}

.blink {
	animation: blink normal 0.5s infinite ease-in-out;
	-webkit-animation: blink normal 0.5s infinite ease-in-out;
}


/* Network Single */

.network-socials {
	margin-top: 15px;
	font-size: 22px;
}

.network-socials a {
	margin-right: 10px;
	transition: color 0.6s, transform 0.3s ease;
	display: inline-block;
}

.network-socials a:hover {
	transform: scale(1.2);
}

.bg-dark .facebook {
	color: #1877f2;
}

.bg-dark .instagram {
	color: #c32aa3;
}

.bg-dark .twitter {
	color: #1da1f2;
}

.bg-dark .youtube {
	color: #ff0000;
}

.bg-dark .linkedin {
	color: #0a66c2;
}

.bg-dark .soundcloud {
	color: #ff5500;
}

.ph-meta-bottom {
	font-weight: 300;
}

.event-tickets-elementor-widget .btn {
	padding: 0px 18px;
}

.single-listing .related .mod__title h2 {
    font-size: 15px;
}

.single-listing h4 ion-icon {
    color: #54f98d;
}

.single-listing .fc__media img {
    border-radius: 5px;
}

/** form / contact **/

.wpcf7, .wpforms-form {
	margin-top: 0;
	border-radius: 5px;
	padding: 60px;
	position: relative;
	background-color: #a4fee4;
}

.wpcf7 input,
.wpcf7 textarea,
.wpforms-form input,
.wpforms-form textarea
{
	background-color: rgb(255 255 255 / 42%);
	transition: 0.6s ease;
}


/** share **/

.share-panel i.icon {
	line-height: 50px!important;
	vertical-align: initial!important;
	margin-left: 0!important;
}


/** home **/

.home-post {
	color: #C9C9C9;
}

.services-details__block .elementor-cta__button-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 20px;
}

.services-details__block .elementor-cta__title {
	margin-top: -60px;
}

.services-details__block .btn {
	background-color: transparent;
}

.services-details__block .elementor-cta:hover~.services-details__block .btn {
	color: #fff;
}

.btn-ctv i.icon {
	height: 32px;
}

.btn-ctv {
	background: transparent;
	padding-left: 0;
}

.btn-ctv:hover {
	background: transparent;
	color: #000;
}

.home .mod-event-list .mod__inner {
	padding-top: 25px;
	padding-bottom: 0;
}

.home .mod-event-list .mod__title h2 {
	font-size: 18px;
}

.home .mod-event-list .mod__event-day {
	font-size: 40px;
}

.featured_event .mod__title h2 a {
	color: #54F98D;
	font-size: 28px;
}

.featured_event .mod-event-list .mod__event-day {
	font-size: 48px;
	font-weight: 600;
}

.home .grid-row .mod-event-list:last-child .mod__inner {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(136, 136, 136, .2);
}

.home h4{
  margin-bottom: 0;
}
.home h4 i.icon {
    line-height: 24px;
}
.home h4 ion-icon{
    position: relative;
    top: 2px;
}

/** single **/

.single-post .post .wpb_wrapper a {
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
}
.single-post .post .wpb_wrapper a::before, .single-post .post .wpb_wrapper a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -0.1rem;
  display: block;
  width: 100%;
  height: 2px;
  background: #54f98d;
  transition: 1.1s var(--ease-out-expo);
}
.single-post .post .wpb_wrapper a::before {
  transform: scaleX(0);
  transform-origin: left;
}
.single-post .post .wpb_wrapper a::after {
  transform-origin: right;
  transition-delay: 0.25s;
}
.single-post .post .wpb_wrapper a:hover::before {
  transform: scaleX(1);
  transition-delay: 0.25s;
}
.single-post .post .wpb_wrapper a:hover::after {
  transform: scaleX(0);
  transition-delay: 0s;
}

.single-post .ph-meta-top a:hover {
    color: var(--brand_color);
}

/** Events list **/
.page-template-events .sidebar__block {
    padding: 60px 20px;
}

/** charts viberate **/

.viberate h3 {
    margin-top: 40px;
}

ul.viberate {
    list-style-type: none;
}
ul.viberate li {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(136, 136, 136, .2);
}

li span {
   padding: 5px;
}

li span.viberate-col-A, li span.viberate-col-AG, li span.viberate-col-AGG {
    border: 2px solid var(--brand_color) !important;
    border-radius: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 0;
    vertical-align: middle;
    color: var(--base_color);
    min-width: 35px;
    min-height: 35px;
    line-height: 30px;
    text-align: center;
    margin-right: 20px;
    padding: 0;
}

li span.viberate-col-AG {
    border-color: var(--dark_color)!important;
}

li span.viberate-col-B {
    font-weight: 700;
}

li span.red{
    color: #FF4000;
}

li span.viberate-col-D {
    font-style: italic;
}

.primary-navigation ul ul {
    width: 270px;
}

.single-post .post li a{
    text-decoration : underline!important;
    text-decoration-color: #54f98d!important;
}

/** Events forms **/
.new-event-form input, .new-event-form textarea {
    width:100%;
}

.new-event-form .wpforms-field-date-time{
    width:50%;
    float:left;
}
.new-event-form .w50{
   width:50%;
   float:left;
}

.new-event-form .wpforms-field{
   padding:10px;
}

.new-event-form .wimg{
    width:100%;
}