/* 
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
*/
/*Tag lists*/
.tag-list h5 {
    display: none;
}
.tag-list .tagcloud {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tag-list .tagcloud a {
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #595959 !important;
}
.tag-list .tagcloud a:hover{
        color: #000 !important;
}
/* Recent Comments */
.recent-comment-list ul.recent-comments {
  padding: 0;
  list-style: none;
  margin: 0;
}

.recent-comment-list ul.recent-comments li.recent-comment-item {
  margin-bottom: 20px;
}

.recent-comment-list ul.recent-comments li.recent-comment-item:last-child {
  margin-bottom: 0;
}

.recent-comment-list ul.recent-comments li.recent-comment-item a {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
}

.comment-header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.comment-header img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

span.comment-author {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #393A3E;
}

.comment-body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #595959;
}

/* Bold span */
.bold-span span {
    font-weight: 700;
}

.blog-ft-img .elementor-widget-container a {
    display: block;
}

.tgs-lnks-bx .e-n-tabs-heading {
    border-bottom: 1.4px dashed #C3C3C3;
}

.tgs-lnks-bx .e-n-tabs-heading button {
    margin-bottom: -1.4px;
}

/*Newsletter form*/
.newsletter-form form#gform_1 div#gform_fields_1 ,
.newsletter-form form#gform_3  div#gform_fields_3{
    display: flex;
    align-items: center;
    /* Vertically center children */
    position: relative;
}

.newsletter-form div#field_1_1,
div#field_3_1 {
    width: 100%;
}

.newsletter-form input[type='email'] {
    border-radius: 50px;
    padding: 14px 39px 14px 19px !important;
    width: 100%;
    box-sizing: border-box;
}
.newsletter-form input[type='email']::placeholder,
.newsletter-form input[type='email'] {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #383A48;

}
.newsletter-form input[type='email']::placeholder{
    opacity: 0.5;
}

.newsletter-form input[type='email']:focus {
    outline: none;

}

div#field_submit {
    position: absolute;
    right: 10px;
    /* Adjust as needed */
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: 0.5s;
}

div#field_submit:hover {
    filter: invert(1);
    transition: 0.5s;
}
#gform_ajax_spinner_1,
#gform_ajax_spinner_3,
#gform_ajax_spinner_4{
    position: absolute !important;
}
#gform_ajax_spinner_3{
  display: none !important;
}
div#validation_message_1_1,.newsletter-form .gform-footer.gform_footer.top_label ,
div#validation_message_3_1, div#validation_message_4_1 {
    display: none !important;
}
.mailpoet_paragraph input#form_email_1 {
    background: #595959;
    border-radius: 50px;
    padding: 10px 30px 10px 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 0H1.50001C0.672854 0 0 0.661048 0 1.47369V10.3158C0 11.1284 0.672854 11.7895 1.50001 11.7895H14.5C15.3271 11.7895 16 11.1284 16 10.3158V1.47369C16 0.661048 15.3271 0 14.5 0ZM14.5 0.982451C14.5679 0.982451 14.6325 0.996298 14.6916 1.02048L8 6.71841L1.30833 1.02048C1.36903 0.995481 1.43417 0.982554 1.49998 0.982451H14.5ZM14.5 10.807H1.50001C1.22414 10.807 0.999996 10.5868 0.999996 10.3157V2.05845L7.67236 7.73971C7.76661 7.8198 7.8833 7.85964 8 7.85964C8.1167 7.85964 8.23339 7.81984 8.32764 7.73971L15 2.05845V10.3158C15 10.5868 14.7759 10.807 14.5 10.807Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 12px center;
}
.mailpoet_paragraph input#form_email_1:focus{
    outline: none;
}
.mailpoet_paragraph input#form_email_1::placeholder,
.mailpoet_paragraph input#form_email_1{
font-family: 'Raleway';
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
}
input.mailpoet_submit {
    background-color: #D2CBC8 !important;
    border-color: #D2CBC8 !important;
    border-radius: 50px !important;
    font-family: 'Raleway' !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #393A3E !important;
    margin-bottom: 0;
}
input.mailpoet_submit:hover{
    background-color: transparent !important;
    color: #fff !important;
}
.gform-footer.gform_footer.top_label {
    padding: 0 !important;
}
.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success{
	width:100%;
}

