/* 
Theme Name: Hello child Theme 
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.1.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 */

/* Align Name, Email, and Website fields in a single row */
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
             display: inline-block;
             width: 32%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email{
    margin-right: 8px !important;
}
.comment-notes{
    font-size:0.875rem !important;
}
/* Remove margin from the last field to prevent extra spacing */
.comment-form .comment-form-url {
margin-right: 0 !important;
}
input:not([type="checkbox"]) {
width: 100%;
border: 1px solid #3a3a3a26 !important;
border-radius: 0px !important;
padding: .5rem 1rem ;
transition: all .3s;
}
.comment-reply-title{
    text-align: center;
}
label{
    font-size:0.75rem !important;
    font-weight:700 !important;
    margin-bottom:0.5rem !important;
}
.required{
    color:#dc3545 !important;
}
#comment{
    border: 1px solid #3a3a3a26 !important;
    border-radius: 0px !important;
}
.submit{
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 0.6875rem !important;
    font-weight:700 !important;
    line-height:1.3em !important;
    color: #3a3a3a !important;
    border: 1px solid #3a3a3a !important;
}
.submit:hover{
     background-color: #000000 !important;
     color: #ffffff !important;
}
.horoscope-nav {
    display: flex;
    justify-content: space-between;
}
.horoscope-nav a {
font-size: 18px;
}
body.page p a {
    font-size: 1rem;
    text-decoration: underline;
}
/* .show-comment-form-btn:hover{
    background-color: #000000 !important;
    color: #ffffff !important;
} */
/* Make sure the fields are responsive on smaller screens */
@media (max-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
width: 100%;
display: block;
margin-right: 0;
margin-bottom: 10px;
}
}