/* 
Theme Name: Hello Elementor Child
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.0.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 */

#contact-form form textarea:focus-visible,
#contact-form form input:focus-visible { outline: unset !important }
#contact-form form .wpcf7-spinner { display: none !important; }
#contact-form form label textarea {
	font-family: "Tenor Sans", Sans-serif !important;
    line-height: 21px !important;
    font-size: 18px !important;
}
.overflow-hidden-section { overflow: hidden !important; }
.menu-item a:hover span { font-weight: 700 !important; }
.menu-item.active a span {
	font-family: "Cormorant SC", Sans-serif !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}
#contact-form form label { width: 100% !important; }
#contact-form form input[type=submit] {
    width: fit-content !important;
    display: block !important;
}
.ha-nav-humberger-wrapper span { border: 0 !important; }
.ha-nav-humberger-wrapper span svg { width: 30px !important; }
#menu-main-menu {
    padding: 0 15px !important;
	right: -10px !important;
}

@media screen and (min-width: 1400px) and (max-width: 1700px) {
    .custom-container { --content-width: 1260px !important; }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .custom-container { --content-width: 1100px !important; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-container { --content-width: 900px !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .custom-container { --content-width: 700px !important; }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container { --content-width: 500px !important; }
}

.wpcf7-response-output {
    color: #008000 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
}
.swal-overlay { 
    background-color: #0000009C !important;
    padding: 20px !important;
}
.swal-overlay .swal-modal { display: none !important; }
.swal-overlay .popup-box {
    transform: translate(-50%, -50%);
    max-width: calc(100% - 40px);
    background: #fff;
    position: fixed;
    padding: 21px;
    width: 833px;
    z-index: 1;
    left: 50%;
    top: 50%;
}
.swal-overlay .popup-box img.border-top-left,
.swal-overlay .popup-box img.border-bottom-right { display: block; }
.swal-overlay .popup-box img.border-bottom-right { 
    margin-top: -53px;
    margin-left: auto;
}
.swal-overlay .popup-box img.border-top-left { margin-bottom: -97px; }
.swal-overlay .popup-box img.logo { width: 99px; }
.swal-overlay .popup-box h3 {
    font-family: "Cormorant", sans-serif;
    margin: 31px auto;
    line-height: 30px;
    max-width: 700px;
    font-weight: 700;
    font-size: 22px;
}
.swal-overlay .popup-box p {
    font-family: "Cormorant", sans-serif;
    margin: 0 auto 45px;
    line-height: 30px;
    max-width: 700px;
    font-weight: 300;
    font-size: 22px;
}
.swal-overlay .popup-box a {
    font-family: "Cormorant", sans-serif;
    border: 1px solid #02133F;
    background: #02133F;
    padding: 18px 65px;
    width: fit-content;
    line-height: 20px;
    font-weight: 700;
    transition: .3s;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    color: #fff;
}
.swal-overlay .popup-box a:hover {
    background: #fff;
    color: #02133F;
}
@media screen and (max-width: 576px) {
    .swal-overlay .popup-box img.border-top-left { margin-bottom: -80px; }
    .swal-overlay .popup-box img.border-bottom-right { margin-top: -70px; }
    .swal-overlay .popup-box h3 { margin: 20px auto; }
    .swal-overlay .popup-box p { margin: 0 auto 20px; }
    .swal-overlay .popup-box a { padding: 15px 40px; }
    .swal-overlay .popup-box { padding: 12px; }
}
.wpcf7-not-valid-tip {
    padding-left: 10px;
    margin-top: -8px;
    font-weight: 700;
    font-size: 15px;
}