/**
 * Gel 5.3
 * Raffle Stylesheet
 * File Version 5.3.2
 * Last Modified 2016-08-05 by Kelly Chisum
 */

/*
font-family: Graduate, Helvetica, sans-serif; 
Orange: #FF5300;
Dark Orange: #D72800;
Yellow: #F6B510;
*/

/* CHOOSE TEAM */
a.golden-hurricane, a.wildcats {
    display: none;
}
.golden-hurricane, .sooners, .cowboys, .razorbacks, .wildcats, .jayhawks {
    display: block;
    float: left;
    width: 25%;
    margin: 1.25em 0 0;
    padding-bottom: 34%;
    background-size: 625%;
    background-position: 2% 99%; 
}
.golden-hurricane {
    background-image: url(/images/raffle/golden-hurricane-cards.png);
}
.sooners { 
	background-image: url(/images/raffle/sooners-cards.png);
}
.cowboys {
	background-image: url(/images/raffle/cowboys-cards.png);
}
.razorbacks { 
	background-image: url(/images/raffle/razorbacks-cards.png) 
}
.wildcats {
	background-image: url(/images/raffle/wildcats-cards.png);
}
.jayhawks {
	background-image: url(/images/raffle/jayhawks-cards.png);
    background-position: 2% 99.15%;
}
.golden-hurricane:hover,
.sooners:hover,
.cowboys:hover,
.razorbacks:hover,
.wildcats:hover,
.jayhawks:hover {
	opacity: .5;
	filter: alpha(opacity=50);
    cursor: pointer;
}
@media screen and (max-width: 700px) {
    .golden-hurricane, .sooners, .cowboys, .razorbacks, .wildcats, .jayhawks {
        width: 33%;
        padding-bottom: 44%;
    }
}

/* CHOOSE CARD */
.golden-hurricane-header {
	color: #001BD1;
}
.sooners-header {
	color: #8F1823;
}
.cowboys-header {
	color: #F15A29;
}
.razorbacks-header {
	color: #E3272B;
}
.wildcats-header {
	color: #6C00D4;
}
.jayhawks-header {
	color: #1B3FFF;
}
.choose-card-golden div,
.choose-card-sooners div,
.choose-card-cowboys div,
.choose-card-razorbacks div,
.choose-card-wildcats div,
.choose-card-jayhawks div {
    display: block;
    float: left;
    width: 22%;
    margin: 1em 1.5% 0;
    padding-bottom: 30.75%;
    background-size: 625%;
}
.choose-card-golden div { 
	background-image: url(/images/raffle/golden-hurricane-cards.png);
}
.choose-card-sooners div { 
	background-image: url(/images/raffle/sooners-cards.png);
}
.choose-card-cowboys div {
	background-image: url(/images/raffle/cowboys-cards.png);
}
.choose-card-razorbacks div {
	background-image: url(/images/raffle/razorbacks-cards.png);
}
.choose-card-wildcats div {
	background-image: url(/images/raffle/wildcats-cards.png);
}
.choose-card-jayhawks div {
	background-image: url(/images/raffle/jayhawks-cards.png);
}
div.club-king { background-position: 2% .5%; }
div.club-queen { background-position: 21% .5%; }
div.club-jack { background-position: 40.15% .5%; }
div.club-10 { background-position: 59.4% .5%; }
div.club-9 { background-position: 78.4% .5%; }
div.club-8 { background-position: 97.5% .5%; }
div.club-7 { background-position: 2% 11.4%; }
div.club-6 { background-position: 21% 11.4%; }
div.club-5 { background-position: 40.15% 11.4%; }
div.club-4 { background-position: 59.4% 11.4%; }
div.club-3 { background-position: 78.4% 11.4%; }
div.club-2 { background-position: 97.5% 11.4%; }
div.club-ace { background-position: 2% 22.35%; }
div.heart-king { background-position: 21% 22.35%; }
div.heart-queen { background-position: 40.15% 22.35%; }
div.heart-jack { background-position: 59.4% 22.35%; }
div.heart-10 { background-position: 78.4% 22.35%; }
div.heart-9 { background-position: 97.5% 22.35%; }
div.heart-8 { background-position: 2% 33.2% }
div.heart-7 { background-position: 21% 33.2% }
div.heart-6 { background-position: 40.15% 33.2% }
div.heart-5 { background-position: 59.4% 33.2% }
div.heart-4 { background-position: 78.4% 33.2% }
div.heart-3 { background-position: 97.5% 33.2%; }
div.heart-2 { background-position: 2% 44.25%; }
div.heart-ace { background-position: 21% 44.25%; }
div.spade-king { background-position: 40.15% 44.25%; }
div.spade-queen { background-position: 59.4% 44.25%; }
div.spade-jack { background-position: 78.4% 44.25%; }
div.spade-10 { background-position: 97.5% 44.25%; }
div.spade-9 { background-position: 2% 55.1% }
div.spade-8 { background-position: 21% 55.1%; }
div.spade-7 { background-position: 40.15% 55.1%; }
div.spade-6 { background-position: 59.4% 55.1%; }
div.spade-5 { background-position: 78.4% 55.1%; }
div.spade-4 { background-position: 97.5% 55.1%; }
div.spade-3 { background-position: 2% 66%; }
div.spade-2 { background-position: 21% 66%; }
div.spade-ace { background-position: 40.15% 66%; }
div.diamond-king { background-position: 59.4% 66%; }
div.diamond-queen { background-position: 78.4% 66%; }
div.diamond-jack { background-position: 97.5% 66%; }
div.diamond-10 { background-position: 2% 76.95%; }
div.diamond-9 { background-position: 21% 76.95%; }
div.diamond-8 { background-position: 40.15% 76.95%; }
div.diamond-7 { background-position: 59.4% 76.95%; }
div.diamond-6 { background-position: 78.4% 76.95%; }
div.diamond-5 { background-position: 97.5% 76.95%; }
div.diamond-4 { background-position: 2% 88%; }
div.diamond-3 { background-position: 21% 88%; }
div.diamond-2 { background-position: 40.15% 88%; }
div.diamond-ace { background-position: 59.4% 88%; }
div.joker-1 { background-position: 78.4% 88.05%; }
div.joker-2 { background-position: 97.5% 88.05%; }
.choose-card-golden div:hover,
.choose-card-sooners div:hover,
.choose-card-cowboys div:hover,
.choose-card-razorbacks div:hover,
.choose-card-wildcats div:hover,
.choose-card-jayhawks div:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
}
.page-column-full .selected { 
	opacity: 0.5; filter: alpha(opacity=50); 
}
.page-column-full .selected:hover { 
	opacity: 0.3 !important; filter: alpha(opacity=30); 
}
.bought { 
    position: relative;
	background-position: 2% 99% !important; 
}
.bought:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    cursor: default !important;
}
.bought p {
	position: absolute;
    width: 70%;
    margin: 55% 15% 0;
    padding: .5em;
    border-radius: 8px;
    text-align: center;
    line-height: 1.4em;
}
.choose-card-golden .bought p {
    background-color: #FDDC6E;
    box-shadow: 0 0 0 2px #000, 0 0 0 5px #FFF;
    color: #001BD1;
}
.choose-card-sooners .bought p {
    background-color: #F5EDD9;
    box-shadow: 0 0 0 2px #000, 0 0 0 5px #F5EDD9;
    color: #8F1823;
}
.choose-card-cowboys .bought p {
    background-color: #F15A29;
    box-shadow: 0 0 0 2px #373737, 0 0 0 5px #FFF;
    color: #000;
}
.choose-card-razorbacks .bought p {
    background-color: #231F20;
    box-shadow: 0 0 0 4px #FFF;
    color: #FFF;
}
.choose-card-wildcats .bought p {
    background-color: #BEBEBE;
    box-shadow: 0 0 0 1px #000, 0 0 0 5px #FFF;
    color: #6C00D4;
}
.choose-card-jayhawks .bought p {
    background-color: #FF0000;
    box-shadow: 0 0 0 2px #000, 0 0 0 5px #FFF;
    color: #FFF;
}
@media screen and (max-width: 700px) {
    .choose-card-golden div,
    .choose-card-sooners div,
    .choose-card-cowboys div,
    .choose-card-razorbacks div,
    .choose-card-wildcats div,
    .choose-card-jayhawks div {
        width: 30%;
        padding-bottom: 41.75%;
    }
}
@media screen and (max-width: 500px) {
    .choose-card-golden div,
    .choose-card-sooners div,
    .choose-card-cowboys div,
    .choose-card-razorbacks div,
    .choose-card-wildcats div,
    .choose-card-jayhawks div {
        width: 46%;
        padding-bottom: 64%;
    }
}

