@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Teko:wght@300;500&display=swap');


@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');



.STHSIndex_TheNews, .STHSIndex_LastestResult, .STHSIndex_Headline, h2, th{
font-family: 'Teko', sans-serif;
}
h2 {
    font-size: 27px;
    margin-left: 0;
    margin: 0;
    padding: 20px 53px 20px 0;
}


.STHSIndex_NewsDiv hr{
    margin: 8px 0 0 0;
}
.STHSIndex_NewsDiv h2 {
    background-size: 155px;
    background-repeat: no-repeat;
    background-position: 112% -47px;
    padding: 9px 53px 20px 0;
    margin-top: 22px;
}
.STHSIndex_NewsDiv h2 + strong {
    margin-top: -20px;
    display: block;
    color: grey;
    padding-right: 91px;
}

.STHSIndex_NewsDiv h2.la1{ background-image: url("/images/1.png"); border-top: 3px solid #ffb81c; }
.STHSIndex_NewsDiv h2.la2{ background-image: url("/images/2.png"); border-top: 3px solid #f47d31; }
.STHSIndex_NewsDiv h2.la3{ background-image: url("/images/3.png"); border-top: 3px solid #005dab; }
.STHSIndex_NewsDiv h2.la4{ background-image: url("/images/4.png"); border-top: 3px solid #e51937; }
.STHSIndex_NewsDiv h2.la5{ background-image: url("/images/5.png"); border-top: 3px solid #000000; }
.STHSIndex_NewsDiv h2.la6{ background-image: url("/images/6.png"); border-top: 3px solid #e51937; }
.STHSIndex_NewsDiv h2.la7{ background-image: url("/images/7.png"); border-top: 3px solid #003e7e; }
.STHSIndex_NewsDiv h2.la8{ background-image: url("/images/8.png"); border-top: 3px solid #002d62; }
.STHSIndex_NewsDiv h2.la9{ background-image: url("/images/9.png"); border-top: 3px solid #eb1936; }
.STHSIndex_NewsDiv h2.la10{ background-image: url("/images/10.png"); border-top: 3px solid #cfab79; }
.STHSIndex_NewsDiv h2.la11{ background-image: url("/images/11.png"); border-top: 3px solid #fdba31; }
.STHSIndex_NewsDiv h2.la12{ background-image: url("/images/12.png"); border-top: 3px solid #da1a32; }
.STHSIndex_NewsDiv h2.la13{ background-image: url("/images/13.png"); border-top: 3px solid #c41230; }
.STHSIndex_NewsDiv h2.la14{ background-image: url("/images/14.png"); border-top: 3px solid #002d62; }
.STHSIndex_NewsDiv h2.la15{ background-image: url("/images/15.png"); border-top: 3px solid #061f5c; }
.STHSIndex_NewsDiv h2.la16{ background-image: url("/images/16.png"); border-top: 3px solid #00529b; }
.STHSIndex_NewsDiv h2.la17{ background-image: url("/images/17.png"); border-top: 3px solid #e51937; }
.STHSIndex_NewsDiv h2.la18{ background-image: url("/images/18.png"); border-top: 3px solid #e8a713; }
.STHSIndex_NewsDiv h2.la19{ background-image: url("/images/19.png"); border-top: 3px solid #002c61; }
.STHSIndex_NewsDiv h2.la20{ background-image: url("/images/20.png"); border-top: 3px solid #002e63; }
.STHSIndex_NewsDiv h2.la21{ background-image: url("/images/21.png"); border-top: 3px solid #005030; }
.STHSIndex_NewsDiv h2.la22{ background-image: url("/images/22.png"); border-top: 3px solid #001940; }
.STHSIndex_NewsDiv h2.la23{ background-image: url("/images/23.png"); border-top: 3px solid #e51937; }
.STHSIndex_NewsDiv h2.la24{ background-image: url("/images/24.png"); border-top: 3px solid #002c55; }
.STHSIndex_NewsDiv h2.la25{ background-image: url("/images/25.png"); border-top: 3px solid #860038; }
.STHSIndex_NewsDiv h2.la26{ background-image: url("/images/26.png"); border-top: 3px solid #000000; }
.STHSIndex_NewsDiv h2.la27{ background-image: url("/images/27.png"); border-top: 3px solid #98012e; }
.STHSIndex_NewsDiv h2.la28{ background-image: url("/images/28.png"); border-top: 3px solid #231f20; }
.STHSIndex_NewsDiv h2.la29{ background-image: url("/images/29.png"); border-top: 3px solid #b59859; }
.STHSIndex_NewsDiv h2.la30{ background-image: url("/images/30.png"); border-top: 3px solid #231f20; }


th {
    font-size: 1.7em !important;
}

body {
    padding: 0px 86px;
    background: #eaeaea;
    min-width: 1300px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #eeeeee;
    background: #fff fixed no-repeat top center url("/images/bgs.jpg");
}


.STHSIndex_TheNews {
    font-size: 3em;
    margin: 10px;
    padding-left: 0px;
    text-align: center;
}
.STHSIndex_LastestResult {
    font-size: 2em;
}
.STHSPHPMenuDiv {
    border: 1px solid grey;
    padding: 10px;
-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
}

.logosa{
    -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 75%);
width: 100%;
margin-top: 20px;
}

li.MenuImage {
    display: none !important;
}
#cssmenu > ul > li > a {
    padding: 16px 6px;
    font-size: 12px;
    letter-spacing: 0px;
    color: #437198;
}
#cssmenu > ul > li.has-sub > a:after { right: 17px;}

#cssmenu > ul > li.has-sub > a:before, #cssmenu > ul > li.has-sub > a:after{
background: #437198;
}
#cssmenu > ul > li.has-sub > a:before { right: 20px;}

.STHSPHP_Login {
    right: 86px;
    top: 29px;
}
.STHSPHPLoginButton, a.STHSPHPLoginButton{
    border-radius: 0;
}

#cssmenu ul ul li a{
    background: white;
    text-decoration: none !important;
}
#cssmenu {
    background: white;
    border-radius: 0;
}


.STHSIndex_Main {
    padding-top: 40px;
}

.footer {
    background-image: none !important;
    background: #aab3bb;
    left: 0;
    right: 0;
    padding-top: 34px;
    position: absolute;
    height: auto;
    min-width: 1472px;
}



.STHSIndex_Score {
    width: 285px !important;
    padding-right: 26px;
}
.STHSIndex_NewsTD {
    padding-right: 0px !important;
}
.STHSIndex_Top5 {
    width: 285px !important;
    padding-right: 0 !important;
    padding-left: 16px
}
.STHSIndex_NewsDiv p img {
    max-width: 65% !important;
    height: auto !important;
    display: block;
    margin: 0px auto;


}
.owlparent{
    background:white;
}
.STHSIndex_GamesResult {
    border-radius: 8px !important;
    border: 1px solid #d5d5d5;
    width: 100%;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
}
.STHSIndexGamesResult {
    width: 94%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 8px;
    background-color: #f5f5f5;
    color: var(--STHS-body-color);
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
.STHSIndex_NewsDiv {
    border-radius: 8px !important;
    border: 1px solid #d5d5d5;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);

    padding: 30px;
    margin-left: 0px;
    background: white;
}
.STHSIndex_Top5Table{
    border-radius: 8px;
    border: 1px solid #d5d5d5;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.26);
}
.STHSIndex_Top5Table tr:hover {
    font-weight: normal;
}

a.rim img {
    width: 18px;
    height: 18px;
    margin-top: -3px;
}


@media (max-width: 768px){
    li.tosa {
    max-width: 40px;
    float: left !important;}
}


@media screen and (max-width: 1210px){
  .STHSIndex_Top5 {
    display: table-cell !important;
}  
}

.STHSIndex_Score {
  vertical-align: top;
  padding-top: 0;
}

/* Montrer les logos d'équipes aussi sur mobile */
@media screen and (max-width: 1200px) {
    .STHSPHPMenuDivTeamImage {
        display: inline-block !important;
        width: 24px;
        height: 24px;}
}

/* --- Team pages: 3D cards --- */
.STHSPHPTeam_HomeDiv,
.STHSPHPTeamStat_Table,
.STHSPHPTeam_PlayersRosterTable,
.STHSPHPTeam_GoaliesRosterTable,
.STHSPHPTeam_PlayersScoringTable,
.STHSPHPTeam_GoaliesScoringTable,
.STHSPHPTeam_ScheduleTable,
.STHSPHPTeam_ProspectsTable,
.STHSPHPTeamsStatSub_Table {
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.STHSPHPTeam_HomeDiv:hover,
.STHSPHPTeamStat_Table:hover,
.STHSPHPTeam_PlayersRosterTable:hover,
.STHSPHPTeam_GoaliesRosterTable:hover,
.STHSPHPTeam_PlayersScoringTable:hover,
.STHSPHPTeam_GoaliesScoringTable:hover,
.STHSPHPTeam_ScheduleTable:hover,
.STHSPHPTeam_ProspectsTable:hover,
.STHSPHPTeamsStatSub_Table:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.28);
}

/* Latest Scores: 3D cards */
.STHSIndexGamesResult {
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #ffffff;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Slight lift on hover */
.STHSIndexGamesResult:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.28);
}

.STHSIndexGamesResult {
    box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;
}

.STHSIndexGamesResult:hover {
    box-shadow: 0 10px 22px rgba(0,0,0,0.28) !important;
}

/* Players Info as a card */
.STHSPHPTeam_PlayerInfoTable {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
    overflow: hidden;
}

/* Header row in team colors */
.STHSPHPTeam_PlayerInfoTable thead th {
    background-color: var(--TeamNameColor_Background_9);
    color: var(--TeamNameColor_TextColor_9);
    font-size: 14px;
    text-transform: uppercase;
}

/* Body rows with zebra striping */
.STHSPHPTeam_PlayerInfoTable tbody tr:nth-child(odd) td {
    background-color: #f8f8f8;
}

.STHSPHPTeam_PlayerInfoTable tbody tr:nth-child(even) td {
    background-color: #ffffff;
}

/* Cells spacing / typography */
.STHSPHPTeam_PlayerInfoTable td {
    padding: 6px 10px;
    font-size: 13px;
}

.tablesorter tbody tr:hover td,
.tablesorter tbody tr:hover td a {
    color: inherit !important;
}

/* --- Layout colonne gauche : Latest Scores / Next Games --- */

/* Table principale de l'index : 2 colonnes, scores à gauche, news au centre */
.STHSIndex_Main {
    width: 100%;
    margin: 0 auto;
    border-spacing: 10px;
}

/* Colonne gauche qui contient le <table class="STHSTableFullW"> */
.STHSIndex_Score {
    width: 260px !important;      /* ajuste au besoin */
    padding-right: 10px !important;
    vertical-align: top;
}

/* --- Modern fonts override --- */

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.STHSIndex_TheNews,
.STHSIndex_LastestResult,
.STHSIndex_Headline,
h2 {
    font-family: 'Teko', sans-serif;
    letter-spacing: 0.04em;
}

th {
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 600;
    font-size: 0.9rem !important;
    text-transform: uppercase;
}

.tablesorter td,
.tablesorter th {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
}

#cssmenu > ul > li > a {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    letter-spacing: 0.03em;
}

/* Contenu de la colonne gauche (Latest Scores + Next Games) */
.STHSTableFullW {
    width: 100%;
    margin: 0;                     /* colle bien à gauche */
}

/* Chaque petit tableau de match */
.STHSIndex_GamesResult {
    width: 100% !important;
    margin: 0 0 8px 0;             /* espace entre les box scores */
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Teko:wght@300;500&display=swap');

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    padding: 0px 86px;
    background: #fff fixed no-repeat top center url("/images/bgs.jpg");
    min-width: 1300px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #eeeeee;
}

.STHSIndex_TheNews,
.STHSIndex_LastestResult,
.STHSIndex_Headline,
h2 {
    font-family: 'Teko', sans-serif;
    letter-spacing: 0.04em;
}

th {
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 600;
    font-size: 0.9rem !important;
    text-transform: uppercase;
}

.tablesorter td,
.tablesorter th {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
}

#cssmenu > ul > li > a {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    letter-spacing: 0.03em;
}