/*
###########################################################
##                                                       ##
##   Theme Name: 10kHits4uNow.com
##   Theme URI: http://10khits4unow.com/
##   Description: Official theme for 10kHits4uNow.com
##   Version: 4.0
##   Author: Sean Owen
## 
##      (c) 2022 USSURFS, LLC. All rights reserved.      ##
##                                                       ##
###########################################################
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Source+Sans+Pro:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');
@import url('animation.css'); /* Where Animation Info Is Kept */
@import url('foundation.css'); /* Where Unchanging Basic Foundation Is */
@import url('ticker.css'); /* News Ticker In Member's Area */

/*------------------------------------------------------------------
 || Main & Font Settings
------------------------------------------------------------------*/

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: black;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	background-color: #0A1956;
}

h1, h2, h3, h4 { 
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	}
	
h1 span { color: #ffcc66; }
h2 span { color: #ffcc66; }
h3 span { color: #ffcc66; }
h4 span { color: #ffcc66; }
	
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #630300;
}

::selection {
  color: white;
  background: #630300;
}

table {
    table-layout:fixed;
    width:100%;
    margin: 0 !important;
}

table .btn {
    padding: 10px !important;
}

th { 
    color: black !important;
	text-shadow: 0px 0px 0px !important;
}

/* td {word-break:break-all;} */

#adstable {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: black !important;
    text-shadow: 0px !important;
}

#adstable img {
    max-width: 100% !important;
}

.available a {
    color: white !important;
    }
    
#pagebody a { color: #cb410d; } /* Changes Links Inside Box In Member's Area */

/*------------------------------------------------------------------
 || Buttons
------------------------------------------------------------------*/

.btn {
    background: url('images/btn.webp'); background-size: 100% 100% !important;
	color: white !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
	text-transfrom: uppercase !important;
	text-shadow: 0px 1px 6px black !important;
    border: 0px ridge #c39269 !important;
    box-shadow: 0px 0px 0px #000 !important;
    padding-top: 23px !important;
}

.btn:hover {
    text-shadow: 0px 0px 30px rgba(215, 160, 49, 1)  !important;
}

.btn-default { background: url('images/btn-default.webp') !important; background-size: 100% 100% !important; }
.btn-primary { background: url('images/btn-primary.webp') !important; background-size: 100% 100% !important; }
.btn-success { background: url('images/btn-success.webp') !important; background-size: 100% 100% !important; }
.btn-info { background: url('images/btn-info.webp') !important; background-size: 100% 100% !important; }
.btn-warning { background: url('images/btn-warning.webp') !important; background-size: 100% 100% !important; }
.btn-danger { background: url('images/btn-danger.webp') !important; background-size: 100% 100% !important; }

/*------------------------------------------------------------------
 || Topbar
------------------------------------------------------------------*/

.lfm_topbar {
	background: url('images/top.webp') #5D258B;
	background-repeat: repeat-x;
	background-size: contain;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 700;
	color: #EEEEEE;
	padding: 0px 20px;
	margin-bottom: 0px;
	box-shadow: rgba(153, 187, 255, 0.2) 0px 0px 20px 0px inset, rgba(20, 20, 102, 0.6) 0px 0px 6px 0px, rgba(20, 20, 102, 0.4) 0px 0px 24px 0px;
	/*box-shadow: 0px 5px 12px #000;*/
	z-index: 999;
}

.lfm_topbar ul {
    background: rgba(0, 0, 0, .55);
    border: 1px solid #00001e; 
}

.lfm_topbar .nav-link {
    color: white;
    border-bottom: 3px solid transparent;
}

.lfm_topbar .nav-link:hover {
    color: #FDCA00;
	border-bottom: 3px solid #FDCA00;
	background: rgb(255,182,12);
    background: linear-gradient(360deg, rgba(255,182,12,0.25) 0%, rgba(0,0,0,0) 80%);
}

.lfm_topbar .nav-sep {
    height: 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    margin: 12px 0 0 0;
}

/*------------------------------------------------------------------
 || Dropdown Menu Customizations
------------------------------------------------------------------*/

.dropdown-menu {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.7301121132046569) 0%, rgba(89,89,89,0.8113446062018558) 100%); 
    font-family: 'Roboto', sans-serif !important;
	font-weight: 700;
	color: white;
    border: 1px solid rgba(89,89,89,0.8113446062018558);
    border-radius: 0px !important;
    box-shadow: 0px 5px 12px #000;
    transition: all 0.4s ease-in-out;
    margin-top: 0px !important;
}

.dropdown-item {
	color: white;
	border-top: 1px solid rgba(255,255,255,0.34);
    border-bottom: 1px solid rgba(89,89,89,0.8113446062018558);
	text-decoration: none;
	text-shadow: 1px 2px 6px black;
	display: block;
	margin: 0px;
	padding: 0.5rem 1.1rem 0.5rem 1.1rem;
	font-size: 16px;
	position: relative;
	font-weight: 400;
	cursor: pointer;
}