/*Fast fact page css*/

.fast-fact-loop:hover h1,
.fast-fact-loop:hover .elementor-widget-theme-post-excerpt div{
    text-decoration: underline !important;
}

/*Registration page*/
form#custom-registration-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.others_wrap.sign-in-text p {
    text-align: center;
}
form#custom-registration-form input,
form#custom-login-form input,
input#forgot_email {
    width: 49%;
    margin-bottom: 15px;
    border: 1px solid #00000029;
    height: 55px;
    border-radius: 5px;
    color: #737373;
}
form#custom-registration-form input:focus,
input#story_name:focus,
input#story_tags:focus,
form#custom-login-form input:focus,
input#forgot_email:focus{
    outline:none;
}
textarea#bio {
    height: 100%;
    min-height: 150px;
        margin-bottom: 15px;
    border: 1px solid #00000029;
    border-radius: 5px;
    color: #737373;
    resize: none !important;
}
.page-id-733 .subload_wrap {
    text-align: left;
}
.subload_wrap {
    width: 100%;
    text-align: center;
}
button#submit-registration, button#submit-forgot-password,button#submit-login, button.story_btn, button.fact_btn, input#password_update, input#parsonal_info_update, input#submit, .button-wrap button, button.delete-btn, button#addBtn {
 width: 180px;
    height: 55px;
    background-color: #D2CBC8;
    color: #000;
    border: 1px solid #D2CBC8;
    margin: 0 auto;
}
button#submit-registration:hover, button#submit-forgot-password:hover, button.story_btn:hover, button#submit-login:hover, button.fact_btn:hover, input#password_update:hover, input#parsonal_info_update:hover, input#submit:hover, .button-wrap button:hover, button.delete-btn:hover, button#addBtn:hover{
    background-color: transparent;
    color: #000;
    cursor: pointer;
}
form#custom-login-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button#submit-login {
    margin: 15px 0;
}
.login-box h1
 {
    text-align: center;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 56px;
color: #393A3E;

}
form#storyForm ,
form#factForm{
    gap: 25px;
    display: flex;
    flex-direction: column;
}
input#story_name,
input#story_tags,
input#fastfact-tags, input#fast_fact_link, input#story_link, input#fact_name {
    border: 1px solid #00000029 !important;
}
input#story_name, input#fact_name {
    margin-bottom: 15px;
}
.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;
}
form#storyForm label,
form#factForm label {
    margin-bottom: 10px;
    display: block;
}
/*LOGIN-LOGOUT*/
.logged-in li.login-btn {
    display: none !important;
}
.logged-in li.logout-btn{
    display: block !important;
}
li.logout-btn {
    display: none !important;
}

div#registration-message {
    margin-top: 18px;
}
.others_wrap.sign-in-text {
    width: 100%;
}
div#login-message .error {
    text-align: center;
}
.profile_formouter_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
form#password-change-form {
    margin-top: 10px;
    width: 40%;
}
.profile-pic {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.avatar-upload {
    position: relative;
    max-width: 205px;
}
.avatar-upload .avatar-edit {
    right: 30px;
    z-index: 1;
    bottom: 10px;
    position: absolute;
}
.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;
}
.profile-info .form-group input, .password-change .form-group input, textarea#user_bio {
    margin-bottom: 15px;
    height: 46px;
    border: 1px solid #d2d2d2;
 }
 textarea#comment{
    border: 1px solid #d2d2d2; 
 }
 .success {
    margin-top: 20px;
    background: #008000;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
}
.error {
    background: #ff3333;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
}
.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;
}
.password-change h3, .profile-info h3 {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 24px;
text-transform: capitalize;
color: #393A3E;
}
.myacnt-user .elementor-icon-wrapper {
    display: flex;
    align-items: center;
}
.forget-pass p a, .others_wrap p a,.others_wrap.sign-in-text p a, .comment-section div#respond form#commentform p.logged-in-as a {
    color: #000;
}
.forget-pass p a:hover, .others_wrap p a:hover, .others_wrap.sign-in-text p a:hover, .comment-section div#respond form#commentform p.logged-in-as a:hover {
    color: #928c89;
}
form#forgot-password-form {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.comment-section .comment-author.vcard a , .reply a, .comment-metadata a{
    color: #000;
}
.comment-section .comment-author.vcard a:hover , .reply a:hover, .comment-metadata a:hover{
color: #595959;
}
div#gform_confirmation_message_4 {
    color: #ffffff;
    text-align: center;
    font-weight: 500;
}
div#gform_confirmation_message_3,
div#gform_confirmation_message_1 {
    color: #fff;
}
.logged-in .footer-login ul li.elementor-icon-list-item:last-child{display: none !important;}

