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

.SideBar .wp-block-column ul,
.side-cat {
	padding: 0 10px 17px;
}
.SideBar .wp-block-column ul li,
.side-cat li {
	list-style-position: inside;
	list-style-type: none;
	margin-bottom: 10px;
}
.HomeSection {
	padding: 0 20px;
}
.SideBar .wp-block-column ul li a,
.side-cat li a {
	font-size: 16px;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 5px;
	padding: 5px 7px;
}
.SideBar .wp-block-column ul li a:hover,
.side-cat li a:hover {
	background: #eef0f3;
	color: #2b2b36;
	text-decoration: none;
}
.catList li {
	display: inline-block;
	list-style: none;
	margin: 0 15px 0 0;
	padding: 8px 0;
}
ul#menu-category-menu {
	text-align: center;
}
.catList {
	margin-top: 50px;
}
.catList li a {
	text-decoration: none;
	font-size: 18px;
	cursor: pointer;
	padding: 10px 10px 38px;
	color: #8C449A;
}

.catList li a:hover {
	color: #1A0D1D;
}

.topcat {
	width: 100%;
	padding: 0px 0 35px;
	margin-bottom: 50px;
	display: flex
		;
	justify-content: center;
	flex-wrap: wrap;
	border-color: #FFC90C;
}
.mainContent {
	width: 70%;
	float: left;
}
.HomeSection.archive .mainContent {
	width: 100%;
}
.blogPosts {
	padding: 10px 0;
	width: 100%;
	float: left;
}
.archive .blogPosts {
	width: 70%;
}
.blogPosts .wrap {
	display: flex
		;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	padding: 0;
}
.catLinks {
	display: flex
		;
	justify-content: space-between;
	align-content: center;
	align-items: flex-start;
}
.blogPosts .wrap .catLinks > h2 {
	margin-bottom: 45px;
	position: relative;
	text-transform: uppercase;
}
h2 {
	color: #8C449A;
	font-weight: 600;
	font-size: 36px;
}
.blogPosts .wrap .catLinks > h2::after {
	content: "";
	width: 250px;
	height: 1.3px;
	background: #121319;
	position: absolute;
	top: 25px;
	left: unset;
	transform: translateX(10%);
	opacity: 0.4;
}
.catLinks a {
	text-transform: uppercase;
	color: #121319;
}
.blogPosts .wrap .postsItems {
	display: flex
		;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
.blogPosts .wrap .item {
	width: 48%;
	margin-bottom: 20px;
	border: 1px solid #8C449A1A;
	border-radius: 12px;
	position: relative;
}


.catList li.current-menu-item.page_item a {
    color: #121319;
}
.catList li.current-menu-item.page_item {
     background: unset;
}
.bottomSide a.btn:hover {
	background: #1A0D1D;
}

li.current-menu-item.page_item a {
	color: #fff;
}
.blogPosts .wrap .item img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.blogPosts .wrap .item .bottomSide {
	font-size: 14px;
	padding: 20px 20px 60px;
}
.blogPosts .wrap .postsItems h3 {
	font-size: 24px;
	margin-bottom: 5px;
}
.blogPosts .wrap .item .bottomSide a {
	text-decoration: none;
	color: #8C449A;
}
.blogPosts .wrap .postsItems .postInfo, .search p.postInfo, .CatSection p {
	color: rgba(0, 0, 0, 0.87);
}
.blogPosts .wrap .postsItems .postInfo {
	font-style: italic;
	font-weight: 400;
}
.postInfo {
	color: #3332d9;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}
.blogPosts .wrap .item .bottomSide span {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
}
.search p.postInfo a.nohover, .RelatedContent .itemcontent a.nohover, .blogPosts .wrap .item .bottomSide span a.nohover, .contentSide p.postInfo a.nohover {
	padding: 0;
	margin-left: 7px;
}
.search p.postInfo img.authorImage, .RelatedContent .itemcontent.left img.authorImage, .RelatedContent .itemcontent.right img.authorImage, .blogPosts .wrap .item img.authorImage, .contentSide.single .postInfo img.authorImage {
	width: 35px;
	display: inline-block;
	border-radius: 50px;
	vertical-align: middle;
	height: 35px;
}
.blogPosts .wrap .item img.authorImage {
	height: auto;
}
.SideBar {
	width: 27%;
	float: right;
}

.SideBar .custom-widget  {
	border: 1px solid #8C449A1A;
	border-radius: 12px;
	margin-bottom: 40px;
}
.SideBar h2.wp-block-heading, label.wp-block-search__label {
	background: #8C449A;
	color: #fff;
	font-size: 20px;
	padding: 10px 15px;
	margin-bottom: 20px;
	font-weight: 500;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.SideBar .wp-block-search__inside-wrapper {
	padding: 0 10px 20px;
}
input#wp-block-search__input-1 {
	background-color: #fff;
	border: 1px solid #8C449A1A;
	color: rgba(0, 0, 0, 0.87);
	font-size: 18px;
	font-weight: 400;
	padding: 15px;
	width: 100%;
	border-radius: 12px;
	box-shadow: unset;
}
.SideBar button.wp-block-search__button.wp-element-button {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}
.SideBar .wp-block-columns p:empty {
	display: none;
}
.SideBar .wp-block-columns {
	margin: 0;
}
.bottomSide a.btn {
	background: #8C449A;
	color: #fff !important;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	margin-top: 30px;
	display: block;
	text-align: center;
}
.contentSide {
	max-width: 800px;
	float: left;
}
.single-post main#content {
	margin-top: 60px;
}
.single-post main#content hr {
	width: 100%;
	clear: both;
}
.featurdContent h1 {
	font-size: 40px;
	margin-top: 0px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #8C449A;
}
.contentSide.single .postInfo {
	font-size: 18px;
	line-height: 35px;
}
.contentSide.single p {
	font-size: 19px;
	line-height: 40px;
}
.customSHare {
	display: block;
	width: 100%;
}
.customSHare a {
	display: inline-block;
	margin: 0 10px 0 0px;
}
.customSHare a .fa {
	padding: 12px 12px;
	font-size: 20px;
	background: #8C449A;
	color: #fff;
	border-radius: 100%;
	width: 46px;
	text-align: center;
	transition: 0.5s ease;
}

