/*

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: 250px;
	align: center;
}
@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;
}

body{
    background-color:#081020;
    background-image:
        linear-gradient(30deg, rgba(0,229,255,0.01) 12%, transparent 12.5%, transparent 87%, rgba(0,229,255,0.05) 87.5%, rgba(0,229,255,0.01)),
        linear-gradient(150deg, rgba(0,229,255,0.01) 12%, transparent 12.5%, transparent 87%, rgba(0,229,255,0.05) 87.5%, rgba(0,229,255,0.01)),
        linear-gradient(30deg, rgba(0,229,255,0.01) 12%, transparent 12.5%, transparent 87%, rgba(0,229,255,0.05) 87.5%, rgba(0,229,255,0.01)),
        linear-gradient(150deg, rgba(0,229,255,0.01) 12%, transparent 12.5%, transparent 87%, rgba(0,229,255,0.05) 87.5%, rgba(0,229,255,0.01)),
        linear-gradient(60deg, rgba(0,229,255,0.005) 25%, transparent 25.5%, transparent 75%, rgba(0,229,255,0.035) 75%, rgba(0,229,255,0.005)),
        linear-gradient(60deg, rgba(0,229,255,0.005) 25%, transparent 25.5%, transparent 75%, rgba(0,229,255,0.035) 75%, rgba(0,229,255,0.005));
    background-position:
        0 0,
        0 0,
        28px 49px,
        28px 49px,
        0 0,
        28px 49px;
    background-size:56px 98px;
} 
*/
body{
background-color:#081020;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='34' viewBox='0 0 60 34'%3E%3Cg fill='none' stroke='%2300E5FF' stroke-opacity='0.02' stroke-width='0.8'%3E%3Cpath d='M15 1 L29 9 L29 25 L15 33 L1 25 L1 9 Z'/%3E%3Cpath d='M45 1 L59 9 L59 25 L45 33 L31 25 L31 9 Z'/%3E%3C/g%3E%3C/svg%3E");

background-size:60px 30px;
}
/*
body{
    background-color:#081020;
    background-image:
        linear-gradient(45deg, rgba(0,229,255,0.015) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(0,229,255,0.08) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(0,229,255,0.08) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(0,229,255,0.015) 75%);
    background-size:28px 28px;
    background-position:0 0, 0 14px, 14px -14px, -14px 0;
}
 
/* 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(
            180deg,
            #e2ad1b 5%,
            #b98508 20%,
            #7a5300 45%
        ) !important;
    /*background: linear-gradient(90deg,#6b4700,#b8860b,#6b4700) !important;*/
	box-shadow:
        0 0 20px rgba(247,181,0,.25),
        inset 0 1px 0 rgba(255,255,255,.25);
    border-bottom: 1px solid #00E5FF !important;
	 
        ) !important;
}

