/*

Theme Name: LFMTE Default Theme

Theme URI: http://thetrafficexchangescript.com/

Description: The default theme for LFMTE traffic exchanges.

Version: 3.0

Author: Josh Abbott

*/


@charset "utf-8";


/* Main font settings */

body {
	font-size: 16px;
	font-weight: 400;
	color: #212529;
	background-color: #f5f8fa;
}


/* Main styles for the top level of the main menu */

.lfm_menu_bar {
	background-color: #007bff;
	padding: 0 0 45px;
	margin-bottom: 20px; /* If your menu bar is overlapping the page content, increase the margin here */
}

@media (max-width: 991.98px) {
	/* Mobile view settings for the top level navigation */
	.lfm_menu_bar {
		padding-bottom: 0;
		margin-bottom: 20px;
	}
}


/* Site logo styles */

.lfm_menu_logo {
	max-height: 35px;
}
@media (min-width: 992px) {
	.lfm_menu_logo {
		margin-right: 20px;
	}
}


.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
	/* Sets the navigation tabs for the top level */
	font-size: 15px;
	color: #FFFFFF;
}

.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link {
	/* Changes the colors when a tab is opened */
	color: navy;
	background-color: #FFFFFF;
}

.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:hover {
	/* Hover style when a tab is not opened */
	background-color: #089cff;
}

.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:hover {
	/* Hover style when a tab is opened */
	background-color: #FFFFFF;
}

@media (min-width: 992px) {
	/* Desktop view settings for the top level navigation tabs */
	.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
		margin: 0px 3px;
		padding: 6px 15px;
		border: 1px solid rgba(255,255,255,0);
		border-radius: 5px;
		position: relative;
	}
	
	.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link,
	.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:hover {
		border: 1px solid #DDDDDD;
	}
	
	.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:after {
		/* Fills in the gap between an opened tab and the bottom of the bar */
		content: "";
		background-color: #FFFFFF;
		width: calc(100% + 2px);
		height: 14px;
		position: absolute;
		bottom: -10px;
		left: -1px;
		border: 1px solid #DDDDDD;
		border-top: none;
	}
}

@media (max-width: 991.98px) {
	/* Mobile view settings for the top level navigation tabs */
	.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
		padding: 8px 15px;
		text-align: left;
	}
	
	.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link {
		/* Returns to the original colors when a tab is closed in mobile */
		color: #FFFFFF;
		background-color: #007bff;
	}
	
	.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link:hover {
		/* Returns to the original hover effect when closed in mobile  */
		color: #FFFFFF;
		background-color: #089cff;
	}
	
	/* Adds an arrow in mobile view */
	.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:after {
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
		color: #FFFFFF;
		transform: rotate(-90deg);
		position: absolute;
		right: 1.25rem;
		transition: all 0.1s ease-out;
	}
	.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:after {
		color: navy;
		transform: rotate(0deg);
	}
	.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_closed > .nav-link:after {
		color: #FFFFFF;
		transform: rotate(-90deg);
	}
}


/* Main styles for the second level of the main menu */

.lfm_menu_tab {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	position: absolute;
	display: none;
	left: 0;
	top: 100%;
	z-index: 999;
	width: 100%;
}

li.lfm_tab_opened .lfm_menu_tab {
	display: flex;
}

@media (max-width: 991.98px) {
	/* Mobile view settings for the second level navigation */
	.lfm_menu_tab {
		background-color: #EEEEEE;
		position: relative;
		flex-direction: column;
		top: 0;
		padding: 5px 0;
	}
	li.lfm_tab_closed .lfm_menu_tab {
		display: none;
	}
}


.lfm_menu_tab > li > a {
	/* Sets the navigation links for the second level */
	font-size: 15px;
	padding: 0 20px;
	line-height: 45px;
	color: #444444;
	text-decoration: none;
	display: block;
}
.lfm_menu_tab > li > a:hover {
	color: navy;
}

.lfm_menu_tab .dropdown-menu a {
	/* Sets the navigation links for the third level */
	font-size: 15px;
	padding: 0 20px;
	line-height: 32px;
	color: #444444;
	text-decoration: none;
	white-space: nowrap;
	display: block;
}
.lfm_menu_tab .dropdown-menu li:hover {
	background-color: #EEEEEE;
}

@media (max-width: 991.98px) {
	/* Mobile view settings for the second level navigation links */
	.lfm_menu_tab > li > a {
		padding-left: 40px;
		line-height: 36px;
		width: 100%;
	}
	
	/* Mobile view settings for the third level navigation links */
	.lfm_menu_tab .dropdown-menu a {
		padding-left: 50px;
	}
}


