/* 
Theme Name:		 Hello Elementor Child
Theme URI:		 https://elementor.com/
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:		 1.0.0
Text Domain:	 hello-elementor-child
*/


/*
    Add your custom styles here
*/

body {
	display: flex;
	flex-direction:column;
	min-height: 100vh;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }

::-webkit-scrollbar-track {
border-radius: 0 !important; }

::-webkit-scrollbar-thumb {
border-radius: 0 !important; }

::-webkit-scrollbar {
width: 6px; }

.blockquote, .blockquote p {
	font-size: 1rem;
}


.post-width {
	width:320px;
	min-width:320px;
	max-width:320px;
}
.z-news-slider .post-width {
	-webkit-transition: all 0.5s ease-out 0.2s;
     -moz-transition: all 0.5s ease-out 0.2s;
     -o-transition: all 0.5s ease-out 0.2s;
     transition: all 0.5s ease-out 0.2s;
}
.z-slide-out {
	margin-left:-320px!important;
	margin-right:0px!important;
	opacity:0;
	z-index:-100;
}
.z-slide-in {
	
	margin-right:344px!important;

}
.post-width-slide-out-left {
	margin-left:-328px!important;
	opacity:0;
}
.post-width-slide-in-right {
	margin-right: -328px!important;
	opacity:0;
}

.height-200 {
	height: 200px;
}
.height-20 {
	height: 20px;
}

.bg-default {
	background-image: url('images/default.jpg');
}


.width-flex-auto {
	overflow:hidden;
  	transition:flex 0.3s ease-out, opacity 0.3s ease-out;
  	width:auto;
	min-width:27px;
  	flex:0;
}
.card .overlay .width-flex-auto:hover, .card:hover .card-foother .width-flex-auto{
	flex:1;	
}
.card .overlay .width-flex-auto{
	opacity:1;	
}
.card:hover .overlay .width-flex-auto{
	opacity:1;	
}

.z-type-pills{
	top:0;
	left:0;
}
.z-status-pills{
	bottom:0;
	right:0;
}

.z-type-pill{
	max-width: 28px;
	transition:all 0.1s ease-out 0.3s, opacity 0.1s ease-out;
	opacity:1;
}
.z-type-pill:hover, .card:hover .z-readmore .z-type-pill{
	max-width:250px;
	opacity:1;
	transition:all 0.1s ease-out;
}
.z-type-pill .badge{
	width:auto;
	min-width:28px;
  	flex:0;
	transition:all 0.3s ease-out;
	overflow: hidden;
}
.z-type-pill:hover .badge, .card:hover .z-readmore .z-type-pill .badge{
  	flex:1;
}
.z-type-pill .badge i{
	min-width: 28px;
	text-align: center;
}
.rtl{
	direction: rtl;
}
.z-post-status{
	opacity:0.6;
	transition:opacity 0.3s ease-out;
}
.card:hover .z-post-status{
	opacity:1;
}

.z-post-status a{
	margin-top: -40px !important;
}