/*
Theme Name: MDT
Description: 
Author: Zazou
Author URI: 
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* MDT */

#content h1
, #content h2
, #content h3
, #content h4
{
text-align: center;
}

#content h2
, #content h3
, #content h4
{
margin: 30px 0;
}

#content .menu {
text-align: center;
}

#content .menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#content .menu li {
display: inline-block;
}

#content .menu li a {
display: block;
padding: 10px;
color: #3db1cc;
font-weight: bold;
text-decoration: none;
}

#content .menu li a:hover {
color: #fff;
background-color: #3db1cc;
}

#content .fancySearchRow input {
font-family: 'Quicksand';
padding: 10px;
margin: 10px auto;
border: 0;
border-radius: 5px;
width: 90% !important;
background-color: rgb(61, 177, 204, 0.1);
font-size: 18px;
}

#content div.table {
overflow-y: auto;
}

#content table {
width: 100%;
border: 1px solid #dcdcdc;
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
}

#content th
, #content td
{
padding: 10px;
border: 1px solid #dcdcdc;
vertical-align: middle;
}

#content th {
background: #f6f6f6;
}

#content tr {}

#content tr:nth-child(2n) {
background-color: #f6f6f6;
}

#content tr:hover {
background-color: rgb(61, 177, 204, 0.5);
}

#content .highlight {
background-color: rgb(249, 169, 38, 0.5) !important;
}

#content .highlight:hover {
background-color: rgb(249, 169, 38, 1) !important;
}

#content .highlight span {
display: inline-block;
background-color: #f9a926;
padding: 5px;
border-radius: 50px;
vertical-align: middle;
position: absolute;
margin-left: 10px;
}

#content .avatar_thumb {
width: 50px;
height: 50px;
border-radius: 4px;
vertical-align: middle;
display: inline-block;
margin-right: 10px;
}

#content #avatar_flag {
float: right;
position: relative;
}

#content #avatar_flag .avatar {
width: 200px;
height: 200px;
border-radius: 10px;
background-size: cover;
background-position: center;
}

#content #avatar_flag .flag {
width: 50px;
border-radius: 5px;
position: absolute;
bottom: -15px;
left: -15px;
}

#content #avatar_flag .avatar_gen {
width: 100px;
height: 100px;
position: absolute;
bottom: -30px;
right: -30px;
}

#content .col-2 > div {
width: 50%;
}

#content .col-2 > div:first-child {
float: left;
padding-right: 2%;
}

#content .col-2 > div:last-child {
float: right;
padding-left: 2%;
}

#content .rank_country {
color: #3db1cc;
}

#content .rank_world {
color: #f9a926;
}

#content .avatar_gen {
position: relative;
width: 100px;
height: 100px;
display: inline-block;
}

.page-template-les-maitres-du-temps #content .avatar_gen {
width: 65px;
height: 65px;
vertical-align: middle;
margin-right: 10px;
}

#content .avatar_gen > div {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
image-rendering: pixelated;
}

/* MDT */

@media (max-width: 1300px) {

#content .col-2 > div {
width: 100%;
}

#content .col-2 > div:first-child {
float: none;
padding-right: 0;
}

#content .col-2 > div:last-child {
float: none;
padding-left: 0;
}

}