/*
 Theme Name:   Hello Biz Child
 Theme URI:    http://example.com/hello-biz-child
 Description:  Child theme for the Hello Biz theme.
 Author:       Goran Subic
 Author URI:   http://goransubic.vercel.app
 Template:     hello-biz
 Version:      1.0.0
 Text Domain:  hello-biz-child
*/

/* You can add your custom CSS below this line */

/* Hamburger button */
.ellen-header .ehp-header__button-toggle {
    width: 40px;
    justify-self: flex-end;
}

.ellen-header .ehp-header__toggle-icon.ehp-header__toggle-icon--open {
    margin: auto;
}

.ellen-header .eicon-close.ehp-header__toggle-icon.ehp-header__toggle-icon--close {
    margin: auto;
}

.ellen-header li button {
    box-shadow: none;
}

/* Submenu align */
@media only screen and (max-width: 300px) {
    .ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown {
        align-items: baseline !important;
        left: 30% !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
    .ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown {
        align-items: baseline !important;
        left: 40% !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .ehp-header[data-responsive-breakpoint=tablet-portrait] .ehp-header__dropdown {
        align-items: baseline !important;
        left: 50% !important;
    }
}


/* Comments */
#comments-wrap.wrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 960px) {
    #comments-wrap.wrap {
        max-width: 90%;
    }
}
section#comments {
    font-family: "Montserrat", sans-serif;
    display: flex;
    flex-direction: column;
    /* align-items: center; */

    /* width: 60%;
    justify-self: center; */
}

@media only screen and (max-width: 600px) {
    section#comments {
        width: 90%;
        justify-self: center;
    }
}

section#comments ol.comment-list {
    min-width: 30%;
}

@media screen and (max-width: 1600px) {
    section#comments ol.comment-list {
        min-width: 40%;
    }
}

@media screen and (max-width: 1400px) {
    section#comments ol.comment-list {
        min-width: 50%;
    }
}

@media screen and (max-width: 1024px) {
    section#comments ol.comment-list {
        min-width: 60%;
    }
}

section#comments a {
    color: #FF8125;
    font-size: 14px;
}

section#comments a:hover {
    color: #ffb981;
}

section#comments #reply-title {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

section#comments #cancel-comment-reply-link,
section#comments .comment-metadata {
    /* color: #FF8125; */
    padding-left: 10px;
}

@media only screen and (max-width: 800px) {
    section#comments h2 {
        font-size: 1.5rem;
    }
}

.elementor-kit-19 section#comments input:not([type="button"]):not([type="submit"]),
.elementor-kit-19 section#comments textarea,
.elementor-kit-19 section#comments .elementor-field-textual {
    line-height: 1.2em;
    background-color: #fffaf6;
    border-style: solid;
    border-width: 0px;
    border-radius: 10px;
}


.elementor-kit-19 section#comments input:not([type="button"]):not([type="submit"]):focus,
.elementor-kit-19 section#comments textarea:focus,
.elementor-kit-19 section#comments .elementor-field-textual:focus {
    outline: solid 1px #FF8125;
    border: solid 1px #FF8125;
}

.elementor-kit-19 section#comments label:not([for="wp-comment-cookies-consent"]) {
    /* color: #FF8125; */
    padding-bottom: 10px;
}

.elementor-kit-19 section#comments button,
.elementor-kit-19 section#comments input[type="button"],
.elementor-kit-19 section#comments input[type="submit"],
.elementor-kit-19 section#comments .elementor-button {
    background-color: #fffaf6;
    color: #FF8125;
    border-color: #FF8125;
    border-style: solid;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: none !important;
}

.elementor-kit-19 section#comments button:hover,
.elementor-kit-19 section#comments input[type="button"]:hover,
.elementor-kit-19 section#comments input[type="submit"]:hover,
.elementor-kit-19 section#comments .elementor-button:hover {
    color: #fffaf6;
    background-color: #FF8125;
    border-color: #FF8125;
    border-style: none;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: none;
}

.elementor-kit-19 section#comments .comment-form-url {
    display: none;
}

#posts-comment-form-cookies-consent {
    display: flex;
}

#posts-comment-form-cookies-consent label {
    padding: 10px;
}