body { font-size: 10px !important; line-height: normal !important; }
.content { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; padding: 0 0.5em 1em 0.5em; }
    .content h1 { font-weight: 700; }

h1 a:last-child { float: right; font-size: 15px; color: #999; font-weight: 100; }

h3 { font-size: 2em; font-weight: 700; margin: 0; }
h5 { font-size: 1.3em; font-weight: 700; color: #000; margin: 15px 0 0 0; }
h4 { font-size: 1.2em; font-weight: 700; margin: 20px 0 0 0; display: inline; }

.f { background-position: -352px -416px; }

.iWrapper { width: 100%; padding: 0; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "a b1" "a b2" "a b3"; }
.PPimage { grid-area: a; padding-right: 1em; }
.PPcountryDiv { grid-area: b1; padding: 0 0 0.5em 0; }
    .PPcountryDiv h3 { color: #AB192D; }
.PPtotalsDiv { grid-area: b2; }
.PPstatsDiv { grid-area: b3; padding-right: 1em; }

.PPCountry { display: flex; align-items: center; padding-top: 5px; }
.PPflagL { padding-right: 1em; }
.PPflagR { font-size: .9em; font-weight: bold; padding: 0; margin: 0; line-height: 105%; }

#PPtotals { display: flex; flex-wrap: wrap; font-size: 1.2em; font-weight: 700; padding: 0.5em; color: #000; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 0.5em; justify-content: space-around; }
    #PPtotals b { color: #AB192D; }
    #PPtotals div { text-align: center; padding: 0 0.5em 0.3em; }

#PPstats { font-size: 1em; font-weight: 700; padding: 0; color: #666; }
    #PPstats b { color: #AB192D; }
    #PPstats th { border: none !important; }
    #PPstats td { border-color: #EEE; }

    #PPstats th:nth-child(2n+1) { color: #666; text-align: left; }
    #PPstats th:nth-child(2n+2) { color: #666; text-align: center; }
    #PPstats th:nth-child(2n+3) { color: #666; text-align: right; }

    #PPstats td:nth-child(2n+1) { color: #666; text-align: left; font-weight: 400; }
    #PPstats td:nth-child(2n+2) { color: #666; text-align: center; font-weight: 400; }
    #PPstats td:nth-child(2n+3) { color: #666; text-align: right; font-weight: 400; }

.PPbiobits { font-size: 1.1em; color: #333; padding-left: 1em; }
    .PPbiobits li { margin: 0 0 0.5em 0; }

#dtPlayers td:nth-child(1) { text-align: left; vertical-align: middle; }
#dtPlayers td:nth-child(2) { text-align: left; vertical-align: middle; }
#dtPlayers td:nth-child(3) { text-align: right; vertical-align: middle; font-weight: 400; }
#dtPlayers td:nth-child(4) { text-align: center; vertical-align: middle; font-weight: 400; padding-right: 10px; }
#dtPlayers td:nth-child(5) { text-align: right; vertical-align: middle; font-weight: 700; font-size: 1.1em; color: #000; padding-right: 10px; }

#dtPlayers th:nth-child(1) { text-align: left; font-weight: 700; font-size: 1.2em; }
#dtPlayers th:nth-child(2) { text-align: left; font-weight: 700; font-size: 1.2em; }
#dtPlayers th:nth-child(3) { text-align: center; font-weight: 700; font-size: 1.2em; }
#dtPlayers th:nth-child(4) { text-align: center; font-weight: 700; font-size: 1.2em; padding-right: 20px; }
#dtPlayers th:nth-child(5) { text-align: right; font-weight: 700; font-size: 1.2em; padding-right: 30px; }
#dtPlayers td:nth-child(2) a { color: #AB192D; }

#dtPlayers .dtTournament { font-weight: normal; font-size: 1.1em; color: #AB192D; line-height: 120%; }
#dtPlayers .dtEvent { font-weight: 700; font-size: 1.1em; color: #000 !important; line-height: 120%; }
#dtPlayers small { font-size: 1.1em; color: #666; line-height: 120%; }

#dtPlayers a:hover { text-decoration: underline; }
.sorting_desc:after, .sorting_asc:after { color: #AB192D; opacity: 1 !important; }

.dtDiv { margin-top: 1em; height: auto; overflow-x: auto; width: 100%; }
#filters { width: 100%; text-align: right; }

.fancy-grid-header-cell:nth-child(2) { background: url(/images/close.gif) !important; }

.paginate_button a { color: #000; }
.pagination li.active a { background-color: #000; color: #FFF; border-color: #000; }
.form-control { font-size: 16px; margin: 0 0.5em 0.5em 0; }

/*p { font-family: arial; font-size: .9em; text-align: justify; line-height: 1.2em; margin: 15px 0 25px 0; }*/
#txtSearch { max-width: 400px; margin: 20px 10px 10px 0; height: 34px; }
#btnSearch { margin-top: -3px; }
#btnPOY { margin: -2px 0 0 70px; }

.aTitle, aTitle:hover, aTitle:active, aTitle:visited { color: #000 !important; text-decoration: none !important; }

.nav-tabs li { font-weight: 900; font-size: 1.6em; color: #9A1628 !important; }
.nav-tabs a { color: #666; }
.nav-tabs li.active a { color: #AB192D !important; }

input[type="search"]::-webkit-input-placeholder { color: #666; }
input[type="search"]:-moz-placeholder { color: #666; }
input[type="search"]::-moz-placeholder { color: #666; }
input[type="search"]:-ms-input-placeholder { color: #666; }
#dtPlayers_filter input[type="search"] { max-width: 150px !important; }

/* news */
.artTable { font-family: "Roboto Condensed"; margin-bottom: 1em; width: 100%; }
    .artTable > div:nth-child(odd) { background-color: #f9f9f9; }
    .artTable > div:nth-child(even) { background-color: #FFF; }

.article { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto; grid-template-areas: "a1 b1" "a1 b2" "a1 b3" "a1 ."; padding: 1em 0.5em; border-bottom: 1px solid #ddd; width: 100%; }
.artImage { width: 125px; height: 90px; min-width: 125px; grid-area: a1; }
.artDate { color: #444; font-size: 1.1em; margin-bottom: 0.3em; padding-left: 12px; grid-area: b1; }
.artTitle { font-size: 1.2em; line-height: 100%; font-weight: bold; text-transform: uppercase; margin-bottom: 0.3em; padding-left: 12px; grid-area: b2; }
    .artTitle a { text-decoration: none; margin: 0; color: #000; }

.artSubject { margin: 0; font-size: 1.1em; line-height: 120%; color: #555; padding-left: 12px; grid-area: b3; }
    .artSubject a { color: #ab192d; }

/* photos */
.photosDiv { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .photosDiv img { width: 110px; height: 110px; margin-bottom: 0.5em; }
#photos h3 { margin: 10px 0 20px 0; color: #666; font-size: 1.5em; font-weight: 700; }

.fr-info { background-color: #EEE !important; }
.fr-caption { color: #EEE !important; line-height: 120% !important; font-family: "Roboto Condensed", Arial; }
    .fr-caption a { line-height: 130% !important; color: #EEE; }

/*FLAG OVERRIDE*/
.f-xk { background: url('../xk.png') no-repeat !important; background-position: 0 0 !important; }


@media screen and (max-width:767px) {
    .content { font-size: 16px; }
}

@media screen and (max-width:480px) {
    .iWrapper { grid-template-areas: "a a" "b1 b1" "b2 b2" "b3 b3"; }
    .PPimage img { max-width: 50px; padding-bottom: 1em; }

    .article { grid-template-areas: "a1 b1" "b2 b2" "b3 b3"; }
    .artTitle { padding-left: 0; padding-top: 12px; }
    .artSubject { padding-left: 0; }

    .dataTables_info { white-space: initial !important; }
    #dtPlayers th:nth-child(1) { display: none; }
    #dtPlayers td:nth-child(1) { display: none; }
    #filters { text-align: center; }
}