/* 
Theme Name: FastLearner Blog
Theme URI: https://www.wpguiders.com/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by WPGuiders team
Author: Elementor Team
Author URI: https://www.wpguiders.com/
Template: hello-elementor
Version: 1.0.1
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
*/
body.elementor-editor-active .elementor-location-header{
		background-color: #C6C6C6;
  position: relative;
	}
body:not(.elementor-editor-active) .elementor-location-header{
  position: absolute;
 z-index: 999;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
	
	}
	body:not(.elementor-editor-active).sticky .elementor-location-header{
		position: fixed;
		background-color: #fff;
		animation: slideDown 0.5s ease-in-out;
	}

body.elementor-editor-active header{
		background-color: #C6C6C6;
  position: relative;
	}
body:not(.elementor-editor-active) header{
  position: absolute;
 z-index: 999;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
	
	}
	body:not(.elementor-editor-active).sticky header{
		position: fixed;
		background-color: #fff;
		animation: slideDown 0.5s ease-in-out;
	}


@keyframes slideDown {
  0% {
	-webkit-transform: translate3d(0, -80px, 0);
 	 transform: translate3d(0, -80px, 0);
/*     transform: translateY(-100%); */
  }
  100% {
/*     transform: translateY(0); */
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
  }
}

::-webkit-scrollbar {
    width: 10px;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #212189;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb {
    background: #212189;
    border-radius: 50px;
}
::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 50px;
}

/* Blogs Key Takeaway styling */
.key-insights .key-insights__inner::before{
    content: '';
	position: absolute;
	display: block;
    top: -15px;
    left: -15px;
background-size: 45px;
border: 0px;
width: 45px;
height: 45px;
    background-color:#EEEEFF;
    background-image: url(https://blog.fastlearner.ai/wp-content/uploads/2024/09/Insight.svg);
 background-repeat: no-repeat;
}
.key-insights .key-insights__inner:after{
    content: '';
	position: absolute;
    right: -15px;
    bottom: -15px;
background-size: 45px;
border: 0px;
    height: 45px;
    width: 45px;
    background-color: #EEEEFF;
	background-image: url(https://blog.fastlearner.ai/wp-content/uploads/2024/09/Insight.svg);
	display: block;
	background-repeat: no-repeat;
}

/* Blogs Text area styling */
	.blogs-text-styling ul li{
		margin-bottom: 0 !important;
	}
.blogs-text-styling{
	margin-bottom: -15px;
}
    .blogs-text-styling p,
    
    .blogs-text-styling li{
        line-height: 1.5em;
    }
.blogs-text-styling p a{
	color: #0000ff;
}
.blogs-text-styling p a:hover{
	color: #0000ff ;
	text-decoration: underline;
}
 p a{
	color: #0000ff;
}
 p a:hover{
	color: #0000ff ;
	text-decoration: underline;
}
@media(max-width:1366px){
   
    .blogs-text-styling p{ font-size: 16px;}
    
   .blogs-text-styling li{
        font-size: 15px;
    }
    
}
@media(max-width:1024px){
    
    .blogs-text-styling p{ font-size: 15px;}
    
    .blogs-text-styling li{
        font-size: 14px;
    }
    
}
@media(max-width:767px){
    
    .blogs-text-styling p{ font-size: 15px;}
    
    .blogs-text-styling li{
        font-size: 14px;
    }
    
}
@media(max-width:567px){
   
    .blogs-text-styling p{ font-size: 14px;}
    
    .blogs-text-styling  li{
        font-size: 14px;
    }
    
}