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

a{
	transition: none !important;
	text-decoration: underline;
    text-underline-offset: 0.25em;
}

p, a{
    padding: 0;
    margin: 0;
}

h1{
    font-size: 2em;
    font-weight: 700;
}

h3{
    font-size: 1.25em;
    font-weight: 700;
}

/* Text Break Line */
br.dd-break, br.dd-td-break, br.dd-md-break{ display: block; }
br.td-break, br.md-break, br.td-md-break{ display: none; }

@media screen and (min-width: 768px) and (max-width: 1024px){
    br.td-break, br.dd-td-break, br.td-md-break{ display: block; }
    br.dd-break, br.md-break, br.dd-md-break{ display: none; }
}

@media screen and (max-width: 767px){
    br.md-break, br.dd-md-break, br.td-md-break{ display: block; }
    br.dd-break, br.td-break, br.dd-td-break{ display: none; }
}

/* Body Freeze and Overlay _s */
/* Disable body scroll */
body.no-scroll {
    overflow: hidden;
}

/* Overlay styles */
#menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 8;
	display: none;
}

/* Show overlay when body has .no-scroll */
body.no-scroll #menu-overlay {
	display: block;
}
/* Body Freeze and Overlay _e */

/* Header - Mobile _s */
.header-mobile{
	position: fixed;
    padding: 1rem;
    background: white;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.header-mobile img{
    width: 120px;
}

.header-mobile.active{
	display: none !important;
}

/* Menu Toggle */
.header-mobile .menu-toggle{
    position: fixed;
    left: 0;
    margin: 0 1rem;
    padding: 0 1rem;
    aspect-ratio: 1;
}
/* Header - Mobile _e */

/* Fixed Sidebar - Column of Template Widget */
.fix-sidebar{
    position: fixed;
    width: 20rem;
    height: 100vh;
    z-index: 9;
    background: white;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.fix-sidebar.active{
	display: block !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* Sidebar _s */
.main-sidebar{
    width: 20rem;
    height: 100vh;
    padding: 4rem 3rem 2rem;
	position: relative;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	text-wrap: nowrap;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.main-sidebar .menu-item-has-children span{
	display: none !important;
}

/* Menu Toggle Close */
.main-sidebar .menu-close{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0.5rem;
    padding: 0 0.5rem;
    aspect-ratio: 1;
    cursor: pointer;
    display: none;
}

.main-sidebar .menu-close.active{
	display: block !important;
}

/* Menu */
.main-sidebar a{
    font-weight: 300 !important;
    color: #000 !important;
    font-size: 1.125em;
    background: none !important;
	transition: all 0.5s background none !important;
}

.main-sidebar a:hover,
.main-sidebar .current-menu-item > a,
.main-sidebar .current-menu-parent > a,
.main-sidebar .current_page_item > a,
.main-sidebar a.has-submenu:has(+ ul.sub-menu > li.current-work-ancestor)
{
    font-weight: 700 !important;
}

/* Sub Menu */
.main-sidebar .sub-menu{
    display: none !important;
    position: relative !important;
	width: 14rem !important;
	background: none !important;
}

.main-sidebar .current-menu-item.current_page_item .sub-menu,
.main-sidebar .current-menu-parent .sub-menu,
.main-sidebar .sub-menu:has(.current-work-ancestor){
	display: block !important;
}

.main-sidebar .sub-menu::before,
.main-sidebar .sub-menu::after{
    content: "—";
    padding-left: 1.25rem;
}

.main-sidebar .sub-menu li a{
    font-size: 1em;
	margin: 0;
}
/* Sidebar _e */

/* Home _s */
.home-banner-col{
    width: calc(100% - 20rem);
    height: 100vh;
    left: 20rem;
}

.home-banner-col img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}


@media screen and (max-width: 1024px){
    .home-banner-col{
        width: 100%;
		height: calc(100vh - 200px);
        left: 0;
		margin-top: 100px;
    }
}

.banner-img{
	position: relative;
}

.banner-desc{
	width: calc(100% - 12rem);
    position: absolute;
    bottom: 0;
    margin: 0 0 3rem 6rem;
}
/* Home _e */

/* Main Content _s */
.main-content{
	width: calc(100% - 20rem);
    left: 20rem;
    margin: 4rem 0;
    padding: 0 4rem;
}

/* Banner SEO - News Page */
/*
.banner-highlight,
.banner-highlight img{
    width: 100%;
    max-width: 1470px;
    aspect-ratio: 5/1;
    object-fit: cover;
}

@media screen and (max-width: 1024px){
    .banner-highlight,
    .banner-highlight img{
        aspect-ratio: 17/8;
    }
}

@media screen and (max-width: 767px){
    .banner-highlight,
    .banner-highlight img{
        aspect-ratio: 1;
    }
}

.banner-highlight{
	display: none;
	visibility: hidden;
}
*/

/* Pagination */
.main-content .elementor-pagination::before{
    content: "Pages :";
    font-size: 0.75em;
    color: #888;
}

.main-content .elementor-pagination span,
.main-content .elementor-pagination a{
    font-size: 0.875em;
    border: 1px solid black;
    padding: 3px 6px;
}

.main-content .elementor-pagination .page-numbers.current{
    background: black;
    color: white !important;
}

.main-content .elementor-pagination span.page-numbers.prev,
.main-content .elementor-pagination span.page-numbers.next{
	display: none;
}

@media screen and (max-width: 1024px){
    .main-content{
        width: 100%;
        left: 0;
        padding: 0 2rem;
		margin-top: calc(100px + 2rem);
    }
}
/* Main Content _e */