/*
Theme Name: Top 5 Football Website
Description: Style Sheet to be included
Author: Russell Sigmon
Author URI: https://top5football.com/
Tags: Top 5 Football, T5F, Football Pool, Top 5. Survivor, Margin, Pick'em, Playoff
*/


/*/// COMMON ELEMENTS ////////////*/

hr{border:0;border-top:1px solid #eee;margin:20px 0}

h1 {
	color: #999;
	font-size: 0.5em;
	font-weight: normal;
	margin: 5px 0;
}

table {
    width: 100%;
    border: 0; 
    padding:  0;
    border-spacing: 0;
}

#blend {
	font-size: 1.0em;
	font-weight: bold;
	margin-right: 5px;
	letter-spacing: 3px;
    background: linear-gradient(177deg, rgba(63,82,90,1) 3.6%, rgba(150,171,182,1) 105.8% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.text-tb {
    color: #57707d;
    font-size: 14px; /* rwd 10px */
    white-space: nowrap;
}

.subtext-tbdif {
    color: #999;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: -0.4px;
}

.name {
    color: #4d636f;
    font-size: 16px; /* rwd 14px */
    font-weight: bold;
    white-space: nowrap;
}
.points {
    color: #4d636f;
    font-size: 16px; /* rwd 12px */
    font-weight: bold;
}

.alt-row-odd tr:nth-of-type(odd) {
  background-color: #f4f7fa;
}


/*-- Text Colors --------*/

.text-gray-l6,.text-gray-hover-l6:hover{color:#f7f7f7!important}
.text-gray-l5,.text-gray-hover-l5:hover{color:#e8e8e8!important}
.text-gray-l4,.text-gray-hover-l4:hover{color:#d6d6d6!important}
.text-gray-l3,.text-gray-hover-l3:hover{color:#c4c4c4!important}
.text-gray-l2,.text-gray-hover-l2:hover{color:#b2b2b2!important}
.text-gray-l1,.text-gray-hover-l1:hover{color:#9f9f9f!important}
.text-gray-d1,.text-gray-hover-d1:hover{color:#8d8d8d!important}
.text-gray-d2,.text-gray-hover-d2:hover{color:#7b7b7b!important}
.text-gray-d3,.text-gray-hover-d3:hover{color:#696969!important}
.text-gray-d4,.text-gray-hover-d4:hover{color:#575757!important}
.text-gray-d5,.text-gray-hover-d5:hover{color:#454545!important}
.text-gray-d6,.text-gray-hover-d6:hover{color:#333333!important}

.text-bg-l5,.text-bg-hover-l5:hover{color:#f5f7f8!important}
.text-bg-l4,.text-bg-hover-l4:hover{color:#dfe5e8!important}
.text-bg-l3,.text-bg-hover-l3:hover{color:#becbd2!important}
.text-bg-l2,.text-bg-hover-l2:hover{color:#9eb1bb!important}
.text-bg-l1,.text-bg-hover-l1:hover{color:#7d97a5!important}
.text-bg-d1,.text-bg-hover-d1:hover{color:#57707d!important}
.text-bg-d2,.text-bg-hover-d2:hover{color:#4d636f!important}
.text-bg-d3,.text-bg-hover-d3:hover{color:#435761!important}
.text-bg-d4,.text-bg-hover-d4:hover{color:#3a4b53!important}
.text-bg-d5,.text-bg-hover-d5:hover{color:#303e45!important}

.text-slate-l9,.text-slate-hover-l9:hover{color:#f4f7fa!important}
.text-slate-l8,.text-slate-hover-l8:hover{color:#e9eff5!important}
.text-slate-l7,.text-slate-hover-l7:hover{color:#dde6ef!important}
.text-slate-l6,.text-slate-hover-l6:hover{color:#d2dee9!important}
.text-slate-l5,.text-slate-hover-l5:hover{color:#c6d5e3!important}
.text-slate-l4,.text-slate-hover-l4:hover{color:#bbccdd!important}
.text-slate-l3,.text-slate-hover-l3:hover{color:#afc4d7!important}
.text-slate-l2,.text-slate-hover-l2:hover{color:#a4bbd1!important}
.text-slate-l1,.text-slate-hover-l1:hover{color:#98b2cb!important}
.text-slate-d1,.text-slate-hover-d1:hover{color:#8aa6c0!important}
.text-slate-d2,.text-slate-hover-d2:hover{color:#7c99b5!important}
.text-slate-d3,.text-slate-hover-d3:hover{color:#6e8caa!important}
.text-slate-d4,.text-slate-hover-d4:hover{color:#607f9f!important}
.text-slate-d5,.text-slate-hover-d5:hover{color:#537294!important}
.text-slate-d6,.text-slate-hover-d6:hover{color:#476688!important}
.text-slate-d7,.text-slate-hover-d7:hover{color:#415d7a!important}
.text-slate-d8,.text-slate-hover-d8:hover{color:#3c536c!important}
.text-slate-d9,.text-slate-hover-d9:hover{color:#364856!important}

.text-mist-l6,.text-mist-hover-l6:hover{color:#f6f9f9!important}
.text-mist-l5,.text-mist-hover-l5:hover{color:#e6efef!important}
.text-mist-l4,.text-mist-hover-l4:hover{color:#d3e3e3!important}
.text-mist-l3,.text-mist-hover-l3:hover{color:#c0d7d7!important}
.text-mist-l2,.text-mist-hover-l2:hover{color:#adcaca!important}
.text-mist-l1,.text-mist-hover-l1:hover{color:#9abebe!important}
.text-mist-d1,.text-mist-hover-d1:hover{color:#85a8a8!important}
.text-mist-d2,.text-mist-hover-d2:hover{color:#719292!important}
.text-mist-d3,.text-mist-hover-d3:hover{color:#5d7c7c!important}
.text-mist-d4,.text-mist-hover-d4:hover{color:#4f6d6d!important}
.text-mist-d5,.text-mist-hover-d5:hover{color:#436262!important}
.text-mist-d6,.text-mist-hover-d6:hover{color:#3d5c5c!important}

.text-crush-l6,.text-crush-hover-l6:hover{color:#fdf8f3!important}
.text-crush-l5,.text-crush-hover-l5:hover{color:#fcebd4!important}
.text-crush-l4,.text-crush-hover-l4:hover{color:#fad2a1!important}
.text-crush-l3,.text-crush-hover-l3:hover{color:#f7b86e!important}
.text-crush-l2,.text-crush-hover-l2:hover{color:#f5a13b!important}
.text-crush-l1,.text-crush-hover-l1:hover{color:#efa248!important}
.text-crush-d1,.text-crush-hover-d1:hover{color:#d78834!important}
.text-crush-d2,.text-crush-hover-d2:hover{color:#bf6f20!important}
.text-crush-d3,.text-crush-hover-d3:hover{color:#a65917!important}
.text-crush-d4,.text-crush-hover-d4:hover{color:#8c4712!important}
.text-crush-d5,.text-crush-hover-d5:hover{color:#73380f!important}
.text-crush-d6,.text-crush-hover-d6:hover{color:#663d0e!important}

/*-- Background Colors --------*/

.bg-gray-l6{background-color:#f7f7f7!important}
.bg-gray-l5{background-color:#e8e8e8!important}
.bg-gray-l4{background-color:#d6d6d6!important}
.bg-gray-l3{background-color:#c4c4c4!important}
.bg-gray-l2{background-color:#b2b2b2!important}
.bg-gray-l1{background-color:#9f9f9f!important}
.bg-gray-d1{background-color:#8d8d8d!important}
.bg-gray-d2{background-color:#7b7b7b!important}
.bg-gray-d3{background-color:#696969!important}
.bg-gray-d4{background-color:#575757!important}
.bg-gray-d5{background-color:#454545!important}
.bg-gray-d6{background-color:#333333!important}

.bg-bg-l5{background-color:#f5f7f8!important}
.bg-bg-l4{background-color:#dfe5e8!important}
.bg-bg-l3{background-color:#becbd2!important}
.bg-bg-l2{background-color:#9eb1bb!important}
.bg-bg-l1{background-color:#7d97a5!important}
.bg-bg-d1{background-color:#57707d!important}
.bg-bg-d2{background-color:#4d636f!important}
.bg-bg-d3{background-color:#435761!important}
.bg-bg-d4{background-color:#3a4b53!important}
.bg-bg-d5{background-color:#303e45!important}

.bg-slate-l9{background-color:#f4f7fa!important}
.bg-slate-l8{background-color:#e9eff5!important}
.bg-slate-l7{background-color:#dde6ef!important}
.bg-slate-l6{background-color:#d2dee9!important}
.bg-slate-l5{background-color:#c6d5e3!important}
.bg-slate-l4{background-color:#bbccdd!important}
.bg-slate-l3{background-color:#afc4d7!important}
.bg-slate-l2{background-color:#a4bbd1!important}
.bg-slate-l1{background-color:#98b2cb!important}
.bg-slate-d1{background-color:#8aa6c0!important}
.bg-slate-d2{background-color:#7c99b5!important}
.bg-slate-d3{background-color:#6e8caa!important}
.bg-slate-d4{background-color:#607f9f!important}
.bg-slate-d5{background-color:#537294!important}
.bg-slate-d6{background-color:#476688!important}
.bg-slate-d7{background-color:#415d7a!important}
.bg-slate-d8{background-color:#3c536c!important}
.bg-slate-d9{background-color:#364856!important}

.bg-mist-l6{background-color:#f6f9f9!important}
.bg-mist-l5{background-color:#e6efef!important}
.bg-mist-l4{background-color:#d3e3e3!important}
.bg-mist-l3{background-color:#c0d7d7!important}
.bg-mist-l2{background-color:#adcaca!important}
.bg-mist-l1{background-color:#9abebe!important}
.bg-mist-d1{background-color:#85a8a8!important}
.bg-mist-d2{background-color:#719292!important}
.bg-mist-d3{background-color:#5d7c7c!important}
.bg-mist-d4{background-color:#4f6d6d!important}
.bg-mist-d5{background-color:#436262!important}
.bg-mist-d6{background-color:#3d5c5c!important}

.bg-crush-l6{background-color:#fdf8f3!important}
.bg-crush-l5{background-color:#fcebd4!important}
.bg-crush-l4{background-color:#fad2a1!important}
.bg-crush-l3{background-color:#f7b86e!important}
.bg-crush-l2{background-color:#f5a13b!important}
.bg-crush-l1{background-color:#efa248!important}
.bg-crush-d1{background-color:#d78834!important}
.bg-crush-d2{background-color:#bf6f20!important}
.bg-crush-d3{background-color:#a65917!important}
.bg-crush-d4{background-color:#8c4712!important}
.bg-crush-d5{background-color:#73380f!important}
.bg-crush-d6{background-color:#663d0e!important}


/* SLATE BORDERS: l9 → d9 */

/* Border Top */
.b-t-slate-l9{border-top:1px solid #f4f7fa!important}
.b-t-slate-l8{border-top:1px solid #e7edf4!important}
.b-t-slate-l7{border-top:1px solid #dde6ef!important}
.b-t-slate-l6{border-top:1px solid #d2dee9!important}
.b-t-slate-l5{border-top:1px solid #c6d5e3!important}
.b-t-slate-l4{border-top:1px solid #bbccdd!important}
.b-t-slate-l3{border-top:1px solid #afc4d7!important}
.b-t-slate-l2{border-top:1px solid #a4bbd1!important}
.b-t-slate-l1{border-top:1px solid #98b2cb!important}
.b-t-slate-d1{border-top:1px solid #8aa6c0!important}
.b-t-slate-d2{border-top:1px solid #7c99b5!important}
.b-t-slate-d3{border-top:1px solid #6e8caa!important}
.b-t-slate-d4{border-top:1px solid #607f9f!important}
.b-t-slate-d5{border-top:1px solid #537294!important}
.b-t-slate-d6{border-top:1px solid #476688!important}
.b-t-slate-d7{border-top:1px solid #415d7a!important}
.b-t-slate-d8{border-top:1px solid #3c536c!important}
.b-t-slate-d9{border-top:1px solid #364856!important}

/* Border Right */
.b-r-slate-l9{border-right:1px solid #f4f7fa!important}
.b-r-slate-l8{border-right:1px solid #e7edf4!important}
.b-r-slate-l7{border-right:1px solid #dde6ef!important}
.b-r-slate-l6{border-right:1px solid #d2dee9!important}
.b-r-slate-l5{border-right:1px solid #c6d5e3!important}
.b-r-slate-l4{border-right:1px solid #bbccdd!important}
.b-r-slate-l3{border-right:1px solid #afc4d7!important}
.b-r-slate-l2{border-right:1px solid #a4bbd1!important}
.b-r-slate-l1{border-right:1px solid #98b2cb!important}
.b-r-slate-d1{border-right:1px solid #8aa6c0!important}
.b-r-slate-d2{border-right:1px solid #7c99b5!important}
.b-r-slate-d3{border-right:1px solid #6e8caa!important}
.b-r-slate-d4{border-right:1px solid #607f9f!important}
.b-r-slate-d5{border-right:1px solid #537294!important}
.b-r-slate-d6{border-right:1px solid #476688!important}
.b-r-slate-d7{border-right:1px solid #415d7a!important}
.b-r-slate-d8{border-right:1px solid #3c536c!important}
.b-r-slate-d9{border-right:1px solid #364856!important}

/* Border Bottom */
.b-b-slate-l9{border-bottom:1px solid #f4f7fa!important}
.b-b-slate-l8{border-bottom:1px solid #e7edf4!important}
.b-b-slate-l7{border-bottom:1px solid #dde6ef!important}
.b-b-slate-l6{border-bottom:1px solid #d2dee9!important}
.b-b-slate-l5{border-bottom:1px solid #c6d5e3!important}
.b-b-slate-l4{border-bottom:1px solid #bbccdd!important}
.b-b-slate-l3{border-bottom:1px solid #afc4d7!important}
.b-b-slate-l2{border-bottom:1px solid #a4bbd1!important}
.b-b-slate-l1{border-bottom:1px solid #98b2cb!important}
.b-b-slate-d1{border-bottom:1px solid #8aa6c0!important}
.b-b-slate-d2{border-bottom:1px solid #7c99b5!important}
.b-b-slate-d3{border-bottom:1px solid #6e8caa!important}
.b-b-slate-d4{border-bottom:1px solid #607f9f!important}
.b-b-slate-d5{border-bottom:1px solid #537294!important}
.b-b-slate-d6{border-bottom:1px solid #476688!important}
.b-b-slate-d7{border-bottom:1px solid #415d7a!important}
.b-b-slate-d8{border-bottom:1px solid #3c536c!important}
.b-b-slate-d9{border-bottom:1px solid #364856!important}

/* Border Left */
.b-l-slate-l9{border-left:1px solid #f4f7fa!important}
.b-l-slate-l8{border-left:1px solid #e7edf4!important}
.b-l-slate-l7{border-left:1px solid #dde6ef!important}
.b-l-slate-l6{border-left:1px solid #d2dee9!important}
.b-l-slate-l5{border-left:1px solid #c6d5e3!important}
.b-l-slate-l4{border-left:1px solid #bbccdd!important}
.b-l-slate-l3{border-left:1px solid #afc4d7!important}
.b-l-slate-l2{border-left:1px solid #a4bbd1!important}
.b-l-slate-l1{border-left:1px solid #98b2cb!important}
.b-l-slate-d1{border-left:1px solid #8aa6c0!important}
.b-l-slate-d2{border-left:1px solid #7c99b5!important}
.b-l-slate-d3{border-left:1px solid #6e8caa!important}
.b-l-slate-d4{border-left:1px solid #607f9f!important}
.b-l-slate-d5{border-left:1px solid #537294!important}
.b-l-slate-d6{border-left:1px solid #476688!important}
.b-l-slate-d7{border-left:1px solid #415d7a!important}
.b-l-slate-d8{border-left:1px solid #3c536c!important}
.b-l-slate-d9{border-left:1px solid #364856!important}


/* GRAY BORDERS: l6 → d6 */

/* Border Top */
.b-t-gray-l6{border-top:1px solid #fafafa!important}
.b-t-gray-l5{border-top:1px solid #e8e8e8!important}
.b-t-gray-l4{border-top:1px solid #d6d6d6!important}
.b-t-gray-l3{border-top:1px solid #c4c4c4!important}
.b-t-gray-l2{border-top:1px solid #b2b2b2!important}
.b-t-gray-l1{border-top:1px solid #9f9f9f!important}
.b-t-gray-d1{border-top:1px solid #8d8d8d!important}
.b-t-gray-d2{border-top:1px solid #7b7b7b!important}
.b-t-gray-d3{border-top:1px solid #696969!important}
.b-t-gray-d4{border-top:1px solid #575757!important}
.b-t-gray-d5{border-top:1px solid #454545!important}
.b-t-gray-d6{border-top:1px solid #333333!important}

/* Border Right */
.b-r-gray-l6{border-right:1px solid #fafafa!important}
.b-r-gray-l5{border-right:1px solid #e8e8e8!important}
.b-r-gray-l4{border-right:1px solid #d6d6d6!important}
.b-r-gray-l3{border-right:1px solid #c4c4c4!important}
.b-r-gray-l2{border-right:1px solid #b2b2b2!important}
.b-r-gray-l1{border-right:1px solid #9f9f9f!important}
.b-r-gray-d1{border-right:1px solid #8d8d8d!important}
.b-r-gray-d2{border-right:1px solid #7b7b7b!important}
.b-r-gray-d3{border-right:1px solid #696969!important}
.b-r-gray-d4{border-right:1px solid #575757!important}
.b-r-gray-d5{border-right:1px solid #454545!important}
.b-r-gray-d6{border-right:1px solid #333333!important}

/* Border Bottom */
.b-b-gray-l6{border-bottom:1px solid #fafafa!important}
.b-b-gray-l5{border-bottom:1px solid #e8e8e8!important}
.b-b-gray-l4{border-bottom:1px solid #d6d6d6!important}
.b-b-gray-l3{border-bottom:1px solid #c4c4c4!important}
.b-b-gray-l2{border-bottom:1px solid #b2b2b2!important}
.b-b-gray-l1{border-bottom:1px solid #9f9f9f!important}
.b-b-gray-d1{border-bottom:1px solid #8d8d8d!important}
.b-b-gray-d2{border-bottom:1px solid #7b7b7b!important}
.b-b-gray-d3{border-bottom:1px solid #696969!important}
.b-b-gray-d4{border-bottom:1px solid #575757!important}
.b-b-gray-d5{border-bottom:1px solid #454545!important}
.b-b-gray-d6{border-bottom:1px solid #333333!important}

/* Border Left */
.b-l-gray-l6{border-left:1px solid #fafafa!important}
.b-l-gray-l5{border-left:1px solid #e8e8e8!important}
.b-l-gray-l4{border-left:1px solid #d6d6d6!important}
.b-l-gray-l3{border-left:1px solid #c4c4c4!important}
.b-l-gray-l2{border-left:1px solid #b2b2b2!important}
.b-l-gray-l1{border-left:1px solid #9f9f9f!important}
.b-l-gray-d1{border-left:1px solid #8d8d8d!important}
.b-l-gray-d2{border-left:1px solid #7b7b7b!important}
.b-l-gray-d3{border-left:1px solid #696969!important}
.b-l-gray-d4{border-left:1px solid #575757!important}
.b-l-gray-d5{border-left:1px solid #454545!important}
.b-l-gray-d6{border-left:1px solid #333333!important}

/*-- Used for payment section flex boxes --------*/
.flex-container {
	display: flex;
	flex-direction: row;
	font-size: 24px;
	padding: 0 16px; 
	text-align: center;
	background-color: #FFFFFF;	
	line-height: 1.0em;
}
.flex-container:last-of-type {
padding-bottom: 16px;
}

.flex-item-left {
	padding: 10px;
	flex: 50%;
	background-color: #FFFFFF;		
}

.flex-item-right {
	padding: 10px;
	flex: 50%;
	background-color: #FFFFFF;	
}

select.paypal {
	width: 160px;
	padding: 4px;
	border: thin solid #a5b7c0;
	border-radius: 6px;
	background-color: white;
	font-size: 14px;
	text-align: center;
	margin: 8px;
}


select.admin {
	width: 160px;
	padding: 4px 4px 4px 10px;
	border: thin solid #a5b7c0;
	border-radius: 6px;
	background-color: white;
	margin: 8px;
}
/*----------------------*/

div.top {
	margin-top: 90px;
}

/*-- ADMIN ACCESS ELEMENTS ---------------------------------------------------*/

/*-- ADMIN ACCESS ELEMENTS ---------------------------------------------------*/

#admin ul {
	list-style-type: none; 
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 8px;	
}
#admin li.head {
	background-color: #607d8b;
	/*line-height: 1.4;*/
	padding: 8px 15px 6px 15px;
	border-bottom: 6px solid #57707d;
	border-radius: 8px 8px 0px 0px;
}
#admin li.head th {
	color: #fff;
	font-size: 16px; /* rwd 16 */
	text-align: left;
	letter-spacing: 2px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
}
#admin .head-icon {
	font-size: 18px; /* rwd 20 */
	color: #9eb1bb;	
	vertical-align: text-top;
	margin-right: 15px;
}
#admin li.body {
	background-color: #F5F5F5;	
	padding: 2px 12px 2px 12px;
	border-radius:0px 0px 8px 8px;
}	
#admin select {
	width: 12em;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	border: 1px solid #7893a1;
	border-radius: 6px;
}
#main select:hover {
	border: 1px solid #96abb6;
	font-weight: 400;
}
#admin li.body td:first-child {
	height: 85px;
	color: #666;
	text-align: center;
	font-size: 16px; /* rwd 12 */
}

/*-- PAGE TITLE ELEMENTS ---------------------------------------------------*/

/*-- Originals --------*/

table.title {
	margin-bottom: 5px;
	padding-top: 7px;
	text-align: right;
}
.title-reg {
	color: #57707d; /*-- d1 --*/
	font-size: 20px;  /*-- rwd 16 --*/
	font-weight: 300;
	letter-spacing:0.4px;
}
.title-blend {
	font-size: 24px; /*-- rwd 20 --*/
	font-weight: bold;
	margin-right: 5px;
	letter-spacing: 2px;
    background: linear-gradient(177deg, rgba(63,82,90,1) 3.6%, rgba(150,171,182,1) 105.8% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*-- End --------------*/

#title ul {    
	list-style-type: none; 
	padding: 0;
	margin: 0;
}

#title li {
	padding: 8px;
}

#title table {
	margin-bottom: 10px;
	padding-top: 7px;
	padding-right: 0px;
	text-align: right;
}

#title th span.blend {
	font-size: 24px;    /* RWD 20 */
	font-weight: bold;
	letter-spacing: 2px;
	background: linear-gradient(177deg, rgba(63,82,90,1) 3.6%, rgba(150,171,182,1) 105.8% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#title .regular {  
	color: #57707d; /*-- d1 --*/
	font-size: 20px;  /*-- rwd 16 --*/
	font-weight: 300;
	letter-spacing:0.4px;
}

#title .icon-title {
	color: #9eb1bb;
	font-size: 28px; /* RWD 20 */
	padding: 0 10px 2px 8px;
}

/*-- Drop Down List ------------------------------------*/
/*------------------------------------------------------*/

select.week {
  width: 120px;
  padding: 4px 0;
  border: 1px solid #7893a1;
  border-radius: 6px;
  background-color: #698796;
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  letter-spacing:0.4px;
}

select.week:hover {
  border: 1px solid #96abb6;
  font-weight: 400;
}

select.week option {
  background-color: #fff;
  color: #333;
  font-size: 14px;
}
select.week option:hover {
  background-color: #dee7ed;
 }
select.week option:checked {
   font-weight: bold;
   background-color: #bfcfd9; 
}


/*-- Main Section ELEMENTS ---------------------------------------------------*/

/*-- Originals --------*/
ul.head {
	list-style-type: none; 
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 8px;	
}
li.head {
	background-color: #607d8b;
	padding: 9px 16px 5px 16px;
	border-bottom: 6px solid #57707d;
	border-radius: 8px 8px 0px 0px;
}
td.head {
	color: #fff;
	font-size: 18px;
	text-align: left;
	letter-spacing: 1px;
	white-space: nowrap;
}
.icon-head {
	font-size: 26px;
	color: #7d97a5;	
	vertical-align: bottom;
}
/*-- End --------------*/
.container {
    padding:0.01em 15px;
}

.container:after,
.container:before {
   display:inline-block;
    padding-left:8px;
    padding-right:8px;
}

.container-table {
    padding: 0 10px 5px; /* rwd 5 */
}

.container-table-alt {
    padding: 0 15px 5px; /* rwd 10 */
}


div.side-scroll {
    overflow-x: auto;
}

#main ul {
	list-style-type: none; 
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 8px;	
}

/*-- Head -------------*/

#main #head li {
	background-color: #5e7689;
	/*line-height: 1.4;*/
	padding: 12px 20px 8px 20px;
	border-bottom: 4px solid #719292;
	border-radius: 8px 8px 0px 0px;
}
#main #head th {
	color: #fff;
	font-size: 20px; /* rwd 16 */
	text-align: left;
	letter-spacing: 2px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
}
#main #head th span.secondary {
	color: #becbd2;
    font-size: 18px; /* rwd 14 */
	letter-spacing: 1px;
	font-weight:300;
    padding: 2px;
}
#main #head th span.right {
	float: right;
	color: #4d636f;
	font-weight:300;
}

#main #head .head-icon {
	font-size: 24px; /* rwd 20 */
	color: #9eb1bb;	
	vertical-align: text-top;
	margin-right: 15px;
}
#main #head th select {
	width: 120px;
	padding: 4px 0;
	border: 1px solid #7893a1;
	border-radius: 6px;
	background-color: #698796;
	color: #fff;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	float: right;
}
#main #head th select:hover {
	border: 1px solid #96abb6;
	font-weight: 400;
}

#main #head th input.button {
	background-color: #ffffff;
	background-image: url("../graphics/shadedBgL.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	border: 2px solid #a5b7c0;
	color: #698796;
	padding: 6px 5px 5px 5px;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
	margin: 0px 2px 0px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#main #head th input.button:hover {
	background-color: #a5b7c0;
	color: white;
	border: 2px solid white
}

/*-- Body -------------*/

#main #body li.main {
	background-color: #fff;	
	padding: 2px 12px 2px 12px;
}	
#main #body li.header {
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	padding: 2px 0 1px 0;
}	
#main #body tr.header {
	font-size: 10px;
	line-height: 1.6;
	color: #57707d;
}	

tr.head-alt {
	line-height: 1.5;
	background-color: #dfe5e8;
}
th.head-alt {
	color: #57707d;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 768;
	border-top: 1px solid #becbd2;
	border-bottom: 4px solid #becbd2;
	padding-top: 6px;
	padding-left: 10px;
}
td.head-alt {
	color: #435761;
	font-size: 15px;
	border-top: 1px solid #becbd2;
	border-bottom: 4px solid #becbd2;
	padding-top: 6px;
	padding-right: 16px;
}

li.sub {
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
	padding: 4px 8px 1px 8px;
}
tr.sub {
	color: #57707d;
	font-size: 10px;
	line-height: 1.6;
}
td.sub-head-alt {
	color: #757575;
}
li.main {
	background-color: #fff;
	padding: 2px 10px; /* rwd 0 5 */
}
tr.main {
	line-height: 1.9;
	white-space: nowrap;
}
tr.main-alt {
	line-height: 1.9;
	background-color: #f5f7f8;
	white-space: nowrap;
}
.dates {
	color: #666;
	font-size: 12px;
}
.picks {
	color: #999;
	font-size: 16px;
}
.teams {
	color: #4d636f;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
.teams-alt {
	color: #4d636f;
	font-size: 11px;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 4px;
}
.records {
	color: #999;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}
.vs {
	color: #ccc;
	font-size: 11px;
}

/*-- Foot -------------*/

#main #foot li {
	background-color: #f5f5f5;	
    border-top:1px solid #ebebeb;
	border-radius:0px 0px 8px 8px;
	padding: 5px 15px;
    min-height: 40px;
}	

.foot{
	font-size: 15px;
}
tr.foot {
	color: #435761;
}
td.foot {
	padding-top: 6px;
	padding-bottom: 6px;
	}
.foot-wins {
	color: #3399ff;
	font-size: 17px;
}
.foot-note {
	color: #57707d;
	font-style: italic;
	font-size: 14px;
}
.tb-foot {
	text-align: center!important;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 3px;
	border: thin inset #ccc!important;
}
.confirm {
	color: #cf7a04;
	font-size: 13px;
	white-space: nowrap;
	padding-left: 2px;
}

/*-------------------------------------------*/
/*-- SB SQUARES SECTION ---------------------*/

.square {
	border-top: 1px solid #ddd; 
	border-left: 1px solid #ddd;
	font-size: 12px; /* rwd 10px */
}


/*-------------------------------------------*/
/*-- HISTORY SECTION ------------------------*/

li.history-head  {
    padding: 4px;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #efefef;
    background-color: #edf1f2;
}
tr.history-head {
    color: #57707d;
    font-size: 12px; /* rwd 10px */
    font-weight: bold;
    letter-spacing: 1px;
    white-space: nowrap;
}
.history-head-alt {
    font-weight: 300;
}
.history-head-icon {
    color: #7d97a5;
    font-size: 14px; /* rwd 12px */
    padding-right: 4px;
}
li.history-content {
    background-color: #fff;
    line-height: 1.9;
}

li.history-content-bottom {
    background-color: #fff;
    line-height: 1.9;
    border-radius: 0px 0px 8px 8px;
}

tr.history-cat {
    color: #57707d;
    white-space: nowrap;
    font-size: 10px;
}
tr.history-cat td {
    border-bottom: 1px solid #efefef;
}

.history-trophy {
    color: #d1c27b;
    font-size: 12px; /* rwd 10px */
    text-align: center;
}
td.history-place {
    color: #7d97a5;
    font-size: 14px; /* rwd 12px */
    text-align: center;
}
.history-name,
.history-name td {
    color: #4d636f;
    font-size: 16px; /* rwd 14px */
    font-weight: bold;
    white-space: nowrap;
}

.history-name td {
    padding-left: 10px; /* rwd 0px */
}

.history-name-l {
    color: #57707d;
    font-size: 14px; /* rwd 12px */
}

.history-score {
    color: #757575;
    font-size: 16px; /* rwd 12px */
    text-align: center;
}
.history-score-alt {
    color: #757575;
    font-size: 12px; /* rwd 10px */
    font-weight: 300;
    padding-left: 5px; /* rwd 2px */
}

.history-score-l {
    color: #757575;
    font-size: 14px; /* rwd 12px */
    font-weight: 300;
    text-align: center;
}
.history-payout {
    color: #57707d;
    font-size: 16px; /* rwd 14px */
    font-weight: bold;
    text-align: center;
}

.history-marker td:nth-child(3) {
    color:#f5930a; 
    font-size: 13px; 
    text-align: right;
} 	   
    
.history-sort th {
	border-bottom:1px solid #e6e6e6;
	vertical-align: top;
	}

.sort tr {
	vertical-align: middle;
    font-size: 12px;
    color: #9eb1bb;
	}

.sort th {
	border-bottom:1px solid #e6e6e6;
	vertical-align: top;
    white-space: nowrap;
	}
.sort tr th div:hover {
	color: #f5930a
	}

/*-------------------------------------------*/
/*-- RULES SECTION ------------------------*/

#rules .container-intro {
    padding: 20px;
    line-height: 2.0;
}
    
#rules .content {
    color:#666;
    font-size: 14px; /* rwd 12px */
    line-height: 2.2;
}
#rules .rule-container {
    padding: 15px 5px 20px 25px;
}
   
#rules th .cat-icon {
    color: #7d97a5;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 22px; /* rwd 20px */
}
#rules th .head-icon {
    color: #7d97a5;
    padding-right: 10px;
    padding-left: 20px;
    font-size: 20px; /* rwd 18px */
}
#rules tr.category-head {
    color: #4d636f;
    background: #dfe5e8;
    letter-spacing: 1px;
    font-size: 20px; /* rwd 16px */
    line-height: 1.9;
}
#rules th.category-head {
    border-top: 4px solid #57707d;
    border-bottom: 1px solid #becbd2;
    padding-top: 2px;
}
    
#rules tr.game-head {
    color: #4d636f;
    background: #dfe5e8;
    letter-spacing: 1px;
    font-size: 16px; /* rwd 14px */
    line-height: 1.8;
}
#rules th.game-head {
	border-top: 3px solid #becbd2;
	border-bottom: 1px solid #becbd2;
    padding-top: 2px;
}
    
#rules tr.game-subheader {
    color: #4d636f;
    background: #f5f7f8;
    line-height: 1.8;
    font-size: 16px; /* rwd 14px */
}
    
#rules td.game-subheader {
    border-bottom:1px solid #ebebeb;
    padding-left: 25px;
}
    
#rules td .subhead-icon {
    color: #becbd2;
    padding-right: 10px;
}


#rules .fee {
    padding-left: 5px;
    font-size: 22px; /* rwd 20px */
    background: linear-gradient( 173deg, rgba(63,82,90,1) 10%, rgba(150,171,182,1) 100% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#rules .prize {
    font-size: 22px; /* rwd 20px */
   	background: linear-gradient(to bottom, #c2b670 0%, #7d7236 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#rules .year {
    color:#3399ff;
    font-size: 16px; /* rwd 14px */
    padding: 0 2px;
}
#rules .note {
    color:#999;
    font-size: 12px; /* rwd 10px */
    font-style: italic;
    line-height: 1.4;
} 
.bullet-1,
.bullet-2,
.bullet-3 {
    color: #9eb1bb;
    padding-right: 10px;
}
    
.bullet-1 {
    font-size: 12px;
}
.bullet-2 {
    font-size: 10px;
}
.bullet-3 {
    font-size: 9px;
}
.bullet-last {
    padding-bottom: 10px;
}
li.blt-2 {
    margin-left: 20px;
}
li.blt-3 {
    margin-left: 40px;
}

    
/* ▽ For screens smaller than 768px */
@media screen and (max-width: 768px) {
    #rules .content {
        font-size: 12px; /* rwd 14px */   
    }
    #rules .fee,
    #rules .prize {
        font-size: 20px; /* rwd 22px */
    }
    #rules tr .game-subheader,
    #rules .year {
        font-size: 14px; /* rwd 16px */
    }
    #rules .note {
        font-size: 10px; /* rwd 12px */
    }
    #rules .container-intro {
        padding: 10px 5px;
    }
    #rules .rule-container {
        padding: 10px 5px 10px 5px;
    }
    .bullet-1,
    .bullet-2,
    .bullet-3 {
        padding-right: 3px;
    }
    li.blt-2 {
        margin-left: 15px;
    }
    li.blt-3 {
        margin-left: 25px;
    }
    #rules th .cat-icon {
        font-size: 20px; /* rwd 22px */
    }
    #rules th .head-icon {
        font-size: 18px; /* rwd 20px */
}
    #rules tr.category-head {
        font-size: 16px; /* rwd 20px */
    }
    #rules tr.game-head {
        font-size: 14px; /* rwd 16px */
    }
}



/*-- BUTTON ELEMENTS ---------------------------------------------------*/

.button-submit, .button-other, .button-alt {
    background-image: url("../graphics/shadedBgL.png"); 
    background-position: center bottom; 
    background-repeat: repeat-x;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: 0.4s;   
    cursor: pointer;
    letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.button-submit {
    background-color: #a5b7c0;
    color: white;
    border: thin solid white;
    padding: 12px 24px;
    font-size: 14px;
}
.button-submit:hover, .button-submit:active, .button-submit:focus  {
  background-color: #b1c5cf; 
  border: thin solid #90a2ab;
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16)
}
.button-other {
    background-color: #f8f8f8;
    border: thin solid #d1d0d0;
    color: #666; 
    padding: 12px 10px;
    font-size: 14px;
}
.button-other:hover, .button-other:active, .button-other:focus,
.button-alt:hover, .button-alt:active, .button-alt:focus {
	background-color: white;
    border: thin solid #c3c2c2;
	-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16)
}

.button-alt {
    background-color: #f8f8f8;
    border: thin solid #d1d0d0;
    color: #888; 
    padding: 6px;
    font-size: 12px;
}



/*-------------------------------------------------------------*/
/*-- RWD ELEMENTS ---------------------------------------------*/

@media screen and (max-width: 768px) {
    
    .subtext-tbdif {font-size: 9px; /* rwd 11 */}
    #title th {font-size: 24px;}	
    #title th span.blend,
    #title .icon-title {
        font-size: 20px;
       	padding: 0 0px 2px 5px;
    }
    #main #head th,
    #title .regular, 
    th.head,.admin-title {
        font-size: 18px;
    }
    #admin .head-icon,
    #main #head th {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .foot-wins {
        font-size: 15px;
    }
    #admin li.head th,
    th.head-alt{
        font-size: 14px;
    }
    td.head-alt {
        font-size: 13px;
    }	
    .picks,
    #admin li.body td:first-child,
    td.sub-head-alt {
        font-size: 12px;
    }	
    .foot,
    .foot-note,
    .button-submit,
    .button-other {
        font-size: 11px;
    }
    .text-tb, /* rwd 14px */
    .confirm,
	.square {
        font-size: 10px;
    }	
    .button-alt {
        font-size: 9px;
        letter-spacing: 0.3px;
    }
    .dates {
        font-size: 9px;
        padding: 0 0px;
    }
    #main #head .head-icon {
	font-size: 20px; /* rwd 24 */
	margin-right: 10px;
    }
    #main #head th span.secondary {
    font-size: 14px; /* rwd 18 */
	letter-spacing: 0px;
    }
    li.main {
	padding: 0 5px; /* rwd 10 */
}
    /*-- Originals --------*/
    .title-blend{font-size: 20px;}		
    .admin-title, .title-reg  {font-size: 16px;
    }	
    .container-table {
        padding: 0 5px 5px; /* rwd 10 */
    }
    .container-table-alt {
    padding: 0 10px 5px; /* rwd 15 */
    }
    #main #head li {
	padding: 12px 8px 8px 8px;
    }
    .history-trophy,
    .history-head tr {
    font-size: 10px; /* rwd 12px */
    }
    .points,
    .history-head-icon,
    .history-score, /* rwd 16px */
    .history-score-l,
    .history-name-l,
    td.history-place {
    font-size: 12px; /* rwd 14px */
    }
    .name,
    .history-name,
    .history-payout {
    font-size: 14px; /* rwd 16px */
    }
    .history-score-alt {
    font-size: 10px; /* rwd 12px */
    padding-left: 2px;
    }
    .history-name td {
    padding-left: 0px; /* rwd 5px */
}
}



/*-- Used for payment section flex boxes --------*/
/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 768px) {
	.flex-container {
		flex-direction: column;
	}
}
@media (max-width: 991px) {
    div.top {
    margin-top: 15px;
    }
}

/*-------------------------------------------*/
/*-- UTILITY SECTION ------------------------*/

/*-- Responsive Web Design Utlities ---------*/

/* ▽ For screens larger than 768px */
@media screen and (min-width: 769px) {
    .rt-3632, .rwd-tx-3634 { font-size: 36px; }
    .rwd-tx-3432, .rwd-tx-3430 { font-size: 34px; }
    .rwd-tx-3230, .rwd-tx-3228 { font-size: 32px; }
    .rwd-tx-3028, .rwd-tx-3026 { font-size: 30px; }
    .rwd-tx-2826, .rwd-tx-2824 { font-size: 28px; }
    .rwd-tx-2624, .rwd-tx-2622 { font-size: 26px; }
    .rwd-tx-2422, .rwd-tx-2420 { font-size: 24px; }
    .rwd-tx-2220, .rwd-tx-2218 { font-size: 22px; }
    .rwd-tx-2018, .rwd-tx-2016 { font-size: 20px; }
    .rwd-tx-1816, .rwd-tx-1814 { font-size: 18px; }
    .rwd-tx-1614, .rwd-tx-1612 { font-size: 16px; }
    .rwd-tx-1412, .rwd-tx-1410 { font-size: 14px; }
    .rwd-tx-1210, .rwd-tx-1208 { font-size: 12px; }
    .rwd-tx-1008 { font-size: 10px; }
}

/* ▽ For screens smaller than 768px */
@media screen and (max-width: 768px) {
    .rwd-tx-3634 { font-size: 34px; }
    .rwd-tx-3432, .rwd-tx-3632 { font-size: 32px; }
    .rwd-tx-3230, .rwd-tx-3430 { font-size: 30px; }
    .rwd-tx-3028, .rwd-tx-3228 { font-size: 28px; }
    .rwd-tx-2826, .rwd-tx-3026 { font-size: 26px; } 
    .rwd-tx-2624, .rwd-tx-2824 { font-size: 24px; }
    .rwd-tx-2422, .rwd-tx-2622 { font-size: 22px; }
    .rwd-tx-2220, .rwd-tx-2420 { font-size: 20px; }
    .rwd-tx-2018, .rwd-tx-2218 { font-size: 18px; }
    .rwd-tx-1816, .rwd-tx-2016 { font-size: 16px; }
    .rwd-tx-1614, .rwd-tx-1814 { font-size: 14px; }
    .rwd-tx-1412, .rwd-tx-1612 { font-size: 12px; }
    .rwd-tx-1210, .rwd-tx-1410 { font-size: 10px; }
    .rwd-tx-1008, .rwd-tx-1208 { font-size: 8px; }
}

/* ▽ Responsive Padding and Margin */
@media screen and (min-width: 769px) {
    .rwd-p-2010 { padding: 20px; }
    .rwd-m-2010 { margin: 20px; }
    .rwd-p-l-2010 { padding-left: 20px; }
    .rwd-m-l-2010 { margin-left: 20px; }
    .rwd-p-r-2010 { padding-right: 20px; }
    .rwd-m-r-2010 { margin-right: 20px; }
    .rwd-p-t-2010 { padding-top: 20px; }
    .rwd-m-t-2010 { margin-top: 20px; }
    .rwd-p-b-2010 { padding-bottom: 20px; }
    .rwd-m-b-2010 { margin-bottom: 20px; }
    .rwd-p-1510 { padding: 15px; }
    .rwd-m-1510 { margin: 15px; }
    .rwd-p-l-1510 { padding-left: 15px; }
    .rwd-m-l-1510 { margin-left: 15px; }
    .rwd-p-r-1510 { padding-right: 15px; }
    .rwd-m-r-1510 { margin-right: 15px; }
    .rwd-p-t-1510 { padding-top: 15px; }
    .rwd-m-t-1510 { margin-top: 15px; }
    .rwd-p-b-1510 { padding-bottom: 15px; }
    .rwd-m-b-1510 { margin-bottom: 15px; }
    .rwd-p-1505 { padding: 15px; }
    .rwd-m-1505 { margin: 15px; }
    .rwd-p-l-1505 { padding-left: 15px; }
    .rwd-m-l-1505 { margin-left: 15px; }
    .rwd-p-r-1505 { padding-right: 15px; }
    .rwd-m-r-1505 { margin-right: 15px; }
    .rwd-p-t-1505 { padding-top: 15px; }
    .rwd-m-t-1505 { margin-top: 15px; }
    .rwd-p-b-1505 { padding-bottom: 15px; }
    .rwd-m-b-1505 { margin-bottom: 15px; }
    .rwd-p-1005 { padding: 10px; }
    .rwd-m-1005 { margin: 10px; }
    .rwd-p-l-1005 { padding-left: 10px; }
    .rwd-m-l-1005 { margin-left: 10px; }
    .rwd-p-r-1005 { padding-right: 10px; }
    .rwd-m-r-1005 { margin-right: 10px; }
    .rwd-p-t-1005 { padding-top: 10px; }
    .rwd-m-t-1005 { margin-top: 10px; }
    .rwd-p-b-1005 { padding-bottom: 10px; }
    .rwd-m-b-1005 { margin-bottom: 10px; }
    .rwd-p-0500 { padding: 5px; }
    .rwd-m-0500 { margin: 5px; }
    .rwd-p-l-0500 { padding-left: 5px; }
    .rwd-m-l-0500 { margin-left: 5px; }
    .rwd-p-r-0500 { padding-right: 5px; }
    .rwd-m-r-0500 { margin-right: 5px; }
    .rwd-p-t-0500 { padding-top: 5px; }
    .rwd-m-t-0500 { margin-top: 5px; }
    .rwd-p-b-0500 { padding-bottom: 5px; }
    .rwd-m-b-0500 { margin-bottom: 5px; }
    
}
@media screen and (max-width: 768px) {
    .rwd-p-2010{ padding: 10px; }
    .rwd-m-2010 { margin: 10px; }
    .rwd-p-l-2010 { padding-left: 10px; }
    .rwd-m-l-2010 { margin-left: 10px; }
    .rwd-p-r-2010 { padding-right: 10px; }
    .rwd-m-r-2010 { margin-right: 10px; }
    .rwd-p-1510 { padding: 10px; }
    .rwd-m-1510 { margin: 10px; }
    .rwd-p-l-1510 { padding-left: 10px; }
    .rwd-m-l-1510 { margin-left: 10px; }
    .rwd-p-r-1510 { padding-right: 10px; }
    .rwd-m-r-1510 { margin-right: 10px; }
    .rwd-p-t-1510 { padding-top: 10px; }
    .rwd-m-t-1510 { margin-top: 10px; }
    .rwd-p-b-1510 { padding-bottom: 10px; }
    .rwd-m-b-1510 { margin-bottom: 10px; }
    .rwd-p-1505 { padding: 5px; }
    .rwd-m-1505 { margin: 5px; }
    .rwd-p-l-1505 { padding-left: 5px; }
    .rwd-m-l-1505 { margin-left: 5px; }
    .rwd-p-r-1505 { padding-right: 5px; }
    .rwd-m-r-1505 { margin-right: 5px; }
    .rwd-p-t-1505 { padding-top: 5px; }
    .rwd-m-t-1505 { margin-top: 5px; }
    .rwd-p-b-1505 { padding-bottom: 5px; }
    .rwd-m-b-1505 { margin-bottom: 5px; }
    .rwd-p-1005 { padding: 5px; }
    .rwd-m-1005 { margin: 5px; }
    .rwd-p-l-1005 { padding-left: 5px; }
    .rwd-m-l-1005 { margin-left: 5px; }
    .rwd-p-r-1005 { padding-right: 5px; }
    .rwd-m-r-1005 { margin-right: 5px; }
    .rwd-p-t-1005 { padding-top: 5px; }
    .rwd-m-t-1005 { margin-top: 5px; }
    .rwd-p-b-1005 { padding-bottom: 5px; }
    .rwd-m-b-1005 { margin-bottom: 5px; }
    .rwd-p-0500 { padding: 0px; }
    .rwd-m-0500 { margin: 0px; }
    .rwd-p-l-0500 { padding-left: 0px; }
    .rwd-m-l-0500 { margin-left: 0px; }
    .rwd-p-r-0500 { padding-right: 0px; }
    .rwd-m-r-0500 { margin-right: 0px; }
    .rwd-p-t-0500 { padding-top: 0px; }
    .rwd-m-t-0500 { margin-top: 0px; }
    .rwd-p-b-0500 { padding-bottom: 0px; }
    .rwd-m-b-0500 { margin-bottom: 0px; }
}

/* ▽ Responsive Line Height */
@media screen and (min-width: 769px) {
    .rwd-lh-1614 { line-height: 1.6; }
    .rwd-lh-1513 { line-height: 1.5; }
    .rwd-lh-1412 { line-height: 1.4; }
    .rwd-lh-1311 { line-height: 1.3; }
    .rwd-lh-1210 { line-height: 1.2; }
    .rwd-lh-1109 { line-height: 1.1; }
    .rwd-lh-1008 { line-height: 1.0; }
}
@media screen and (max-width: 768px) {
    .rwd-lh-1614 { line-height: 1.4; }
    .rwd-lh-1513 { line-height: 1.3; }
    .rwd-lh-1412 { line-height: 1.2; }
    .rwd-lh-1311 { line-height: 1.1; }
    .rwd-lh-1210 { line-height: 1.0; }
    .rwd-lh-1109 { line-height: 0.9; }
    .rwd-lh-1008 { line-height: 0.8; }
}

/* ▽ Responsive Width and Height */
@media screen and (min-width: 769px) {
    .rwd-width-large { width: 100%; }
}
@media screen and (max-width: 768px) {
    .rwd-width-small { width: 80%; }
}

/* ▽ Responsive Flexbox Utilities */
@media screen and (min-width: 769px) {
    .rwd-flex-row { flex-direction: row; }
}
@media screen and (max-width: 768px) {
    .rwd-flex-column { flex-direction: column; }
}

/* ▽ Responsive Display Settings */
@media screen and (min-width: 769px) {
    .rwd-display-block { display: block; }
}
@media screen and (max-width: 768px) {
    .rwd-display-none { display: none; }
}

/* ▽ Responsive Grid Layouts */
@media screen and (min-width: 769px) {
    .rwd-grid-2 { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 768px) {
    .rwd-grid-1 { grid-template-columns: 1fr; }
}