/*
Theme Name: Da Best CMS STHNETWK Coming Soon Default Theme
Theme URI: https://dabestcms.com/themes
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 1.0
*/

/* 
*  CSS TABLE OF CONTENTS
*   
*  1.0 - Reset
*  2.0 - Fonts
*  3.0 - Globals
*  4.0 - Color Palette
*  5.0 - Header
*  6.0 - Body
*    6.1 - Sliders
*    6.2 - Imagery
*  7.0 - Footer
*/


/*** 1.0 - Globals ***/
body {
	background-color: #ecf0f5;
	/*font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;*/
	font-family: var(--bs-font-sans-serif);
	font-weight: 400;
}

.display-border {
	border: 1px solid #000;
}

body, html {
    height: 100%;
	padding: 0;
	margin: 0;
}

.cookiealert {
    position: fixed !important;
	background: rgba(33, 48, 70, 1) !important;
}

.cookiealert a {
    color: rgba(83, 114, 169, 1);
	text-decoration: none !important;
}

.cookiealert-btn {
    position: fixed !important;
	background-color: rgba(83, 114, 169, 1) !important;
	border: 1px solid rgba(83, 114, 169, 1) !important;
}

/*** 2.0 - Header ***/
#cs-nav-bg {
	background-image: url("/public/images/cs.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 1080px;
}

.cs-header-navbar {
	min-height: 50px;
}
	
.cs-header-navbar-bg-color {
	background-color: rgba(33, 48, 70, .3) !important;
}

#cs-header-nav {
	max-width: 1000px;
}

#cs-header-nav-logo img{
	height: 100px;
}

#cs-header-coming-soon-title{
	color: #FFFFFF;
	font-size: 100px;
	font-weight: 900;
	text-align: center;
	margin: 175px auto 25px auto;
}

#cs-header-coming-soon-brief{
	width: 400px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin: 0 auto;
}

.tooltip-inner {
    background-color: rgba(33, 48, 70, 1);
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: rgba(33, 48, 70, 1); !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: rgba(33, 48, 70, 1); !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: rgba(33, 48, 70, 1); !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgba(33, 48, 70, 1); !important;
}

#cs-header-coming-soon-buttons{
	text-align: center;
	margin: 25px 0 0 0;
}

#cs-header-coming-soon-button-updates{
	color: #FFFFFF;
	font-weight: 700;
	background-color: rgba(33, 48, 70, 1) !important;
	border-radius: 12px;
	border-color: rgba(33, 48, 70, 1) !important;
	padding: 15px 40px 15px 40px;
}

#cs-header-coming-soon-button-updates:hover{
	color: #FFFFFF;
	font-weight: 700;
	background-color: rgba(83, 114, 169, 0) !important;
	border-radius: 12px;
	border-color: rgba(255, 255, 255, 1) !important;
	padding: 15px 40px 15px 40px;
}

#cs-header-coming-soon-button-support{
	color: #FFFFFF;
	font-weight: 700;
	background-color: rgba(83, 114, 169, 1) !important;
	border-radius: 12px;
	border-color: rgba(83, 114, 169, 1) !important;
	padding: 15px 40px 15px 40px;
	margin: 0 0 0 20px;
}

#cs-header-coming-soon-button-support:hover{
	color: #FFFFFF;
	font-weight: 700;
	background-color: rgba(33, 48, 70, 0) !important;
	border-radius: 12px;
	border-color: rgba(255, 255, 255, 1) !important;
	padding: 15px 40px 15px 40px;
	margin: 0 0 0 20px;
}

/*** 3.0 - Footer ***/
.cs-footer-cr {
	text-align: center;
}

.cs-footer-cr a {
    color: rgba(83, 114, 169, 1);
	text-decoration: none !important;
}

/*** 4.0 - Content ***/

.cs-content {
	max-width: 1000px;
}

.cs-content-title {
	font-weight: 900;
}

.cs-content-preview {

}

.cs-content-preview img{
	height: 100%;
	width: 100%;
}

.cs-content-preview-title {
	font-weight: bold;
	text-align: center;
}

.cs-content-log {
	min-height: 100px;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;	
	margin: 25px 0 0 0;
}

.cs-content-log-header {
	height: 100px;
	width: 700px;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
}