/* SECONDA BARRA */
.lfm_menu_tab {
    background: linear-gradient(
	         180deg,5%
            #0f2b46 25%,
            #081020 45%*) !important;*/
    border-bottom: 6px solid #F7B500 !important;
	
}

/* LINK MENU */
.lfm_menu_bar a,
.lfm_menu_tab a {
    color: #00E5FF !important;
    font-weight: 450 !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: 35px;
	

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

.lfm_menu_tab{

background:
        linear-gradient(
            180deg,
            #0f2b46 25%,
            #081020 45%);

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

border-radius:10px !important;

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

}

/* 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-top:0.2px solid #00E5FF !important;
    border-bottom:0.5px solid #00E5FF !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: 350 !important;

   /* text-transform: uppercase;

    transition: .2s ease;
}

/* TOP NAV HOVER - BH ORIGINAL STYLE */

.lfm_menu_bar a:hover,
.lfm_menu_bar .nav-link:hover{

background: rgba(247,181,0,.12) !important;

color:#FFD24A !important;

border-top:1px solid #F7B500 !important;
border-bottom:1px solid #F7B500 !important;

text-shadow:none !important;
box-shadow:none !important;

/*transition:.15s ease;
}

/* DROPDOWN HOVER - BH ORIGINAL STYLE 

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

background:transparent !important;

color:#FFD24A !important;

border-top:1px solid rgba(247,181,0,.60) !important;
border-bottom:1px solid rgba(247,181,0,.60) !important;

border-left:none !important;

box-shadow:none !important;
text-shadow:none !important;

transform:none !important;

}

/* BH CLASSIC DROPDOWN HOVER 

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

background:transparent !important;

color:#FFD24A !important;

border-top:1px solid #F7B500 !important;
border-bottom:1px solid #F7B500 !important;

border-left:none !important;
border-right:none !important;

padding-left:10px !important;

box-shadow:none !important;
text-shadow:none !important;
transform:none !important;

}

/* 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);
}
*/

/* H1 — HERO / PAGE TITLES */
h1{
color:#6FFFE9;
text-shadow:0 0 12px rgba(247,181,0,0.35);
}

/* H2 — SECTION HEADINGS */
h2{
color:#00E5FF;
text-shadow:0 0 10px rgba(0,229,255,0.25);
}

/* H3 — SUBSECTION / PANEL TITLES */
h3{
color:#E8EEF5;
text-shadow:0 0 8px rgba(255,255,255,0.10);
}

/* H4 — MINOR LABELS / SUPPORT TITLES */
h4{
color:#8A5CFF;
text-shadow:0 0 10px rgba(138,92,255,0.25);
}

p{
color:#F5FAFF;
line-height:1.6;
}

/* 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 14px 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: transparent !important;

    backdrop-filter: blur(4px);
}

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

   background: transparent;
border: none;
}

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

/* SECOND NAVBAR DROPDOWN
.lfm_menu_tab{

border-radius:14px !important;

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

background:rgba(6,18,40,.96) !important;

box-shadow:
0 0 14px rgba(0,229,255,.18),
0 10px 24px rgba(0,0,0,.45) !important;

backdrop-filter:blur(4px);

}

/* DROPDOWN LINKS 
.lfm_menu_tab a {

    border-radius: 8px;

    margin: 4px;

    transition: all .25s ease;
}


/* DROPDOWN HOVER 
.lfm_menu_tab a:hover{

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

color:#F7B500 !important;

box-shadow:
0 0 10px rgba(247,181,0,.22);

border-left:
3px solid #00E5FF;

padding-left:14px;

transform:translateX(4px);

}

/* 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: 1px solid #F7B500 !important;
	text-shadow:0 0 10px rgba(247,181,0,.22);
    transition:.18s ease;
}

/* TOP BAR HEIGHT 
.lfm_menu_bar {
    padding: 10px 18px !important;
    min-height: 60px !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: 5px !important;
}

.lfm_menu_tab{

animation:
bhMenuFade .18s ease;
}

@keyframes bhMenuFade{

from{

opacity:0;
transform:translateY(-8px);

}

to{

opacity:1;
transform:translateY(0);

}

}


/* DROPDOWN HOVER - BH FINAL 
.lfm_menu_tab a:hover,
.dropdown-menu li a:hover {
    background: linear-gradient(
        90deg,
        rgba(247,181,0,.18),
        rgba(0,229,255,.08)
    ) !important;

    color:#F7B500 !important;
    border-left:1px solid #00E5FF !important;
    padding-left:5px !important;
    transform:translateX(1px);

    box-shadow:0 0 10px rgba(247,181,0,.22) !important;
    text-shadow:0 0 1px rgba(247,181,0,.35);
    transition:all .19s ease;
}


/* SECOND NAVBAR DROPDOWN - BH FINAL 
.lfm_menu_tab {
    border-radius:8px !important;
    overflow:visible !important;
    border:1px solid rgba(0,229,255,.42) !important;
    background:rgba(6,18,40,.96) !important;
    box-shadow:
        0 0 8px rgba(0,229,255,.18),
        0 5px 12px rgba(0,0,0,.45) !important;
}

/* DROPDOWN HOVER

.lfm_menu_tab a:hover{

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

color:#F7B500;

}

/* 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: 55px !important;
    padding: 0 12px !important;
}

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

/* EXTRA SLIM BLUE NAVBAR */
.lfm_menu_tab {
    min-height: 50px !important;
    padding: 12px 4px !important;
}

.lfm_menu_tab a {
    padding: 5px 5px !important;
    font-size: 15px !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:0 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;
}

.dashboard-grid{

display:flex;

gap:28px;

align-items:flex-start;

}

.left-side{

flex:2;

display:flex;

flex-direction:column;

gap:28px;

}

.right-side{

flex:1;

display:flex;

flex-direction:column;

gap:28px;

}

.bh-grid{

display:flex;

align-items:flex-start;

gap:24px;

}

.bh-dashboard-grid{

display:grid;

grid-template-columns: 720px 300px;

gap:24px;

align-items:start;

}

.bh-left,
.bh-right{

display:flex;

flex-direction:column;

gap:24px;

}

iframe{

border:none;

width:100%;

overflow:hidden;

}

.bh-left iframe{
width:680px;
border:none;
overflow:hidden;
}

.bh-right iframe{
width:300px;
border:none;
overflow:hidden;
}

.widget-brotherhood iframe{
height:340px;
}

.widget-badges iframe{
height:420px;
}

.widget-today iframe{
height:370px;
}

.widget-premium iframe{
height:370px;
}

.bh-live-wrap{
width:96%;
max-width:1280px;
margin:8px auto 8px auto;
}

.bh-live-wrap iframe{

width:100%;

height:105px;

border:none;

overflow:hidden;

}

.bh-welcome-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:28px;

margin-top:18px;

}

.bh-col{

display:flex;

flex-direction:column;

gap:12px;

}

.bh-stat{

display:flex;

justify-content:space-between;

align-items:center;

padding:8px 0;

border-bottom:1px solid rgba(0,229,255,.12);

}

.bh-stat span{

color:#87a9c7;

font-size:12px;

letter-spacing:1px;

}

.bh-stat strong{

color:#00E5FF;

font-weight:800;

}

.bh-actions{

display:flex;

gap:12px;

margin-top:22px;

}

.bh-btn{

padding:10px 18px;

background:#00E5FF;

color:#081020;

font-weight:900;

border-radius:10px;

text-decoration:none;

}

.bh-btn-alt{

background:transparent;

border:1px solid #00E5FF;

color:#00E5FF;

}

.bh-strip-wrap{
    width:100%;
    max-width:1280px;
    margin:0 auto 20px auto;
}

.bh-strip-wrap iframe{
    width:100%;
    height:230px;
    border:none;
    overflow:hidden;
}

/* BH FIX - remove ugly underline under top nav buttons */
.lfm_menu_bar a,
.lfm_menu_bar a:hover,
.lfm_menu_bar .nav-link,
.lfm_menu_bar .nav-link:hover,
.lfm_menu_bar .nav-link.active,
.lfm_menu_bar .lfm_tab_opened > .nav-link{
    border-bottom:none !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

.lfm_menu_bar a::after,
.lfm_menu_bar a::before,
.lfm_menu_bar .nav-link::after,
.lfm_menu_bar .nav-link::before{
    display:none !important;
    content:none !important;
}

.bh-card iframe{
    width:100%;
    height:100%;
    border:none;
    overflow:hidden;
}

.bh-section-title{
    color:#00E5FF;
}

.bh-card h3{
    color:#F7B500;
}
/*
.bh-welcome-panel h2{
     color:#F7B500;
}

.bh-cta-title{
    color:#00E5FF;
}
/* ===== BH NAVBAR CLEAN FIX ===== */

/* Gold navbar: remove blue line/background strip, keep only buttons 
.lfm_menu_bar{
    border-top:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
}

/* Remove opened tab filler/extra line on gold navbar 
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:after{
    display:none !important;
    content:none !important;
}

/* Blue navbar: cyan frame always visible 
.lfm_menu_tab{
    border:1px solid rgba(0,229,255,.65) !important;
    border-radius:8px !important;
}

/* Blue navbar hover: gold top + bottom line */
.lfm_menu_tab > li > a:hover,
.lfm_menu_tab .dropdown-menu a:hover{
    border-top:1px solid #F7B500 !important;
    border-bottom:1px solid #F7B500 !important;
    color:#F7B500 !important;
    background:transparent !important;
    transform:none !important;
}

/* Dropdown: more breathing space */
.lfm_menu_tab .dropdown-menu a{
    padding:5px 25px !important;
    line-height:1.00 !important;
}

/* Dropdown box clean cyber frame */
.lfm_menu_tab .dropdown-menu{
    border:1px solid rgba(0,229,255,.55) !important;
    border-radius:8px !important;
    background:#081020 !important;
    box-shadow:0 0 12px rgba(0,229,255,.18) !important;
}

/* ===== BH HEADER HUD V1 ===== */

/* ===== BH HEADER MINIMAL ===== */

.bh-main-header{
    position:relative;
    text-align:center;
    padding:20px 0 10px;
}

.bh-main-logo{
    height:185px;
    width:auto;
    filter:drop-shadow(0 0 15px #00e5ff);
}

.bh-hud-corner{
    position:absolute;
    top:30px;
    width:110px;
    height:60px;
    border-color:#00E5FF;
    z-index:5;
}

.bh-hud-left{
    left:30px;
    border-top:2px solid #00E5FF;
    border-left:2px solid #00E5FF;
}

.bh-hud-right{
    right:30px;
    border-top:2px solid #00E5FF;
    border-right:2px solid #00E5FF;
}

/* TOP CORNERS già esistenti */

/* BOTTOM LEFT */
.bh-main-header .bh-hud-bottom-left{
    position:absolute;
    bottom:8px;
    left:30px;

    width:110px;
    height:60px;

    border-left:2px solid #00E5FF;
    border-bottom:2px solid #00E5FF;

    opacity:.9;
    filter:drop-shadow(0 0 8px rgba(0,229,255,.55));
}

/* BOTTOM RIGHT */
.bh-main-header .bh-hud-bottom-right{
    position:absolute;
    bottom:8px;
    right:30px;

    width:110px;
    height:60px;

    border-right:2px solid #00E5FF;
    border-bottom:2px solid #00E5FF;

    opacity:.9;
    filter:drop-shadow(0 0 8px rgba(0,229,255,.55));
}
 

.bh-header-line{
    width:300px;
    height:1px;
    margin:8px auto 0;

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

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

/* HEADER HUD EXTRA DETAILS */

.bh-main-header::before,
.bh-main-header::after{
    content:"";
    position:absolute;
    top:120px;
    width:300px;
    height:1px;
    background:linear-gradient(90deg, transparent, #00E5FF, transparent);
    box-shadow:0 0 10px rgba(0,229,255,.55);
}

.bh-main-header::before{
    left:180px;
}

.bh-main-header::after{
    right:180px;
}

.bh-main-header .bh-status-left,
.bh-main-header .bh-status-right{
    position:absolute;
    top:92px;
    font-size:12px;
    letter-spacing:2px;
    color:#6FFFE9;
    text-shadow:0 0 8px rgba(0,229,255,.55);
}

.bh-main-header .bh-status-left{
    left:220px;
}

.bh-main-header .bh-status-right{
    right:220px;
}


/*FOOTER*/

.bh-footer-panel{
    width:100%;
    max-width:none;
    margin:55px 0 0 0;
    padding:28px 60px;
	min-height:140px;

    background:rgba(8,16,32,.92);

    border-top:1px solid rgba(0,229,255,.65);
    border-bottom:1px solid rgba(0,229,255,.45);
    border-left:0;
    border-right:0;

    border-radius:18px;

    box-shadow:
        0 -8px 28px rgba(0,229,255,.14),
        inset 0 0 22px rgba(0,229,255,.08);
}

.bh-footer-inner{
    width:100%;
    max-width:1180px;
    margin:0 auto;

    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.1fr;
    gap:32px;
    align-items:center;
}

.bh-footer-panel::before{
content:'';
display:block;
height:1px;
margin-bottom:22px;

background:
linear-gradient(
90deg,
transparent,
rgba(0,229,255,.85),
transparent
);
}

.bh-footer-inner{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.1fr;
    gap:26px;
    align-items:center;
}

.bh-footer-brand h4,
.bh-footer-block h5{
    margin:0 0 8px 0;
    color:#F7B500;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.bh-footer-brand p{
    margin:0 0 5px 0;
    color:#00E5FF;
    font-size:14px;
    font-weight:700;
    letter-spacing:.8px;
}

.bh-footer-brand span{
    color:rgba(255,255,255,.78);
    font-size:13px;
}

.bh-footer-block a{
    display:block;
    color:rgba(255,255,255,.82);
    font-size:14px;
    font-weight:700;
    line-height:1.55;
    text-decoration:none;
    transition:.2s ease;
}

.bh-footer-block a:hover{
    color:#F7B500;
    text-shadow:0 0 8px rgba(247,181,0,.45);
}

.bh-footer-status{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:flex-end;
}

.bh-footer-status span{
    color:#00E5FF;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-shadow:0 0 8px rgba(0,229,255,.45);
}

@media(max-width:768px){
    .bh-footer-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .bh-footer-status{
        align-items:center;
    }
}

/*ADJUSTEMENT*/

td.text-center.font-weight-bold {
  background: #081020 !important;
  color: 00E5FF !important;
  border-top: 1px solid rgba(247,181,0,0.45) !important;
  border-bottom: 1px solid rgba(247,181,0,0.45) !important;
}

/* Remove old yellow highlight styling from referral ID pages */
span[style*="background"],
span[style*="yellow"],
font[style*="background"],
mark {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Keep links cyan and readable 
a {
  color: #00E5FF !important;
}

a:hover {
  color: #F7B500 !important;
}*/

.bh-code-box{
  max-width:700px;
  margin:15px auto;
  padding:12px;
  background:#081020;
  border:1px solid rgba(0,229,255,.45);
  border-radius:8px;
  color:#ffffff;
  font-family:monospace;
  font-size:13px;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:break-all;
  text-align:center;
}

#bhPartnerCode{
    color:#FFFFFF !important;
}

html, body{
    min-height:100%;
    height:auto !important;
    overflow-y:auto !important;
}

.bh-dashboard{
    height:auto !important;
    min-height:100vh;
    overflow:visible !important;
}

.partner-footer{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(0,229,255,.25);
}

.partner-stat{
    flex:1;
    text-align:center;
}

.partner-stat span{
    display:block;
    color:#F7B500;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.partner-stat strong{
    display:block;
    margin-top:4px;
    color:#00E5FF;
    font-size:20px;
    font-weight:900;
}

.partner-summary-row{
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(0,229,255,.25);
    /*display:flex;
    justify-content:space-around;
    align-items:center;*/
    color:#F7B500;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.bh-thebreeder{
    position:absolute;
    left:40px;
    bottom:10px;
    width:90px;
    height:auto;
    opacity:0.95;
}

.bh-myads-menu-spacer {
    display: block;
    width: 100%;
    height: 30px;
}
/*
body {
    background-color: #070b0d;
    background-image: url('/themes/LFMTE_default/images/paternbg.png');
    background-repeat: repeat;
    background-position: top center;
    background-size: 1024px 1024px;
    background-attachment: fixed;
}*/

body {
    background-color: #070b0d;
    background-image: url('/themes/LFMTE_default/images/paternbg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100vw auto;
    background-attachment: fixed;
}

@media (max-width: 1800px) and (min-width: 769px) {
    .bh-main-logo {
        width: 55vw !important;
        max-width: 850px !important;
        height: auto !important;
    }
}

/* ===== BH HEADER LIGHT SWEEP ===== 

.bh-main-header{
    overflow:hidden;
}

.bh-header-shine{
    position:absolute;
    top:-35%;
    left:-25%;
    width:42%;
    height:260%;
    pointer-events:none;
    z-index:5;
background:linear-gradient(
    105deg,
    transparent 0%,
    rgba(0,229,255,0.00) 8%,
    rgba(0,229,255,0.04) 20%,
    rgba(0,229,255,0.10) 35%,
    rgba(255,255,255,0.14) 48%,
    rgba(255,255,255,0.12) 55%,
    rgba(247,181,0,0.09) 68%,
    rgba(0,229,255,0.04) 82%,
    rgba(0,229,255,0.00) 94%,
    transparent 100%
);
    filter:blur(16px);
    transform:skewX(-10deg);
    animation:bhHeaderShine 12s ease-in-out infinite;
}

@keyframes bhHeaderShine{
    0%{
        left:-25%;
        opacity:0;
    }

    8%{
        opacity:.65;
    }

    24%{
        left:110%;
        opacity:0;
    }

    100%{
        left:110%;
        opacity:0;
    }
}*/

/* ===== BH HEADER WIDE LIGHT SWEEP ===== */

.bh-main-header{
    overflow:hidden;
}

.bh-header-shine{
    position:absolute;
    top:-50%;
    left:-55%;

    width:55%;
    height:220%;

    pointer-events:none;
    z-index:5;

    background:linear-gradient(
        105deg,
        rgba(0,229,255,0) 0%,
        rgba(0,229,255,0.05) 12%,
        rgba(0,229,255,0.16) 28%,
        rgba(140,245,255,0.24) 40%,
        rgba(255,255,255,0.32) 50%,
        rgba(255,224,140,0.22) 60%,
        rgba(247,181,0,0.14) 72%,
        rgba(247,181,0,0.04) 88%,
        rgba(247,181,0,0) 100%
    );

    filter:blur(10px);
    mix-blend-mode:screen;

    transform:skewX(-18deg);

    animation:bhHeaderShine 8s ease-in-out infinite;
}

@keyframes bhHeaderShine{

    0%{
        left:-55%;
        opacity:0;
    }

    5%{
        opacity:.7;
    }

    35%{
        left:105%;
        opacity:.7;
    }

    42%{
        left:115%;
        opacity:0;
    }

    100%{
        left:115%;
        opacity:0;
    }
}