.dropdown-item img {
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 0px !important;
    max-width: 100%;
}

/* This sets the colors of the slidebar menu links when you hover over them */
.dropdown-item.active,
.dropdown-item:hover {
	color: white;
	border-left: 3px solid #FDCA00;
	background: rgb(255,182,12);
    background: linear-gradient(90deg, rgba(255,182,12,0.25) 0%, rgba(0,0,0,0) 80%);
}

/*------------------------------------------------------------------
 || Slidebar/Sidebar Navigation
------------------------------------------------------------------*/

.lfm_slidebar {
	min-width: 225px;
	max-width: 225px;
	min-height: 100vh;
	transition: all 0.4s ease-in-out;
	background: url('images/side.webp') #E2DBDC;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top right;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
	color: white;
	box-shadow: 0px 5px 12px #000;
	z-index: 3;
}

.side-collapse {
    background-color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(255, 255, 255, .4);
    border-right: 1px solid rgba(255, 255, 255, .4);
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    border-radius: 0px 15px 15px 0px;
    max-width: 90%;
}

.dropdown-toggle a { font-weight: 900 !important; }


/* Desktop View Settings - Expand the slidebar by default */
@media (min-width: 890px) {
	.lfm_slidebar {
		margin-left: 0px;
	}
	.lfm_slidebar.toggled {
		margin-left: -225px;
	}
}

/* Mobile View Settings - Collapse the slidebar by default */
@media (max-width: 889px) {
	.lfm_slidebar {
		margin-left: -225px;
	}
	.lfm_slidebar.toggled {
		margin-left: 0px;
	}
}

.lfm_slidebar_toggleswitch {
	cursor: pointer;
	font-size: 24px;
	color: #EEEEEE;
	padding-right: 10px;
	text-shadow: 1px 2px 6px black;
}
.lfm_slidebar_toggleswitch:hover {
	color: #FDCA00;
}

.lfm_slidebar_mainmenu {
	list-style: none;
	padding-left: 0;
	overflow: auto;
}


/* This sets the style of the slidebar menu items */
.lfm_slidebar_mainmenu li > a {
	color: white;
	background-image: url('images/btn-info.webp');
	background-size: 80% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0.8rem 1.1rem 0.8rem 1.8rem;
	font-size: 15px;
	position: relative;
	font-weight: 700;
	cursor: pointer;
}

.lfm_slidebar_mainmenu li > a > img {
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 0px !important;
    max-width: 100%;
}

/* This sets the colors of the slidebar menu links when you hover over them */
.lfm_slidebar_mainmenu li > a.active,
.lfm_slidebar_mainmenu li > a:hover {
	color: white;
	background-image: url('images/btn-secondary.webp');
	/* border-left: 3px solid #FDCA00;
	background: rgb(255,182,12);
    background: linear-gradient(90deg, rgba(255,182,12,0.25) 0%, rgba(0,0,0,0) 80%); */
}

/*------------------------------------------------------------------
 || Member's Area
------------------------------------------------------------------*/

.main {
    background-image: url('images/bgs/default.webp'); 
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
}

#pagebody {
    background-color: #fafbfb;
    box-shadow: inset 0px 0px 20px 0px #dedfdf;
    border: 10px ridge #FFB60C;
    margin: 40px auto;
}

.list-group-item { /* This is primarily used for Daily Events */
    background-color: transparent !important;
    /* color: white !important; For SPH */
}

section {
    overflow: hidden;
}

.section_dark {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.49761911600577735) 0%, rgba(0,0,0,0.5032213569021359) 100%);
}