.cs-content-log-header-icon {
}

.cs-content-log-header-icon img{
	height: calc(250px / 4);
	width: calc(315px / 4);
	background: #ffffff;
	padding: 5px;
	object-fit: cover;
	object-position: 20% 0%;
}

.cs-content-log-header-title {
	font-weight: bold;
}

.cs-content-log-header-txt {
}

.cs-content-log-header-date {
}

/*** 5.0 - Playground Battle Matrix ***/
.pg-bm-content {
	max-width: 1000px;
}

.pg-bm-characters {
	width: 100%;
}

.pg-bm-character {
	width: 400px;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
	padding: 15px;
	margin: 0 25px 0 0;
}

.pg-bm-character-avatar {
}

.pg-bm-character-avatar img{
	width: 100%;
	border: 1px solid #dee2e6;
	border-radius: 12px;
	background: #ffffff;
	padding: 5px;
}

.pg-bm-character-name {
	font-weight: bold;
}

.pg-bm-character-txt {
}

.pg-bm-character {
	width: 200px;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
	padding: 15px;
}

.pg-bm-battle {
	margin: 0 25px 0 25px;
}

.pg-bm-battle-character {
	width: 200px;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
	padding: 15px;
}

.pg-bm-battle-character-avatar {
}

.pg-bm-battle-character-avatar img{
	width: 100%;
	border: 1px solid #dee2e6;
	border-radius: 12px;
	background: #ffffff;
	padding: 5px;
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.pg-bm-battle-character-name {
	font-weight: bold;
}

.pg-bm-battle-character-txt {
}


.pg-bm-battle-player {
	width: 200px;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
	padding: 15px;
}

.pg-bm-battle-player-avatar {
}

.pg-bm-battle-player-avatar img{
	width: 100%;
	border: 1px solid #dee2e6;
	border-radius: 12px;
	background: #ffffff;
	padding: 5px;
}

.pg-bm-battle-player-name {
	font-weight: bold;
}

.pg-bm-battle-player-txt {
}


.pg-bm-battle textarea{
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
}

.pg-bm-battle input{
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
}


@media only screen and (max-width: 600px) {
#cs-header-coming-soon-title{
	width: 250px;
	font-size: 50px;
}

#cs-header-coming-soon-brief {
	width: 250px;
}	

.cs-content-log-header {
	height: 100px;
	width: 350px;
	background-color: #ffffff;
	box-shadow: 0 1px 6px 1px rgba(69,65,78,.1);
	border-radius: 12px;
}
	
} 

/*** 6.0 - CS Sprites ***/
.person--npc[data-v-69866478] {
	display:none;
	bottom:68px;
	bottom:calc(84px - var(--npcbottom));
	left:53%;width:0;
	width:var(--npcwidth)
}

@media(min-width:768px) {
	.person--npc[data-v-69866478] {
		display:block
	}
}

@media only screen and (max-height:440px) and (orientation:landscape) {
	.person--npc[data-v-69866478] {
		bottom:38px;
		bottom:calc(54px - var(--npcbottom))
	}
}

.person--npc .person__inner[data-v-69866478] {
	transform:translateZ(0);
	-webkit-animation:npc-animate-69866478 .7s steps(1) 2.5s infinite;
	animation:npc-animate-69866478 .7s steps(1) 2.5s infinite
}

.person--npc .person__inner img[data-v-69866478] {
	width:var(--npcwidth);
	min-width:var(--npcwidth)
}

@-webkit-keyframes npc-animate-69866478 {
	0% {
		transform:translateZ(0)
	}
	33.333% {
		transform:translate3d(calc(var(--npcwidth)*-1),0,0)
	}
	66.666% {
		transform:translate3d(calc(var(--npcwidth)*-2),0,0)
	}
	to {
		transform:translate3d(calc(var(--npcwidth)*-3),0,0)
	}
}

@keyframes npc-animate-69866478 {
	0% {
		transform:translateZ(0)
	}
	33.333% {
		transform:translate3d(calc(var(--npcwidth)*-1),0,0)
	}
	66.666% {
		transform:translate3d(calc(var(--npcwidth)*-2),0,0)
	}
	to {
		transform:translate3d(calc(var(--npcwidth)*-3),0,0)
	}
}