/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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 */

/* Home */
.home .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0; }
.home .elementor-shortcode { display: flex; margin-left: auto; margin-right: auto; position: relative; }
.home .elementor-widget-shortcode { margin-top: 2%; margin-bottom: 12%; }
.home .home-visual_effect-odd-left { z-index: 1; }
.home .elementor-element.home-visual_effect-left.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated,
.home .elementor-element.home-visual_effect-odd-right.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
	align-content: flex-end;
	align-items: flex-end;
}
.home .elementor-widget-heading {
	width: var(--container-widget-width,84%); max-width: 84%; text-align: left;
	--container-widget-width: 84%;
	--container-widget-flex-grow: 0;
}
.home .elementor-widget-shortcode .visual_effect-genre h4.elementor-heading-title 
	{ font-family: "Roboto Condensed",Sans-serif; font-size: 140px; font-weight: 500; font-style: normal; text-decoration: none; color: #FFFFFF1A; text-transform: uppercase; }
.home-visual_effect-odd-left .e-transform .elementor-widget-container.visual_effect-genre {
	--e-transform-rotateZ: 270deg; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;
	transform: perspective(var(--e-transform-perspective,0)) 
	rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) 
	translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) 
	scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) 
	scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) 
	skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));
	transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.home-visual_effect-even-right .e-transform .elementor-widget-container.visual_effect-genre {
	--e-transform-rotateZ: 90deg; margin: 0% 0% 0% 0%; padding: 0em 0em 0em 0em;
	transform: perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) 
	rotateY(var(--e-transform-rotateY,0)) 
	translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) 
	scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) 
	scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) 
	skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));
	transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}
.home .elementor-widget-wrap { margin-left: 1em; }
.home .elementor-widget-shortcode .visual_effect-title { transform: translateX(-100px); opacity: .1; transition: all 1s; }
.home .elementor-widget-shortcode .visual_effect-title.on_screen { transform: translateX(0px); opacity: 1; }
.home .elementor-widget-shortcode .visual_effect-title h4.elementor-heading-title {
	font-family: "Roboto Condensed",Sans-serif; font-size: 45px; font-weight: 100; font-style: normal; text-decoration: none; line-height: 1em; text-transform: uppercase;
}
.home .visual_effect-title-wrap .elementor-element.elementor-widget-heading {
	width: var(--container-widget-width,84%);
	max-width: 84%;
	--container-widget-width: 84%;
	--container-widget-flex-grow: 0;
	text-align: left;
}
.home .visual_effect-title-wrap .elementor-element.elementor-widget-text-editor { text-align: left; line-height: 22px; 
	transform: translateY(50px); opacity: .1; transition: all 1s; }
.home .visual_effect-title-wrap .elementor-element.elementor-widget-text-editor .elementor-widget-container { padding: 6px 0 0 0; 
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s); 
}
.home .visual_effect-title-wrap .elementor-element.elementor-widget-text-editor.on_screen { transform: translateY(0px); opacity: 1; }

@media (min-width:768px) {
	.home .home-visual_effect-center { width: 73.421%; }
	.home .home-visual_effect-odd-left { width: 3.155%; }
	.home .home-visual_effect-odd-right { width: 22.94%; }
	.home .home-visual_effect-even-left { width: 22.94%; }
	.home .home-visual_effect-even-right { width: 3.155%; }
}

.home-visual_effect-center .elementor-widget-image { transition: all 1s; }
.home-visual_effect-center .elementor-widget-image:hover { transform: translateX(-10px); opacity: .7; }

.home-visual_effect-even-left .elementor-widget-wrap { margin-left: 0; }


/* Visual Effect */
.post-visual_effect .site-main { padding: 0; }
.post-shortcode-visual_effect .site-main, .archive .site-main { padding: 0 5%; }
.container { --container: auto; }
.container .row { margin-left: calc(var(--gutter) / -2); margin-right: calc(var(--gutter) / -2); }

