/* 
------------ Minecraft server Template ----------
------------ Template HTML5 Minecraft -----------
------------Created by Rodry --------------------
*/

@font-face {
	font-family:"Minecrafter";
	src:url("../Font/Minecrafter_Reg.eot?") 
	format("eot"),url("../Font/Minecrafter_Reg.woff") 
	format("woff"),url("../Font/Minecrafter_Reg.ttf") 
	format("truetype"),url("../Font/Minecrafter_Reg.svg#Minecrafter") 
	format("svg");font-weight:normal;font-style:normal;
}

* {
    box-sizing: border-box;
}

body {
    background-image: url("../images/tierra3.png");
    background-repeat: repeat;
}

h1, h2, h3 {
    font-family: "Minecrafter";
}

.text-mine {
    font-family: "Minecrafter";
}



/* Header */

header {
    background-image: url("../images/bgtop.png");
    padding: 20px 0;
}

.navbar {
    background-color: transparent!important;
}

.navbar-brand {
    font-size: 2em!important;
    font-family: "Minecrafter";
    color: white!important;
}

.navbar-nav a {
    color: white!important;
    
    font-size: 1.3em;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.3em;
}

.navbar-nav a {
    background-image: url("../images/sign.png");
    margin: 0 10px;
    padding: 10px 20px!important;
    font-weight: bold;
}

.navbar-nav a:hover {
    background-image: url("../images/signhover.png");

}


/* Featured */

#featured {
    color: white;
    font-size: 1.6em;
    margin-top: 50px;
    width: 100%;
    background-image: url("../images/bg.png");
    background-position: top center;
    background-size: 100%;
}

.featured-in {
    padding: 40px;
}

.featured-in img {
    width: 100%;
    border: 2px solid rgb(187, 187, 187);
}

.featured-in h1 {
    color: rgb(0, 238, 255);
}

#info-server {
    color: rgb(255, 255, 255);
}

#info-server p {
    margin: 0;
    font-weight: bold;
    color: rgb(6, 255, 201);
}

#info-server p span {
    color:rgb(255, 255, 255);
}

#info-server a {
    color: rgb(255, 255, 255);
}

#info-server i {
    color: rgb(6, 255, 201);
    margin-right: 10px;
}

/* Content all*/

#content-all {
    margin-top: 50px;
}


.content-in {
    background-color: white;
    padding: 40px;
}

.sidebar-in {
    color: white;
    padding: 20px;
    background-image: url("../images/brick.jpg")
}

.column h2 {
    color: black;
}

.view-more {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.button {
    margin-top: 20px!important;
    text-decoration: none;
    background-color: rgb(255, 234, 165)!important;
    border-radius: 0;
}

/* sidebar */

#sidebar {
    color: black;
    font-size: 1.2em;
}

#sidebar img {
    width: 80%;
    margin: 10px 0;
}

.side {
    margin-bottom: 30px;
}

.side a {
    color: white;
}

.sidebar-in h2{
    color: rgb(0, 238, 255);
    
}

.sidebar-in {
    text-align: center;
}

.forum {
    text-align: center;
}

.forum a {
    color: rgb(0, 238, 255);
    text-decoration: none;
}

.forum a:hover {
    color: white;
}

/* Content in */

.content-in {
    font-size: 1.2em;
}



.post {
     margin-bottom: 30px;
}

.content-in h2 {
    background-color: rgb(255, 234, 165);
    padding: 10px 20px;
    text-align: center;
}

.content-in img {
    width: 100%;
    margin: 30px 0;
}

.column iframe {
    width: 100%;
    height: 900px;
}

/* VIDEO RESPONSIVE */

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	margin: 30px 0;
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

span.online_players { color: rgb(0, 219, 0); font-weight: bold; }

span.azul {
    font-weight: bold;
    color: rgb(6, 255, 201);
}

span.rojo {
    font-weight: bold;
    color: rgb(251, 89, 89);
}

/* FOOTER  */

footer {
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 50px;
    background-image: url("../images/diamant.jpg");
}

footer h3 {
    font-size: 2.4em;
    margin-bottom: 20px;
    text-align: center;
}

footer p {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 1.2em;
    border-radius: 10px;
    padding: 10px 20px;
}

footer .col-md-12 {
    margin-bottom: 30px;
}

/* another */

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.vip .content-in {
    min-height: 200px;
}

.vip {
    margin-bottom: 30px;
}

/* SOCIAL */

#social img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

#social a {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    display: block;
    font-weight: bold;
    color: white!important;
    font-family: "Minecrafter";
    font-size: 1.5em!important;
    margin-bottom: 20px;
    padding: 5px 20px;
    text-decoration: none;
    border-radius: 10px;
}

.links {
    text-align: center;
}

.links a {
    padding: 12px 0!important;
}

#social a:hover {
    color: rgb(0, 204, 255)!important;
}


/* FORM */

.form-group {
    margin-top: 30px;
}

.form-group label {
    margin-bottom: 5px;
}

.page-form p {
    margin-top: 30px;
}

/* PAGINATION */

#pagination {
    font-size: 1.3em;
    margin: 30px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}


@media (max-width: 576px) {
    .navbar-brand {
        margin-left: 15px;
    }

    #featured {
        font-size: 1.2em;
    }

    .featured-img{
        display: none;
    }

    .content-in {
        padding: 10px;
    }

    .featured-in {
        padding: 10px;
        text-align: center;
    }

    #featured h1 {
        margin-top: 10px;
        color: white;
    }

    ul.navbar-nav {
        margin-top: 10px;
    }

    .nav-link {
        margin-bottom: 10px!important;
        text-align: center;
    }

}

@media (min-width: 577px) and (max-width: 768px){

    #featured {
        font-size: 1.2em;
    }

    .featured-img{
        display: none;
    }

    .content-in {
        padding: 20px;
    }

    .featured-in {
        padding: 10px;
        text-align: center;
    }

    #featured h1 {
        margin-top: 10px;
        color: white;
    }

    ul.navbar-nav {
        margin-top: 10px;
    }

    .nav-link {
        margin: 5px 0!important;
        text-align: center;
    }
    
}

@media (min-width: 769px) and (max-width: 992px){

    #featured {
        font-size: 1.2em;
    }

    .content-in {
        padding: 20px;
    }

    .featured-img {
        display: none;
    }

    .featured-in {
        padding: 10px;
        text-align: center;
    }

    #featured h1 {
        margin-top: 10px;
        color: white;
    }

    ul.navbar-nav {
        margin-top: 10px;
    }

    .nav-link {
        margin: 5px 0!important;
        text-align: center;
    }
    
}