/*
 Theme Name:  GeneratePress Child
 Theme URI:   http://endurtech.com
 Description: A lightweight HTML5 and CSS3 framework based theme
 Author:      Manuel Rodrigues
 Author URI:  http://endurtech.com
 Template:    generatepress
 Version:     1.2.7
 Tags:        light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain: generatepress-child
*/

/* =Structure
--------------------------------------------------------------

Body
Header
Links
Lists
Fonts
- Main title font
- Main tagline font
- Navigation font
- Widget title font
- Heading 1 font
- Heading 2 font
- Heading 3 font
-- Heading 3 font infoBoxes
- Heading 4 font
Intro page titles
- Heading with line
Images
- fancy-border
Navigation
- Navigation search field
- Navigation background
- Sub-Navigation background
- Navigation text
- Sub-Navigation text
- Navigation background/text on hover
- Sub-Navigation background/text on hover
- Navigation background / text current
- Navigation background text current text hover
- Sub-Navigation background / text current
- Sub-navigation current background / text current
- Footer navigation
Breadcrumbs
Forms
Tables: Responsive
- Table Max Width Fix
- Smartphones (portrait and landscape)
- iPads/Tablets (portrait and landscape)
- Table Labels: Team Information, class=teaminfo
- Table Labels: Roster Information, class=roster 
- Table Labels: Game Schedule, class=schedule
- Table Labels: Training, class=training
- Table Labels: Playoff Scores, class=playoffs
Widgets
- Recent posts widgets
Footer
- Footer widget
- Footer widget links
- Footer widget link hover
- Footer / Sidebar widget title
Copyright
Mobile
- Header
- Body / Content
- Contact Form 7
- Widgets
- Hide item on mobile

-------------------------------------------------------------- */
/* =Theme customization starts here
-------------------------------------------------------------- */

/* 
** Body
*/
body{
	background:url('images/background-content.jpg') 0 0 repeat;
}

/*
** Header
*/
.site-header{
	background:url('images/background-header.png') 0 0 repeat;
}
.inside-header{
	/*padding:20px;*/
}
.header-widget{
	/*float:right;
	overflow:hidden;
	max-width:300px;
	text-align:center;*/
}
.header-image{
	max-width:400px;
}
.page-header-content{
	/*margin-top:40px;*/
}

/*
** Links
*/
a,
a:visited{
	color:#DD4814;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}
a:hover,
a:focus,
a:active{
	color:#97310E;
}

/*
** Lists
*/
ul.children li{
	padding-left:10px;
}

/*
** Fonts
body, button, input, select, textarea{
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-transform:none;
	font-size:16px;
}
/* Main title font 
.main-title{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	text-transform:none;
	font-size:15px;
}
/* Main tagline font 
.site-description{
	font-family:'Open Sans', sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size:15px;
}
/* Navigation font 
.main-navigation a, .menu-toggle{
	font-family:'Open Sans', sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size:15px;
}
.main-navigation .main-nav ul ul li a{
	font-size:14px;
}
/* Widget title font 
.widget-title{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	text-transform:none;
	font-size:20;
}
/* Heading 1 font 
h1{
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	text-transform:none;
	font-size:35px;
}
/* Heading 2 font 
h2{
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	text-transform:none;
	font-size:30px;
}
/* Heading 3 font 
h3{
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-transform:none;
	font-size:20px;
}*/
	/* Heading 3 font infoBoxes */
	h3.infoBoxes{
		border-bottom:2px solid #BE4500;
		padding-bottom:6px;
	}
	h3.infoBoxes span.infoBoxHead{
		background-color:#be4500;
		color:#ffffff;
		padding:5px 10px;
	}
/* Heading 4 font 
h4{
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	text-transform:none;
	font-size:15px;
}*/

/*
** Intro page titles
*/
#intro.entry-header{
	margin-bottom:25px;
}
#intro.entry-header #intro-core{
	position:relative;
	width:100%;
	display:table;
	padding-bottom:10px;
}
#intro.entry-header .entry-title{
	line-height:1;
	margin:0px;
	display:table-cell;
}
#intro.entry-header #intro-core:before{
	content:'';
	position:absolute;
	bottom:0px;
	width:100%;
	border-bottom:1px solid #E7E7E7;
}
#intro.entry-header #intro-core:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0px;
	width:30px;
	border-bottom:3px solid #BE4500;
}
/* Heading with line */
h1.line, h2.line, h3.line, h4.line, h5.line, h6.line{
	border-bottom:1px solid #E7E7E7;
	padding-bottom:5px;
	overflow:hidden;
}

