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

.elementor-element.elementor-element-491abade.elementor-position-left.elementor-vertical-align-top.elementor-widget.elementor-widget-image-box:hover h4,
.elementor-element.elementor-element-c77732a.elementor-position-left.elementor-vertical-align-top.elementor-widget.elementor-widget-image-box:hover h4,
.elementor-element.elementor-element-9a701af.elementor-position-left.elementor-vertical-align-top.elementor-widget.elementor-widget-image-box:hover h4,
.elementor-element.elementor-element-80a31c8.elementor-position-left.elementor-vertical-align-top.elementor-widget.elementor-widget-image-box:hover h4 {
    color: #272727 !important;
}

div#nd_options_header_6 {
    position: absolute;
}

.subtext {
    font-family: "Caveat", "Jost", Sans-serif;
    font-size: 42px;
    text-transform: captialize;
}

.caveat {
    font-family: "Caveat", Sans-serif;
}

.jost {
    font-family: "Jost", Sans-serif;
}

.footer_first_col svg.e-font-icon-svg.e-far-circle {
    visibility: hidden;
}

.nd_options_container {
    width: 100% !important;
    margin: auto;
    padding: 0px;
}

.nd_elements_navigation_component div > ul li > ul.sub-menu li > ul.sub-menu {
    margin-left: 205px !important;
}

.nd_elements_navigation_component div > ul li > ul.sub-menu > li {
    width: 250px;
}

.nd_elements_navigation_component div > ul li > ul.sub-menu > li a {
    padding: 15px 20px 15px 20px !important;
}

.nd_elements_navigation_sidebar div li > a {
    padding: 5px 0px;
    display: inline-block;
    font-size: 24px;
    text-transform: lowercase;
    color: #fff;
}

h3.nd_elements_margin_0_important.nd_elements_padding_0.nd_elements_font_weight_bold.nd_elements_line_height_1_5.nd_elements_postgrid_compo_l6_title {
    text-transform: uppercase;
    color: #272727;
}

.nd_elements_width_33_percentage:first-child {
    display: flex;
    flex-direction: column-reverse;
}

.nd_elements_section.nd_elements_background_color_fff.nd_elements_box_shadow_0_0_15_0_0001:first-child {
    margin-bottom: 27px;
}

.nd_elements_display_block.nd_elements_width_60.nd_elements_height_60.nd_elements_text_align_center.nd_elements_position_absolute.nd_elements_right_30.nd_elements_top_30_negative {
    display: none;
}

.nd_options_customizer_forms input[type="text"],
.nd_options_customizer_forms input[type="email"],
.nd_options_customizer_forms input[type="url"],
.nd_options_customizer_forms input[type="tel"],
.nd_options_customizer_forms input[type="number"],
.nd_options_customizer_forms input[type="date"],
.nd_options_customizer_forms input[type="file"],
.nd_options_customizer_forms input[type="password"],
.nd_options_customizer_forms select,
.nd_options_customizer_forms textarea,
.StripeElement {
    padding: 0px 10px !important;
}

/* General Page Styling */

.nd_elements_section.nd_elements_background_color_fff.nd_elements_box_shadow_0_0_15_0_0001 {
    min-height: 505px !important;
}

img.nd_elements_section {
    margin-top: -30px;
}

.custom-post-template {
    margin: auto;
}

/* Banner Section */
.custom-post-template .post-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    color: #fff;
    width: 100%;
    padding: 140px 0px 140px 0px;
}

.custom-post-template .post-banner:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    content: "";
    z-index: 1;
    background: rgba(29, 29, 29, 0.3);
}

.custom-post-template .post-banner .post-meta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-post-template .post-banner .post-meta p {
    margin-bottom: 0;
}

.custom-post-template .post-categories span > span {
    margin: 0 5px;
}

.custom-post-template .post-banner .post-title,
.custom-post-template .post-banner .post-meta,
.custom-post-template .post-banner .post-meta p,
.custom-post-template .post-banner .post-meta span {
    color: #fff;
    z-index: 2;
    text-align: center;
    position: relative;
}

/* Content Wrapper */
.custom-post-template .content-wrapper {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 65px auto;
    width: 100%;
    align-items: flex-start;
}

/* Main Content */
.custom-post-template .post-content {
    flex: 2;
    padding: 20px;
    border-radius: 8px;
}

