/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/*
    Main css start here
*/
/* Common css */
span.elementor-button-content-wrapper {
    align-items: center;
}

span.elementor-button-icon {
    line-height: 0;
}

/* Home Banner area css */
.author-area-post .elementor-post-info__item--type-author {
    font-weight: 600;
    color: #000 !important;
}

.author-area-post .elementor-post-info__item--type-author span.elementor-post-info__item-prefix {
    font-weight: 400;
}

.short-heading h2.elementor-heading-title {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.8em;
}

.post-under-banner .elementor-loop-container.elementor-grid:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 0;
    height: 75%;
    width: 1px;
    background: #00000040;
}

.right-block-loop .e-loop-item {
    border-bottom: 1px solid #00000040;
    padding-bottom: 20px;
}

/* Local Initiative */
.heading-line h1.elementor-heading-title {
    position: relative;
}

.heading-line h1.elementor-heading-title:after {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    background: #00000040;
    right: 0;
    top: 50%;
}

.readmore-common-btn span.elementor-button-content-wrapper {
    align-items: center;
}

.readmore-common-btn span.elementor-button-content-wrapper span.elementor-button-icon {
    line-height: 0;
}


/* Follow Finnowa */
.follow-right-column .elementor-loop-container .e-loop-item {
    border-bottom: 1px solid #00000033;
    padding-bottom: 30px;
}

.follow-right-column .elementor-loop-container .e-loop-item a {
    display: block;
}

.left-block-follow span.elementor-button-content-wrapper {
    align-items: center;
}

.grid-footer-top-right .e-loop-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #0000001A;
}


/* Footer form section */
.footer-form-sec form#gform_1 {
    display: flex;
    gap: 10px;
}

.footer-form-sec .gform_footer.before {
    margin: 0;
}

.footer-form-sec input#input_1_1 {
    width: 300px;
    height: 45px;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.footer-form-sec input#gform_submit_button_1 {
    width: 125px;
    height: 45px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    background-color: #120604;
    border: 1px solid #000;
}

.footer-form-sec input#gform_submit_button_1:hover {
    background-color: transparent;
    border: 1px solid #9c9c9c;
    color: #eeeeee;
}

.footer-form-sec .gform-footer.gform_footer.top_label {
    margin: 0;
}

div#gform_1_validation_container,
div#validation_message_1_1 {
    padding: 5px;
    background: #fff;
    margin: 0;
}

div#validation_message_1_1 {
    margin-top: 5px;
}

input#gform_submit_button_1:focus {
    outline: none;
}

.sociallink-footer a.elementor-icon svg {
    filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(5611%) hue-rotate(14deg) brightness(98%) contrast(108%);
}

/* Register form */
.register-form input,
.register-form textarea#input_3_6,
.login-form-section input#input_1,
.login-form-section input#input_2 {
    height: 50px !important;
    border: 1px solid #00000029 !important;
    border-radius: 5px !important;
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #8D8F8F !important;
}

.register-form .gform-footer.gform_footer.top_label {
    margin-top: 40px;
}

.login-form-section input#choice_3 {
    height: auto !important;
}

.register-form .gform-footer.gform_footer.top_label input#gform_submit_button_3,
.login-form-section input#gform_submit_button_0 {
    background: #511A12;
    color: #fff !important;
    width: 395px;
    height: 52px;
    gap: 0px;
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
}

.register-form .gform-footer.gform_footer.top_label input#gform_submit_button_3:hover,
.login-form-section input#gform_submit_button_0:hover {
    background: transparent;
    color: #511A12 !important;
    border: 1px solid #511A12 !important;
}

.login-form-section input#gform_submit_button_0 {
    display: block;
    margin: 0 auto;
}

.login-form-section .gchoice.gchoice_3 {
    display: flex;
    gap: 5px;
}

.register-form input:focus,
.register-form .gform-footer.gform_footer.top_label input#gform_submit_button_3:focus,
div#gform_3_validation_container:focus {
    outline: none;
}