.additional-links .elementor-shortcode ul {
    padding-left: 17px;
}
.additional-links .elementor-shortcode ul li a {
    color: #000;
}
.additional-links .elementor-shortcode ul li a:hover{
	 color: #595959;
}
.tgs-lnks-bx .e-n-tabs-content .e-active {
    display: flex;
    flex-wrap: nowrap;
    height: 200px;
    overflow: auto;
}

/*30-07-2025 combined tags list css */

#combined-tags-wrapper ul.tag-list {
list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#combined-tags-wrapper ul.tag-list li {
    display: block;
    margin: 5px 10px;
}
div#combined-tags-wrapper input,
.custom-linklist-wrapper input {
    border: 1px solid #d5d5d5;
}
div#combined-tags-wrapper input:focus,
input#custom-linklist-search:focus{
outline: none;
}
#combined-tags-wrapper ul.tag-list li a {
    background: #f2f2f2;
    padding: 5px 8px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
}


/* 30-07-2025 custom link list css */
.custom-linklist-wrapper {
    margin-bottom: 15px;
}

.custom-linklist-input {
    width: 100%;
    max-width: 400px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

.custom-linklist {
    list-style: disc;
    padding-left: 20px;
    margin-top: 0;
}

.custom-linklist li {
    margin-bottom: 6px;
}

.custom-linklist li a {
    color: #012f61;
    text-decoration: none;
}

.custom-linklist li a:hover {
    text-decoration: underline;
}
ul.tag-post-ul {
    padding: 0;
}
.tag-post-content h3 a {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 20px;
    text-decoration-line: underline;
    color: #393A3E;
}
li.tag-post-li {
    list-style: none;
}
ul.tag-post-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
ul.tag-post-ul li.tag-post-li {
    width: 47%;
}
.tag-post-image a img {
    width: 100%;
    border-radius: 20px;
    height: 300px;
    object-fit: cover;
}
ul#custom-linklist {
    padding: 0;
}
ul#custom-linklist li {
    list-style: none;
}


/*Link add*/
div#repeaterList {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.repeater-item {
    display: flex;
    gap: 15px;
    width: 100%;
}
.repeater-item input {
    border: 1px solid #00000029;
}
.repeater-item input:focus{
outline: none;
}
button#addBtn {
    margin-top: 15px;
}
h2.details_link_heading{
    font-family: "raleway";
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 30px;
}
.challenge-fact-frm input:not([type="submit"]),
.challenge-fact-frm textarea {
    border-color: #bbb8b8;
    border-radius: 8px;
}
.challenge-fact-frm input:not([type="submit"]):focus,
.challenge-fact-frm textarea:focus{
	outline:none;
}

.challenge-fact-frm textarea{
	height: 100px !important;
	resize: none;
}
div#gform_confirmation_message_5 {
    text-align: center;
}
.challenge-fact-frm input[type="submit"]{
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #393A3E; 
border-radius: 50px;
	background-color: #D2CBC8;
	border: 1px solid #D2CBC8;
	padding: 15px 30px;
}
.challenge-fact-frm input[type="submit"]:hover{
	background-color:#393A3E;
	color:#D2CBC8;
}
/*fast fact showing as lists */
    .accordion-item {
        border-bottom: 1px solid #d8d8d8;
        cursor: pointer;
        position: relative;
    }

    .accordion-item:first-child {
        border-top: 1px solid #d8d8d8;
    }

    .accordion-content p,
    h4.accordion-title {
        margin: 0;
    }

    .accordion-content {
        padding: 0 15px 15px;
    }

    h4.accordion-title.js-accordion-title {
    position: relative;
    cursor: pointer;
    padding: 15px 15px;
    padding-right: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-transform: capitalize;
    color: #393A3E;
    }

    h4.accordion-title.js-accordion-title::before {
        content: "";
        position: absolute;
        height: 22px;
        width: 21px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' transform='rotate(-180 8 8)' fill='%23B9B9B9' fill-opacity='0.39'/%3E%3Cpath d='M11.293 6.293L8 9.585L4.707 6.2925L4 7L8 11L12 7L11.293 6.293Z' fill='black' fill-opacity='0.55'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        right: 0;
        top: 31px;
        transform: translateY(-50%) rotate(0deg);
        transition: transform 0.3s ease;
    }

    h4.accordion-title.js-accordion-title.open::before {
        transform: translateY(-50%) rotate(180deg);
    }
