/*
Theme Name: Hello Elementor Child
Theme URI: http://tuutcreative.com
Description: Hello Elementor Child
Theme Author: Tuut Creative
Author URI: http://tuutcreative.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

/*
a, 
a:active{ 
	color: inherit !important;
}
*/

/*
.featured-card {
	
}
.featured-card .featured-card-title a {
	color: #000000;
}
.featured-card .featured-card-categories a {
	color: #CACACA;
}

.filter-list a {
	color: #CACACA;
}
.filter-list a:hover {
	color: #999999;
}
*/

/* ANIMATE TEXT */
/*.animate-test { opacity: 0 }*/
/*.animate-test.show { opacity: 1 }*/
.letter { opacity: 0 }

/* CUSTOM ELEMENTOR FADE UP DISTANCE*/
@keyframes tc-fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,80px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: tc-fadeInUp;
}

@keyframes tc-fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-80px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: tc-fadeInLeft;
}

/**/
@keyframes imageFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes entryFadeIn {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes skeleton-loading {
	0% {
		background-color: hsl(200, 20%, 80%);
	}
	100% {
		background-color: hsl(200, 20%, 95%);
	}
}

.elementor-custom-embed-image-overlay {
	opacity: 1;
	transition: opacity 0.25s;
}
.elementor-custom-embed-image-overlay.image-overlay-hide {
	opacity: 0;
}

.projects-content.empty .e-con-inner:before{
	content: 'Essa seleção não trouxe nenhum projeto, mas selecionamos nossos últimos projetos para você dar uma olhada.';
	color: #000000;
	font-family: "PPFragment-Serif";
	font-size: 26px;
	letter-spacing: 0.93px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	animation: entryFadeIn 0.5s linear;
} 
.project-entry {
	max-width: 535px;
}
.project-entry .e-hosted-video.elementor-wrapper.elementor-open-inline {
	aspect-ratio: unset;
}
.project-entry.animated-entry {
	animation: entryFadeIn 0.5s linear;
	animation-duration: 0.5s !important;
}
.project-entry,
.project-entry a {
	color: inherit;
}
.project-entry:hover .project-title{
	color: #8A8A8A !important;
}
.projects-content-empty,
.project-entry .project-title,
.project-entry .project-categories {
	color: #000000;
	font-family: "PPFragment-Serif";
	font-size: 26px;
	letter-spacing: 0.93px;
	line-height: 30px;
}
.project-entry .project-title,
.project-entry .project-categories {
	transition: all 0.25s;
	/*max-width: 455px !important;*/
	width: 85% !important;
	max-width: 85% !important;
}
.project-entry .project-title {
	margin-top: 15px;
}
.project-entry .project-title p{
	margin-bottom: 0px;
}
.project-entry .project-entry-client {
	color: #8A8A8A;
}
.project-entry a.project-featured-category {
	text-decoration: underline !important;
	margin-right: 20px;
}
.project-entry .project-categories {
	color: #CACACA;
}
.project-entry .project-image {
	background-color: #CACACA;
	animation: skeleton-loading 1s linear infinite alternate;
	display: flex;
	position: relative;
}
.project-entry .project-image .project-entry-poster{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.project-entry .project-image a {
	display: flex;
}
.project-entry img {
	width: 100%;	
}
.project-entry img.animated-entry {
	animation: imageFadeIn 1s linear;
	animation-duration: 1s !important;
}
.project-entry.item-full {
	width: 100% !important;
	/*max-width: 1100px;*/
	max-width: 100% !important;
	padding: 0px !important;
}
.project-entry.item-full .project-image {
	width: 100%;
	height: auto;
	max-height: 670px;
}
.project-entry.item-full video {
	height: 670px;
	max-height: 670px;
	object-fit: cover;
}
.project-entry.item-full .project-title,
.project-entry.item-full .project-categories {
	max-width: 56% !important;
	width: 56% !important;
}
.project-entry.item-square,
.project-entry.item-rectangular {
	/*max-width: 535px !important;*/
	max-width: 50% !important;
}
.project-entry.item-square .project-image {
	/*max-width: 535px;*/
	/*max-height: 535px;*/
}
.project-entry.item-square video {
	width: 100%;
	/*height: 535px;*/
	aspect-ratio: 1/1;
	object-fit: cover;
}
.project-entry.item-rectangular .project-image {
	/*max-width: 535px;*/
	/*max-height: 670px;*/
	background-color: #CACACA;
}
.project-entry.item-rectangular .project-image img {
	/*max-height: 670px;*/
	object-fit: cover;
}
.project-entry.item-rectangular video {
	/*height: 670px !important;*/
	height: auto !important;
	aspect-ratio: 4/5;
	object-fit: cover;
}
.project-entry .project-categories .project-featured-category {
	display: inline-block;
	text-decoration: underline;
	margin-right: 10px;
}

@media only screen and (min-width: 766px) {
    .project-entry {
        width: 50% !important;
        max-width: 50% !important;
    }
    .project-entry:nth-child(odd) {
        padding-right: 12px !important;
		padding-left: 12px !important;
    }
    .project-entry:nth-child(even) {
        padding-left: 12px !important;
		padding-right: 12px !important;
    }
}

/*SMALL*/
@media only screen and (max-width: 766px) {
	.projects-content.empty .e-con-inner:before{
		font-size: 18px;
		letter-spacing: 0.64px;
		line-height: 22px;
	} 
	.project-entry {
		width: 100%;
		max-width: 100%;
	}
	.projects-content-empty,
	.project-entry .project-title,
	.project-entry .project-categories {
		font-size: 18px;
		letter-spacing: 0.64px;
		line-height: 22px;
	}
	.project-entry.item-square,
	.project-entry.item-rectangular {
		max-width: 100% !important;
	}
	.project-entry.item-full .project-image {
		width: 100%;
		height: auto;
		min-height: 200px;
	}
	.project-entry.item-full .project-title,
	.project-entry.item-full .project-categories {
		max-width: 85% !important;
		width: 85% !important;
	}
	.project-entry.item-square .project-image {
		width: 100%;
		min-width: 100%;
		height: auto;
		min-height: 295px;
		max-height: 410px;
	}
	.project-entry.item-square video {
		width: 100%;
		height: 295px;
	}
	.project-entry.item-rectangular .project-image {
		width: 100%;
		min-width: 100%;
		height: auto;
		max-height: 410px;
	}
	.project-entry.item-rectangular video{
		width: 100%;
		height: 410px !important;
	}
	.project-entry:nth-child(even) .project-image,
	.elementor-element.project-entry:nth-child(even) img,
	.elementor-element.project-entry:nth-child(even) video {
		width: 100%;
		height: 295px;
		min-height: 295px;
		max-height: 295px;
		object-position: top center;
	}
	.project-entry:nth-child(even) .project-image img,
	.project-entry:nth-child(even) .project-image video,
	.elementor-element.project-entry:nth-child(even) img,
	.elementor-element.project-entry:nth-child(even) video {
		width: 100%;
		height: 295px;
		max-height: 295px;
		object-fit: cover;
		object-position: top center;
	}
	.project-entry:nth-child(odd) .project-image,
	.elementor-element.project-entry:nth-child(odd) img,
	.elementor-element.project-entry:nth-child(odd) video {
		width: 100%;
		height: auto;
		min-height: 410px;
		max-height: 410px;
		object-position: top center;
	}
	.project-entry:nth-child(odd) .project-image img,
	.project-entry:nth-child(odd) .project-image video,
	.elementor-element.project-entry:nth-child(odd) img,
	.elementor-element.project-entry:nth-child(odd) video {
		height: 410px;
		max-height: 410px;
		object-fit: cover;		
		object-position: top center;
	}
}

/*MEDIUM*/
@media only screen and (min-width: 766px) and (max-width: 1280px) {
	.project-entry {
		width: 50% !important;
	}
	.project-entry.item-full {
		width: 100% !important;
	}
}

/*WIDE*/
@media only screen and (min-width: 1920px) { 
	.project-entry {
		/*max-width: 1480px;*/
	}
	.project-entry .project-title,
	.project-entry .project-categories {
		max-width: 455px;
	}
	.project-entry.item-full {
		width: 100%;
		max-width: unset;
	}
	.project-entry.item-full .project-image {
		width: 100%;
		/*height: 905px;*/
		max-height: 720px;
		min-height: 200px;
	}
	.project-entry.item-square,
	.project-entry.item-rectangular {
		/*max-width: 725px !important;*/
		max-width: 50% !important;
	}
	/*
	.project-entry.item-square .project-image {
		width: 725px;
		max-width: 725px;
		height: 725px;
		max-height: 725px;
	}
	*/
	/*
	.project-entry.item-square video {
		width: 100%;
		height: 725px !important;
		max-height: 725px;
	}
	*/
	/*
	.project-entry.item-rectangular .project-image {
		width: 725px;
		max-width: 725px;
		height: 905px;
		max-height: 905px;
	}
	*/
	.project-entry.item-rectangular img{
		/*height: 905px;*/
		/*max-height: 905px !important;*/
		object-fit: cover;
	}
	.project-entry.item-full img{
		/*height: 720px;*/
		/*max-height: 720px;*/
		object-fit: cover;
	}
	.project-entry.item-rectangular video {
		width: 100%;
		/*height: 905px !important;*/
		/*max-height: 905px;*/
	}
	.project-entry.item-full video {
		height: 720px;
		max-height: 720px;
		object-fit: cover;
	}
}
.elementor-element.fadeInLeft {
    animation-name: tc-fadeInLeft;
}

/*PROJECT IMAGES RESPONSIVE*/
@media only screen and (max-width: 766px) {
    .image-square.elementor-widget-image,
    .image-square.elementor-widget-video,
    .image-rectangle.elementor-widget-image,
    .image-rectangle.elementor-widget-video {
        width: 100% !important;
    }
}
@media only screen and (min-width: 767px) {
    .image-square.elementor-widget-image,
    .image-square.elementor-widget-video,
    .image-rectangle.elementor-widget-image,
    .image-rectangle.elementor-widget-video {
        flex: 1;
    }
}
.image-square.elementor-widget-image img,
.image-square.elementor-widget-video .elementor-wrapper {
	aspect-ratio: 1/1;
}
.image-rectangle.elementor-widget-image img,
.image-rectangle.elementor-widget-video .elementor-wrapper {
	aspect-ratio: 4/5 !important;
}