/*
-----------------------
Notes for this css file
=======================

1. Back to top css code, is below in the css code.

*/





/* ==========================
    stat calculator settings on screen
   --------------------------
*/

.movecenter {
	align-items: center
}




#outer {
  width: 100%;
  text-align: center;
}

#inner {
  display: inline-block;
  }
  
/* ==========================
    Classes Pages Properties
   --------------------------
*/

.spacey {
padding: 6px;	
}


.Coco a:link{
        text-decoration: none;
        color: rgb(0, 0, 0);       
}

.Coco a:visited{
    text-decoration: none;
    color: rgb(0, 0, 0);   
}

.Coco a:hover{
    text-decoration: none;
    color: rgb(196, 0, 0);
}

.Coco a:active{
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.Coco {
    font-weight: bold;
}




.myclasses {
	font-size: 120%; 
    background-color:black;
	color: rgb(255, 255, 255);
	display: table fixed;
	padding:2px;
	}

.damagedealer {
	color: rgb(255, 0, 0);
    font-weight: bold;
}

.tanking {
	color: rgb(0, 0, 255);
    font-weight: bold;
}

.healer {
	color: rgb(0, 128, 0);
    font-weight: bold;
}






/* =============================
       Website settings CSS 
   -----------------------------
*/

a, a:hover {
    cursor: pointer;
}

body {
    background-image: url("background001.png");
    background-repeat: repeat;
    background-color: rgb(0, 0, 0);
    font-family: Georgia,Times,"Times New Roman",serif; 
}


/* Background color of the banner section */

.bg-black
{
  background-color: rgb(0, 0, 0);
  }




/* change the background color */
.navbar-custom {
    background-color: #000;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);    
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    padding-right:20px;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: rgb(228, 228, 228);
}







/* ==========================
     Main page css settings 
   --------------------------    
 */

.maintext {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid rgb(0, 0, 0);
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
}


/* Properties Progressionbar */
.prop {
     border: 2px solid rgb(0, 0, 0);
     color: rgb(0, 0, 0);
}
   
.prop2 {
     color: rgb(0, 0, 0);
}
   
   
.progress {
    height: 25px;
    font-size: 15px;
}
.bar {
    font-size: 15px;
    line-height: 20px;	
}







/* ================================
     News & Updates Page Settings
   --------------------------------
*/

.newsupdatetext {
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.h3set h2 {
    display: table; 
    padding:5px;
    background-color:black;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.h3set3 h3 {
    display: table; 
    padding:5px;
    background-color:black;
    color: rgb(255, 255, 255);
    font-weight: bold;
}


.h3set4 h4 {
    display: table; 
    padding:5px;
    background-color:black;
    color: rgb(255, 255, 255);
    font-weight: bold;
}





/* ===========================
    How to play page settings
   ---------------------------
*/


.howbookm a:link{
    text-decoration: none;
    color: rgb(0, 0, 0);        
}

.howbookm a:visited{
    text-decoration: none;
    color: rgb(0, 0, 0);;    
}

.howbookm a:hover{
    text-decoration: underline;
    color: rgb(139, 0, 0);    
}

.howbookm a:active{
    text-decoration: none;
    color: rgb(0, 0, 0);;
}


@media only screen and (max-width: 720px) {
    .lesspace {
        margin-left: -27px;
    }
    .lesspace2 {
        margin-left: -12px;
    }
    
    .gabpoint{
        column-gap: 0px;
        row-gap: 0px;
    }
    .cSize2 li{
        margin-left: 0px;         
    }
    .cSize2 ul,i {
        list-style-position: outside;
        margin-left:-0.7em;
    }
    .totheleft{
        margin-left: -35px;
    }

    .hidethis {
        display:none; 
    }
    
    /* =============================
    Back to top button settings
   -----------------------------
*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 50%;
    z-index: 99;
    font-size: 15px;
    border: 1px solid rgb(255, 255, 255);
    outline: none;
    background-color: rgb(80, 40, 40);
    color: rgb(0, 0, 0);
    padding: 10px;
    border-radius: 8px;
  }
}

.howsize {
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,1);
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 2px solid rgb(0, 0, 0);;
	
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
    background-color: rgba(219, 197, 155, 0.5);
    justify-content: center;
    
}
.playtext {
    color: rgba(0, 0, 0, 1);
}

.cSize {
    margin-left: 10px;
    text-align: start;
    
}

.cSize2 {
    margin-left: 20px;
    margin-right: 20px;
    text-align: start;    
}

.cSize2 li{
    margin-left: 20px;
     
}
.gabpoint{
    column-gap: 5%;    
}

.textspace01{
    padding-left: 24px;
}

.totheleft{
    margin-left: -20px;
}

.cSize ul,li {
    /*
     * We want the bullets outside of the list,
     * so the text is aligned. Now the actual bullet
     * is outside of the list’s container
     */
    list-style-position: outside;
    margin-left:-0.7em;
}




/* =============================
    Back to top button settings
   -----------------------------
*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 15%;
    z-index: 99;
    font-size: 15px;
    border: 1px solid rgb(0, 0, 0);
    outline: none;
    background-color: rgb(80, 40, 40);
    color: rgb(0, 0, 0);
    padding: 10px;
    border-radius: 8px;
  }
  
  #myBtn:hover {
    background-color: #555;
  }
  
  
  
  
  /* PLAYERBASE settings */
  
  #playerbase { background-color: black !important;}