/*
	Theme Name: Twenty Nineteen Child
	Theme URI: https://webically.com/
	Author: Pankaj
	Author URI: https://webically.com
	Description: My WordPress Twenty Nineteen child theme.
	Template: twentynineteen
	License: GNU General Public License v3
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.0
	Text Domain: twentynineteen-child
*/

/*******************************
	Custom CSS
********************************/

@import url("../twentynineteen/style.css");

	*:focus,a:hover, a:active, a:focus {outline: 0!important;}

	
	body {display: none;}
	h1:not(.site-title):before, h2:before{background:none}
	.entry-header,.entry-footer {display: none;}

		
	body, html {overflow-x:hidden!important}
/* 
	.main_header:before{content:"";height:50px;background-image:url(https://funwithscienceclub.com/wp-content/themes/twentynineteen-child/images/waves.svg);background-position:bottom;background-repeat:repeat-x;position:absolute;left:-0;right:-0;bottom:-49px;z-index:1} 
*/
	
	.wave_bg:before{content:"";height:50px;background-image:url(https://funwithscienceclub.com/wp-content/themes/twentynineteen-child/images/waves.svg);background-position:bottom;background-repeat:repeat-x;position:absolute;left:-0;right:-0;bottom:-49px;z-index:1;filter:invert(1) sepia(0) saturate(1) hue-rotate(0deg) brightness(5)}
	.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}
	.wave_bottom{-moz-transform:scale(-1);-o-transform:scale(-1);-webkit-transform:scale(-1);transform:scale(-1);filter:FlipV;-ms-filter:FlipV}
	
	.image_mask{-webkit-mask:url(images/block-background1.svg);mask:url(images/block-background1.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}
	
	.custom_list ol{counter-reset:item}
	.custom_list ol li{padding-left:20px;margin-bottom:20px;}
	.custom_list li:before{background:url(images/list-bg.png) center no-repeat;content:counter(item) ". ";counter-increment:item;color:#fff;height:50px;width:50px;position:absolute;text-align:center;left:-20px;padding-top: 10px;}
	
	.recent_post_slider .swiper-slide{color:#000;padding:35px 35px 45px 80px;text-align:center;width:362px;margin-right:30px;background-blend-mode:soft-light;background-size:cover,cover;background-position:center,center;background-repeat:no-repeat;-webkit-mask:url(images/slider-bg.png) top left / contain no-repeat}
	.recent_post_slider .swiper-slide h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:'Melon Bold';font-style:normal;font-weight:500}
	.recent_post_slider .swiper-slide a{color:#000}
	.swiper_right_sec .swiper-button-next{right:0;left:80px;background:#ea6d69 url(images/arrow-right.png) center no-repeat}
	.swiper_right_sec .swiper-button-prev{background:#ea6d69 url(images/arrow-left.png) center no-repeat}
	.swiper_right_sec .swiper-button-next,.swiper_right_sec .swiper-button-prev{width:50px;height:50px;border-radius:50%}
	
	.footer{position:relative;overflow:hidden}
	
	/* Planet Animation */
	.flier{pointer-events:none}
	.flier > *{animation:fly 50s linear infinite;pointer-events:none!important;top:130px;left:0;transform:translateX(-120%) translateY(-120%) rotateZ(360deg);position:absolute;animation-delay:1s;z-index:0}
		@keyframes fly {
			0%{left:-10%;transform:rotateZ(0)}
			100%{left:100%;transform:rotateZ(360deg)}
		}
		
	/* Rat Animation */
	.svg-container{position:relative;width:100%;max-width:950px;min-height:150px;margin:0 auto}
	.svg-container svg{width:950px;height:150px;display:block;position:absolute}
	.moverat{width:85px;height:85px;background:url(images/rat.png) center / contain no-repeat;border-radius:50%;offset-path:path('M 0 0 C 90 15 115 145 250 145 C 370 140 410 35 500 40 C 575 35 655 145 745 145 C 835 145 870 85 945 80');offset-distance:0;animation:moverat 10s infinite ease-in-out}
		@keyframes moverat {
			0%{opacity:0;offset-distance:0}
			10%{opacity:1}
			50%{opacity:1}
			60%,100%{opacity:0;offset-distance:100%}
		}

	/* Hero Banner Waves */
	.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
	.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}
	.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}
	.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}
	.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}
		@keyframes move-forever {
			0%{transform:translate3d(-90px,0,0)}
			100%{transform:translate3d(85px,0,0)}
		}

	/* Responsive */
	@media (max-width: 1025px) {
		.header_ph{order:1!important}
		.header_menu{order:2!important}
		
		li.menu-item-has-children a.highlighted + ul.sub-menu{}
		li.menu-item-has-children a.highlighted + ul.sub-menu li{background:#efefef;border-color:#dadada!important}
        li.menu-item-has-children a.highlighted + ul.sub-menu li a{color:#eb6d6a!important;padding-left: 30px!important;}
		.elementor-4623 .elementor-element.elementor-element-38b686f {
		padding: 75px 30px 30px 30px !important;
	}
	}
	
	@media (max-width: 768px) {
		.waves{height:40px;min-height:40px}
		.content{height:30vh}
		h1{font-size:24px}
		.elementor-4538 .elementor-element.elementor-element-62bdc19 .elementor-image img, .elementor-4538 .elementor-element.elementor-element-62bdc19 .elementor-image img {
			max-width: 100%!important;
	}
	.page-id-5111 .elementor-element-populated p{
    padding-left: 10px !important;
}
		/* 
		.header_ph{display:none!important}
		.header_menu .elementor-nav-menu a, .header_menu .elementor-nav-menu a:focus, .header_menu .elementor-nav-menu a:hover{line-height:15px!important} 
		*/
		.custom_list li:before{height:35px;width: 60px;background-size: 50%;}
		.elementor-section.elementor-section-height-full {
    height: 95vh!important;
}
.elementor-5005 .elementor-element.elementor-element-32340955 > .elementor-element-populated {
    padding: 10% 5% 0% 5%!important;
}
.elementor-4538 .elementor-element.elementor-element-94b6397 {
    padding: 10px 0px 20px 0px!important;
}
.elementor-5354 .elementor-element.elementor-element-36a128f0 > .elementor-element-populated {
    padding: 2% 7% 0% 7%!important;
}
.elementor-5354 .elementor-element.elementor-element-6d91a282 > .elementor-element-populated {
    padding: 0% 7% 0% 7%!important;
}
.elementor-4621 .elementor-element.elementor-element-5fe9db67 .elementor-headline {
    margin: 90px 0 0!important;
}
.elementor-4621 .elementor-element.elementor-element-d233074 .elementor-heading-title {
    font-size: 30px!important;
}
.elementor-4621 .elementor-element.elementor-element-7d4615d5 {
    padding: 0px 0px 52px 0px!important;
}
.recent_post_slider .swiper-slide {
    width: 100%!important;
    margin: 0!important;
}
.custom_list li:before {
padding-top: 0px;
}	
.home .elementor-text-editor.elementor-clearfix ol {
    margin-top: 100px;
}			
	}
@media(max-width: 667px){
	.elementor-element.elementor-element-fb9044d.testidiv.elementor-widget.elementor-widget-button{padding-bottom: 50px!important ;}
	.search .entry {
    width: 95% !important;
    margin: 19px auto !important;
    float: none !important;
    }
}
@media (max-width: 600px) {
.elementor-4974 .elementor-element.elementor-element-36666e0 > .elementor-element-populated, .elementor-4974 .elementor-element.elementor-element-38a66d4 > .elementor-element-populated, .elementor-4974 .elementor-element.elementor-element-0939ed1 > .elementor-element-populated {
    padding: 0% 7% 0% 7%!important;
}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-0f4375c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    padding: 0 10px;
    font-size: 15px;
}	
.elementor-7103 .elementor-element.elementor-element-40f722b{
 line-height: 47px !important;
}	
}
@media (max-width: 500px) {
.elementor-4621 .elementor-element.elementor-element-9a2cabf > .elementor-widget-container {
    padding: 10px 60px 0px 60px !important;
}
.elementor-4621 .elementor-element.elementor-element-5fe9db67 .elementor-headline-plain-text {
    color: #0A1938;
    font-size: 25px;
}
.elementor-4621 .elementor-element.elementor-element-5fe9db67 .elementor-headline-dynamic-text {font-size: 25px;}
.elementor-5686 .elementor-element.elementor-element-11d8267{top: 35px;left: 0;
width: 100%;max-width: 100%;}
.quiz_section.quiz_begin p {line-height: 45px!important;}
}

@media (max-width: 400px) {
.elementor-element-3a4f2db3 .elementor-image img.attachment-large.size-large {
    width: 150px;
}
}
.content-area .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-vertical li {
    position: relative !important;
    float: left;
    width: 100%;
}
.center {
    margin: 0 auto;
    max-width: 1140px;
}
.page-template-results-quiz table {
    margin: 20px auto;
    max-width: 100%;
    text-align: left;
    float: left;
}
.userrslt a.actlynk {
    background: #091838;
    color: #fff;
    padding: 5px 15px;
    float: right;
}
.userrslt {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 60px;
}
.userrslt li.correct{
    color: green;
}
.userrslt li.wrong {
    color: red;
}
.userrslt ol li ul {
    padding-left: 10px !important;
    margin-bottom: 20px;
}
.userrslt ol li {
    font-weight: 600;
}
form#commentform label {
    font-size: 14px;
}
a:focus {
    text-decoration: none !important;
}