/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/*General Settings*/
body p:last-child{
	margin-bottom: 0 !important;
}
body .elementor-widget-text-editor ul{
	padding-left: 22px;
}
body .elementor-widget-text-editor ul:not(:last-child){
	margin-bottom: 8px;
}

/*Colored Text*/
body .primary-color{
	color: var(--e-global-color-66a8db7) !important;
}
body .elementor-widget-text-editor.link-yellow a{
	color: var(--e-global-color-a8435a3) !important;
}
/*Button with Icon*/
.elementor-widget-button .elementor-button-icon svg{
	width: 12px;
	height: auto;
}
/*Sidebar Menu*/
.sidebar-menu{
	min-width: 220px !important;
}
.sidebar-menu .elementor-nav-menu{
	flex-direction: column;
}
.sidebar-menu nav > ul  > .menu-item:hover > a,
.sidebar-menu nav > ul .menu-item.current-menu-item > a,
.sidebar-menu .sub-menu .menu-item:hover a,
.sidebar-menu .sub-menu .menu-item.current-menu-item  a{
	background-color: var(--e-global-color-92349b1) !important;
}
.sidebar-menu ul .menu-item{
	text-wrap: auto;
	flex-direction: column;
}
.sidebar-menu ul .sub-menu{
	position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
	border-top: 1px var( --e-global-color-95df64f ) solid !important;
	border-bottom: 1px var( --e-global-color-95df64f ) solid !important;
}
.sidebar-menu ul > li:last-child .sub-menu{
	border-bottom: 1px var( --e-global-color-95df64f ) solid;
}
.sidebar-menu .menu-item a{ 
	padding-right: 20px !important;
	white-space: unset !important;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sidebar-menu .elementor-nav-menu > .current-menu-item > a:after,
.sidebar-menu .sub-menu > .current-menu-item > a:after{
	content: '';
	width: 7px;
	min-width: 7px;
	height: 10px;
	background: url(/wp-content/uploads/2026/01/sidebar-active.svg);
	position: static;
}
/*read more arrow golden*/
.golden-more-button .elementor-button{
    display: flex;
    gap: 8px;
    flex-direction: row;
    align-items: center;
    text-align: left;
}
.golden-more-button .elementor-button:after{
    content:'';
    width: 17px;
    height: 12px;
    min-width: 17px;
    position: static;
    background: url('/wp-content/uploads/2026/01/arrow-yellow.svg') no-repeat;
}

/*Blog CSS*/
body .blog-css h2 {
	margin: 0 0 16px;
}
body .blog-css * + h2 {
  margin: 56px 0 16px;
}
body .blog-css h2{
	font-family: var(--e-global-typography-3d8db08-font-family), Sans-serif;
    font-size: var(--e-global-typography-3d8db08-font-size);
    font-weight: var(--e-global-typography-3d8db08-font-weight);
    text-transform: var(--e-global-typography-3d8db08-text-transform);
    text-decoration: var(--e-global-typography-3d8db08-text-decoration);
    line-height: var(--e-global-typography-3d8db08-line-height);
}
body .blog-css a{
	font-family: var(--e-global-typography-3ac5276-font-family), Sans-serif;
    font-size: var(--e-global-typography-3ac5276-font-size);
    font-weight: var(--e-global-typography-3ac5276-font-weight);
    text-decoration: var(--e-global-typography-3ac5276-text-decoration);
    line-height: var(--e-global-typography-3ac5276-line-height);
    color: var(--e-global-color-66a8db7);
	display: inline-flex;
    align-items: center;
    gap: 8px;
}
body .blog-css a:after{
	content: '';
	background: url('/wp-content/uploads/2026/01/link-arrow.svg') no-repeat center/contain;
	width: 17px;
	height: 12px;
}

/*Read More content hide*/
body .read-more-wrapper .read-more-content{
	max-height: 192px; 
	overflow: hidden;
	transition: max-height 0.35s ease;
}
body .read-more-wrapper.expanded .read-more-content {
  max-height: 1000px;
}
body .read-more-wrapper .elementor-button-icon {
  transition: transform 0.3s ease;
}
body .read-more-wrapper .elementor-button-icon svg{
	width: 10px;
}
body .read-more-wrapper .elementor-button-icon.rotated {
  transform: rotate(180deg);
}