﻿/* Main site Colors/Background Colors */

/*colors*/
:root {
    --sponsorColor: #e8d16c;/*LIGHTER/ACCENT COLOR*/
    --sponsorColor2: #850b2c;/*MAIN BUTTON COLOR*/
    --sponsorColor3: #173050;/*DO NOT MAKE THIS A RED COLOR*/
    --transparentBlack: rgba(0,0,0,0.15);
    --transparentWhite: rgba(255,255,255,.15);
    --sponsorbkgcolor:#fff;
}

.sponsorColor /*Lighter Color*/ {
    color:var(--sponsorColor);
}
.sponsorColor2, .soon-value {
    color: var(--sponsorColor2);
}
.sponsorColor3 {
    color: var(--sponsorColor3);
}
.requiredField /*usually red*/ {
    color:#ff0000;
}
.roundLabel, .graphColor, #my-soon-counter, .timerContainer, .frmfld label.labelFocused {
    color:var(--sponsorColor3);
}
table.picksTable thead, #divBracketHeader {
    background-color:var(--sponsorColor3);
}
.sponsorbkgcolor {
    color:var(--sponsorbkgcolor)
}
.white {
    color:#fff !important;
}
.sponsorColorBG /*has white text on top of it*/{
    background-color: var(--sponsorbkgcolor);
    color:#fff;
}
.bgBox, table.picksTable {
    background-color: var(--transparentWhite);
    backdrop-filter: blur(2px);
}
.bgBox, table.picksTable {
    border:1px solid rgba(0,0,0,0.15);
    /*box-shadow:.2em .2em .4em var(--transparentBlack);*/
}


.thickbox{
    color: var(--sponsorColor3);
}
.thickboxwhite {
    color: #fff;
}
/* Button colors */

.buttonBig, #collapseBTN, .button, .button:visited, .regionButton {
    color:#fff;
    background-color: var(--sponsorColor2);
    border-color:var(--sponsorColor2);
}

.buttonBig:hover, .buttonBig.pageLink, #collapseBTN:hover, .button:hover, .regionButton:hover {
    color: #fff !important;
    background-color: var(--sponsorColor3);
    border-color: var(--sponsorColor3);
}

.pageNavRightContainer .buttonBig:hover {
    color: var(--sponsorColor3) !important;
    background-color: #fff;
    border-color: #fff;
}





/* main background/border colors */


body {
    background: url(../media/bg_parquetCourt.jpg) center top repeat;
    background-attachment:fixed;
    color: #222;
    background-color: #fff;
}




/* Form field colors*/

input[type=text]:focus, input[type=password]:focus, textarea:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState1:focus, .dobmm:focus, .dobdd:focus, .dobyy:focus {
    border-color:var(--sponsorColor3);
    background-color:#fff;
}


input[type='radio'], input[type='checkbox'] {
    accent-color: var(--sponsorColor2);
}



/* Bracket colors */

.newColor /*override bracket highlight color*/ {
    color:#fff !important;
    background-color: var(--sponsorColor3) !important;
}

.switched /*override radio button switched color*/ {
    /*border: 1px solid red !important;*/
    background-color: var(--sponsorbkgcolor) !important;
}

.menu ul.dropit-submenu a:hover {
    background:  var(--sponsorColor);
    color: var(--sponsorColor3);
}

.finalFourCircle, .picksTable tbody tr.compare {
    background-color: var(--sponsorColor);
}

.mobileBracketBTN:has(a.divBtnClicked) {
    background-color: var(--sponsorColor) !important;
    color: var(--sponsorColor3);
}

a#picksDetails {
    color: var(--sponsorbkgcolor);
}

.otherPrizes {
    background-color: #fff;
    color: var(--sponsorbkgcolor);
    padding: 1vw;
    max-width: 90%;
}


.htpTitle.sponsorColorOutline {
    -webkit-text-stroke-width: 1.5px;
    stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--sponsorColor2);
    stroke: var(--sponsorColor2);
    font-size: 4vw;
}








/* Table Cell Colors */

.htpSectionTitle {
    /*color: #fff;*/
}
.howToPlay .htpSectionTitle.headerCell {
    text-align: center;
    padding: 1vw;
    text-decoration: underline;
}


/* News Ticker */

.mt-scroll .mt-news {
    background-color: transparent;
}

.mt-news a:hover {
    color: #fff;
    background-color:var(--sponsorColor2);
}




/* Main font colors */

.mainContent {
    /*color:#fff;*/
}
.maincontent {
    padding: 1vw;
    text-align: left;
    border: solid 0px transparent;
}

/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */
/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */
/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */
/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */
/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */
/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */
/* MOST ITEMS BELOW THIS LINE WILL NOT CHANGE */





li.dropit-open > a {
    color: #fff !important;
}

.menu ul.dropit-submenu::before {
    border-bottom: solid 15px var(--sponsorColor3);
}

.menu ul.dropit-submenu, .logincontent {
    background-color: var(--sponsorColor3);
}


.menu ul.dropit-submenu a {
    color: #fff;
}








a#picksDetails:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}



.vsIndicator {
    color:#fff !important;
    background-color: var(--sponsorColor2) !important;
}


