/* --- Main Container --- */
header {
  position: fixed;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
  width: 100%;
  z-index: 5;
}

/* Vertical Scrolling */
header.active {
	background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
}

/* --- Logo and Menu --- */
.group_logo_menu_header {
	flex: 1 0 0;
  	justify-content: flex-start;
}

.container_full_menu {
	padding: 0px 15px;
}

.main-navbar-wrapper {
    padding: 0
}

.main-navbar-wrapper .navbar-collapse {
    padding: .5rem 1rem
}

/* Sub-menu */
.dropdown-item:active {
    background-color: #ccc
}

.navbar .navbar-nav .dropdown-menu {
    background-color: #111317;
    margin-top: 5px;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
    background: transparent !important;
}

/* Menu Items */
.navbar .navbar-nav > li {
    display: none;
}

.navbar .navbar-nav > li a {
    font-weight: 400;
    font-size: 0.9rem;
    color: #E0E1E2;
    text-transform: uppercase;
    transition: all 0.25s ease;
}

.navbar .navbar-nav > li a:hover {
    color: #878D97;
    text-decoration: none;
}

.navbar .navbar-nav > li[menuitemname='Blog'] > a {
    padding-right: 0 !important;
}

#menu_item_How_it_works:focus,
#menu_item_How_it_works:active {
  outline: none;
  box-shadow: none;
}

#menu_item_How_it_works {
    cursor: pointer;
}

li[menuitemname='Login'],
li[menuitemname='Register'] {
    display: none !important;
}

/* Menu Mobile */
.menu_mobile {
    width: 30px;
    position: relative;
    display: table;
    margin-left: auto;
    z-index: 12;
    cursor: pointer;
}

.menu_mobile span {
    display: table;
    margin-left: auto;
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin-bottom: 8px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.menu_mobile span:last-child {
    margin-bottom: 0;
}

.menu_mobile.ativo span:first-child {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
    background: #fff;
}

.menu_mobile.ativo span:nth-child(2) {
    opacity: 0;
}

.menu_mobile.ativo span:last-child {
    -webkit-transform: translateY(-14px) translateX(0) rotate(-45deg);
    transform: translateY(-14px) translateX(0) rotate(-45deg);
    background-color: #fff;
}

/* --- Login and Get Exitlag (Registration) Buttons --- */
.btn_login a:hover {
    color: #878D97 !important;
}

.btn_login {
    font-weight: 700;
}

.btn_login a strong {
    font-size: 14.4px !important;
}

.btn_login .wp-element-button {
    padding-right: 20px !important;
}

.btn_login a:focus,
.btn_login a:active {
    outline: none;
    box-shadow: none;
}

.sign_link a{
	padding: 9px 17.55px !important;
}

.sign_link .wp-block-button__link:hover {
    background-color: #931919 !important;
}

/* --- Responsive --- */
@media (max-width: 1439px) {
    .container_header {
        padding: 0px 15px !important;
    }
}

@media (max-width: 1199px) {
    /* --- Logo and Menu --- */
	.group_logo_menu_header .wp-block-image {
		z-index: 10000 !important;
	}

  	.group_logo_menu_header {
		justify-content: space-between;
	}

    .main-navbar-wrapper {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.9);
        top: 0;
        left: 100vw;
        z-index: 10;
        align-items: center;
        justify-content: center;
        text-align: center;
        overflow: hidden;
        overflow-y: auto;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
  
  	.main-navbar-wrapper.open {
        left: 0;
    }

    /* Menu Items */
    .navbar-nav li {
        margin-bottom: 15px;
    }

    .navbar-nav li a {
        font-size: 1.8rem;
    }

    li[menuitemname='Login'],
    li[menuitemname='Register'] {
        display: block !important;
    }

    /* Sub-menu */
    .dropdown-menu {
        background-color: transparent;
    }

    .dropdown-menu li a.dropdown-item {
        font-size: 14px;
        text-align: center;
    }

    /* --- Login and Get Exitlag (Registration) Buttons --- */
    .btn_login .wp-element-button {
		padding-left: 5px !important;
	}
}

@media (max-width: 767px) {
    /* --- Login and Get Exitlag (Registration) Buttons --- */
    .group_buttons_header {
        display: none !important;
    }
}