/* Archive */
.post-shortcode-visual_effect .page-header, .archive .page-header { margin: 6% 0; }
.archive .page-header { margin: 6% 0 3%; }
.post-shortcode-visual_effect .page-header h1, .archive .page-header h1 { font-size: 30px; font-weight: 300; }

.single-visual-effect h1, .single-visual-effect h2 { position: relative; }
.page-template-default .page-header.animated.fadeIn h1, .single-visual-effect h1.animated.fadeIn { opacity: 1; transition: opacity 1.5s; }
.page-template-default .page-header.animated.fadeIn.hidden h1, .single-visual-effect h1.animated.fadeIn.hidden  { opacity: .05; }

.menu-visual_effect.elementor-item.elementor-item-active a { color: var( --e-global-color-secondary ); }
.wpml-ls-menu-item .wpml-ls-native { max-width: 21px; width: calc(2ch + 1px); overflow-x: hidden; }

.single-visual-effect .categories-visual_effect.animated.moveRight { margin-left: 0; transition: margin 1.5s; }
.single-visual-effect .categories-visual_effect.animated.moveRight.hidden { margin-left: -100%; }

/* Visual Effect List Filter */
.container-filter { margin: 0 0 30px 0; text-align: center; z-index: 100; position: relative; }
.container-filter .filter-item { padding: 0 10px; margin: 0 5px; }
.container-filter .filter-item a { font-weight: 200; text-transform: uppercase; color: #F4F4F4; text-decoration: none; white-space: nowrap; }
.container-filter .filter-item.active a, .container-filter .filter-item a:hover { color: #10BCF2; }

/* Visual Effect List */
.container-list .col { margin-bottom: 10px; height: 100%;
	-webkit-transition: width 2s ease, height 4s ease, margin 2s ease, opacity 4s ease;
	-o-transition: width 2s ease, height 4s ease, margin 2s ease, opacity 4s ease;
	transition: width 2s ease, height 4s ease, margin 2s ease, opacity 4s ease;
 }
.post-shortcode-visual_effect .container-list .col.animated.slideDown.hidden { height: 0; }

.container-list .col.visual_effect-item.hide { opacity: 0; width: 0; display: inline-block !important; margin: 0; }

/* Visual Effect Image List */
.container-list .col, .visual_effect-list .image_list { position: relative; }

/* Visual Effect Content List */
.container-list .content_list { position: absolute; top: 0; right: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, .8);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	height: 100%;
}
.container-list .hide .content_list { display: none; }
.container-list .content_list_inner { position: absolute; top: 50%; right: 0; transform: translateY(-50%); left: 0; z-index: 1; text-align: center; }
.container-list .col:hover .content_list { opacity: 1; }
.container-list a:hover { color: #fff; }

.container-list h3.title_list { text-align: center; font-size: 26px; font-weight: 300; line-height: 1em; margin: 0 0 5px 0; padding: 0 5px; }
.container-list h1.category-type_visual_effect { text-align: center; font-weight: 300; 
	text-transform: capitalize; font-style: italic; padding: 0px 0px 0px 0px; margin: -5px 0px 15px 0px; }
.container-list p { text-align: center; font-size: 17px; line-height: 1.2em; margin-bottom: 0; }
.container-list .content_list h6 { font-size: 1.1em; text-transform: initial; margin: 0 0 3px; }

/* Visual Effect POST */

/* Visual Effect POST Content */
.content-visual_effect { margin-top: 1%; padding-top: 6px; font-size: 1.2em; clear: both; }
.content_visual_effect h1 { font-size: 1em; font-weight: 400; line-height: 1.2em; margin: .5em 0; text-transform: none; width: 90%; }
.content_visual_effect h2 { font-size: 40px; font-weight: 300; line-height: 1.1em; margin: 1em 0 0; }
.content-visual_effect p { margin-bottom: 1em; }
.content-visual_effect h5 { margin-bottom: 1em; }
.contents-visual_effect .visual_effect-thumbnail { float: right; }
.contents-visual_effect .visual_effect-thumbnail img { width: 200px; border-radius: 5px; border: 1px solid #222; }
.single-visual-effect .visual_effect-thumbnail.animated.fadeIn { opacity: 1; transition: opacity 2.5s; }
.single-visual-effect .visual_effect-thumbnail.animated.fadeIn.hidden  { opacity: .05; }
.single-visual-effect .plateforme { float: right; }
.single-visual-effect .plateforme img { float: right; max-height: 20px; width: auto; }
.single-visual-effect .image_post img { height: 100%; width: auto; position: absolute; }

/* Visual Effect POST Video */
.post_visual_effect, .video_visual_effect { position: relative; }
.video_visual_effect {  position: relative;  padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.video_visual_effect iframe,
.video_visual_effect object,
.video_visual_effect embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Visual Effect POST Other Video */
.video_visual_effect .other_video { position: absolute; top: 70px; right: 40px; padding: 0; background-color: rgba(0, 0, 0, .2);
	border: 2px solid var( --e-global-color-secondary ); border-radius: 5px; opacity: .25; transition: backgroung-color 2s, opacity 1s; }
.video_visual_effect .other_video.next { top: 120px;  }
.video_visual_effect .other_video:hover { background-color: rgba(16, 188, 242, .8); opacity: 1; }
.video_visual_effect .other_video:hover a { color: #fff; line-height: 1.5em; tansition: color 1s; }
.video_visual_effect .other_video a { font-size: 16px; text-decoration: none; font-weight: bold; padding: 7px 10px 5px 8px;  }
.video_visual_effect .other_video a .dashicons { line-height: 1.3em; }

/* Visual Effect POST Others Videos */
.content_visual_effect h2 .others_videos { padding: 0; margin-top: 0; float: right; font-size: 31px; line-height: 1em; }
.content_visual_effect h2 .others_videos .other_video { display: inline-block; line-height: 1; margin-left: 20px; font-size: 16px; }
.content_visual_effect h2 .others_videos .other_video a  { text-decoration: none; text-transform: none; padding: 7px 10px 5px; font-size: 16px; font-weight: 600;
	background-color: var( --e-global-color-secondary ); color: #fff; border-radius: 5px; opacity: .5; transition: opacity 1s; }
.content_visual_effect h2 .others_videos .other_video a:hover { opacity: 1; }
.content_visual_effect h2 .others_videos .other_video a .dashicons { vertical-align: bottom; }

/* Visual Effect POST Categories */
.content_visual_effect .contents-visual_effect > .categories-visual_effect, .content_visual_effect .content-visual_effect h5
	{ margin-top: 1em; padding: 0 0 0 1%; border-style: solid; border-width: 0px 0px 0px 2px; border-color: var( --e-global-color-secondary ); }
.content_visual_effect .contents-visual_effect > .categories-visual_effect { margin-left: 0; }
.content_visual_effect .contents-visual_effect > .categories-visual_effect.single-categories-visual_effect { border-width: 0; text-align: center; }
.content_visual_effect .content-visual_effect h5 { padding-left: 2%; }
.content_visual_effect .categories-visual_effect p { margin: 0; }
.categories-visual_effect a { text-decoration: none; }
.categories-visual_effect h3 { font-size: 1.1em; font-weight: 300; line-height: 1em; display: inline-block; margin: 0; text-transform: none; }
.visual_effect-item .categories-visual_effect > div, .archive-list .categories-visual_effect > div { text-align: center; line-height: 1.1em; }
.content_visual_effect .categories-visual_effect .sep
{ margin: 0 1%; padding: 0; border-style: solid; border-width: 0px 0px 0px 2px; border-color: var( --e-global-color-secondary ); }

.content_visual_effect h6.category-type_visual_effect { font-size: 20px; line-height: 1.1em; font-style: italic; text-transform: none; transition: font 1.5s; }
.content_visual_effect h6.category-type_visual_effect.animated.hidden { font-size: 0px; }

.categories-visual_effect .category-sfx_visual_effect { margin-top: 2%; }
.categories-visual_effect .category-sfx_visual_effect h3 a { text-transform: uppercase; }

/* Visual Effect POST More & Terms */
.content_visual_effect { padding: 0 5%; }
.term-visual_effect-title, .more-visual_effect-title, .container-sub_title h4
{ margin: 5% 0% 1% 0%; padding: 0% 0% 0% 2%; border-style: solid; border-width: 0px 0px 0px 2px; border-color: var( --e-global-color-secondary ); }
.more-visual_effect-title > div { margin-bottom: 20px; }
.term-visual_effect-title h3, .term-visual_effect-title h3 a, .more-visual_effect-title h3, .container-sub_title h4 { font-size: 23px; }
.term-visual_effect-title h3 a { text-decoration: none; }
.more-visual_effect-title h3 .cat-primary_term { float: right; font-size: .8em; text-transform: initial; }
.more-visual_effect-title .cat-primary_term 
{ padding: 0% 2% 0% 0%; border-style: solid; border-width: 0px 2px 0px 0px; border-color: var( --e-global-color-secondary ); }

.single-visual-effect .more-visual_effect .container-list.animated.moveLeft { margin-left: 0; transition: margin 1.5s; }
.single-visual-effect .more-visual_effect .container-list.animated.moveLeft.hidden { margin-left: 100%; }

/* Archive */

.archive .page-header h1.entry-title { margin-left: 0; }
.archive .page-header h1.entry-title + p { margin-top: 5%; }
.archive .page-header .container-title { margin-top: 2%; }
.archive .page-header .container-title h3 { font-size: 1em; }
.archive .container-sub-title { text-align: center; margin-top: 6%; }
.archive .container-title h3 { display: inline-block; padding: 0 1%; margin: .5em 0;
	border-style: solid; border-width: 0px 0px 0px 2px; border-color: var( --e-global-color-secondary ); }
.archive .container-sub_title h2 { font-size: 1.3em; text-align: center; text-transform: initial; }

/* Admin bar */

#wp-admin-bar-wp-logo, #wp-admin-bar-customize, #wp-admin-bar-comments { display: none; }
.single-visual-effect #wp-admin-bar-elementor_edit_page, .single-visual-effect #wp-admin-bar-elementor_notes { display: none; }


@media (min-width:1200px) {
	body.post-shortcode-visual_effect .site-main, body.post-visual_effect .site-main,
	body.post-shortcode-visual_effect .page-header .entry-title, boby.archive .page-header .entry-title { max-width: 100%; }
}

@media (min-width:992px) {
	body.post-shortcode-visual_effect .site-main, body.post-visual_effect .site-main,
	body.post-shortcode-visual_effect .page-header .entry-title, boby.archive .page-header .entry-title { max-width: 100%; }
}

@media (min-width:768px) {
	body.post-shortcode-visual_effect .site-main, body.post-visual_effect .site-main,
	body.post-shortcode-visual_effect .page-header .entry-title, boby.archive .page-header .entry-title { max-width: 100%; }
}

@media (min-width:576px) {
	body.post-shortcode-visual_effect .site-main, body.post-visual_effect .site-main,
	body.post-shortcode-visual_effect .page-header .entry-title, boby.archive .page-header .entry-title { max-width: 100%; }
}

@media (min-width:1116px) and (max-width:1240px) {
	.more-visual_effect .container-list h3.title_list { font-size: 20px; }
	.more-visual_effect .container-list p, .more-visual_effect .categories-visual_effect h3 { font-size: .95em; }
}

@media (min-width:992px) and (max-width:1116px) {
	.more-visual_effect  .container-list h3.title_list { font-size: 18px; }
	.more-visual_effect .container-list p, .more-visual_effect .categories-visual_effect h3 { font-size: .95em; }
}

@media (min-width:768px) and (max-width:992px) {
	.container-list h3.title_list { font-size: 24px; }
	.more-visual_effect .container-list h3.title_list { font-size: 18px; }
	.elementor-kit-33 h6, .container-list p, .categories-visual_effect h3 { font-size: .95em; line-height: 1em; }
	.elementor-kit-33 .more-visual_effect h6, .more-visual_effect .container-list p, .more-visual_effect .categories-visual_effect h3 { font-size: .8em; }
	.post-shortcode-visual_effect .container { --columns: 12; }
	.more-visual_effect .container-list h6.category-type_visual_effect { margin-bottom: 0; }
}

@media (min-width:567px) and (max-width:768px) {
	/* .post-shortcode-visual_effect .container { --columns: 12; } */
	.container-list h3.title_list { font-size: 16px; }
	.more-visual_effect .container-list h3.title_list { font-size: 12px; }
	.elementor-kit-33 h6, .container-list p, .categories-visual_effect h3 { font-size: .8em; }
	.elementor-kit-33 .more-visual_effect h6, .more-visual_effect .container-list p, .more-visual_effect .categories-visual_effect h3 { font-size: .7em; }
	.more-visual_effect .container-list h6.category-type_visual_effect { margin-bottom: 0; }
}

@media (min-width:480px) and (max-width:567px) {
	.container-list h3.title_list { font-size: 22px; }
	.elementor-kit-33 .visual_effect-filter a { font-size: .95em; }
	.elementor-kit-33 h6, .container-list p, .categories-visual_effect h3 { font-size: .95em; }
}

@media (min-width:416px) and (max-width:480px) {
	.container-list h3.title_list { font-size: 20px; }
	.post-shortcode-visual_effect .filter-item { padding: 0 5px; }
	.elementor-kit-33 .visual_effect-filter a { font-size: .9em; }
	.elementor-kit-33 h6, .container-list p, .categories-visual_effect h3 { font-size: .85em; }
}

@media (max-width:416px) {
	.container-list h3.title_list { font-size: 16px; }
	.post-shortcode-visual_effect .filter-item { padding: 0 5px; }
	.elementor-kit-33 .visual_effect-filter a { font-size: .85em; }
	.elementor-kit-33 h6, .container-list p, .categories-visual_effect h3 { font-size: .8em; }
}

@media (min-width:992px) and (max-width:1240px) {
	.container .col-lg-1{width:calc(100%/var(--columns)*1 - var(--gutter))}
	.container .col-lg-2{width:calc(100%/var(--columns)*2 - var(--gutter))}
	.container .col-lg-3{width:calc(100%/var(--columns)*3 - var(--gutter))}
	.container .col-lg-4{width:calc(100%/var(--columns)*4 - var(--gutter))}
	.container .col-lg-5{width:calc(100%/var(--columns)*5 - var(--gutter))}
	.container .col-lg-6{width:calc(100%/var(--columns)*6 - var(--gutter))}
	.container .col-lg-7{width:calc(100%/var(--columns)*7 - var(--gutter))}
	.container .col-lg-8{width:calc(100%/var(--columns)*8 - var(--gutter))}
	.container .col-lg-9{width:calc(100%/var(--columns)*9 - var(--gutter))}
	.container .col-lg-10{width:calc(100%/var(--columns)*10 - var(--gutter))}
	.container .col-lg-11{width:calc(100%/var(--columns)*11 - var(--gutter))}
	.container .col-lg-12{width:calc(100%/var(--columns)*12 - var(--gutter))}
}

@media (max-width:1116px) {
	.content_visual_effect h1 .others_videos { top: auto; bottom: 5px; }
}

@media (max-width:768px) {
	.contents-visual_effect .visual_effect-thumbnail { float: none; margin-bottom: 10px; }
	.video_visual_effect .other_video { display: none; }
}