/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: "Bebas Neue";}
p, a, span, body {font-family: "Roboto", sans-serif;}
a:hover {text-decoration: none;}

footer a {transition: all .7s;}
footer a:hover {color: #e74a3c!important;}

.newblog p, .newblog li {color: #31393C; font-size: 18px;}

/* MENU */
.menuwrap {display: flex; justify-content: flex-end; gap: 25px;}
.menuwrap a {font-family: "Bebas Neue"; font-size: 20px; letter-spacing: 0.5px; color: #fff; transition: all .8s;}
.menuwrap a:hover {transform: scale(1.1); opacity: 0.9; color: #e74a3c;}

.menumobilewrap {display: none; justify-content: flex-end;}
.hamburger {cursor: pointer; z-index: 10001;}
.menumobile{
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 300px;
	background: #31393C;
	z-index: 10003;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;

	/* alapból rejtett */
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none;

	/* animáció */
	transition: transform 350ms ease, opacity 350ms ease;
}

.menumobile.is-open{
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}

.menumobile a{
	font-family: "Bebas Neue";
	font-size: 20px;
	letter-spacing: 0.5px;
	color: #fff;
	transition: all .8s;
}

.menumobile .menu-close{
	position: absolute;
	top: 14px;
	right: 16px;
	width: 42px;
	height: 42px;

	display: grid;
	place-items: center;

	font-size: 28px;
	line-height: 1;
	color: #fff;

	cursor: pointer;
	user-select: none;

	background: transparent;
	border: 0;
}
.menumobile .menu-close:hover{opacity: .85; transform: scale(1.05);}
.fl-post-grid-post {border: unset;}

@media (max-width: 992px) {
	.menuwrap {display: none;}
	.menumobilewrap {display: flex;}
}