/*
** Images
*/
.wp-caption .wp-caption-text{
	background: url('../images/blk_trans.png');
	padding: 5px 0px 2px 0px;
	color: #616149;
	text-align: center;
	position: relative;
	font-style:italic;
	font-size:0.8em;
}
/* fancy-border */
.fancy-border{
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 3px !important;
	border-color: #999 !important;
	box-shadow: 3px 3px 6px 0px #777 !important;
	margin-bottom:20px;
}

/* Navigation background */
.main-navigation,
.main-navigation ul ul{
	background-color:#BE4500;
	border-top:6px solid #F60;
}

/* Footer navigation */
ul#menu-navbot{
	margin:0px;
}
.bottomMenu{
	text-align:center;
	display:block;
	width:100%;
}
.bottomMenu ul{
	display:inline;
	/*float:right;*/
}
.bottomMenu li{
	list-style-type:none;
	display:inline;
	font-size:inherit;
}
.bottomMenu li a{
	line-height:15px;
	border-right:1px solid #CCC;
	padding:0px 10px;
}
/*.bottomMenu li a:hover{
	color:#ccc;
	text-decoration:underline;
}*/
.bottomMenu li:last-child > a{
	border-right:none; /* removes pipe from last item */
}

/*
** Breadcrumbs
*/
#breadcrumbs{
	font-size:75%;
	color:#8e908f;
	text-align:left;
	max-height:15px;
	background:#fff;
	padding:2px 10px 5px 10px;
	/*border-bottom:1px solid #BE4500;*/
}
#breadcrumbs a{
	display:inline;
	/*border:none;*/
	padding:0;
	text-transform:none;
}

/*
** Forms
*/
select,
input[type="date"]{
	background:#FAFAFA;
	color:#666;
	border:1px solid #ccc;
	border-radius:0px;
	padding:10px 15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
}
select:focus,
input[type="date"]:focus{
	color:#111;
	background:#FFF;
}

/*
** Tables: Responsive
*/
table{ 
	width:100%;
	border-collapse:collapse;
}
/* Zebra striping */
tr:nth-of-type(odd){ 
	/*background:#eee;*/
	background:#FBF0CF;
}
th{ 
	/*background:#333;*/
	background:#eee;
	/*color:#fff;*/
	color:#333;
	font-weight:bold;
}
td, th{
	padding:6px;
	border:1px solid #ccc;
	text-align:left;
}

.schedule tr td {padding: 20px}


/* 
** Table Max Width Fix
** Max width before this PARTICULAR table gets nasty
** This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr{
		display:block;  
	}
	
	.su-divider { display:block;}
	
	.site-footer { position:relative;
     left:0px;
     top:0px;
     margin-bottom: 0;}
	/* Hide table headers (but not display:none;, for accessibility) */
	thead tr{
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
	tr{
		border:1px solid #ccc;
	}
	td{
		/* Behave  like a "row" */
		border:none;
		border-bottom:1px solid #eee;
		position:relative;
		padding-left:50%;
	}
	td:before{
		/* Now like a table header */
		position:absolute;
		/* Top/left values mimic padding */
		top:6px;
		left:6px;
		width:45%;
		padding-right:10px;
		white-space:nowrap;
	}
}

/* 
@media only screen and (min-device-width :320px) and (max-device-width :480px) {
	
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	
}
*/

/* Table Labels: Team Information, class=teaminfo */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.teaminfo td:nth-of-type(1):before{content:"Team";}
	table.teaminfo td:nth-of-type(2):before{content:"Coach";}
	table.teaminfo td:nth-of-type(3):before{content:"Phone";}
	table.teaminfo td:nth-of-type(4):before{content:"Practice Day";}
	table.teaminfo td:nth-of-type(5):before{content:"Practice Time";}
}