.memAreaStat {
    background: rgba(0, 0, 0, .4);
    color: white !important;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    text-shadow: 1px 2px 6px black;
    border: 1px solid rgba(255, 255, 255, .4);;
    border-radius: 10px;
    padding: 16px 0px;
}
.memAreaStat:hover {
    background: rgba(0, 0, 0, .9);
    border: 1px solid rgba(255, 255, 255, .4);;
}
.memAreaStat a { color: white !important; }
.memAreaStat a:hover { color: #FDCA00 !important; }
.memAreaStat img { max-width: 40%; }

.leaderHead {
    background: rgba(0, 0, 0, .4);
    color: white;
    font-size: 22px;
    font-weight: 900;
    border-radius: 10px 10px 0px 0px;
    padding: 15px 40px 15px 0px;
}

.leaderBody {
    background: rgba(0, 0, 0, .2);
    font-weight: bold !important;
    color: #630300 !important;
    border-radius: 0px 0px 10px 10px;
}

.leaderBody table { color: #630300 !important; }

.leaderHead a { 
    color: white !important;
    font-weight: 900;
    text-decoration: underline;
    text-shadow: 1px 2px 6px black;
    }
    
.leaderHead a:hover { color: #FDCA00 !important; }

.leaderBody a { 
    color: white !important;
    font-weight: 900;
    text-decoration: underline;
    text-shadow: 1px 2px 6px black;
    }
    
.leaderBody a:hover { color: #FDCA00 !important; }

.ranking {
    background-size: 70%; /* 100% */
    background-position: top center;
    background-repeat: no-repeat;
    color: white !important;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 3px black;
    width: 72px; height: 72px;
    display: block;
}

.trophbg { background-image: url('images/leaderboard/trophbg.webp'); padding-top: 2px; }
.gold { background-image: url('images/leaderboard/gold.webp'); padding-top: 2px; }
.silver { background-image: url('images/leaderboard/silver.webp'); padding-top: 2px; }
.bronze { background-image: url('images/leaderboard/bronze.webp'); padding-top: 2px; }

#overview { background: rgba(0, 0, 0, .4); }
#myaccttab { background: rgba(0, 0, 0, .4); }

/*------------------------------------------------------------------
 || Table & Form Styles
------------------------------------------------------------------*/
    
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled), .btn {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family: 'Inter', serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
[type="button"]:hover, [type="reset"]:hover [type="submit"]:hover, button:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled):active {
	position:relative;
	top:1px;
}

/*------------------------------------------------------------------
 || Sales Page
------------------------------------------------------------------*/

.hero {
    /* background-image: url('images/salespage/hero.webp');
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat; */
    position: relative;
    z-index: 990;
}

.hero-logo {
    background: url('images/logo.webp');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 200px;
    margin: 0 auto;
}

.powered-by {
    background: url('images/powered-by.webp');
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    margin: 0 auto;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.ninja {
    transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

.stone_hero {
    background-color: #947356;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

.stone_hero h3 {
    font-size: 24px;
    text-align: center;
}

.plate {
    background-image: url('images/salespage/plate.webp');
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    text-shadow: 0px 2px 4px black;
    display: block;
    height: 326px;
    font-weight: 900 !important;
    text-align: center;
    padding-top: 50px;
    font-size: 20px;
}

.join-top {
    background-image: url('images/salespage/join-top.webp');
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    text-shadow: 0px 2px 4px black;
    display: block;
    height: 326px;
}

.join-bot {
    background-image: url('images/salespage/join-bot.webp');
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    color: white;
    text-shadow: 0px 2px 4px black;
}

/*------------------------------------------------------------------
 || Login
------------------------------------------------------------------*/

.login-top {
    /* background-image: url('images/login/top.webp'); */
    background-image: url('images/logo.webp'); 
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 640px;
    height: 240px;
    display: block;
    margin: 0 auto;
}

.login-mid {
    /*background-image: url('images/login/mid.webp');
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;*/
    background-color: #fafbfb;
    box-shadow: inset 0px 0px 20px 0px #dedfdf;
    border: 10px ridge #FFB60C;
    color: black;
    /* text-shadow: 0px 1px 6px black; */
    width: 640px;
    height: 100%;
    margin: 0 auto;
}

.login-mid p {
	font-weight: 900;
	font-family: 'Source Sans Pro', sans-serif;
	color: black;
	/*text-shadow: 1px 1px 6px black;*/
	margin-bottom: 0px !important;
}

.login-mid a {
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	color: #3B1821;
	/* text-shadow: 1px 1px 6px black; */
	/* text-shadow: 0px 1px 6px black; */
}

.login-mid input[type=text], .login-mid input[type=password] {
    background-color: white;
    color: black;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
    border: 3px solid #FCB90C;
    }
    
.login-mid input::placeholder {
    color: #40006F;
    }
    
.login-mid table td, table th {
	padding: 5px;
	border: 0px solid #c44b36 !important;
	border-color: rgba(110,57,0,0.5);
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	color: black;
	/* text-shadow: 1px 1px 6px black; */
}

.login-mid table tr:nth-of-type(2n+1) td {
	background-color: rgba(255,226,188,0) !important;
}

.login-bot {
    /* background-image: url('images/login/bot.webp'); */
    background-repeat: no-repeat;
    width: 640px;
    height: 97px;
    display: block;
    margin: 0 auto;
}

/*------------------------------------------------------------------
 || Footer Styles
------------------------------------------------------------------*/

.lfm_footer {
    background-image: url('images/bgs/default.webp'); 
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #0A1956;
    background-repeat: repeat-x;
    background-position: top center;
	color: white;
}

.lfm_footer .nav {
    margin: 0 0 14px 0;
    padding: 20px 0 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    }
    
.lfm_footer .nav li {
    float: left;
    padding: 0 20px 0 0;
    }
    
.lfm_footer .nav li > a {
    font-size: 21px;
    line-height: 21px;
    text-shadow: 1px 2px 6px black;
    text-decoration: none !important;
    }

.lfm_footer a { 
    color: white;
    font-weight: 900;
    text-decoration: underline;
    }

.lfm_footer a:hover { color: #FDCA00; }



/*------------------------------------------------------------------
 || Backgrounds Graphics
------------------------------------------------------------------*/

.default { background-image: url('images/bgs/default.webp'); }