/* 
    Theme Name: DeborahFernandes
    Theme URI: https://github.com/elementor/hello-theme-child/
    Description: DeborahFernandes is a child theme of Hello Elementor
    Author: Elementor Team
    Author URI: https://elementor.com/
    Template: hello-elementor
    Version: 2.0.0
    Text Domain: deborah-fernandes-wp-theme
    License: GNU General Public License v3 or later.
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* override styles */
p {
	font-size: .9rem;
}
@media screen and (min-width: 768px){
	p {
		font-size: 1rem;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300 !important;
	text-transform: uppercase !important;
}
h1 {
    font-size: 2rem !important;
}

h2 {
    font-size: 1.5rem !important;
}
h3 {
    font-size: 1.15rem !important;
}
h4 {
    font-size: 1rem !important;
}

h5 {
    font-size: .85rem !important;
}

h6 {
    font-size: .75rem !important;
}


/* custom styles */

footer .elementor-widget-text-editor {
	font-weight: 300 !important;
}

header svg {
	height: auto;
	width: 100%;
}

#home-hero {
/* 	aspect-ratio: 16/9;
	pointer-events: none !important; */
}
#home-hero-video {
	pointer-events: none !important;
}
/*
#home-hero-video .elementor-widget-container {
	mask-image: radial-gradient(circle,rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 50%);
	-webkit-mask-image: radial-gradient(circle,rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 50%);
	-webkit-mask-size: 50%;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;

	-webkit-animation: mask-grow 10s ease-in-out forwards;
}
@-webkit-keyframes mask-grow {
	0% {
		-webkit-mask-size: 50%;
	}
	100% {
		-webkit-mask-size: 350%;
	}
}
*/
#home-tabs .e-n-tab-title-text {
	flex-direction: column;
}

#independent-work-posts-loop .independent-work-posts-excerpt {
	top: calc(40% - 15px);
}
@media screen and (min-width: 768px){
	#independent-work-posts-loop .independent-work-posts-excerpt {
		top: 40%;
	}
}

#independent-work-posts-loop p {
	font-size: 1.15rem;
	line-height: 18px;
	margin: 5px auto;
	padding: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000000;
}
@media screen and (min-width: 768px){
	#independent-work-posts-loop p {
		font-size: 1.5rem;
		line-height: 28px;
	}
}
#independent-work-posts-loop small {
	display: block;
	font-size: 14px !important;
	line-height: 14px !important;
	margin: 0;
	opacity: 0.7;
	padding: 0;
	text-shadow: 1px 1px 3px #000000;
}
#independent-work-posts-loop .post-featured-image {
	/* filter: blur(0px); */ /* Initial state: no blur */
	filter: brightness(100%);
	transition: filter 0.3s ease-in-out; /* Transition filter property over 0.3s with ease-in-out timing */
}
#independent-work-posts-loop .post-featured-image:hover {
	/* filter: blur(3px); */ /* Hover state: 5px blur */
	filter: brightness(50%);
}

#independent-work-posts-taxonomy .e-filter-item[data-filter="beauty"] {order:2;} /*beauty*/
#independent-work-posts-taxonomy .e-filter-item[data-filter="ecom"] {order:4;} /*e-com*/
#independent-work-posts-taxonomy .e-filter-item[data-filter="fashion"] {order:2;} /*fashion*/
#independent-work-posts-taxonomy .e-filter-item[data-filter="lifestyle"] {order:3;} /*lifestyle*/
#independent-work-posts-taxonomy .e-filter-item[data-filter="gaming"] {order:5;} /*gaming*/

.eael-gallery-grid-item .gallery-item-caption-over {
	margin-bottom: 15px;
}
.eael-gallery-grid-item .fg-item-title {
	margin: 0 !important;
}
.eael-gallery-grid-item .fg-item-content {
	font-weight: 300 !important;
}

#agency-work-posts-gallery .fg-item-title {
	font-size: 1.15rem !important;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000000;
}
@media screen and (min-width: 768px){
	#agency-work-posts-gallery .fg-item-title {
		font-size: 1.5rem !important;
	}
}
#agency-work-posts-gallery .fg-item-content p {
	font-size: 14px !important;
	margin: 0;
	opacity: 0.7;
	padding: 0;
	text-shadow: 1px 1px 3px #000000;
}

#agency-work-posts-gallery .video-popup img {
    bottom: calc(10% + 15px);
}
@media screen and (min-width: 768px){
	#agency-work-posts-gallery .video-popup img {
	    bottom: calc(10% + 15px);
	}
}
#agency-work-posts-gallery .gallery-item-caption-wrap.caption-style-card {
	pointer-events: none;
    position: absolute;
    bottom: 10%;
	height: 50%;
    width: 100%;
    margin: auto;
}
#agency-work-posts-gallery .gallery-item-thumbnail-wrap .gallery-item-thumbnail {
	/* filter: blur(0px); */ /* Initial state: no blur */
	filter: brightness(100%);
	transition: filter 0.3s ease-in-out; /* Transition filter property over 0.3s with ease-in-out timing */
}
#agency-work-posts-gallery .gallery-item-thumbnail-wrap:hover .gallery-item-thumbnail {
	/* filter: blur(3px); */ /* Hover state: 5px blur */
	filter: brightness(50%);
}

.elementor-testimonial {
	display: flex;
  	flex-direction: column-reverse;
}
.elementor-testimonial .elementor-testimonial__content {
	margin-top: 15px;
}

.swiper-pagination-bullet {
	border: 1px solid var(--e-global-color-accent);
}

/* applies to all video play icons */
.eael-gallery-grid-item .video-popup img {
	opacity: .5;
}

/* applies only to single page card */
.single .eael-gallery-grid-item {
	display: flex;
  	flex-direction: column-reverse;
}

.single #writeup p {
	font-weight: 300;
	font-size: 1.15rem;
}
@media screen and (min-width: 768px){
	.single #writeup p {
		font-size: 1rem;
	}
}



/* Youtube videos */

@media screen and (max-width: 767px){
	.mfp-content {
		overflow: hidden;
		max-width: 100%;
	}
	.mfp-content .mfp-iframe-scaler {
    	position: relative;
    	padding-bottom: 56.25%; 
    	padding-top: 25px;
		width: 300%;
    	left: -100%;
	}
	.mfp-content .mfp-iframe-scaler iframe {
		position: absolute; 
    	top: 0; 
    	left: 0; 
    	width: 100%; 
		height: 100%;
		aspect-ratio: 16/9;
/*      	pointer-events:none; */
    }
}
@media screen and (min-width: 768px){
	.mfp-content {
		overflow: hidden;
		max-width: 100%;
	}
	.mfp-content .mfp-iframe-scaler {
    	position: relative;
    	padding-bottom: 56.25%; 
    	padding-top: 25px;
		width: 300%;
    	left: -100%;
	}
	.mfp-content .mfp-iframe-scaler iframe {
    	position: absolute; 
    	top: 0; 
    	left: 0; 
    	width: 100%; 
		height: 100%;
/* 		pointer-events:none; */
	}
}