/* Table Labels: Roster Information, class=roster */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.roster td:nth-of-type(1):before{content:"Team";}
	table.roster td:nth-of-type(2):before{content:"Players";}
	table.roster td:nth-of-type(3):before{content:"Coach";}
	table.roster td:nth-of-type(4):before{content:"Phone";}
	table.roster td:nth-of-type(5):before{content:"Practice Day";}
	table.roster td:nth-of-type(6):before{content:"Practice Time";}
}
/* Table Labels: Game Schedule, class=schedule */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.schedule td:nth-of-type(1):before{content:"Date";}
	table.schedule td:nth-of-type(2):before{content:"Time";}
	table.schedule td:nth-of-type(3):before{content:"Home Team";}
	table.schedule td:nth-of-type(4):before{content:"Home Score";}
	table.schedule td:nth-of-type(5):before{content:"Away Team";}
	table.schedule td:nth-of-type(6):before{content:"Away Score";}
}
/* Table Labels: Training, class=training */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.training td:nth-of-type(1):before{content:"Package";}
	table.training td:nth-of-type(2):before{content:"Pricing";}
}
/* Table Labels: : Playoff Scores, class=playoffs */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.playoffs td:nth-of-type(1):before{content:"Date";}
	table.playoffs td:nth-of-type(2):before{content:"Home Team";}
	table.playoffs td:nth-of-type(3):before{content:"Home Score";}
	table.playoffs td:nth-of-type(4):before{content:"Away Team";}
	table.playoffs td:nth-of-type(5):before{content:"Away Score";}
}
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.camps td:nth-of-type(1):before{content:"Day"; font-weight: bold}
	table.camps td:nth-of-type(2):before{content:"Date"; font-weight: bold}
	table.camps td:nth-of-type(3):before{content:"Time"; font-weight: bold}
	table.camps td:nth-of-type(4):before{content:"Purchase Date"; font-weight: bold}
}


@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
	table.aca td:nth-of-type(1):before{content:"Day"; font-weight: bold}
	table.aca td:nth-of-type(2):before{content:"Date"; font-weight: bold}
	table.aca td:nth-of-type(3):before{content:"Time"; font-weight: bold}
	table.aca td:nth-of-type(4):before{content:"Purchase Credit"; font-weight: bold}
}

/*
** Widgets
*/
/* Recent posts widgets */
#recent-posts-1.widget_recent_entries ul li,
#recent-posts-2.widget_recent_entries ul li,
#recent-posts-3.widget_recent_entries ul li,
#recent-posts-4.widget_recent_entries ul li,
#recent-posts-5.widget_recent_entries ul li{
	float:left;
	width:100%;
	line-height:inherit;
}
#recent-posts-2.widget_recent_entries ul li span.post-date{
	float:left;
	width:100%;
	color:inherit;
	font-size:80%;
	line-height:inherit;
	margin-bottom:5px;
	padding-bottom:5px;
  border-bottom:1px dotted #666;
}
#recent-posts-1.widget_recent_entries ul li span.post-date,
#recent-posts-3.widget_recent_entries ul li span.post-date,
#recent-posts-4.widget_recent_entries ul li span.post-date,
#recent-posts-5.widget_recent_entries ul li span.post-date{
	float:left;
	width:100%;
	color:#999;
	font-size:80%;
	line-height:inherit;
	margin-bottom:5px;
	padding-bottom:10px;
  border-bottom:1px dotted #666;
}

/*
** Footer
*/

.site-footer {display: block;}
#footer-widgets.footer-widgets{
	/*margin-top:40px;*/
}
.inside-footer-widgets{
	/*border-top:6px solid #222222;
	padding-top:40px;*/
}
/* Footer widget */
.footer-widgets{
	border-top:6px solid #F60;
	background-color:#313131;
	color:#F3F3F3;
	padding:40px 0px 40px 0px;
	margin:0px;
	color:#ffffff;
	font-size:14px;
}
/* Footer widget links */
.footer-widgets a, 
.footer-widgets a:visited{
	color:#ffffff;
}
/* Footer widget link hover */
.footer-widgets a:hover{
	color:#FF6600;
}
/* Footer / Sidebar widget title */
.footer-widgets .widget-title{
	text-align:center;
	color:#F9DA13;
}

/*
** Copyright site-info
*/
.site-info{
	background-color:#222222;
	font-size:14px;
}
.site-info a,
.site-info a:visited{
	color:#ffffff;
}
.site-info a:hover{
	color:#FF6600;
}

/* 
** Mobile
*/
@media only screen and (min-device-width :320px) and (max-device-width :480px) {
	/* Header */
	.header-image{
		max-width:290px;
	}
	/* Body / Content */
	.one-container .site-content{
		padding:40px 20px;
	}
	/* Quick Contact Form */
	.qcontact{
		width:250px;
	}
	/* Widgets */
	.inside-footer-widgets .inner-padding{
		padding:0px 20px;
	}
	/* Hide item on mobile */
	.mobile-hide{
		display:none;
		visibility:hidden;
	}
}