.customSHare a .fa:hover {
	background: #1A0D1D;
	border: 1px solid #1A0D1D;
}

.RelatedContent .itemcontent.right h3 a, .RelatedContent .itemcontent.right a.btn {
	color: #8C449A;
}

.RelatedContent .itemcontent.right h3 a:hover,
.RelatedContent .itemcontent.right a.btn:hover {
	color: #1A0D1D;
}

.authorBox {
	width: 100%;
	display: flex
		;
	flex-direction: row;
	justify-content: start;
	margin: 20px 0;
	padding: 30px 20px 30px 0px;
	border-radius: 12px;
	border: 1px solid #8C449A1A;
}
.authorBox .leftImage {
	width: 10%;
	float: left;
}

.authorBox .leftImage img {
	width: 50px;
	margin: 0 auto;
	border-radius: 50px;
	display: block;
}
.authorBox .rightText {
	width: 90%;
}
span.authorabout {
	font-weight: 500;
	color: #121319;
}
.RelatedContent .itemcontent.left {
	width: 60%;
	float: left;
	margin-bottom: 30px;
	border: 1px solid #121319;
	min-height: 600px;
	border-radius: 12px;
	padding: 0 20px;
}
.featurdContent img {
	width: 100%;
	height: 450px;
	object-fit: cover;
}
.RelatedContent .itemcontent.right {
	width: 32%;
	border: 1px solid #8C449A1A;
	border-radius: 12px;
}
.RelatedContent {
    margin-top: 30px;
}
.related-posts-wrapper {
    padding-bottom: 60px;
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.CatSection {
	display: flex
		;
	justify-content: space-between;
	padding: 15px 0 0;
	align-items: center;
}
.CatSection p:first-child {
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	color: #121319;
}
.RelatedContent .itemcontent a.btn {
	position: relative;
	display: inline-block;
}
.RelatedContent .itemcontent.right p {
	margin-bottom: 0;
}
.RelatedContent .itemcontent.right h3 {
	margin-top: 15px;
}
.RelatedContent .itemcontent.right p {
	margin-bottom: 0;
}
.RelatedContent .itemcontent.right a.btn {
	margin-top: 20px;
	padding-left: 15px;
	padding-bottom: 12px;
}
.featurdContent .postInfo {
	color: #2b2b36;
	font-weight: 400;
	/* font-style: italic; */
	margin-bottom: 20px;
}
.AllLates .pitem div a.author, .topContent a.author, span.authorabout a, .search p.postInfo a, .contentSide p.postInfo a, .blogPosts .wrap .item .bottomSide span a, .CatSection a {
	color: #121319;
	text-decoration: none;
	padding: 5px 7px;
	border-radius: 5px;
	font-weight: 500;
	margin-left: 3px;
}
.AllLates .pitem div a.author:hover, .topContent a.author:hover, span.authorabout a:hover, .search p.postInfo a:hover, .contentSide p.postInfo a:hover, .blogPosts .wrap .item .bottomSide span a:hover, .CatSection a:hover {
	background: #eef0f3;
}
.search main#content,
.archive main#content,
.blog main#content {
	max-width: 1220px;
	padding: 0 10px;
}
.search main#content {
	margin-top: 60px;
}
.archiveItems {
	width: 70%;
	float: left;
}
.archiveItems .item {
	width: 100%;
	padding: 0;
	display: flex
		;
	flex-direction: row;
	justify-content: space-between;
	box-shadow: 0 27px 80px rgba(95, 91, 210, .04), 0 17.5px 46.8519px rgba(95, 91, 210, .0303704), 0 10.4px 25.4815px rgba(95, 91, 210, .0242963), 0 5.4px 13px rgba(95, 91, 210, .02), 0 2.2px 6.51852px rgba(95, 91, 210, .0157037), 0 .5px 3.14815px rgba(95, 91, 210, .00962963);
	margin-bottom: 80px;
}
.archiveItems .item:nth-child(2n) .leftSide {
	order: 2;
}
.archiveItems .item:nth-child(2n) .leftSide {
	order: 2;
}
.archiveItems .item .rightSide {
	width: 60%;
	padding: 20px;
}
.rightSide {
	padding-left: 10px;
}
.elementor-element.thirdstep.activesec,
.elementor-element.firstetp.activesec,
.elementor-element.secstep.activesec {
	box-shadow: none !important;
}

