/* 
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 */

@font-face {
    font-family: 'Roca Two';
    src: url('./assets/fonts/roca-two/roca-two-thin.ttf') format('truetype');;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roca Two';
    src: url('./assets/fonts/roca-two/roca-two-bold.ttf') format('truetype');;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('./assets/fonts/work-sans/WorkSans-Regular.ttf') format('truetype');;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fraunces';
    src: url('./assets/fonts/fraunces/Fraunces_72pt_Soft-Italic.ttf') format('truetype');;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/*Header*/

.disable-menupoint-desktop {
	display: none;
}

@media only screen and (max-width: 1024px) {
	header {
        position: sticky !important;
        top: 0;
        z-index: 9999 !important;
    }
	
	.disable-menupoint-desktop {
		display: block;
	}
	
	.mobile-menu_logo img {
		max-width: 145px;
	}
	
	.mobile-menu_mail a, .mobile-menu_phone a, .mobile-menu_logo a {
		justify-content: center !important;
	}
	
	.mobile-menu_phone a, .mobile-menu_logo a {
		padding-bottom: 5px !important;
	}
	
	.mobile-menu_mail a {
		padding-bottom: 20px !important;
	}
	
	.mobile-menu_home a {
		padding-top: 20px !important;
	}
	
	.mobile-menu_mail:after {
        content: "";
        background: #3b2a38;
        position: absolute;
        bottom: 0;
        left: 48px;
        height: 1px;
        width: 160px;
    }
	
	.mobile-menu_mail i, .mobile-menu_phone i {
		margin-right: 5px;
		color: #3b2a38;
	}
	
}