/*
Theme Name:   Flicker - Child theme
Theme URI:    http://webdesign-finder.com/flicker-v2
Description:  Extra Small child theme of Flicker theme
Author:       the MWTemplates team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     flicker
Version:      1.0.0
License:      Commercial
License URI:  https://themeforest.net/licenses/regular_extended
Text Domain:  flicker
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/


/* Logo */
@media (min-width: 1200px) {
	.logo img {
		position: absolute;
		max-height: 110px;
		top: 35px;
	}
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.logo img {
		top: 10px;
		left: 50px;
	}
}
@media (max-width: 1199px) {
	.logo img {
		padding-top: 20px;
	}
}

/* Navigation */
@media (min-width: 1200px) and (max-width: 1599px) {
	#nav_top {
		margin-left: 200px;
	}
}

/* Form */
input,
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"], 
textarea, 
select,
.i input, 
.i select, 
.i textarea {
	background: rgba(0, 0, 0, 0.1);
	border-color: #EEE;
}

/* Footer Titles */
.widget-title {
  font-family: "Tektur", sans-serif;
  font-weight: 600;
}
.footer .widget .widget-title, .footer .widget .wp-block-heading {
	font-weight: 600;
}

/* Post Carousel */
.owl-carousel-item .post-thumbnail-wrap {
	max-height: 247px;
	overflow: hidden;
}

/* Sections: tv shows */
.tvshows .elementor-element-populated h4,
.tvshows .elementor-element-populated p {
	filter: drop-shadow(0px 0px 2px black);
}
.tvshows .elementor-widget-wrap {
	filter: brightness(1);
	transition: filter .5s !important;
}
.tvshows .elementor-widget-wrap:hover {
	filter: brightness(1.5);
}

/* Music Releases Carousel */
.elementor-image-carousel a {
	opacity: 70%;
	filter: grayscale(70%);
}
.elementor-image-carousel a:hover {
	opacity: 100%;
	filter: grayscale(0%);
}
.elementor-image-carousel p {
	position: absolute;
	bottom: -50%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 100%;
  font-size: 13px;
  padding: .3em .6em;
}
.elementor-image-carousel a {
  display: block;
}
.elementor-image-carousel a p {
  opacity: 0%;
  transition: all .2s ease-in-out 0s;
}
.elementor-image-carousel a:hover p {
  opacity: 100%;
  bottom: 0;
}

/* Header - Glitch effect  */
@media (min-width: 1200px) {
	.glitch .elementor-widget-container {
		height: 80px;
	}
	.glitch p {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		width: 100%;
		
		&:before, &:after {
			display: block;
	/*		content: attr(data-glitch);*/
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			opacity: .8;
		} &:after {
			color: #ff3a3a;
			z-index: -2;
			animation: glitch .3s cubic-bezier(.25, .46, .45, .94) reverse both 300
		} &:before {
			color: #5a83ff;
			z-index: -1;
			animation: glitch .3s cubic-bezier(.25, .46, .45, .94) both 300
		}
	}
	.glitch.elementor-element-3958e96 p {
		&:before, &:after {
			content: 'For Those About to Rock';
		}
	}
	.glitch.elementor-element-6daf6ae p {
		&:before, &:after {
			content: 'We Salute You';
		}
	}
	@media (max-width: 767px) {
		.glitch .elementor-widget-container {
			height: 35px;
		}
	}
	@keyframes glitch {
		0% {
			transform: translate(0)
		}
		20% {
			transform: translate(-3px, 3px)
		}
		40% {
			transform: translate(-3px, -3px)
		}
		60% {
			transform: translate(3px, 3px)
		}
		80% {
			transform: translate(3px, -3px)
		}
		to {
			transform: translate(0)
		}
	}
}