li.current-menu-item.page_item {
	background: #121319;
	color: #fff;
	padding: 8px 0;
	border-radius: 8px;
}

.RelatedContent .itemcontent.right p {
	font-size: 13px;
}
.RelatedContent .itemcontent.right h3 {
	margin-top: 15px;
	padding: 0 15px;
}
.RelatedContent .itemcontent.right h3 + p{
	padding: 0 15px;
}
.postsItems.hfooterposts .item {
    width: 32%;
}


.archive .elementor-widget-shortcode .blogPosts {
    width: 100%;
}
@media screen and (max-width: 1023px) { 

	.catList li a {
		font-size: 16px;
		padding: 10px 10px 38px;
	}
	.catList {
		margin-top: 35px;
	}
	h2 {
		font-size: 28px;
	}
	.blogPosts .wrap .catLinks > h2::after {
		width: 180px;
	}
	.blogPosts .wrap .item {
		width: 48%;
	}
	.sidebar .widget-title {
		font-size: 18px;
	}
	input, select, textarea {
		font-size: 16px;

	}
	h3 {
		font-size: 24px;
	}
	.contentSide {
		max-width: 100%;
	}
	.content-sidebar-wrap .sidebar {
		margin: 0 auto;
		display: block;
		float: unset;
		clear: both;
	}
	.catList li {
		margin: 0;
	}
	.postsItems.hfooterposts .item {
    width: 31%;
}
}

@media screen and (max-width: 959px) { 
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    height: 95vh;
}

}

@media screen and (max-width: 767px) { 


	.catList li {
		display: block;
		margin: 0 0 0px 0px;
		        padding-bottom: 0;
		text-align: left;
	}
	.SideBar,.blogPosts .wrap .item,
	.mainContent {
		width: 100%;
	}
	.blogPosts .wrap .catLinks > h2::after {
		display: none;
	}
	.blogPosts .wrap .item {
		margin-bottom: 30px;
	}

	.catList li a {
		padding: 0;
	}
	.HomeSection.archive .mainContent .blogPosts,
	.RelatedContent .itemcontent.left,
	.RelatedContent .itemcontent.right,
	.topContent .itemcontent.right,
	.topContent .itemcontent.left {
		width: 100%;
	}
	.RelatedContent .itemcontent.left,
	.topContent .itemcontent.left {
		min-height: auto;
	}
	.topContent {
		width: 100%;
		float: left;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.authorBox {
		padding: 30px 20px 30px 20px;
	}
	.featurdContent h1 {
		font-size: 32px;
	}
	.RelatedContent .itemcontent.right {
		margin-bottom: 30px;
	}
	.site-inner {
		margin: 90px auto 0;
		position: relative;
	}

	.single-post .site-inner {
		margin-top: 120px !important;
		padding: 0px 20px 50px;
	}
	.form-top p span {
		width: 100%;
	}
	.topcat {
		justify-content: flex-start;

	}
	ul#menu-category-menu {
		padding: 0 10px;
	}
	.topcat {
		padding: 0px 0 0px;
		    margin-bottom: 0px;
	}
	   .topcat .catList {
        margin-top: 0px;
    }
}