/* Styles for the footer */

.lfm_footer {
	background-color: #001330;
}


/* Icon settings */

.far, .fas {
	margin-right:3px;
}

.feedicon {
	color:#3097D1;
	font-size:20px;
	margin-right:5px;
}


/* Profile picture sizes */

.profilepic_small {
	width:40px;
	height:40px;
}

.profilepic_med {
	width:75px;
	height:75px;
}

.profilepic_large {
	width:200px;
	height:200px;
}


/* Various styles */

.buttonlink {
	/* This class defines <a> tag links that look like buttons */
	cursor: pointer;
	background-color:#1468e5;
	border-radius:2px;
	border:1px solid #002175;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:arial;
	font-size:18px;
	font-weight:500;
	padding:4px 7px;
	margin:2px 1px 2px 1px;
	text-decoration:none;
}
.buttonlink:hover {
	/* This controls the button links when you hover over them */
	color:#FFFFFF;
	background-color:#3385FF;
	text-decoration:none;
}


.infobar {
	/* This class defines sections that span the entire page width */
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFFFFF;
	background-color:#555555;
}
.infobar h2 {
	color:#FFFFFF;
}


.vcenter {
	/* This is a class that can be used in Bootstrap rows to vertically center the content */
	display: flex;
	align-items: center;
}


/* The next 3 sections control various text styles used throughout the LFM Members Area */
.lfm_title {
	font-family: "Arial"; color:#333333; font-size:32px;
}

.lfm_descr {
	font-family: "Arial"; color:#111111; font-size:16px;
}

.lfm_descr_bold {
	font-family: "Arial"; color:#000000; font-size:16px;
	font-weight:700;
}