div#gform_3_validation_container {
    padding: 15px;
}

.login-form-section .gfield_validation_message {
    display: none;
}

.login-form-section div#gform_fields_login .gfield.gfield--type-text {
    margin-bottom: 20px;
}

.login-form-section .gform_footer.top_label {
    margin-top: 20px;
}

.login-form-section nav.gf_login_links br {
    display: none;
}

.login-form-section nav.gf_login_links {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

div#gform_confirmation_message_3 {
    text-align: center;
    font-size: 18px;
}

/* Category page css */
.opinion-grid-loop nav.elementor-pagination,
.search-result-page nav.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.opinion-grid-loop nav.elementor-pagination .page-numbers.next,
.opinion-grid-loop nav.elementor-pagination .page-numbers.prev,
.search-result-page nav.elementor-pagination .page-numbers.next,
.search-result-page nav.elementor-pagination .page-numbers.prev {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block;
}

.opinion-grid-loop nav.elementor-pagination .page-numbers.prev,
.search-result-page nav.elementor-pagination .page-numbers.prev {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 6.7C17.3866 6.7 17.7 6.3866 17.7 6C17.7 5.6134 17.3866 5.3 17 5.3L17 6.7ZM0.505026 5.50503C0.231657 5.77839 0.231657 6.22161 0.505026 6.49498L4.9598 10.9497C5.23317 11.2231 5.67638 11.2231 5.94975 10.9497C6.22311 10.6764 6.22311 10.2332 5.94975 9.9598L1.98995 6L5.94975 2.0402C6.22311 1.76684 6.22311 1.32362 5.94975 1.05025C5.67638 0.776886 5.23316 0.776887 4.9598 1.05025L0.505026 5.50503ZM17 5.3L1 5.3L1 6.7L17 6.7L17 5.3Z' fill='%236D6E71'/%3E%3C/svg%3E%0A");
}

.opinion-grid-loop nav.elementor-pagination a.page-numbers.prev,
.search-result-page nav.elementor-pagination .page-numbers.prev {
    filter: brightness(0) saturate(100%) invert(12%) sepia(14%) saturate(6715%) hue-rotate(341deg) brightness(94%) contrast(96%);
}

.opinion-grid-loop nav.elementor-pagination .page-numbers.prev,
.opinion-grid-loop nav.elementor-pagination .page-numbers.next,
.search-result-page nav.elementor-pagination .page-numbers.prev,
.search-result-page nav.elementor-pagination .page-numbers.next {
    background-color: transparent;
}

.opinion-grid-loop nav.elementor-pagination .page-numbers.next,
.search-result-page nav.elementor-pagination .page-numbers.next {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.7C0.613401 6.7 0.3 6.3866 0.3 6C0.3 5.6134 0.613401 5.3 1 5.3L1 6.7ZM17.495 5.50503C17.7683 5.77839 17.7683 6.22161 17.495 6.49498L13.0402 10.9497C12.7668 11.2231 12.3236 11.2231 12.0503 10.9497C11.7769 10.6764 11.7769 10.2332 12.0503 9.9598L16.0101 6L12.0503 2.0402C11.7769 1.76684 11.7769 1.32362 12.0503 1.05025C12.3236 0.776886 12.7668 0.776887 13.0402 1.05025L17.495 5.50503ZM1 5.3L17 5.3L17 6.7L1 6.7L1 5.3Z' fill='%23511A12'/%3E%3C/svg%3E%0A");
    background-color: transparent;
}

.opinion-grid-loop nav.elementor-pagination span.page-numbers.next,
.search-result-page nav.elementor-pagination .page-numbers.next {
    filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(2039%) hue-rotate(283deg) brightness(77%) contrast(73%);
}

