﻿/* -------------------------------------------------- */
/* Login 
/* -------------------------------------------------- */
.hero-golf{
	background-image: url('/images/golf-bg-5.jpg');
}
.hero-golf-masters{
	background-image: url('/images/masters.jpg');
}
.hero-football{
	background-image: url('/images/football-bg-1.jpg');
}

.hero-hoops{
	background-image: url('/images/basketball-bg-1.jpg');
}

/* -------------------------------------------------- */
/* Forms - Picks
/* -------------------------------------------------- */
.push-pick span{
	color: #4A4D4A;
}
.legend{
	padding: 0 18px 9px 18px;
	display: inline-block;
}
.section-common .legend{
	padding: 0 0 9px 0;
}

/* -------------------------------------------------- */
/* Messages
/* -------------------------------------------------- */
.message-info,
.message-actions{
	padding: 18px 18px 12px 18px;
}
.message-text{
	padding: 12px 18px 18px 18px;
}

.dd-wrap{
	z-index:300;
}

#leaderboardMessages
{
	width: 45%;
	float:left;
	margin: -75px 0 0 30px;
}
	
#leaderboard
{
	width: 50%;
	float:left;
}
/* -------------------------------------------------- */
/* Start page
/* -------------------------------------------------- */
.start .topmast-wrap{
	background: rgba(0,0,0,.4);
}
.start .prime-nav-wrap,
.start .section-pg-title{
	background: rgba(0,0,0,.3);
}

/* -------------------------------------------------- */
/* Modals
/* -------------------------------------------------- */
.modal-window {
    width: 98%;
}
.modal-title
{
    margin:-30px 0 10px 10px;
    font-weight:bold;
}
.userPicksClose {
    position: absolute;
    top: 2px;
    right: 5px;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}
@media screen and (max-width: 400px) {
	
	h2
	{
	    font-size: 14px;
	    margin-top: 14px;
	}
}
@media screen and (max-width: 690px) {
	
	.hideGameTime
	{
	    display:none;
	}
}
@media screen and (max-width: 720px) {
	
	.hideGameTimeOverUnder
	{
	    display:none;
	}
	
	#leaderboardMessages
	{
	    display:none;
	}
	
	#leaderboard
	{
	    width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.hideWhenSmall
	{
	    display:none;
	}
}


::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* -------------------------------------------------- */
/* Golf Picks - Feb. 13, 2019
/* -------------------------------------------------- */
.golf-pick{
	border-radius: 4px;
	box-shadow: 0 0 36px rgba(0,0,0,.15);
	padding: 18px;
	margin-bottom: 9px;
	background: #fff;
	overflow: hidden;
}
.golf-pick-title{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
}
.golf-pick-selections{
	display: flex;
	flex-wrap: wrap;
	margin: -6px;
}
.golf-pick-selection{
	width: 22%;
	padding: 6px;
}

.golf-round-total{
	width: 12%;
	padding: 6px;
}
.golf-pick-selection-label{
	display: block;
	margin-bottom: 6px;
	color: #dc2829;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 11px;
}
.golf-pick-selection select{
	width: 100%;
	background: #efefef;
	border: none;
	padding: 9px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 13px;
}
.golf-pick-selection select.golf-pick-selected{
	background: #27ae60;
	color: #fff;
}
.golf-pick-selection select option,
.golf-pick-selection select.golf-pick-selected option{
	background: #fff;
	color: #4e4e4e;
}
.golf-post-game-values {
    display: block;
    font-size: 13px;
    padding: 9px 0;
    line-height: 1.4em;
}
.golf-pick-selection:last-child .golf-post-game-values{
	border-bottom: none;
}
/* -------------------------------------------------- */
/* New Breakpoints - Feb. 13, 2019
/* -------------------------------------------------- */

@media screen and (max-width: 880px) {
	.golf-pick-selection, .golf-round-total{
		width: 100%;
	}
	.golf-post-game-values{
		padding-top: 0;
		border-bottom: 1px solid #efefef;
	}
}