/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone-child
Description: Twenty Twenty-One Child Theme
Author: Luchini
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentytwentyonechild
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --menu-height: 100% !important;
    --font-family: "Roboto", sans-serif;
    --primary: #67999B;
    --white: #ffffff;
    --global--color-primary: #67999B; 
}

a { text-decoration: none !important; outline: 0 !important; box-shadow: none !important; }

/* header */
header { position: fixed !important; top: 0; left: 0; width: 100%; }
header .topbar { height: 48px; transition: .3s; overflow: hidden; }
header .header { background-color: rgba(255, 255, 255, .6); transition: .3s; }
header .hfe-nav-menu a { background-color: transparent !important; }
header .hfe-nav-menu ul li:nth-child(4) { margin-right: 0 !important; }
header .hfe-nav-menu ul li a { transition: .3s; border-bottom: 1px solid transparent; padding-bottom: 2px !important; }
header .hfe-nav-menu ul li a:hover,
header .hfe-nav-menu ul li.current-menu-item a { border-color: currentColor; }

/* Sticky */
header.sticky .topbar { height: 0; opacity: 0; } 
header.sticky .header { background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.forMobile { display: none !important; }

.testimonial-nav-arrow { border: 1px solid #ffffff !important; border-radius: 50%; width: 36px !important; height: 36px !important; margin-top: 0; }

/* Media */
@media (max-width: 767px) {
    .forMobile { display: block !important; }
    /* Mobile Menu */
    header .hfe-nav-menu__toggle .hfe-nav-menu-icon:after { position: fixed; top: 0; left: 250px; content: ''; width: 100%; height: 100%; z-index: 99999; display: none; }
    header .hfe-nav-menu__toggle .hfe-nav-menu-icon.active:after { display: block; }
    header .hfe-nav-menu__toggle .hfe-nav-menu-icon svg { display: block; }
    header .hfe-nav-menu__layout-horizontal { position: fixed !important; top: 0 !important; left: -250px !important; width: 250px !important; height: 100% !important; max-height: 100% !important; transform: scaleY(1) !important; transition: .3s; margin: 0; display: block !important; opacity: 1 !important; visibility: visible !important; overflow: auto !important; }
    header .hfe-nav-menu__layout-horizontal .hfe-nav-menu { opacity: 1 !important; visibility: visible !important; }
    header .hfe-nav-menu__layout-horizontal.active { left: 0 !important; }
    header .hfe-nav-menu ul li a { padding: 15px 15px !important;}
}