/*
 Theme Name:   Twenty Twenty-One
 Theme URI:    https://wordpress.org/themes/twentytwentyone/
 Description:  Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
 Requires at least: 5.3 Child Theme
 Author:       the WordPress team
 Author URI:   https://wordpress.org/
 Template:     twentytwentyone
 Version:      1.8
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  twentytwentyonechild
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap');

:root {
	--fontFamily: 'Raleway', sans-serif;
}

p { margin: 0; line-height: 30px !important; }
p:not(:last-child) { margin-bottom: 15px; }

a { background-color: transparent !important; outline: 0 !important; border: 0 !important; }

p a { color: #231137 !important; }

body {
    background-color: #ffffff;
}

.wpcf7-form .row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.wpcf7-form .row .col-md-12,
.wpcf7-form .row .col-md-6 { width: 100%; padding-left: 10px; padding-right: 10px; }
.wpcf7-form .row .col-md-12 { flex: 0 0 100%; max-width: 100%; }
.wpcf7-form .row .col-md-6 { flex: 0 0 50%; max-width: 50%; }
.wpcf7-form .row .form-group:not(:last-child) { margin-bottom: 15px; }
.wpcf7-form .row .form-group p { margin: 0; position: relative; }
.wpcf7-form .row .form-group p label { margin: 0 0 5px; display: block; font-size: 15px; font-family: var(--fontFamily); font-weight: 400; color: #231137; }
.wpcf7-form .wpcf7-response-output { padding: 10px; font-size: 15px; font-family: var(--fontFamily); font-weight: 400; color: #231137; }
.wpcf7-form .row .form-group p span { width: 100%; margin: 0; display: block; }
.wpcf7-form .row .form-group p .form-control { width: 100%; margin: 0; height: 42px; border: 1px solid transparent; outline: 0; background-color: #ffffff; padding: 0 15px; font-size: 15px; font-family: var(--fontFamily); font-weight: 400; color: #231137; border-bottom-color: #231137; }
.wpcf7-form .row .form-group p .form-control:hover,
.wpcf7-form .row .form-group p .form-control:focus { border-color: #231137; }
.wpcf7-form .row .form-group p textarea.form-control { padding-top: 10px; min-height: 116px; resize: none; }
.wpcf7-form .row .form-group p .form-control.wpcf7-not-valid { border-color: #FF4040; background-color: rgba(255, 64, 64, 0.1); color: #FF4040; }
.wpcf7-form .row .form-group p .wpcf7-not-valid-tip { display: none; }
.wpcf7-form .row .form-group .btn { width: 100%; border: 0; outline: 0; background-color: #231137 !important; font-size: 18px; font-family: var(--fontFamily); font-weight: 400; color: #ffffff; padding: 0 15px; line-height: 42px; }
.wpcf7-form .row .form-group .wpcf7-spinner { position: absolute; top: 10px; right: 10px; width: 24px; background-color: transparent; border: 1px solid #fff; }


@media (max-width: 1025px) {
	/* Mobile Menu */
	.hfe-nav-menu__toggle:before { display: none; position: fixed; top: 0; left: 250px; width: 100%; height: 100%; content: ''; z-index: 9; backdrop-filter: blur(2px); }
	.hfe-nav-menu__toggle + nav { visibility: hidden !important; opacity: 1 !important; }
	.hfe-nav-menu__toggle + nav ul.hfe-nav-menu { position: fixed !important; top: 0; left: -250px; width: 250px; height: 100%; background-color: #ffffff; visibility: visible !important; opacity: 1 !important; display: block; transition: .3s; overflow: auto; }
	.hfe-nav-menu__toggle + nav ul.hfe-nav-menu li a { padding-left: 15px !important; padding-right: 15px !important; }
	.hfe-nav-menu__toggle.hfe-active-menu:before { display: block; }
	.hfe-nav-menu__toggle.hfe-active-menu + nav ul.hfe-nav-menu { left: 0; }	
}
@media (max-width: 767px) {
	.wpcf7-form .row .col-md-6 { flex: 0 0 100%; max-width: 100%; }
}