/*
Theme Name: SDS Theme 4

Author: Saturday Football, Inc.
Version: 4.0

*/


body {
	margin:0;
}
img {
	max-width:100%;
	height:auto;
}
body,h1,h2,h3,h4,h5,h6,p,li {
	font-family: 'Arbutus Slab', serif;
	color:#000;
}
h1 {
	font-size:36px;
	line-height:52px;
}
h5 {
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom:1px solid #f4f4f4;
	padding:25px 0;
	text-align:center;
	margin:25px 0;
}
h2 a, h2 a:hover, h2 a:visited, h3 a, h3 a:hover, h3 a:visited {
	color:#000;
	text-decoration:none;
}

.main-sprite {
      background-image: url(//www.saturdaydownsouth.com/wp-content/themes/sds-4/images/sdssprite.png);
      background-repeat: no-repeat;
      background-size:600px;
}
a, a:visited {
	color:#000;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* Teams */

.sec-football-text, .sec-football-article h3 { color: #355BA6; }
.alabama-football-text, .alabama-football-article h3 { color: #990000; }
.arkansas-football-text, .arkansas-football-article h3 { color: #9D2235; }
.auburn-football-text, .auburn-football-article h3 { color: #F26522; }
.florida-football-text, .florida-football-article h3 { color: #0021A5; }
.georgia-football-text, .georgia-football-article h3 { color: #A0000B; }
.kentucky-football-text, .kentucky-football-article h3 { color: #003399; }
.lsu-football-text, .lsu-football-article h3 { color: #461D7C; }
.mississippi-state-football-text, .mississippi-state-football-article h3 { color: #762123; }
.mizzou-football-text, .mizzou-football-article h3 { color: #F1B82D; }
.ole-miss-football-text, .ole-miss-football-article h3 { color: #002C91; }
.south-carolina-football-text, .south-carolina-football-article h3 { color: #73000A; }
.tennessee-football-text, .tennessee-football-article h3 { color: #f77f00; }
.tamu-football-text, .tamu-football-article h3 { color: #5C0025; }
.vanderbilt-football-text, .vanderbilt-football-article h3 { color: #BB8D09; }

.sec-football-background { background-color: #355BA6; }
.alabama-football-background { background-color: #990000; }
.arkansas-football-background { background-color: #9D2235; }
.auburn-football-background { background-color: #F26522; }
.florida-football-background { background-color: #0021A5; }
.georgia-football-background { background-color: #A0000B; }
.kentucky-football-background { background-color: #003399; }
.lsu-football-background { background-color: #461D7C; }
.mississippi-state-football-background{ background-color: #762123; }
.mizzou-football-background { background-color: #F1B82D; }
.ole-miss-football-background { background-color: #002C91; }
.south-carolina-football-background { background-color: #73000A; }
.tennessee-football-background { background-color: #f77f00; }
.tamu-football-background { background-color: #5C0025; }
.vanderbilt-football-background { background-color: #BB8D09; }

.sec-football-background-opacity { background-color: rgba(53,91,166,.7); }
.alabama-football-background-opacity { background-color: rgba(153,0,0,.7); }
.arkansas-football-background-opacity { background-color: rgba(157,34,53,.7); }
.auburn-football-background-opacity { background-color: rgba(242,101,34,.7); }
.florida-football-background-opacity { background-color: rgba(0,33,165,.7); }
.georgia-football-background-opacity { background-color: rgba(160,0,11,.7); }
.kentucky-football-background-opacity { background-color: rgba(0,51,153,.7); }
.lsu-football-background-opacity { background-color: rgba(70,29,124,.7); }
.mississippi-state-football-background-opacity { background-color: rgba(118,33,35,.7); }
.mizzou-football-background-opacity { background-color: rgba(241,184,45,.7); }
.ole-miss-football-background-opacity { background-color: rgba(0,44,145,.7); }
.south-carolina-football-background-opacity { background-color: rgba(115,0,10,.7); }
.tennessee-football-background-opacity { background-color: rgba(247,127,0,.7); }
.tamu-football-background-opacity { background-color: rgba(92,0,37,.7); }
.vanderbilt-football-background-opacity { background-color: rgba(187,141,9,.7); }

.sec-football-feature { border-top: 2px solid #355BA6; }
.alabama-football-feature { border-top: 2px solid #990000; }
.arkansas-football-feature { border-top: 2px solid #9D2235; }
.auburn-football-feature { border-top: 2px solid #F26522; }
.florida-football-feature { border-top: 2px solid #0021A5; }
.georgia-football-feature { border-top: 2px solid #A0000B; }
.kentucky-football-feature { border-top: 2px solid #003399; }
.lsu-football-feature { border-top: 2px solid #461D7C; }
.mississippi-state-football-feature{ border-top: 2px solid #762123; }
.mizzou-football-feature { border-top: 2px solid #F1B82D; }
.ole-miss-football-feature { border-top: 2px solid #002C91; }
.south-carolina-football-feature { border-top: 2px solid #73000A; }
.tennessee-football-feature { border-top: 2px solid #f77f00; }
.tamu-football-feature { border-top: 2px solid #5C0025; }
.vanderbilt-football-feature { border-top: 2px solid #BB8D09; }

/* Header */

header {
	width: 100%;
    z-index: 99999;
    transition: top 0.2s ease-in-out;
}
.header-fixed {
	//position:fixed;
	//top:0;
    z-index: 99999;
    transition: top 0.2s ease-in-out;
}
.nav-up {
	position:fixed;
    top: -120px;
}
.nav-down {
	position:fixed;
	top:0;
}
.header-ad-space {
	width:100%;
	height:auto;
	background-color:#fff;
	margin:0 auto 15px;
	text-align:center;
}
.main-padding {
	padding-top:70px;
}

.top-nav-wrap, .sub-nav-wrap {
	width:100%;
	height:35px;
	margin:0;
}
.top-nav-wrap {
	background-color:#000;
}
.sub-nav-background {
	background-color:#f2f2f2;
	width:100%;
}
.sub-nav-wrap {
	text-align:center;
	margin:0 auto;
	max-width: 1140px;
	position:relative;
}
nav.top-team-nav, nav.sub-nav {
	max-width:1140px;
	margin:0 auto;
}
nav.top-team-nav {
	text-align:right;
}
nav.sub-nav { 
	width: auto;	
}
.sds-logo {
	/* at 0 / 380 --- width is 200 / height is 240  */
	background-position: -0 -190px;
	width:100px;
	height:120px;
	float:left;
	z-index:9000;
	position:relative;
}
.team-icons {
	padding-left:125px;
	margin:0;
}
.team-icons li {
	display:inline-block;
	width: 25px;
    height: 25px;
    margin:5px 18px;
   /*position:relative;*/
}
.team-icons li:last-child {
	margin: 5px 0 5px 18px;
}
.header-icon {
	/*position: absolute;
    top: 0;
    left: 0;*/
    width: 25px;
    height: 25px;
   // display:inline-block;
   display:block;
	background-size:375px;
	cursor:pointer;
}
/* These are the white icons on transparent background based on 375px background size */
.header-sec, .sec-football-tag{
	background-position: -0 -93.75px;
}
.header-alabama, .alabama-football-tag {
	background-position: -25px -93.75px;	
}
.header-arkansas, .arkansas-football-tag {
	background-position: -50px -93.75px;	
}
.header-auburn, .auburn-football-tag {
	background-position: -75px -93.75px;	
}
.header-florida, .florida-football-tag {
	background-position: -100px -93.75px;	
}
.header-georgia, .georgia-football-tag {
	background-position: -125px -93.75px;	
}
.header-kentucky, .kentucky-football-tag {
	background-position: -150px -93.75px;	
}
.header-mississippi-state, .mississippi-state-football-tag {
	background-position: -175px -93.75px;	
}
.header-lsu, .lsu-football-tag {
	background-position: -200px -93.75px;	
}
.header-ole-miss, .ole-miss-football-tag {
	background-position: -225px -93.75px;	
}
.header-mizzou, .mizzou-football-tag {
	background-position: -300px -93.75px;	
}
.header-south-carolina, .south-carolina-football-tag {
	background-position: -250px -93.75px;	
}
.header-tennessee, .tennessee-football-tag {
	background-position: -275px -93.75px;	
}
.header-tamu, .tamu-football-tag {
	background-position: -325px -93.75px;	
}
.header-vanderbilt, .vanderbilt-football-tag {
	background-position: -350px -93.75px;	
}
.header-search {
	background-position: -350px -44.5px;	
}
.header-profile {
	background-position: -350px -69px;	
}

ul.sub-menu, ul.sub-right-menu {
	margin:0 auto;
	padding:0;
}
.sub-menu li {
	line-height:35px;
	font-size:10px;
	padding: 0 25px;
	display:inline-block;
	letter-spacing: 2px;

}
.sub-menu li a, .sub-menu li a:visited {
	color:#000;
	text-decoration:none;
}
.sub-menu li a:hover {
	color:#111;
	text-decoration:none;
}
.sub-right {
	display:inline-block;
	position:absolute;
	right:0;
}
.sub-right-menu li {
 display:inline-block;
 padding:5px;
}
#ham-menu { 
	display:none; 
}
.ham-menu-wrap {
	position:absolute;
	right:0;
	display:inline-block;	
    height: 35px;
    width: 35px;
    padding: 7px 10px 3px 5px;
}
.ham-menu {
	width:25px;
	height:25px;
	background-position: -75px -119px;	
	background-size:375px;
}
.mobile-menu {
	width:200px;
	height:285px;
	position:absolute;
	top:35px;
	right:0;
	//right:-200px;
	z-index:99999;
	display:none;

  -webkit-transition: right 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: right 0.1s ease-out;  /* Firefox 4-15 */
       -o-transition: right 0.1s ease-out;  /* Opera 10.50–12.00 */
          transition: right 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.mobile-drop-down {
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
}
.mobile-drop-down li {
	height:40px;
background-color:#f2f2f2;	border-bottom:1px solid #e2e2e2;
	position:relative;
}
.mobile-drop-down li a, .mobile-drop-down li a:visited, .mobile-drop-down li a:hover {
	font-size:10px;
	letter-spacing:2px;
	height:40px;
	padding-left:38px;
	line-height:40px;
	color:#000;
	text-decoration:none;
}

.mobile-icon {
	/*position: absolute;
    top: 0;
    left: 0;*/
    width: 18px;
    height: 18px;
    margin:10px 0 12px;
	background-size:600px;
	display:block;
	position:absolute;
	left:10px;
}
.mobile-schedule {
	background-position:-118px -224px;
}
.mobile-teams {
	background-position:-156px -224px;
}
.mobile-news {
	background-position:-137px -242px;
}
.mobile-tickets {
	background-position:-175px -224px;
}
.mobile-about {
	background-position:-137px -224px;
}
.mobile-shop {
	background-position:-119px -242px;
}
.mobile-profile {
	background-position:-156px -242px;

}
.mobile-header-fixed {
	position:fixed;
	top:0;
	z-index:99998;
}
.mobile-team-menu {
	width:140px;
	height:285px;
	position:absolute;
	top:35px;
	right:100px;
	z-index:99999;
	display:none;

  -webkit-transition: right 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: right 0.1s ease-out;  /* Firefox 4-15 */
       -o-transition: right 0.1s ease-out;  /* Opera 10.50–12.00 */
          transition: right 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.mobile-team-menu .team-tag {
	width:140px !important;
	font-size:8px;
}
.mobile-on-screen {
	display:block;
}
.mobile-moved-over {
	right:-100px;
}

/* Profile menu / login / register */

#searchform {
	display:none;
	position:absolute;
	top:35px;
	right:0;
	padding: 15px 20px;
	width:320px;
	white-space: nowrap;
	font-size: 0.9em; 
	z-index:99999;
	background-color:#f4f4f4;
}

.show-login-form {
	display:block !important;
}
#nav-login-form {
	display:none;
	position:absolute;
	top:35px;
	right:0;
	padding: 15px 20px;
	width:320px;
	white-space: nowrap;
	font-size: 0.9em; 
	z-index:99999;
	background-color:#f4f4f4;
}
#nav-login-form input, #searchform input {
    display: block;
    width: 100%;
    width:320px;
    margin-bottom: 0.7em;
    padding: 0.3em 0.5em; 
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size:14px;
    box-sizing : border-box;
}
#nav-login-form input:focus {
    outline-color: #7f7f7f; 
}
#nav-login-form p {
    margin: 1.5em 0;
    color: #7f7f7f; 
}
#nav-login-form p strong {
    color: #666; 
}
#nav-login-form p,
#nav-login-form .nav-btn {
	text-align: center; 
}
#nav-login-form .nav-btn {
	width: 100%;
    box-sizing : border-box;
	padding: 0.6em;
	line-height: 1.5;
	border-radius: 0.3em;
	box-shadow: none;
	font-size:12px;
	letter-spacing:2px;
	text-transform:uppercase;
	border: 2px solid #7f7f7f;
	-webkit-transition: all 0.2s;
	transition: all 0.2s; 
}
#nav-login-form .nav-login-submit {
	color: #fff;
	background-color: #7f7f7f; 
}
#nav-login-form .nav-login-submit:hover {
	background-color: #727272;
	border-color: #727272; 
}
#nav-login-form .nav-sign-up {
	color: #7f7f7f;
	border-color: #bbb; 
	display:block;
	width:320px;
	text-decoration:none;
}
#nav-login-form .nav-sign-up:hover {
	border-color: #000;
	color:#000; 
}
a.forgot-link, a.forgot-link:visited {
	font-size:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
a.forgot-link:hover {
	text-decoration:underline;
}
p.forgot {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: solid 1px #ccc;
}
#logged-in-user-options {
	height:80px;
}
#logged-in-user-options li {
	display:block;
}





/* Home Page Styling */


.top-article {
height:636px;
width:100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
position:relative;
text-align:center;
z-index:1000;
}

.home-top-content {
height:636px;
max-width:950px;
margin:0 auto;
text-align:left;
}
.home-top-title {
	padding-bottom:80px;
	position:absolute;
	bottom:0;
}
.team-tag {
	height:35px;
	display:inline-block;
	margin:0;
	color:#fff;
	line-height:35px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:2px;
	padding:0 10px;
}
.team-tag-icon {
	width: 25px;
    height: 25px;
    background-size:375px;
    margin:5px;
    float:left;
}
.team-tag-label {
	display:inline-block;
	padding: 0 6px 0 7px;
}
.home-top-title h1 {
	background-color: rgba(255, 255, 255, 0.9);
	padding:9px 15px;
	margin:0;
	max-width:950px;
}

/*home featured */
.home-featured, .single-article-section {
	margin:75px 0;
}
.featured-article {
	width:950px;
	margin:0 auto;
	position:relative;
	min-height:490px;
	padding:0 0 100px;
}
.featured-article-info {
	position:absolute;
	width:400px;
	top:60px;
	left:0;
	z-index:8000;
}
.featured-article-image {
	position:absolute;
	top:2px;
	right:0;
	z-index:7000;
}
.featured-article h2, .featured-article h1 {
	font-size:34px;
	line-height:48px;
	margin:0;
}
.featured-article h1 span, .featured-article h2 span, .excerpt span, .feature-meta span {
	box-shadow: 10px 0 0 rgba(255, 255, 255, 0.85), -10px 0 0 rgba(255, 255, 255, 0.85);
    color: #000;
    background-color: rgba(255, 255, 255, 0.85);
    padding:3px 0;
}
.excerpt {
	font-size:12px;
	line-height:17px;
	margin:15px 0;
}
.excerpt span, .feature-meta span {
	padding:1px 0;
}
.feature-meta {
	font-size:10px;
	letter-spacing:2px;
	margin:20px 0 0;
	text-transform:uppercase;
}
.odd-feature .featured-article-info {
	right:0;
	text-align:right;
	left:auto;
}
.odd-feature .featured-article-image {
	left:0;
	right:auto;
}
.odd-feature .team-tag {
	right:0;
	position:absolute;
	top:0;
}

.read-more {
	margin:50px 0;
	text-align:center;
}
a.read-more-button, a.read-more-button:visited {
	font-size:12px;
	letter-spacing:2px;
	padding: 10px 25px;
	border:1px solid #000;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
a.read-more-button:hover {
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

.recent-articles-wrapper {
	max-width:950px;
	margin:0 auto;
}
.recent-article {
	width:47%;
	float:left;
	min-height:380px;
}
.recent-article:nth-of-type(2n){
	margin-left:6%;
}
.recent-article .feature-meta {
	margin:5px 0;
	height:25px;
	line-height:25px;
	position:relative;
}
.recent-article h3 {
	margin:0px 0px 15px;
}
.recent-article h3 a, .recent-article h3 a:visited, .recent-article h3 a:hover {
	color:#000;
	text-decoration:none;
}
.recent-logo {
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
	background-size:200px;
}
.sec-football-recent {
	background-position: -0px -0px;	
}
.alabama-football-recent {
	background-position: -25px -0px;	
}
.auburn-football-recent {
	background-position: -75px -0px;	
}
.arkansas-football-recent {
	background-position: -50px -0px;	
}
.florida-football-recent {
	background-position: -100px -0px;	
}
.georgia-football-recent {
	background-position: -125px -0px;	
}
.kentucky-football-recent {
	background-position: -150px -0px;	
}
.lsu-football-recent {
	background-position: -175px -0px;	
}
.mississippi-state-football-recent {
	background-position: -0px -25px;	
}
.ole-miss-football-recent {
	background-position: -25px -25px;	
}
.south-carolina-football-recent {
	background-position: -50px -25px;	
}
.tennessee-football-recent {
	background-position: -75px -25px;	
}
.mizzou-football-recent {
	background-position: -100px -25px;
}
.tamu-football-recent {
	background-position: -125px -25px;	
}
.vanderbilt-football-recent {
	background-position: -150px -25px;	
}

/* Login / reg page */
.wp-user-form, #loginform {
	background-color:#f2f2f2;
	padding:15px;
	font-size:14px;
}
.wp-user-form label, #loginform label {
	display:block;
	line-height:16px;
}
.wp-user-form input, #loginform input {
	width:95%;
}
.wp-user-form input[type="submit"], #loginform input[type="submit"] {
	font-size:12px;
	letter-spacing:2px;
	padding: 10px 25px;
	text-transform:uppercase;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	width:97%;
	border:0;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 240dpi) {
.main-sprite {
      background-image: url(//www.saturdaydownsouth.com/wp-content/themes/sds-4/images/sdssprite@2x.png);
  }
}


@media (max-width:1140px) and (min-width:1024px) {
/* smaller desktops */
nav.top-team-nav, nav.sub-nav {
	padding: 0 20px;
}
.team-icons li {
margin: 5px 12px;
}
.team-icons li:last-child {
	margin: 5px 0 5px 12px;
}
ul.sub-right-menu {
	padding-right:20px;
}
.top-article, .home-top-content {
height:575px;
}
h1 {
	font-size:34px;
	line-height:48px;
}
}
/*

//@media (min-device-width : 768px) and (max-device-width : 1024px)  { 
//	@media (min-width : 768px) and (max-width : 1024px)  { 
	*/
@media (max-width:1024px) {
/* ipads */
nav.top-team-nav, nav.sub-nav {
	padding: 0 10px;
}
.team-icons {
	padding-left:75px;
}
.team-icons li {
margin: 5px;
}
.team-icons li:last-child {
	margin: 5px 0 5px 5px;
}
ul.sub-right-menu {
	padding-right:10px;
}
.sub-menu li {
	padding: 0 10px;
}
.top-article, .home-top-content {
height:400px;
}
.home-top-content {
padding:0;	
}
.home-top-title {
	padding:0 10px 40px;
}
h1 {
	font-size:28px;
	line-height:40px;
}
.home-featured, .single-article-section {
	margin: 75px 10px;
}

.featured-article {
	width:100%;
	max-width:950px;
	min-height:350px;
	padding:0 0 50px;
}
.featured-article-info {
	width:45%;
	top:50px;
}
.featured-article-image {
	//width:65%;
	width:615px;
}
.featured-article h2 {
	font-size:24px;
	line-height:34px;
	margin:0;
}

}
@media (max-width:950px) {
	.featured-article-image {
		width:552px;
	}
}


@media (max-width:767px) {
/* mobile */
.sub-nav-wrap, ul.team-icons {
	display:none;
}
.sds-logo {
    background-position: -0 -142.5px;
    width: 75px;
    height: 90px;
    background-size:450px;
}
.top-article, .home-top-content {
height:300px;
}
h1 {
	font-size:20px;
	line-height:28px;
}
.home-top-title {
	padding:0 10px 10px;
}
.team-tag {
	height:31px;
	line-height:31px;
	padding:0 5px;
}
.team-tag-icon {
    margin:3px;
}
.odd-feature .featured-article-info {
	right:auto;
	text-align:left;
}
.odd-feature .featured-article-image {
	left:auto;
}
.odd-feature .team-tag {
	right:auto;
	left:0;
	position:absolute;
	top:0;
}
.featured-article .team-tag {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}
.home-featured, .single-article-section {
	margin: 40px 10px;
}
.featured-article {
	width:100%;
	max-width:100%;
	//min-height:400px;
	padding:0 0 40px;
	min-height:auto;
}
.featured-article-info {
	width:100%;
	//top:260px;
	position:relative;
	top:auto;
	margin-top:12px;
}
.featured-article-image {
	width:100%;
	//top:0;
	top:auto;
	position:relative;
}
.featured-article h2 {
	font-size:18px;
	line-height:26px;
	margin:0;
}
.excerpt {
	margin:9px 0;
}
#ham-menu {
	display:inline-block;
}
nav.top-team-nav {
	position:relative;
}
.main-padding {
	padding-top:35px;
}
.recent-article h3 {
	font-size:15px;
}
.recent-article {
	width:100%;
	min-height:auto;
	margin-top:30px;
}
.recent-article:nth-of-type(1) {
	margin-top:0;
}
.recent-article:nth-of-type(2n){
	margin-left:0;
}
img.alignright {float:none; margin:1em; display: block;}
img.alignleft {float:none; margin:1em; display: block;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:none; margin:1em; display: block;}
a img.alignleft {float:none; margin:1em; display: block;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

}
