/* 
Theme Name: hello-child
Theme URI: https://github.com/elementor/hello-theme/
Description: hello-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-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
*/
/* //////////////////global/////////// */
.main-button-wrapper:hover{
	border-color:white;
}
/* //////////header/////////// */
.home .main-header-wrapper {
    background-color: #ffffff00;
}
.main-header-wrapper {
    background-color: black;
}
/* /////////////////post category list /////////////// */
.category-data-wrapper .recent-posts-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
    gap:10px;
}
.category-data-wrapper  .post-card {
    flex: 0 0 49%;
    max-width: 49%;
    background-color: #071952;
    margin: 10px 0;
    text-align: center;
    padding: 150px 30px;
	transition:1s all ease !important;
}
.category-data-wrapper .post-title:hover {
    color: #3d5ca5 !important;
}
.category-data-wrapper .post-title {
        color: #FFFFFF !important;
        font-family: "Libre Baskerville", Sans-serif;
        font-size: 26px;
        font-weight: 700;
        text-transform:uppercase;
        display: block;
	transition:1s all ease !important;
}
/* //////////////////footer///////////////// */
.footer-newsletter input {
    padding: 10px 0;
}
.footer-newsletter  .elementor-button {
    flex-basis: 50% !important;
}
/* //////////////testimonials/////////// */
.elementor-testimonial-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}
.inner-main-category-wrapper .elementor-post__meta-data {
    border: 0 !important;
}
.inner-main-category-wrapper .elementor-posts .elementor-post__badge {
    top: unset !important;
    bottom: 130px;
}
/* ///////////////////single post page ////////////// */
.single-post h2 {
    font-family: 'Libre Baskerville' !important;
    text-transform: uppercase;
	color:white;
}
section#comments {
    display: flex;
    flex-direction: column;
}

section#comments  ol.comment-list {
    order: 2;
}

section#comments  p.comment-notes {
    color: white;
    font-family: 'Manrope';
}

section#comments  label {
    color: white;
    font-family: 'Manrope';
}

section#comments li.comment strong {
	color: #ffffff;
	font-family: 'Libre Baskerville';
	text-transform: uppercase;
	font-size: 20px;
}
section#comments .comment-date {
    color: #4162BE;
    font-family: 'Manrope';
}

section#comments .comment-text {
    color: white;
    font-size: 18px;
    font-family: 'Manrope';
}

section#comments form#commentform {
    display: flex;
    flex-direction: column;
}
section#comments p.logged-in-as {
    color: white;
}
section#comments p.logged-in-as a {
    color: #4162BE;
}
section#comments input#author {
    order: -1;
    background-color: transparent;
    color: white;
    border-bottom: 1px solid white !important;
    border: 0;
    margin: 10px 0;
    padding: 10px 0;
    border-radius: 0;
}
section#comments textarea#comment {
    order: 2 !important;
    background-color: transparent !important;
    color: white;
    border-bottom: 1px solid white !important;
    border: 0;
    margin: 10px 0;
    padding: 10px 0;
    border-radius: 0;
}
section#comments p.comment-notes {
    display: none;
}
section#comments input#submit {
    border-color: #030a21;
    text-transform: uppercase;
    padding: 15px 20px;
    margin-bottom: 50px;
}
section#comments input#submit:hover {
    border-color: #fff;
}
section#comments .custom-comment-input textarea::placeholder,
    #author::placeholder {
        color: #ffffff !important;
        opacity: 1;
    }
section#comments .custom-comment {
    margin: 0px 0 30px;
}


section#comments  p.comment-form-url {
    display: none;
}
section#comments  p.comment-form-email input {
    background-color: transparent;
    color: white;
    border-bottom: 1px solid white !important;
    border: 0;
    margin: 10px 0;
    padding: 10px 0;
    border-radius: 0;
}
section#comments  p.comment-form-comment {
    order: 3;
}
section#comments  p.comment-form-author {
    order: 1;
}
section#comments p.comment-form-email {
    order: 2;
}
section#comments  p.comment-form-cookies-consent {
    order: 4;
}
section#comments p.form-submit {
    order: 5;
}
section#comments  h2#reply-title {
    display: none;
}
section#comments  h2.title-comments {
    display: none;
}
section#comments ol.comment-list img {
    display: none;
}
section#comments  article.comment-body {
    padding: 20px 0 !important;
    color: #ffffff;
    font-family: 'Libre Baskerville';
    text-transform: uppercase;
}
section#comments  article.comment-body a {
    color: bisque;
}
section#comments  .comment-metadata a {
    color: #4162be !important;
}
section#comments  .comment-content {
    font-family: 'Manrope';
    text-transform: none;
}
section#comments .comment-metadata {
    font-family: 'Manrope';
}
/* ///////responsive/////////// */
@media only screen and (max-width:1024px){
	.single-post h2 {
    font-size: 20px;
}
}
@media only screen and (max-width:768px){
	.inner-main-category-wrapper .elementor-posts .elementor-post__badge {
    bottom: 150px;
}
}
@media only screen and (max-width:767px){
	.category-data-wrapper  .post-card {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 100px 30px;
}
.category-data-wrapper .post-date {
    font-size: 14px;
}
.category-data-wrapper .post-title {
    font-size: 18px;
}
	.footer-newsletter .elementor-button {
    flex-basis: 100% !important;
}
	.main-header-wrapper .elementor-post__thumbnail {
    padding-bottom: 300px !important;
}
}