/* ORDER REVIEW BOX */
.selected-tickets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-justify-content: space-between;
	justify-content: space-between;
    width: 100%;
    margin: 2em 0;
    padding: 1em 2em 1.5em;
    background: #303030;
    box-shadow: 0 0 0 2px #FFF, 0 0 0 9px #303030, 11px 11px 10px #333;
    color: #FFF;
}
.selected-tickets h2 {
    width: 100%;
    margin-top: 0;
    color: #F6B510;
    font-size: 3em;
}
.number, .price, .donation, .total {
    font-family: Graduate, Helvetica, sans-serif; 
    font-size: 1.25em;
}
@media screen and (max-width: 800px) {
    .number, .price, .donation, .total {
        font-size: 1em;
    }
}
@media screen and (max-width: 650px) {
    .number, .price, .donation, .total {
        width: 100%;
        font-size: 1.1em;
    }
}

.index-raffle {
    margin-left: -4.5%;
}
.index-raffle:hover {
    opacity: .5;
    filter: alpha(opacity=50);
}
.selected-tickets-checkout {
    width: 100%;
    margin: 2em 0;
    padding: 1em 0 2em 5%;
    background: #303030;
    box-shadow: 0 0 0 2px #FFF, 0 0 0 9px #303030, 11px 11px 10px #333;
    color: #FFF;
    font-size: 1.5em;
    font-family: 'Graduate', cursive;
}
.selected-tickets-checkout .my-cards, .selected-tickets-checkout .team, .selected-tickets-checkout .total-price {
    float: left;
    margin-top: 1em;
}
.selected-tickets-checkout .my-cards {
    width: 45%;
}
.selected-tickets-checkout .team {
    width: 40%;
}
.selected-tickets-checkout h2 {
    color: #F6B510;
    font-size: 3em;
}