/*****************************/
/* Tabs
/*****************************/ 
@import url('normalize.css');
@import url('style.css');
@import url('tabs.css');
@import url('tabstyles.css');

/*****************************/
/* General Settings
/*****************************/ 
.logo-wrapper img {
    width: 400px;
    height: auto;
}
@media screen and (max-width: 460px) {
    .logo-wrapper img {
        width: 95%;
        display: block;
        margin: 0 auto 20px;
    }
}
.gami-img {
	width: 100%;
}
.margin-zero {
	margin: 0 auto;
}

.align-center {
	text-align: center !important;
}

.gamitechation_container label {
	display: inline-block;
	width: 150px;
}

.gamitechation_container .form_field {
	margin-bottom: 20px;
}

.gamitechation_container select, .gamitechation_container input, .gamitechation_container button {
	width: 340px;
}

.gamitechation_container button {
	height: 30px;
}

.gamitechation_container button {
	margin-top: 20px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #3f0002;
    color: #fff;
}

.gamitechation_container .table-heading {
	text-align: center;
	font-weight: 900;
}

.gamitechation_container table, .gamitechation_container table tr, .gamitechation_container table td {
	border: 1px solid #cecece;
}

.gamitechation_container table td {
	padding: 10px;
}

.gamitechation_container .text-caption {
	font-size: 8px;
}

.gamitechation_container .align-right {
	text-align: right;
}

.badge_icon {
	width: 150px;
	margin: 5px;
}

.shortcode_column {
	width: 12%;
}

/* LEADERBOARD CSS */
.gamitechation_container .classes {
    display: block;
}
.gamitechation_container .board_tags {
    display: inline-block;
    border: 1px solid #cecece;
    padding: 15px;
    margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	vertical-align: top;
	width: 300px;
}
.full-width {
	width: 100% !important;
}
.bws_leaderboard ul {
    display: block;
    text-align: center;
}
.bws_leaderboard ul li {
    display: inline-block;
    width: 255px;
    vertical-align: top;
    padding: 0 10px;
    margin-bottom: 30px;
}
img.bws_badge {
    width: 200px;
    margin-bottom: 10px;
}
.user_profiles {
    padding: 15px;
    min-height: 450px;
    display: block;
    background-color: #370006;
    position: relative;
    margin-top: 100px;
    color: #fff;
}
.user_profiles:before {
    content: '';
    display: block;
    width: 100%;
    height: 70px;
    background: url("../img/crown.png") no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -85px;
    left: 0;
}
.bws_leaderboard ul li:nth-child(2) .user_profiles:before {
    background-image: url("../img/crown.png");
}
.bws_leaderboard ul li:nth-child(3) .user_profiles:before {
    background-image: url("../img/crown.png");
}
.bws_leaderboard ul li:nth-child(4) .user_profiles:before {
    background-image: url("../img/crown.png");
}
.profiles {
    overflow: hidden;
    position: relative;
}
.profiles:not(:first-child) {
    padding-left: 25px;
}
.profiles + .profiles {
    margin-top: 15px;
    text-align: left;
}
.profiles:not(:first-child) p {
    float: left;
    width: 110px;
    font-size: 14px;
}
.profiles p {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
/*img.avatar-default {
    width: 100%;
    border: 3px solid #FFF;
    margin-bottom: 15px;
}
img.avatar:not(.avatar-default) {
    float: left;
    width: 65px;
    border: 2px solid #FFF;
    margin-right: 5px;
    margin-top: 6px;
}*/
.profiles:first-child img.avatar:not(.avatar-default) {
    width: 100%;
    border: 3px solid #FFF;
    margin-bottom: 30px;
}
span.leaderboard_place {
    background-color: #A78239;
    border-radius: 100%;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.profiles:first-child span.leaderboard_place {
    background-color: #A78239;
    width: 30px;
    height: 30px;
    top: 195px;
    left: 50%;
    margin-left: -15px;
    font-size: 16px;
    line-height: 30px;
    margin-top: 0;
}
.bws_badges img {
    width: 200px;
}
.bws_leaderboard ul li p.bws_points {
    position: relative;
    display: block;
}
.bws_leaderboard ul li p.bws_points:after {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background: #370006;
    margin-top: 15px;
}
.bws_leaderboard ul li:nth-child(2) .user_profiles, 
.bws_leaderboard ul li:nth-child(2) p.bws_points:after {
    background-color: #370006;
}
.bws_leaderboard ul li:nth-child(3) .user_profiles,
.bws_leaderboard ul li:nth-child(3) p.bws_points:after {
    background-color: #370006;
}
.bws_leaderboard ul li:nth-child(4) .user_profiles,
.bws_leaderboard ul li:nth-child(4) p.bws_points:after {
    background-color: #370006;
}
.collect_button {
    padding: 10px !important;
    border-radius: 5px !important;
    border: none !important;
    background-color: #dfc5ff !important;
}

/* GAMITECHATION STYLING SETTINGS */
.gamitechation_design_settings_wrapper {
    background: #FFF;
    width: 340px;
    padding: 20px;
    border: solid 1px #ccc;
    margin-top: 20px;
    min-height: 220px;
    color: #555;
}
.gamitechation_design_settings_wrapper h1 {
    color: #555;
    line-height: 30px;
    margin-top: 0;
}
.gamitechation_design_settings_wrapper .form_field {
    display: block;
    height: 40px;
}
.gamitechation_design_settings_wrapper .form_field + .form_field {
    margin-top: 5px;
}
.gamitechation_design_settings_wrapper .form_field.header {
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    height: auto;
    margin-bottom: 20px;
}
.gamitechation_design_settings_wrapper .form_field.header p {
    margin: 0;
}
.gamitechation_design_settings_wrapper .form_field label, .gamitechation_design_settings_wrapper .form_field input {
    display: inline-block;
    width: 30%;
}
.gamitechation_design_settings_wrapper .form_field input {
    width: 67% !important;
}
.gamitechation_design_settings_wrapper .form_field button {
    width: 200px;
    height: 30px;
    float: right;
    margin-right: 7px;
    margin-top: 10px;
}
.wp-picker-container .wp-color-result.button {
    margin: -20px 6px 6px 0;
}
.gamitechation_design_settings_wrapper .form_field select.gamitechation_fonts {
    margin-left: 0px !important;
    width: 215px !important;
}
.gamitechation_design_settings_wrapper .form_field.google_field {
    display: none;
}
.gamitechation_design_settings_wrapper .form_field.google_field.show {
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    margin-top: 0;
}
/* END GAMITECHATION STYLING SETTINGS */