/* BREEDERHITS - BACKGROUND BASE */
body {
    background:
        radial-gradient(circle at top center, rgba(0,229,255,0.16), transparent 38%),
        linear-gradient(180deg, #0B2A55 0%, #081020 100%) !important;

    background-attachment: fixed !important;
    color: #EAF6FF !important;
}

/* CONTENT BOXES */

table,
.panel,
.card,
.main_panel,
.content_box,
.table,
.table-responsive {

    background:
        linear-gradient(
            180deg,
            rgba(7,38,61,.92),
            rgba(4,21,34,.96)
        ) !important;

    color:#EAF6FF !important;

    border:1px solid rgba(0,229,255,.18) !important;

    box-shadow:
        0 0 18px rgba(0,229,255,.08);

}

/* TABLE CELLS */

td,
th {

    background:transparent !important;

    color:#EAF6FF !important;

    border-color:rgba(0,229,255,.08) !important;

}

/* INPUTS */
input,
select,
textarea {
    background: rgba(8,16,32,.85) !important;
    border: 1px solid rgba(0,229,255,.45) !important;
    color: #EAF6FF !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
    color: rgba(234,246,255,.55) !important;
}

/* BUTTONS */
button,
.btn,
input[type="submit"],
input[type="button"] {
    background: linear-gradient(180deg,#00E5FF,#00AFC8) !important;
    color: #081020 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 7px 14px !important;
    box-shadow: 0 0 14px rgba(0,229,255,.35) !important;
}

/* BUTTON HOVER */
button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: linear-gradient(180deg,#F7B500,#C88B00) !important;
    color: #081020 !important;
}

/* NAVBAR PRINCIPALE */
.lfm_menu_bar {
    background: linear-gradient(90deg,#6b4700,#b8860b,#6b4700) !important;
    border-bottom: 3px solid #00E5FF !important;
}

/* SECONDA BARRA */
.lfm_menu_tab {
    background: linear-gradient(90deg,#041522,#07263d,#041522) !important;
    border-bottom: 6px solid #F7B500 !important;
}

/* LINK MENU */
.lfm_menu_bar a,
.lfm_menu_tab a {
    color: #00E5FF !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.lfm_menu_bar a:hover,
.lfm_menu_tab a:hover {
    color: #F7B500 !important;
}

/* GOLD BAR IMPROVEMENT */
.lfm_menu_bar {

    background:
        linear-gradient(
            180deg,
            #f7c84a 0%,
            #c89211 60%,
            #8b5d00 100%
        ) !important;

    box-shadow:
        0 0 20px rgba(247,181,0,.25),
        inset 0 1px 0 rgba(255,255,255,.25);

    min-height: 52px;
}

/* SECOND NAVBAR */
.lfm_menu_tab {

    min-height: 42px;

    box-shadow:
        0 0 15px rgba(0,229,255,.12),
        inset 0 1px 0 rgba(255,255,255,.05);
}

/* MENU ITEMS */
..lfm_menu_bar a,
.lfm_menu_tab a {
    display:inline-flex !important;
    align-items:center;
    height:auto !important;
    width:auto !important;
    padding:8px 14px !important;
}

.lfm_menu_bar .navbar-nav {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}

.lfm_menu_bar .nav-item,
.lfm_menu_tab li {
    width:auto !important;
}

/* DROPDOWN MENU */
.dropdown-menu,
.lfm_menu_tab ul,
.lfm_menu_bar ul {

    background:
        linear-gradient(
            180deg,
            #081020 0%,
            #0b1f33 100%
        ) !important;

    border: 1px solid rgba(0,229,255,.35) !important;

    box-shadow:
        0 0 18px rgba(0,229,255,.18);

    border-radius: 10px !important;
}

/* DROPDOWN LINKS */
.dropdown-menu a,
.lfm_menu_tab ul li a,
.lfm_menu_bar ul li a {

    color: #00E5FF !important;

    font-weight: 700 !important;

    text-transform: uppercase;

    transition: .2s ease;
}

/* HOVER */
.dropdown-menu a:hover,
.lfm_menu_tab ul li a:hover,
.lfm_menu_bar ul li a:hover {

    background: rgba(0,229,255,.12) !important;

    color: #F7B500 !important;

    text-shadow:
        0 0 10px rgba(247,181,0,.45);
}

/* GOLD BAR SOFTER */
.lfm_menu_bar {

    background:
        linear-gradient(
            180deg,
            #e2ad1b 0%,
            #b98508 55%,
            #7a5300 100%
        ) !important;
}

/* MENU SPACING */
.lfm_menu_bar a,
.lfm_menu_tab a {

    padding: 3px 7px !important;
    letter-spacing: .1px;
}

/* CONTENT BOXES */
.table_box,
.admin_box,
.form_box,
.member_box {

    background:
        linear-gradient(
            180deg,
            rgba(8,16,32,.82),
            rgba(6,28,48,.88)
        ) !important;

    border: 1px solid rgba(0,229,255,.22) !important;

    box-shadow:
        0 0 25px rgba(0,229,255,.10),
        inset 0 0 25px rgba(0,229,255,.04);

    border-radius: 12px !important;
}

/* CONTENT TEXT READABILITY */
table,
td,
p,
label {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

h1, h2, h3, h4 {
    color: #F7B500 !important;
    text-shadow: 0 0 10px rgba(247,181,0,.35);
}

/* MAIN CONTENT WIDTH */
table {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* CONTENT TEXT READABILITY */
table,
td,
p,
label {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

h1, h2, h3, h4 {
    color: #F7B500 !important;
    text-shadow: 0 0 10px rgba(247,181,0,.35);
}

/* MAIN CONTENT WIDTH */
table {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* DROPDOWN SIZE */
.dropdown-menu,
.lfm_menu_tab ul,
.lfm_menu_bar ul {

    min-width: auto !important;
    padding: 2px 0 !important;
}

/* DROPDOWN ITEMS */
.dropdown-menu a,
.lfm_menu_tab ul li a,
.lfm_menu_bar ul li a {

    padding: 3px 7px !important;
    font-size: 14px !important;
    letter-spacing: .3px;
}

/* SOFTER GLOW */
.dropdown-menu,
.lfm_menu_tab ul,
.lfm_menu_bar ul {

    box-shadow:
        0 0 14px rgba(0,229,255,.12);
}

/* ACTIVE TOP TAB */
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link,
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link.active {

    background:
        linear-gradient(
            180deg,
            #0b2238 0%,
            #081020 100%
        ) !important;

    color: #F7B500 !important;

    border: 1px solid rgba(0,229,255,.35) !important;

    box-shadow:
        0 0 14px rgba(0,229,255,.18),
        inset 0 0 10px rgba(0,229,255,.05);

    border-radius: 8px 8px 0 0 !important;
}

/* REMOVE WHITE GAP */
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:after {

    background: #081020 !important;
    border-color: rgba(0,229,255,.25) !important;
}

/* ACTIVE TAB */
.lfm_menu_bar .nav-link.active,
.lfm_menu_bar .lfm_tab_opened > .nav-link {

    background:
        linear-gradient(
            180deg,
            #0f2b46 0%,
            #081020 100%
        ) !important;

    color: #F7B500 !important;

    border: 1px solid rgba(0,229,255,.35) !important;

    box-shadow:
        0 0 6px rgba(0,229,255,.15);

    border-radius: 8px !important;
}


/* TOP BAR */
.lfm_menu_bar {

    padding: 1px 3px !important;

    min-height: 34px !important;
}

/* TOP MENU BUTTONS */
.lfm_menu_bar a {

    padding: 3px 6px !important;

    font-size: 12px !important;
}

/* SECOND NAVBAR */
.lfm_menu_tab {

    padding: 0px 3px !important;

    min-height: 30px !important;
}

/* SECOND NAV LINKS */
.lfm_menu_tab a {

    padding: 5px 10px !important;

    font-size: 11px !important;
}

/* TABLE STYLE */
table {

    border-radius: 16px !important;

    overflow: hidden;

    border: 1px solid rgba(0,229,255,.25);

    background: rgba(0,15,35,.45);

    backdrop-filter: blur(4px);
}

/* TABLE CELLS */
table td,
table th {

    border-color: rgba(0,229,255,.12) !important;
}

/* ===== BREEDERHITS ROUNDED UI ===== */

/* SECOND NAVBAR DROPDOWN */
.lfm_menu_tab {
    border-radius: 12px !important;
    overflow: visible !important;
    border: 1px solid rgba(0,229,255,.35) !important;
}

/* DROPDOWN LINKS */
.lfm_menu_tab a {

    border-radius: 8px;

    margin: 4px;

    transition: all .25s ease;
}


/* DROPDOWN HOVER */
.lfm_menu_tab a:hover {

    background: rgba(0,229,255,.12) !important;

    box-shadow:
        0 0 10px rgba(0,229,255,.25);

    transform: translateX(2px);
}

/* TOP NAV - CLEAN TABS */
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link,
.lfm_menu_bar .nav-link,
.lfm_menu_bar a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 8px 18px !important;
    color: #00E5FF !important;
}

/* ACTIVE TAB */
.lfm_menu_bar .lfm_tab_opened > .nav-link,
.lfm_menu_bar .nav-link.active {
    background: transparent !important;
    color: #F7B500 !important;
    border-bottom: 3px solid #00E5FF !important;
    text-shadow: 0 0 8px rgba(247,181,0,.45);
}

/* HOVER */
.lfm_menu_bar a:hover {
    color: #F7B500 !important;
    border-bottom: 3px solid #F7B500 !important;
}

/* TOP BAR HEIGHT */
.lfm_menu_bar {
    padding: 10px 18px !important;
    min-height: 54px !important;
}

/* TOP MENU SPACING */
.lfm_menu_bar .nav-link {
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
}

/* DROPDOWN SIZE */
.lfm_menu_tab {
    min-width: 220px !important;
    padding: 10px !important;
}

/* DROPDOWN LINKS */
.lfm_menu_tab a {
    padding: 12px 14px !important;
    border-radius: 8px !important;
}

/* LOGO */
.lfm_menu_logo {
    max-height: 70px !important;
}

/* DROPDOWN HOVER FIX */
.lfm_menu_tab a:hover,
.dropdown-menu a:hover {
    background: rgba(0,229,255,.12) !important;
    color: #F7B500 !important;
    border-left: 3px solid #00E5FF !important;
    box-shadow:
        inset 0 0 12px rgba(0,229,255,.15),
        0 0 10px rgba(0,229,255,.12);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: rgba(0,229,255,.12) !important;
}

/* DROPDOWN HOVER */
.lfm_menu_tab a:hover,
.dropdown-menu li a:hover {

    background:
    linear-gradient(
    90deg,
    rgba(0,229,255,.12),
    rgba(0,229,255,.20)
    ) !important;

    color:#00E5FF !important;

    border-left:3px solid #00E5FF;

    box-shadow:
    inset 0 0 12px rgba(0,229,255,.12);

    text-shadow:
    0 0 8px rgba(0,229,255,.45);
}

/* ===== NAVBAR SIZE + GOLD SHINE ===== */

/* GOLD TOP BAR */
.lfm_menu_bar {
    min-height: 40px !important;
    padding: 2px 10px !important;

    background:
        linear-gradient(
            90deg,
            #7a5300 0%,
            #f7b500 35%,
            #fff1a8 50%,
            #c88b00 65%,
            #7a5300 100%
        ) !important;

    box-shadow:
        0 0 14px rgba(247,181,0,.35),
        inset 0 1px 0 rgba(255,255,255,.45),
        inset 0 -1px 0 rgba(0,0,0,.35) !important;
}

/* GOLD NAV LINKS */
.lfm_menu_bar a {
    padding: 5px 12px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

/* BLUE SECOND NAVBAR */
.lfm_menu_tab {
    min-height: 40px !important;
    padding: 0px 4px !important;
}

/* BLUE NAV LINKS */
.lfm_menu_tab a {
    padding: 5px 10px !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}

/* EXTRA SLIM GOLD NAVBAR */
.lfm_menu_bar {
    min-height: 26px !important;
    padding: 0 8px !important;
}

.lfm_menu_bar a,
.lfm_menu_bar .nav-link {
    padding: 3px 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* EXTRA SLIM BLUE NAVBAR */
.lfm_menu_tab {
    min-height: 22px !important;
    padding: 0 6px !important;
}

.lfm_menu_tab a {
    padding: 3px 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

/* BLUE BAR CLEANER */
.lfm_menu_tab ul,
.lfm_menu_tab .dropdown-menu {
    padding: 4px !important;
    border-radius: 10px !important;
}

/* LOGIN PAGE */

.bh-login-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:80px;
}

.bh-login-box{
    width:360px;
    padding:30px;
    border-radius:20px;
    background:rgba(5,18,35,.82);
    border:1px solid rgba(0,229,255,.25);
    box-shadow:
    0 0 30px rgba(0,229,255,.18),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.bh-login-box h2{
    color:#00E5FF;
    text-align:center;
    margin-bottom:25px;
}

.bh-login-row{
    margin-bottom:15px;
}

.bh-login-row label{
    display:block;
    margin-bottom:6px;
    color:#ffffff;
}

.bh-login-row input{
    width:100%;
    padding:12px;
    border-radius:12px;
    border:none;
    background:#f3f7fa;
}

.bh-login-btn input{
    width:100%;
    padding:14px;
    border:none;
    border-radius:14px;
    cursor:pointer;
    font-weight:bold;

    background:linear-gradient(90deg,#00e5ff,#00bcd4);
    color:#081020;

    box-shadow:0 0 18px rgba(0,229,255,.35);
}

.bh-login-links{
    margin-top:16px;
    text-align:center;
}

.bh-login-links a{
    color:#00E5FF;
    text-decoration:none;
}

/* TITLE */
.bh-login-box h2{
    font-size:42px;
    letter-spacing:1px;
    margin-bottom:28px;
}

/* BUTTON */
.bh-login-btn input{
    font-size:16px;
    letter-spacing:1px;
}

/* INPUTS */
.bh-login-row input{
    font-size:15px;
}

.bh-login-box{
    backdrop-filter: blur(8px);
}

.bh-login-box h2{
    font-size:32px;
    line-height:1.1;
    margin-bottom:22px;

    color:#F7B500;

    text-shadow:
    0 0 8px rgba(247,181,0,.35);

    letter-spacing:1px;
}

.bh-login-box{
    padding:28px 30px !important;
}

.bh-login-btn input{
    height:48px;
}

/* FINAL DROPDOWN HOVER FIX */

.dropdown-menu li a:hover,
.lfm_menu_tab ul li a:hover,
.lfm_menu_bar ul li a:hover {

    background: linear-gradient(
    90deg,
    rgba(0,229,255,.10),
    rgba(0,229,255,.18)
    ) !important;

    color: #00E5FF !important;

    border-left: 3px solid #00E5FF !important;

    box-shadow:
    inset 0 0 12px rgba(0,229,255,.15),
    0 0 10px rgba(0,229,255,.12) !important;

    text-shadow:
    0 0 8px rgba(0,229,255,.45) !important;

    border-radius: 8px !important;
}

/* REMOVE OLD WHITE HOVER */
.dropdown-menu li a,
.lfm_menu_tab ul li a,
.lfm_menu_bar ul li a {

    background: transparent !important;
}

/* FORCE DROPDOWN HOVER DARK */
.lfm_menu_tab .dropdown-menu a:hover,
.lfm_menu_tab .dropdown-menu .dropdown-item:hover,
.lfm_menu_tab ul li ul li a:hover,
.lfm_menu_tab ul ul a:hover,
.dropdown-menu a:hover,
.dropdown-item:hover {
    background: #081020 !important;
    background-color: #081020 !important;
    color: #F7B500 !important;
    border-left: 3px solid #00E5FF !important;
    box-shadow: inset 0 0 14px rgba(0,229,255,.25) !important;
}

/* elimina eventuali immagini/gradienti bianchi */
.lfm_menu_tab ul ul a,
.dropdown-menu a,
.dropdown-item {
    background-image: none !important;
}

/* REMOVE LEFT/RIGHT WHITE STRIPES ON DROPDOWN HOVER */
.lfm_menu_tab ul ul li:hover,
.lfm_menu_tab ul ul li:hover a,
.dropdown-menu li:hover,
.dropdown-menu li:hover a {
    background: #081020 !important;
    background-color: #081020 !important;
    border-left: none !important;
    border-right: none !important;
}

.lfm_menu_tab ul ul li a:hover {
    outline: none !important;
}

/* FULL WIDTH NAVBARS */

.lfm_menu_tab,
.lfm_menu_bar {

    width: calc(100% - 40px) !important;
    max-width: none !important;

    margin: 0 20px !important;

    border-radius: 16px !important;
}

/* FINAL NAVBAR POLISH */

.lfm_menu_bar {
    height: 50px !important;
    padding: 0 18px !important;

    box-shadow:
    0 0 10px rgba(247,181,0,.25),
    0 0 20px rgba(247,181,0,.12) !important;
}

.lfm_menu_tab {
    height: 45px !important;
    padding: 0 12px !important;
}

.lfm_menu_bar a,
.lfm_menu_tab a {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.dropdown-menu,
.lfm_menu_bar ul,
.lfm_menu_tab ul {

    min-width: 260px;
    padding: 12px 0;

    border-radius: 18px;

    background:
        linear-gradient(
            180deg,
            rgba(8,16,32,.98) 0%,
            rgba(12,24,48,.96) 100%
        );

    border: 1px solid rgba(0,229,255,.35);

    box-shadow:
        0 0 18px rgba(0,229,255,.22),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.dropdown-menu li a,
.lfm_menu_bar ul li a,
.lfm_menu_tab ul li a {

    padding: 14px 22px;

    font-size: 15px;
    letter-spacing: .5px;

    border-radius: 12px;

    transition: all .18s ease;
}

.dropdown-menu li a:hover,
.lfm_menu_bar ul li a:hover,
.lfm_menu_tab ul li a:hover {

    background:
        linear-gradient(
            90deg,
            rgba(0,229,255,.18),
            rgba(247,181,0,.12),
			animation:bgPulse 8s ease-in-out infinite;
       );
    color: #F7B500;

    box-shadow:
        0 0 12px rgba(0,229,255,.22);
}

body:before{

    content:"";

    position:fixed;

    inset:0;

    background-image:
    linear-gradient(rgba(0,229,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.03) 1px, transparent 1px);

    background-size:40px 40px;

    pointer-events:none;

    z-index:-1;
}

body:after{

    content:"";

    position:fixed;

    top:-120px;
    left:50%;

    transform:translateX(-50%);

    width:700px;
    height:300px;

    background:
    radial-gradient(
    circle,
    rgba(0,229,255,.16),
    transparent 70%
    );

    pointer-events:none;

    z-index:-1;
}.bh-tagline{

    margin-top:12px;

    text-align:center;

    font-size:13px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#00E5FF;
	opacity:1;

    text-shadow:
    0 0 12px rgba(0,229,255,.45),
    0 0 22px rgba(0,229,255,.18);
}

/* ===== BREEDERHITS CUSTOM ===== */

.bh-panel{
    background:
    linear-gradient(
        180deg,
        rgba(8,16,32,.82) 0%,
        rgba(12,24,48,.78) 100%
    );

    border:1px solid rgba(0,229,255,.25);
    border-top:1px solid rgba(0,229,255,.65);
    border-radius:22px;

    padding:50px 70px;

    box-shadow:
        0 -1px 20px rgba(0,229,255,.25),
        0 0 30px rgba(0,229,255,.10),
        0 0 80px rgba(0,229,255,.05),
        inset 0 1px 0 rgba(255,255,255,.04);

    backdrop-filter:blur(4px);
    background-size:cover;
    background-attachment:fixed;
}

.bh-panel-title{

    font-size:28px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#D7EFFF;

    text-shadow:
    0 0 12px rgba(247,181,0,.35);

    margin-bottom:24px;
}

.bh-panel p{

    color:#D7EFFF;

    line-height:1.9;

    font-size:16px;

    opacity:.92;
}

.faq-panel h1{
font-size:48px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
color:#F7B500;

text-shadow:
0 0 10px rgba(247,181,0,.35),
0 0 25px rgba(247,181,0,.15);

margin-bottom:30px;
}

.faq-panel{
max-width:1100px;
margin:70px auto;
padding:50px 70px;

background:rgba(5,15,35,.72);

border:1px solid rgba(0,229,255,.28);

border-radius:26px;

backdrop-filter:blur(10px);

box-shadow:
0 0 35px rgba(0,229,255,.12),
0 0 90px rgba(0,0,0,.45),
0 -1px 20px rgba(0,229,255,.25);

position:relative;
overflow:hidden;
}

.faq-panel::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;

background:rgba(0,229,255,.65);

box-shadow:
0 0 20px rgba(0,229,255,.8);
}

.faq-panel h1{
font-size:48px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;

color:#F7B500;

margin-bottom:40px;

text-shadow:
0 0 10px rgba(247,181,0,.35),
0 0 25px rgba(247,181,0,.15);
}

.faq-item{
margin-bottom:45px;
}

.faq-item h2{
font-size:24px;
color:#00E5FF;
margin-bottom:15px;
}

.faq-item p{
font-size:18px;
line-height:1.9;
color:#d7e9ff;
max-width:850px;
}

.bh-button{
display:inline-block;

margin-top:18px;
padding:14px 34px;

background:linear-gradient(90deg,#00e5ff,#00bcd4);

color:#081020;

font-weight:700;
font-size:16px;
text-decoration:none;

border-radius:14px;

box-shadow:
0 0 20px rgba(0,229,255,.45);

transition:.25s;
}

.bh-button:hover{
transform:translateY(-2px);

box-shadow:
0 0 30px rgba(0,229,255,.75);
}

.bh-dashboard{
    max-width:1200px;
    margin:60px auto;
    padding:0 30px;
}

.bh-welcome-panel,
.bh-card{
    background:rgba(5,15,35,.72);
    border:1px solid rgba(0,229,255,.28);
    border-radius:24px;
    box-shadow:0 0 35px rgba(0,229,255,.12);
    backdrop-filter:blur(10px);
}

.bh-welcome-panel{
    padding:45px 55px;
    margin-bottom:28px;
}

.bh-welcome-panel h1{
    color:#F7B500;
    font-size:42px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.bh-welcome-panel p{
    color:#D7EFFF;
    font-size:18px;
}

.bh-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.bh-card{
    padding:30px;
}

.bh-card span{
    color:#00E5FF;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.bh-card strong{
    display:block;
    color:#F7B500;
    font-size:58px;
    margin:12px 0;
	line-height:1;
}

.bh-card p{
    color:#D7EFFF;
}

.bh-card{
transition:all .25s ease;
cursor:pointer;
position:relative;
overflow:hidden;
}

.bh-card:hover{
transform:
translateY(-8px)
scale(1.02);

border-color:rgba(0,229,255,.55);

box-shadow:
0 0 25px rgba(0,229,255,.25),
0 0 50px rgba(0,229,255,.12);
}

.bh-card::before{
content:"";

position:absolute;
top:0;
left:0;

width:100%;
height:1px;

background:rgba(0,229,255,.65);

box-shadow:
0 0 15px rgba(0,229,255,.7);
}

.bh-welcome-panel h1{
font-size:54px;
line-height:1.1;
}

.bh-mini-label{
color:#00E5FF;

font-size:13px;
letter-spacing:4px;
text-transform:uppercase;

margin-bottom:14px;

opacity:.85;
}

.bh-card-icon{
display:block;
font-size:28px;
margin-bottom:12px;
filter:drop-shadow(0 0 10px rgba(0,229,255,.55));
}

@keyframes bgPulse{

0%{
background-position:center top;
}

50%{
background-position:center 20px;
}

100%{
background-position:center top;
}

}

.subnav{

backdrop-filter:blur(12px);

background:
rgba(5,15,35,.88);

}

.subnav a:hover{

padding-left:18px;

transition:.2s;

}

.bh-brotherhood-panel{

margin-top:35px;

padding:35px;

display:flex;
align-items:center;
gap:30px;

background:
linear-gradient(
135deg,
rgba(0,229,255,.08),
rgba(5,15,35,.88)
);

border:1px solid rgba(0,229,255,.28);

border-radius:24px;

box-shadow:
0 0 35px rgba(0,229,255,.12);

}

.bh-brotherhood-panel img{

width:120px;
height:120px;

object-fit:contain;

filter:
drop-shadow(0 0 18px rgba(0,229,255,.45));

}

.bh-brotherhood-right h2{

font-size:38px;

color:#F7B500;

text-transform:uppercase;

margin-bottom:10px;

}

.bh-brotherhood-right p{

color:#D7EFFF;

font-size:17px;

line-height:1.8;

}

.bh-rank-progress{
    width:260px;
    height:12px;
    margin-top:14px;
    margin-bottom:18px;

    background:rgba(8,16,32,.75);
    border:1px solid rgba(0,229,255,.45);
    border-radius:30px;
    overflow:hidden;

    box-shadow:
        inset 0 0 10px rgba(0,0,0,.65),
        0 0 18px rgba(0,229,255,.28);
}

.bh-rank-fill{
    width:45%;
    height:100%;

    background:linear-gradient(
        90deg,
        #00E5FF,
        #F7B500
    );

    border-radius:30px;

    box-shadow:
        0 0 18px rgba(0,229,255,.85),
        0 0 24px rgba(247,181,0,.55);
}

.bh-brotherhood{
display:flex;
align-items:center;
gap:34px;

margin-top:38px;
padding:34px;

background:rgba(5,15,35,.72);

border:1px solid rgba(0,229,255,.28);

border-radius:26px;

box-shadow:
0 0 35px rgba(0,229,255,.12);

backdrop-filter:blur(10px);
}

.bh-brotherhood-left{
flex-shrink:0;
}

.bh-brotherhood-left img{
width:210px;
height:210px;

object-fit:contain;

filter:
drop-shadow(0 0 25px rgba(0,229,255,.55));

margin-left:-10px;
}

.bh-brotherhood-right{
flex:1;
}

.bh-brotherhood-title{
font-size:42px;

font-weight:800;

letter-spacing:2px;

text-transform:uppercase;

color:#F7B500;

margin-bottom:10px;

text-shadow:
0 0 12px rgba(247,181,0,.35);
}

.bh-brotherhood-text{
font-size:17px;
line-height:1.7;

color:#D7EFFF;

margin-bottom:18px;
}

/* ===== MOBILE SIZE  ===== */

@media (max-width: 768px){

  .bh-dashboard{
    padding:0 16px;
    margin:35px auto;
  }

  .bh-card-grid{
    grid-template-columns:1fr !important;
    gap:18px;
  }

  .bh-welcome-panel{
    padding:30px 24px;
  }

  .bh-welcome-panel h1{
    font-size:34px;
  }

  .bh-brotherhood{
    flex-direction:column;
    text-align:center;
  }

  .bh-brotherhood-left img{
    width:110px;
    height:110px;
  }

  .lfm_menu_bar,
  .lfm_menu_tab{
    width:calc(100% - 16px) !important;
    margin:0 8px !important;
  }

  .lfm_menu_bar a,
  .lfm_menu_tab a{
    font-size:10px !important;
    padding:6px 8px !important;
  }

}

/* ===== brotherhood  ===== */

.bh-brotherhood-panel{
    display:flex;
    align-items:center;
    gap:30px;
    width:100%;
}

.bh-brotherhood-left{
    width:220px;
    flex-shrink:0;
}

.bh-brotherhood-left img{
    width:210px;
    max-width:none;
    display:block;
    filter:drop-shadow(0 0 18px #00E5FF);
}

.bh-brotherhood-right{
    flex:1;
}

.bh-brotherhood-panel{
    background:#081020;
    border:2px solid #00E5FF;
    border-radius:18px;
    padding:20px;
    color:#ffffff;
    max-width:520px;
    display:flex;
    gap:20px;
    box-shadow:0 0 25px rgba(0,229,255,0.25);
    font-family:Arial,sans-serif;
}

.bh-brotherhood-left img{
    width:140px;
    height:auto;
}

.bh-brotherhood-right{
    flex:1;
}

.bh-mini-label{
    color:#00E5FF;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:8px;
}

.bh-name{
    font-size:34px;
    font-weight:bold;
    color:#F7B500;
    margin-bottom:10px;
}

.bh-description{
    color:#cccccc;
    margin-bottom:15px;
    line-height:1.4;
}

.bh-rank{
    color:#00E5FF;
    font-size:20px;
    margin-bottom:10px;
}

.bh-xp{
    font-size:18px;
    margin-bottom:15px;
}

.BHProgress{
    width:100%;
    height:18px;
    background:#111827;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:15px;
}

.BHProgressBar{
    height:100%;
    background:linear-gradient(90deg,#00E5FF,#8A2BE2);
    border-radius:30px;
}

.bh-next-rank{
    color:#ffffff;
    font-size:16px;
}

..bh-widget-container{
  width:560px !important;
  height:300px !important;
  margin:45px auto 20px !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

.bh-widget-frame{
  width:560px !important;
  height:300px !important;
  border:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}