/* 
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 */

.category-single-header{
	margin-top:-62px;
	padding:180px 0px 93px 80px;
	background-size:cover !important;
	background-position:top center;
}

.custom-single-post-header{
	margin-top:-62px;
	background-size:cover !important;
	background-position: center !important;
}

.custom-single-post-header .overlay{
	background: rgba(0,0,0,0.3);
    padding: 180px 0px 93px 0px;
}

.category-single-header h1,
.custom-single-post-header h1{
	color: #FFFFFF;
    font-family: "Nunito Sans", Sans-serif;
    font-size: 35px;
    font-weight: 900;
	margin:0px auto;
	max-width:1140px;
	text-transform:uppercase;
}

.custom-single-post-header h1{
	max-width:900px;
}


.category-post-container{
	display:flex;
	max-width:1140px;
	margin:20px auto 50px auto;
	gap: 20px;
	flex-wrap: wrap;
}

.category-post-container .post-container{
	width: calc(96%/3);
	box-shadow: 0px 0px 10px 0px #DFDFDF;
	border: 1px solid rgba(0,0,0,.1);
}

.category-post-container .post-container .media .entry-thumbnail img{
	height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-post-container .post-container .entry-wrapper{
	padding: 0px 20px 20px 20px;
}

.category-post-container .post-container .entry-wrapper .title{
	line-height:1.3px;
	margin-top:20px;
}

.category-post-container .post-container .entry-wrapper .title a{
	font-family: "Nunito Sans", Sans-serif;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none;
	color: #3D576E;
	line-height:1.2;
}

.category-post-container .post-container .entry-wrapper .entry-content .post-excerpt p{
	color: #3D576E;
    margin: 10px 0px 20px 0px;
	font-size:14px;
}

.category-post-container .post-container .entry-wrapper .entry-header-after a,
.category-post-container .post-container .entry-wrapper .entry-header-after{
	color:#929292;
	font-size:11px;
}

button.more_posts{
	padding: 8px 40px 8px 40px;
    margin: 40px auto 0px auto;
    font-family: "Nunito Sans", Sans-serif;
    font-weight: 600;
    color: #fff;
    background: #29d8d8;
    border-radius: 100px;
	display:block;
	cursor:pointer;
	text-align:center;
	max-width:158px;
	border:0px !important;
}

button.more_posts:focus{
	outline:0px;
}

button.more_posts:hover{
	background:#27bdbd;
}

button.more_posts .loader{
	display:none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    position: relative;
    top: auto;
    left: -200%;
    border-top: 4px solid rgba(255,255,255,.2);
    border-right: 4px solid rgba(255,255,255,.2);
    border-bottom: 4px solid rgba(255,255,255,.2);
    border-left: 4px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loaderSpin 1.1s infinite linear;
    animation: loaderSpin 1.1s infinite linear;
    margin-right: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.loaderIn{
	top: 5px !important;
    left: 0 !important;
	display:inline-block !important;
}

.more_posts_spacer{
	height:100px;
}

@keyframes loaderSpin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }

#ekit-megamenu-categories .elementskit-menu-close{
	margin-top: 64px;
}


@media only screen and (max-width:999px){
	.category-post-container .post-container{
		width:calc(96%/2);
	}
}

@media only screen and (max-width:550px){
	.category-post-container{
		justify-content: center;
	}
	
	.category-post-container .post-container{
		width:96%;
	}
}