nav.elementor-pagination .page-numbers,
.opinion-grid-loop nav.elementor-pagination span.page-numbers.current,
.search-result-page nav.elementor-pagination span.page-numbers.current {
    width: 40px;
    height: 40px;
    background-color: #6d6e7140;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opinion-grid-loop nav.elementor-pagination span.page-numbers.current,
.search-result-page nav.elementor-pagination span.page-numbers.current {
    background: #511A12;
}

.opinion-grid-loop .e-loop-item {
    border-bottom: 1px solid #00000033;
    padding-bottom: 30px;
}

.author-section-opinion .bio-content .elementor-widget-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.8em;
}

/* Post Share button CSS */
/* Styles for the share button and dropdown menu */
.share-toggle-button {
    cursor: pointer;
    white-space: nowrap;
}

.social-share-icons {
    display: none;
    background-color: #d6d6d6;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    z-index: 2;
}

.social-share-icons {
    width: fit-content;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 35px;
    z-index: 99;
    margin: 0 auto;
    transform: translate(-48%, 0);
}

/* Author Bio css */
.short-bio-line {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.4em;
}

/* Search page css */
.search-result-page .elementor-post__text h3.elementor-post__title {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.9em;
}

/* Subscribe Form Header */
.subscribe-form-inner {
    position: relative !important;
}

.subscribe-form-inner .ginput_container input#input_6_1 {
    height: 50px;
    border: 1px solid #511A12;
    border-radius: 6px;
}

.subscribe-form-inner .ginput_container input#input_6_1:focus,
.subscribe-form-inner input#gform_submit_button_6:focus,
div#gform_6_validation_container:focus {
    outline: none;
}

.subscribe-form-inner .gform-footer.gform_footer.top_label {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    margin-top: 0;
    padding: 0;
}

nav.gf_login_links a {
    color: #511a12;
}

.subscribe-form-inner input#gform_submit_button_6 {
    background: #511A12;
    padding: 10px 20px;
    font-size: 16px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

div#gform_6_validation_container {
    padding: 5px !important;
    margin: 0 !important;
}

div#gform_confirmation_message_6 {
    font-size: 18px;
    margin-top: 20px;
}

.subscribe-popup-form .elementor-widget-container h3.elementor-heading-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background: #511a12;
}

/* Submit story page css */
form#storyForm {
    gap: 25px;
    display: flex;
    flex-direction: column;
}

input#story_name {
    border: 1px solid #00000029 !important;
}

button.story_btn {
    width: 140px;
    height: 50px;
}

button.story_btn,
.btn_wrap input#parsonal_info_update,
.btn_wrap input#password_update {
    border-radius: 6px;
    background-color: #511A12;
    color: #fff;
    border-color: #4c160e;
}

button.story_btn:hover,
.btn_wrap input#parsonal_info_update:hover,
.btn_wrap input#password_update:hover {
    background-color: transparent;
    color: #511A12;
}

form#storyForm label {
    margin-bottom: 10px;
    display: block;
}
.choose_file input[type=file] {
    margin: auto;
    padding: 10px;
    border: 1px dashed #bbb;
    border-radius: 4px;
    background-color: #fff;
    transition: border-color 0.25s ease-in-out;
}
.choose_file input[type=file]::file-selector-button {
    padding: 10px 20px;
    border-width: 0;
    border-radius: 2em;
    background-color: #511A12;
    color: #ffffff;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    margin-right: 1em;
}
.choose_file input[type=file]:hover {
    border-color: #888;
}
.choose_file input[type=file]:hover::file-selector-button {
    background-color: #40140d;
}


input#story_name:focus {
    outline: none;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 30px;
    z-index: 1;
    bottom: 10px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-edit label svg {
    width: 22px;
    height: 22px;
}

.avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.profile-info .form-group input,
.password-change .form-group input,
textarea#user_bio {
    margin-bottom: 15px;
    height: 46px;
    border: 1px solid #d2d2d2;
}

.profile-info .form-group input:focus,
.password-change .form-group input:focus,
textarea#user_bio:focus {
    outline: none;
}

textarea#user_bio {
    height: 200px;
    font-size: 14px;
}

.profile-pic {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

form#password-change-form {
    margin-top: 10px;
    width: 40%;

}

