/*
Theme Name: Hearthstone Battlegrounds
Version: 1.0
Description: A child theme of Understrap
Author: Vyrinn
Template: understrap
*/

@import url("../understrap/style.css");

/* ********** GENERAL ********** */

@import url('https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'SF Dojo';
	src: url('/wp-content/themes/street-fighter-dojo/fonts/sfdojo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


html {
	background: url('/wp-content/uploads/2024/10/sfdojo_bg.jpg') 50% #f1d4ab;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: 'Montserrat', sans-serif !important;
}

body {
	background: url('/wp-content/uploads/2024/10/sfdojo_bg.jpg') 50% #f1d4ab;
	background-size: cover;
	background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'SF Dojo', sans-serif !important;
	color: #614326;
}

h3 {
	font-size: 1.5rem !important;
}

h4 {
	font-size: 1.3rem !important;
}

.btn-cta {
	padding: 12px 25px !important;
    background-color: #EDA115 !important;
	display: inline-block;
   	width: 300px !important;
	font-family: 'SF Dojo', sans-serif !important;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
	border-radius: 10px;
}

.btn-cta:hover {
	color: #fff;	
}

/* ********** NAVIGATION ********** */

header {
	background-color: #2f3074 !important;
	position: fixed;
    left: 0;
    width: 100%;
	z-index: 10000;
}

.custom-logo-link img {
	max-width: 125px;
}

.offcanvas li a {
	font-family: 'SF Dojo', sans-serif !important;
	color: #fff;
	margin-left: 40px;
}

/* ********** HOME ********** */
.hero-home .container {
	max-width: 800px !important;
}

.hero-home .L.a.b.c.d.b1-10-cc {
	display: flex;
    flex-wrap: wrap;
	grid-row-gap: 0 !important;
}

/* ********** FORM ********** */

label {
	color: #fff !important;
}

#form-bitforms_1_23_1 {
	display: flex !important;
	flex-wrap: wrap;
	padding-top: 32.5px;
}

/* .Q.CJ.b1-2-option-search-wrp,
.Q.CJ.b1-4-option-search-wrp,
.Q.CJ.b1-6-option-search-wrp {
	display: none !important;
}

.L1.a1.b1.c1.d1.b1-5-cc {
	display: flex !important;
}

.btcd-fld-itm.b1-3,
.btcd-fld-itm.b1-4,
.btcd-fld-itm.b1-7,
.btcd-fld-itm.b1-8 {
	width: 50% !important;
	float: left !important;
}

.btcd-fld-itm.b1-5,
.btcd-fld-itm.b1-9 {
	min-height: initial !important;
	clear: both;
}

.L1.a1.b1.c1.d1.b1-10-cc {
	display: flex !important;
	flex-wrap: wrap;
}

.b1-10-cw {
    width: 32%;
}

.btcd-fld-itm.b1-10 {
    min-height: initial;
    clear: both;
} */

.btcd-fld-itm {
	width: 50% !important;
}

.btcd-fld-itm.b1-1 {
	width: 100% !important;
}

#bitforms_1_23_1 button[type="submit"] {
	padding: 12px 25px !important;
    background-color: #EDA115 !important;
    width: 100%;
}

/* ********** STATS ********** */

.latest-ranks {
	padding-top:150px !important;
}

.latest-ranks .col-md-6 {
	width: calc(50% - 20px);
	margin: 10px;
	color: #614326 !important;
	background: #ffffff5e;
    padding: 20px 20px 0 20px;
    border-radius: 10px;
    margin-bottom: 20px;
	font-size: 18px;
}

.latest-ranks td {
    padding: 2px 10px !important;	
    font-weight: bold;
    font-family: 'SF Dojo', sans-serif !important;
	line-height: 22px;
	font-size: 15px;
}

.latest-ranks td.current-rank {
	color: #d38a04 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
}

.data-container {
    background: rgba(97, 67, 38, .1);
	background: #ffffff5e;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#bitforms_1_23_1 div[aria-label="Dropdown"] {
	background-color: #fff !important;
}

table {
	color: #614326;
}

.type-container {
	display: flex;
	flex-wrap: wrap;
}

.type-container label {
	width: 50%;
}

#bitforms_1_23_1 label,
.form-group label,
tr th {
	font-family: 'SF Dojo', sans-serif !important;
    color: #614326;
}

tr td {
	color: #434343;
	font-weight: 600;
}

th, td {
	border: none !important;
}

.data-container table {
	margin-bottom: 0;
}

.data-container table tr th:first-of-type,
.data-container table tr td:first-of-type {
	padding-left: 0;
}

.data-container td {
    font-size: 14px;
	width: 16.667%;
}

.hero-stats .form-group {
    margin-bottom: 15px;
}

.L.a.b.c.d.b1-5-cc {
	display: flex;
}

.hero-stats .col-md-4 {
	position: sticky;
    height: 740px;
    top: 130px;
	background: #ffffff5e;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.player-meta {
	margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'SF Dojo', sans-serif !important;
    color: #614326 !important;
    font-size: 14px;
    font-family: 'Montserrat' !important;
    font-weight: 700;
}

.player-meta span {
	color: #d38a04 !important;
}

.empty {
    background: #ffffff5e;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

#clear-filters {
	width: 100%;
    padding: 12px 25px !important;
    background-color: #EDA115 !important;
    border: none;
    font-weight: 600;
    font-size: 14px;
}

input[type="date"] {
	width: 100% !important;
}

#form-bitforms_1_23_1 p {
    font-weight: bold;
}

div#bf-form-msg-wrp-bitforms_1_23_1,
div#bf-form-msg-wrp-bitforms_1_23_1 div,
div#bf-form-msg-wrp-bitforms_1_23_1 span {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    height: 30px !important;
	background-color: transparent !important;
	color: #000 !important;
	font-weight: bold !important;
	font-family: 'SF Dojo', sans-serif !important;
}

/* ********** FOOTER ********** */

#wrapper-footer {
	display: none !important;
}

/* ********** MEDIA QUERIES ********** */

@media (max-width: 767px) {

	.hero-stats .col-md-3 {
		position: initial !important;
		height: initial;
	}

}