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


:root{
	--color-red: #EF3E36;
	--color-white: #FFFBFA;
	--xanh: "Xanh Mono", sans-serif;
	--mighty: 'MT Mighty Mono';
}

body, .elementor-widget-text-editor p, p.elementor-heading-title{
	font-family: var(--mighty);
}

header.site-header {
	padding: 35px 40px 40px;
}

header .menu li a{
	text-transform: uppercase;
}

header .site-title a{
	font-family: var(--xanh);
	font-size: 46px;
	font-weight: 400;
	color: var(--color-red);
	width: 350px;
	display: block;
}

header.site-header .header-inner{
	display: flex;
    flex-wrap: nowrap;
}

header.site-header .site-navigation {
	width: 100%;
    display: block;
}

header.site-header .site-navigation .menu{
	justify-content: space-around;
}

header nav .menu li a{
	font-family: var(--mighty);
	font-size: 22px;
}

footer.site-footer{
	padding: 25px 40px;
}

footer.site-footer .site-branding {
	display: none;
}

footer .menu li{
	position: relative;
}

footer .menu li:after{
	content: '';
	background-color: var(--color-white);
	position: absolute;
	left: calc(100% - 2px);
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
}

footer .menu > li:last-of-type:after{
	display: none;
}