.btn_wrap input#parsonal_info_update,
.btn_wrap input#password_update {
    padding: 10px 30px;
}

/* Custom Login & Registration css */
form#custom-login-form input {
    margin-bottom: 20px;
}

button#submit-login {
    cursor: pointer;
}

form#custom-registration-form input {
    width: 49%;
}

form#custom-login-form input,
form#custom-registration-form input,
textarea#bio,
form#forgot-password-form input, form#reset-password-form input{
    margin-bottom: 15px;
    border: 1px solid #00000029;
    height: 55px;
    border-radius: 5px;
    color: #737373;
}

form#custom-login-form input::placeholder,
form#custom-registration-form input::placeholder,
textarea#bio::placeholder,
form#forgot-password-form input::placeholder,form#reset-password-form input::placeholder {
    color: #8D8F8F;
}

form#custom-login-form input:focus,
form#custom-registration-form input:focus,
textarea#bio:focus,
form#forgot-password-form input:focus, form#reset-password-form input:focus {
    outline: none;
}

textarea#bio {
    height: 100%;
    min-height: 150px;
}

form#custom-registration-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.elementor-element-e1d37b8 {
    width: 100%;
}

.elementor-element-e1d37b8 h2.elementor-heading-title {
    text-align: center;
}

.login-form-section h1,
.login-box h1 {
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    color: #511A12;
    margin-bottom: 30px;
}

.forget-pass p {
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}

.forget-pass p a {
    color: #511A12;
}

.subload_wrap button#submit-login, .subload_wrap button#submit-reset-password {
    width: 395px;
    height: 52px;
    margin: 15px auto;
    display: block;
    background-color: #511A12;
    color: #fff;
    border: 1px solid #4e140b;
    font-family: "DM Sans", serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.subload_wrap button#submit-login:hover,
button#submit-registration:hover {
    background-color: transparent;
    color: #511A12;
    cursor: pointer;
}

.login-form-section {
    width: 100% !important;
}

.others_wrap p {
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-weight: 400;
}

.others_wrap.sign-in-text p {
    text-align: left;
    margin-top: -15px;
}

button#submit-registration,
button#submit-forgot-password {
    width: 180px;
    height: 55px;
    background-color: #511A12;
    color: #fff;
    border: 1px solid #4e140b;
    margin: 0 auto;
}

.others_wrap.sign-in-text {
    width: 100%;
}

.subload_wrap {
    width: 100%;
    text-align: center;
}

form#forgot-password-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.profile_formouter_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.logout-menu .elementor-shortcode a {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 400;
    color: #511A12;
    line-height: 27px;
}

div#registration-message {
    margin-top: 20px;
}

.login-box {
    max-width: 600px;
    margin: 0 auto;
}

.login-box h1 {
    color: #511A12;
}

.error {
    background: #ff3333;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
}
.success {
    margin-top: 20px;
    background: #008000;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
}

button.approve-user {
    cursor: pointer;
}

figure#Loading_figure {
    margin-top: 5px;
}

div#message p {
    background: green;
    color: #fff;
    margin-bottom: 0;
    padding: 8px 25px;
    border-radius: 4px;
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}







/* Responsive css */
@media (max-width: 1024px) {
    .grid-footer-top-right .e-loop-item {
        padding-bottom: 20px;
    }

    .opinion-grid-loop .e-loop-item {
        padding-bottom: 20px;
    }

    .profile-info h3,
    .password-change h3 {
        font-size: 24px;
    }
}


@media (max-width: 991px) {
    .post-under-banner .elementor-loop-container.elementor-grid:after {
        content: none;
    }

    .profile-info h3,
    .password-change h3 {
        font-size: 20px;
    }

}

@media (max-width: 767px) {
    .heading-line h1.elementor-heading-title:after {
        width: 50%;
    }

    .profile_formouter_wrap {
        flex-direction: column;
    }

    form#password-change-form {
        width: 100%;
    }

    form#custom-registration-form input {
        width: 100%;
    }
}