.ff-content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0 10px;
}
.ff-button a {
    background-color: #D2CBC8;      
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
font-family: 'Raleway';
font-weight: 600;
font-size: 16px;
color: #393A3E;
text-transform: capitalize;
transition: 0.2s ease-in-out;
}
.ff-button a:hover{
    background-color: #393A3E;
    color: #fff;
}
.accordion-content {
  display: none;
}
.ff-button {
    display: flex;
}
.left-ff-list h4,
.ff-tags-wrap h4 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 0;
}
.left-ff-list ul {
    padding-left: 20px;
}
.left-ff-list ul li a,
.ff-tags-wrap a {
    color: #000;
    font-size: 15px;
}
.left-ff-list ul li a:hover,
.ff-tags-wrap a:hover{
color: #774129;
}
.ff-tags-wrap h4 {
    display: inline;
    padding-right: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5ZM15.41 7.58C15.77 7.94 16 8.44 16 9C16 9.55 15.78 10.05 15.41 10.41L10.41 15.41C10.2245 15.5964 10.004 15.7444 9.7612 15.8453C9.51837 15.9463 9.25798 15.9982 8.995 15.9982C8.73202 15.9982 8.47163 15.9463 8.2288 15.8453C7.98597 15.7444 7.76548 15.5964 7.58 15.41L0.59 8.42C0.22 8.05 0 7.55 0 7V2C0 0.89 0.89 0 2 0H7C7.55 0 8.05 0.22 8.41 0.58L15.41 7.58ZM11.54 1.71L12.54 0.71L19.41 7.58C19.78 7.94 20 8.45 20 9C20 9.55 19.78 10.05 19.42 10.41L14.04 15.79L13.04 14.79L18.75 9L11.54 1.71Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right;
    margin-right: 10px;
}
.accordion-content p {
    word-wrap: break-word;
    font-weight: 400;
font-size: 16px;
color: #595959;
}
@media only screen and (max-width:1024px){
.login-box h1{
    font-size: 35px;
}
.password-change h3, .profile-info h3{
    font-size: 20px;
}
div#gform_4_validation_container {
    display: none !important;
}
h2.details_link_heading{
    font-size: 18px;
    line-height: 30px;
}
}
@media only screen and (max-width: 767px){
.login-box h1{
    font-size: 30px;
}

form#custom-registration-form input, form#custom-login-form input,
form#password-change-form, input#forgot_email{
    width: 100%;
}
    .profile_formouter_wrap {
        flex-direction: column;
    }
    .password-change h3, .profile-info h3{
    font-size: 18px;
    text-align: center;
}
.profile-pic {
    justify-content: center;
}
.subload_wrap, .page-id-733 .subload_wrap {
    text-align: center;
}
.newsletter-form input[type='email']{
    padding: 14px 53px 14px 19px !important;
}
ul.tag-post-ul li.tag-post-li {
    width: 100%;
}
.tag-post-image a img {
    height: 200px;
    object-fit: cover;
}
.repeater-item{
    flex-direction: column;
}
.button-wrap button.delete-btn {
    margin-bottom: 5px;
}
.choose_file input[type=file]{
    width: 100%;
}
button.delete-btn {
    margin: 0;
}

h2.details_link_heading{
    line-height: 24px;
}

.ff-content-wrap{
    flex-direction: column;
    padding: 20px 0 15px;
    gap: 15px;
}
h4.accordion-title.js-accordion-title{
    font-size: 19px;
}

}

