@import "/javax.faces.resource/css/styles.css.seam?ln=original-layout&nocache=1750841918760";

:root {
    --main-menu-bg-color : lightblue;
    --main-menu-text-color: black;
    --main-menu-text-hover-color: darkblue;
    --sub-menu-bg-color :  lightblue;
    --sub-menu-text-color: black;
    --sidebar-separator-bg-color: lightblue;
    --sidebar-separator-text-color: black;
    --page-title-bg-color: lightblue;
    --page-title-text-color: black;
    --body-font: Verdana, Arial, Helvetica, sans-serif;
    --product-meta-bg-color : lightblue;
    --product-meta-font : 'Righteous', cursive;
    --product-meta-text-color : black;
}

/** Product Info **/
.productProductInfo { border: none; position:relative; margin:1em 0 1em 0; border-radius:10px; color:#fff; background:#2e88c4; background-image: linear-gradient(#2e88c4, #075698);}
.productProductInfo label { color: yellow;font-weight: bold;}

/** PLayer prof **/
.playerProfilePicDiv { width: 100%; height: 427px; background-repeat: no-repeat; background-position: center; background-image: url( https://images.soccer7s.ca/soccer7s/logos/polaroidBackgroundWithLogo.jpg);text-align: center;}

/* Footy Sevens Skin Override */
@media (max-width:1000px) {
    .header {background: white; height:50px; border-bottom: 4px solid var(--main-menu-bg-color)}
    .headerLogo { background: transparent url( https://images.soccer7s.ca/soccer7s/logos/soccer7s-logo.png) no-repeat center; background-size: auto 35px; width: 90px}
}

@media (min-width:1001px) {
    html { background: url(https://images.soccer7s.ca/soccer7s/logos/soccer7s-background.jpg) no-repeat center center fixed;}
    .header {background: white;}
    .headerLogo { background: white; }
    .headerStatus { background: white no-repeat right;}
    .headerStatus { color: black; background: white url(https://images.soccer7s.ca/soccer7s/logos/soccer7s-logo.png) no-repeat center; padding-right: 15px; width: 100%; height: 150px; padding-top: 0px;}
    .headerStatus a { color: black; text-decoration: none;}
}

/** Stretch background on 1900+ resolution */
@media (min-width: 1900px) {
    html { background-size:100% 100%;}
}