.htpSectionTitle, .divisionLabel, .gradientColor {
    /*color:#fff;*/
}



.st0 {
    opacity:0.5;
}

a {
    color: var(--sponsorColor3);
}

a:hover {
    color: #ff0000;
}


/* Ticker */
.modern-ticker {
    border: 0px solid #111;
}

.mt-news a {
    border-right: 1px solid rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.65);
}


.pageNav {
   border-bottom:3px solid #dadfec;
}
.pageNavFooter {
    border-top:3px solid var(--sponsorColor);
}

.pageNav, .pageNavFooter {
    border-color: var(--sponsorColor);
}

.pageNav, .pageNavMobile, .pageNavFooter, .modern-ticker {
    background-color:var(--sponsorColor3);
}



a.pageNavLinks, a.pageNavLinks:link, a.pageNavLinks:visited {
    background-color: transparent;
    /*border-bottom: 1px solid rgba(255,255,255,0.8);*/
}

.pageNavLeftContainer a.pageNavLinks {
    /*border-bottom:1px solid transparent;*/
}

.socialNavBTN, .socialNavBTN:hover, .socialNavBTN:visited, a.pageNavLinks, .secondaryNavLinks, .pageNavLeftSecondary a, .pageNavFooter a {
    color: rgba(255,255,255,.7);
}

a.pageNavLinks:hover, .secondaryNavLinks:hover, .pageNavLeftSecondary a:hover, .pageNavFooter a:hover {
    color: var(--sponsorColor);
}

a.pageNavLinks:hover, .pageNavLeftContainer a.pageNavLinks:hover {
    border-color: var(--sponsorColor);
}


.pageNavRight {
    color: rgba(255,255,255,0.4);
}


/*remove colors*/
.fbBTN, a.shareBTN.shareFB, .twBTN, a.shareBTN.shareTW, .igBTN, .ytBTN, .liBTN, .emBTN, .shareBTN {
    border-color: rgba(255,255,255,.8);
}
    a.shareBTN.shareFB, a.shareBTN.shareTW {
        border-color:rgba(0,0,0,.55);
        color:rgba(0,0,0,0.55)
    }

    .fbBTN:hover, a.shareBTN.shareFB:hover {
        border-color: #4267B2;
        color:#fff;
    }

    .twBTN:hover, a.shareBTN.shareTW:hover {
        border-color: #000;
        color:#fff;
    }

    .igBTN:hover {
        border-color: #b900b4;
    }

    .ytBTN:hover {
        border-color: #fd4e54;
    }

    .liBTN:hover {
        border-color: #4cc3fc;
    }

    .emBTN:hover {
        border-color: #e8e8e8;
    }

#shareBTN:hover {
    border-color: #aeaeae;
}

.lbShare .socialNavBTN {
    color: rgba(255,255,255,.8);
}


.lbShare a.shareBTN.shareFB {
    background: #4867aa;
}

.lbShare a.shareBTN.shareTW {
    background: #12b0ea;
}

a.pagelink {
    color: #fff;
}

#highlightLinks a:hover {
    color: #fff;
}



.fbBTN:hover, a.shareBTN.shareFB:hover {
    background: #4267B2;
}

.twBTN:hover, a.shareBTN.shareTW:hover {
    background: #000;
}

.igBTN:hover {
    background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
}

.ytBTN:hover {
    background: #cc181e;
}

.liBTN:hover {
    background: #007bb6;
}

.emBTN:hover {
    color: #111;
    background: #bababa;
}

#shareBTN:hover {
    background: #888;
}


a.headerCellLinks:hover {
    color: #d7d7d7;
}


div.errorBox, .errorField, .gameSelector select.errorField {
    background-color: #ff6666;
    color: #c10000;
}
div.errorBox {
    border: 1px solid #c10000;
}


div.msgBox {
    background-color: Transparent;
    border-width: 0px;
}

.errorBox a, .errorBox a:visited {
    color: red;
}

.errorBox a:hover {
    /*color: rgba(255,0,0,0.7);*/
}


div.successBox {
    border: solid 1px #000;
    color: #000;
}

.boxWithBorder {
    border: solid 0px #ff3300;
}








a.footerLink {
    color: #d6d6d6;
}















/* leader board and picks page styles */
table.picksTable {
    color: #111;
    background-color: #fff;
}


table.picksTable a {
    color: #000;
}


span.seedText {
    color: #666;
}




.custom_images a.thickbox img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


.colLeftheaderShare {
    color: #36C;
}















.inline-popup {
    color: #fff;
    background-color: rgba(0,0,0,0.8);
}

.paging_full_numbers {
    color: #000;
}


.mfp-iframe-scaler iframe {
    background-color: #fff;
}





.requiredField {
    color:var(--sponsorColor3);
}
.graphColor {
    color:var(--sponsorColor3);
}
a:hover {
    color: var(--sponsorColor2);
}
.headerCell, th.headerCell, td.headerCell {
    border-bottom:0px;
}

.htpNumber {
    color: var(--sponsorColor);
}

.htpSubSection .number {
    color: var(--sponsorColor2);
}


a.shareBTN.shareFB, a.shareBTN.shareTW {
    border-color: #000;
    color: #000;
}

