/**
 * 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.
 * Version:        1.082225.0
 */

:root {
    --color-accent: #F25404;
    --color-light-orange: #FBAC3F;
    --color-mist: #EEF0F6;
    --font-questrial: "Questrial", Sans-serif;
    --font-articulat-cf: "articulat-cf", Sans-serif;
}

html,body{
    scroll-padding-top: 170px;
}

.gradient-bg-btn.elementor-widget-button .elementor-button {
    background: linear-gradient(180deg, var(--color-light-orange) 0%, var(--color-accent) 50%, var(--color-accent) 100%) no-repeat 0 0 / 100% 200% !important;
    transition: background .3s;
}

.gradient-bg-btn.elementor-widget-button .elementor-button:hover {
    background-position: 0 50% !important;
}

.elementor-element.elementor-widget-text-editor :last-child {
    margin-bottom: 0;
}

/**
* Post Content Default Style
*/
:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :first-child{
    margin-top: 0 !important;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :last-child{
    margin-bottom: 0 !important;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content>p:first-child {
    font-family: var(--font-articulat-cf);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.33;
    color: var(--color-mist);
    margin: 0 0 56px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :is(h1, h2, h3) {
    color: var(--color-mist);
    margin-top: 56px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :is(h4, h5, h6) {
    color: var(--color-mist);
    margin-top: 32px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6){
    margin-top: 0;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content h1 {
    font-family: var(--font-questrial);
    font-weight: 400;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 32px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content h2 {
    font-family: var(--font-questrial);
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 32px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content h3 {
    font-family: var(--font-questrial);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 32px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :is(h4, h5, h6) {
    font-family: var(--font-articulat-cf);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content a {
    text-decoration: underline;
    color: var(--color-light-orange);
    transition: color .3s;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content a:hover {
    color: var(--color-accent);
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content strong{
    font-weight: 500;
    color: var(--color-mist);
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content :is(ul, ol){
    padding-left: 24px;
}

:is(.single, .page-template-default) .elementor-element.elementor-widget-theme-post-content ul li:marker{
    font-size: 12px;
}