/* Sidebar */
.custom-post-template .post-sidebar {
    flex: 1;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-post-template .post-sidebar .donation {
    background-color: #316ead;
    color: #ffff;
    text-align: center;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 20px;
}

.custom-post-template .wysiwyg-content {
    margin-bottom: 30px;
}

.orange-button {
    background-color: #f78e1e;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 30px;
    padding: 10px 36px 10px 36px;
}

.orange-button:hover {
    background-color: #fff;
    color: #f78e1e !important;
}

.blue-button {
    background-color: #316ead;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 30px;
    padding: 10px 36px 10px 36px;
}

.blue-button:hover {
    background-color: #f78e1e;
}

.custom-post-template .post-sidebar .donation h2 {
    border-bottom: 0;
    color: #fff;
}

.custom-post-template .post-sidebar h2 {
    font-size: 22px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 8px;
}

.custom-post-template .post-sidebar ul {
    list-style: none;
    padding: 0;
}

.custom-post-template .post-sidebar ul.socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.custom-post-template .post-sidebar ul.socials li a {
    font-size: 1.5em;
    color: #316ead;
}

.custom-post-template .post-sidebar ul.socials li a:hover {
    color: #f78e1e;
}

.custom-post-template .post-sidebar ul.recent-posts li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.custom-post-template .post-sidebar ul.recent-posts li a {
    text-decoration: none;
    color: #0073aa;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}

.custom-post-template .post-sidebar ul.recent-posts li a:hover {
    color: #005580;
}

.rt-img-holder.tpg-el-image-wrap.has-thumbnail {
    height: 100%;
}

/* Slider */

.elementor-element.elementor-element-85bd789
    .elementor-social-icons-wrapper.elementor-grid {
    background: #272727;
}

.n2-ss-layer.n2-ow.jost p {
    font-family: "Jost" !important;
}

.n2-ss-layer.n2-ow.caveat p {
    font-family: "Caveat" !important;
}

.n2-ss-layer.n2-ow.Jost h2 {
    font-family: "Jost" !important;
    font-weight: 600 !important;
}

.n2-ss-widget.n2-ss-control-bullet.n2-ow-all.n2-ss-control-bullet-horizontal {
    margin-bottom: 30px !important;
}

div#n2-ss-2 .n2-style-09a8364a7159aeff35b6b40ac3f789f6-heading:hover {
    background: #f78e1eff !important;
}

.post-right-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .custom-post-template .content-wrapper {
        flex-direction: column;
    }

    .custom-post-template .post-banner {
        height: 250px;
    }

    .custom-post-template .post-title {
        font-size: 28px;
    }

    .tpg-el-main-wrapper
        .list-layout-wrapper
        .rt-holder
        .rt-el-content-wrapper {
        height: auto;
    }

    .post-right-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .nd_elements_navigation_component > div {
        display: block !important;
    }

    .nd_elements_open_navigation_sidebar_content {
        display: none;
        margin: auto;
        float: initial !important;
    }
}

@media only screen and (max-width: 1125px) {
    .nd_elements_navigation_component > div {
        display: none !important;
    }

    .nd_elements_open_navigation_sidebar_content {
        display: block;
        margin: auto;
        float: initial !important;
    }

    .nd_elements_width_33_percentage:first-child::before {
        display: none;
    }

    .nd_elements_width_33_percentage:nth-child(2)::before {
        display: none;
    }

    .nd_elements_width_33_percentage:nth-child(3)
        .nd_elements_section.nd_elements_padding_40.nd_elements_padding_20_iphone.nd_elements_box_sizing_border_box {
        padding-bottom: 15px;
    }

    .nd_elements_float_left.nd_elements_width_50_percentage.nd_elements_width_100_percentage_iphone {
        display: none;
    }

    h3.nd_elements_font_size_23.nd_elements_word_break_break_word {
        text-transform: uppercase;
        color: #272727;
    }

    p.nd_elements_margin_0_important.nd_elements_padding_0.nd_elements_letter_spacing_4.nd_elements_font_size_12.nd_elements_text_transform_uppercase.nd_elements_line_height_12 {
        letter-spacing: 2px;
        font-size: 16px;
    }

    a.nd_elements_line_height_1.nd_elements_padding_10_20.nd_elements_postgrid_compo_l6_btn.nd_elements_font_size_12.nd_options_color_white.nd_options_first_font.nd_elements_font_weight_bold.nd_elements_letter_spacing_2 {
        border-radius: 30px 30px 30px 30px;
        padding: 10px 30px 10px 30px;
        font-weight: 400;
        font-family: "Jost", Sans-serif;
        font-size: 14px;
    }

    .elementor-6129 .elementor-element.elementor-element-39aa817 .rt-tpg-container .list-layout-wrapper [class*="rt-col"]:not(.offset-left) .rt-holder .tpg-el-image-wrap,
    .elementor-14106 .elementor-element.elementor-element-f2de8bb .rt-tpg-container .list-layout-wrapper [class*="rt-col"]:not(.offset-left) .rt-holder .tpg-el-image-wrap {
        flex: auto;
        max-width: 100%;
        width: 100%;
        max-height: 450px;
    }
}