/*
	Theme Name: Saints Soccer Cairns
	Theme URI: http://saintssoccercairns.com.au
	Description: Wordpress theme for Saints Soccer Cairns
	Version: 1.0
	Author: James Collins
	Author URI: http://jamescollins.com.au
	Tags: Saints Soccer Cairns
*/

*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html, body, main {
	margin:0;
	padding:0;
	width:100%;
	font-size:14px;
	font-family:"HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
	color:#222;
	background-color:#fff;
}

section {
	position:relative;
	padding-right:360px;
}

.ssc-post-loop article:nth-child(even) {
	background-color:#eee;
}

h1, h2, h3, h4, h5, p{
	padding:0;
	margin:0;
}

h1 {
	font-size:24px;
}

article a {
	color: #444;
	overflow-wrap: break-word;
}

article a:hover {
	color: #888;
}

article .post-edit-link {
	display:inline-block;
	margin-top:8px;
}

table {
	width:100%;
	border-collapse: separate;
    border-spacing: 1px;
    border:1px solid #ccc;
}
tr {
	background-color:#e8e8e8;
}
tr:nth-child(even) {
	background-color: #efefef;
}
td, th {
	padding:8px 24px;
	text-align:left;
}

table.oddeven thead tr {
	background-color:#bbb;
}

table.oddeven tbody tr:nth-child(even){
 	background-color:#ddd
}

table.oddeven tbody td:nth-child(1) {
 	font-weight:bold;
}

table.oddeven em {
	font-size:12px;
	padding:4px;
	background-color: #fff3cd;
	border:1px solid #ffeeba;
	border-radius: 5px;
	color: #856404;
	margin:0 12px;
}

.alignleft {
	float:left;
	margin-right:24px;
	margin-bottom:48px;
}

.alignright {
	float:right;
	margin-left:24px;
	margin-bottom:48px;
}

.alignnone {
	margin:24px 0 48px 0;
}

.aligncenter {
	display:block;
	margin:24px auto 48px auto;
}


.sidebar {
	position:absolute;
	top:0;
	right:0;
	width:360px;
	padding:24px;
	border-left:1px solid #ddd;
}

.sidebar h3 {
	color:#fff;
	font-size:14px;
	padding:2px 4px;
}

.sidebar-widget .widget {
	border:1px solid #ddd;
	padding:1px;
	margin-bottom:32px;
}

.sidebar-widget .widget_recent_entries ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.sidebar-widget .widget_recent_entries li {
	height:40px;
	line-height:40px;
	padding:0 8px;
	margin-top:1px;
	background-color:#efefef;
	font-size:14px;
	color:#000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sidebar-widget .widget_recent_entries li:nth-child(even) {
	background-color: #e4e4e4;
}

.sidebar-widget .widget_recent_entries a {
	text-decoration:none;
	color:#333;
}

.sidebar-widget .widget_recent_entries a:hover {
	text-decoration:underline;
}

.sidebar-widget .widget_recent_entries .post-date {
	float:right;
	color:#999;
	font-size:12px;
}

#post-404 {
	margin-top:48px;
	margin-left:48px;
	font-size:18px;
}

.ssc-container {
	padding:0 48px 0 48px;
	font-size:16px;
}

.ssc-container h2:first-child {
	margin-top:0;
}

.ssc-container h2 {
	clear:both;
	margin:48px 0 24px 0;
	border-bottom:1px solid #ddd;
}

.ssc-container h3:first-child {
	margin-top:0;
}

.ssc-container h3 {
	clear:both;
	margin-top:24px;
}

.ssc-post-loop h2 {
	border-bottom: none;
}

.ssc-container h5 {
	display: block;
	width:90%;
	margin: 0 auto 18px auto;
	padding: 16px 24px;
	text-align: center;
	background-color: #fff3cd;
	border:1px solid #ffeeba;
	border-radius: 5px;
	color: #856404;
	font-weight: normal;
	font-size: inherit;
	line-height:1.5;
}

.ssc-container h6 {
	display: block;
	width:90%;
	margin: 0 auto 18px auto;
	padding: 16px 24px;
	text-align: center;
	background-color: #d1ecf1;
	border:1px solid #bee5eb;
	border-radius: 5px;
	color: #0c5460;
	font-weight: normal;
	font-size: inherit;
	line-height:1.5;
}

.ssc-container p {
	margin-bottom:18px;
	line-height:1.5;
}

.ssc-container p + table{
/*	margin-top:-0px; */
}

.ssc-container .wp-caption-text {
	font-size: 10pt;
	color: #666;
	font-style: italic;
	padding-left: 12px;
}

.ssc-container img {
	max-width:100%;
	height:auto;
}

.ssc-container a.btn {
	display:inline-block;
	padding:8px 16px;
	border:1px solid #ccc;
	border-radius:5px;
	text-decoration: none;
	background-color: #eee;
}

.ssc-container a.btn:hover {
	color:inherit;
	background-color:#ccc;
}

.ssc-title-bar {
	position:relative;
	z-index:3;
	padding-right:32px;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
	height:48px;
	background-repeat:no-repeat;
	background-position:32px 4px;
}

.ssc-main-menu ul {
	position:relative;
	z-index:2;
	list-style:none;
	margin:0;
	padding:0 32px;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
}

.ssc-main-menu ul ul {
	display:none;
}

.ssc-main-menu ul li {
	padding:0;
	margin:0;
	display:inline-block;
}

.ssc-main-menu ul a {
	display:inline-block;
	height:48px;
	padding:0 16px;
	line-height:48px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#ddd;
	text-decoration:none;
}

.ssc-main-menu ul a:hover {
	color:#fff
}

.ssc-main-menu ul li.current-menu-item a {
	color:#fff;
}

.ssc-navbar-toggler-outline {
	display:none;
	float:right;
	margin-top:2px;
	padding:4px;
}

.ssc-navbar-toggler {
	border: 1px solid #fff;
	border-radius:2px;
	background:transparent;
/* 	margin-top:4px; */
}

.ssc-navbar-toggler:focus, .ssc-navbar-toggler:hover {
	background-color:rgba(255, 255, 255, 0.4);
}

.ssc-navbar-toggler-line {
	display:block;
	width:28px;
	height:2px;
	background-color:#fff;
	margin:5px 2px;
}

.ssc-navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#ssc-carousel + section > article {
	padding-top:48px;
}

#ssc-carousel {
	position:relative;
	width:100%;
	height:360px;
	border-top:1px solid #333;
}

#ssc-carousel-view {
	width:100%;
	height:360px;
	padding-right:360px;
}

#ssc-carousel-image {
	width:100%;
	height:360px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#ssc-carousel-overlay {
	display:inline-block;
	width:100%;
	height:360px;
	background-color:rgba(0,0,0,0.4);
	text-align:center;
}

#ssc-carousel #ssc-carousel-heading {
	margin:0;
	padding:120px 120px 20px 120px;
	color:#fff;
	font-size:36px;
/*	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;*/
	text-shadow: 1px 0 10px #000, 0 -1px 10px #000, 0 1px 10px #000, -1px 0 10px #000;
}

#ssc-carousel #ssc-carousel-content {
	margin:0;
	padding:0 120px 30px 120px;
	color:#fff;
	font-size:18px;
	text-shadow: 1px 0 10px #000, 0 -1px 10px #000, 0 1px 10px #000, -1px 0 10px #000;
/*	text-shadow: 1px 0px 10px #000;*/
}

#ssc-carousel-image a {
	margin:0;
	padding:8px 16px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	border:1px solid #fff;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.2);
}

#ssc-carousel-image a:hover {
	background-color:#fff;
	color:#000;
}

#ssc-carousel #ssc-carousel-posts {
	list-style: none;
	position:absolute;
	width:360px;
	right:0;
	top:0;
	margin:0 auto;
	width:360px;
	margin:0;
	padding:0;
}

#ssc-carousel .ssc-carousel-post {
	height:72px;
	border-bottom:1px solid #ddd;
	color:#666;
}

.ssc-carousel-post .ssc-carousel-post-image {
	float:left;
	margin:10px;
	height:52px;
	width:52px;
	background-repeat:no-repeat;
	background-size:52px 52px;
}

.ssc-carousel-post .ssc-carousel-post-data {
	float:left;
	margin:10px;
	height:52px;
	width:260px;
}

.ssc-carousel-post .ssc-carousel-post-title {
	margin:0;
	padding:0 0 12px 0;
	border:0;
	font-size:16px;
	color:inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ssc-carousel-post .ssc-carousel-post-content {
	margin:0;
	padding:0;
	display:none;
	color:inherit;
}

.ssc-carousel-post .ssc-carousel-post-date {
	color:inherit;
}

.ssc-carousel-post .ssc-carousel-post-more {
	float:right;
	color:inherit;
}

.ssc-title {
	margin:0;
	padding:16px 48px;
	background-color:#eee;
	border-bottom:1px solid #ddd;
}

.ssc-post-single {
	position:relative;
	padding:24px 0 24px 0;
	min-height:168px;
	border-bottom:1px solid #ddd;
}

.ssc-post-image {
	vertical-align:top;
	position:absolute;
	left:0;
	top:24px;
	width:120px;
	height:120px;
}

.ssc-post-content {
	margin-left:130px;
}

.ssc-post-content .date {
	margin-top:3px;
	font-weight:bold;
}

.ssc-post-content h2 {
	margin:0;
}

.ssc-post-content p {
	margin-top:12px;
}

.ssc-post-content .post-edit-link {
	display:inline-block;
	margin-top:10px;
}

.ssc-post-content p, .ssc-post-content h2, .ssc-post-content div, .ssc-post-content .post-edit-link {
	padding-left:6px;
}

.ssc-post-single a {
	color:#666;
	text-decoration:none;
}

.ssc-post-single a:hover {
	text-decoration:underline;
}

.ssc-sponsor-slider {
	display:inline-block;
	height: 200px;
	width: 300px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	background-color:#fff;
}

.ssc-title-view {
	width:100%;
	height:300px;
}

.ssc-title-view + .ssc-container, .ssc-title + .ssc-container {
	padding-top:48px;
}

.ssc-title-background {
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.ssc-title-background h1 {
	width:100%;
	color:#fff;
	background:none;
	border:none;
	position:absolute;
	bottom:20px;
	left:48px;
	padding-bottom:20px;
	text-shadow: 1px 0 10px #000, 0 -1px 10px #000, 0 1px 10px #000, -1px 0 10px #000;
}

.ssc-title-background .date {
	width:100%;
	color:#fff;
	background:none;
	border:none;
	position:absolute;
	bottom:20px;
	left:48px;
	font-weight:bold;
	font-size:14px;
}

.ssc-title-background .ssc-title-overlay {
	position:relative;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
}

.ssc-title-background .ssc-date {
	width:100%;
	color:#fff;
	background:none;
	border:none;
	position:absolute;
	bottom:20px;
	left:48px;
	text-shadow: 1px 0 10px #000, 0 -1px 10px #000, 0 1px 10px #000, -1px 0 10px #000;
}

.ssc-date {
	font-weight:bold;
	font-size:14px;
}

.ssc-front-background {
	display:none;
	height:260px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.footer {
	margin-top:24px;
	background-color:#333;
	color:#bbb;
}

.footer a {color:inherit}

.footer-widget {
	display:inline-block;
	width:33%;
	vertical-align:top;
}

.footer-widget p {
	line-height:1.5;
}

.footer-widget h3 {
	margin-bottom:12px;
}

.footer-widget a {
	color:#fff;
	text-decoration:none;
}

.footer-widget a:hover {
	text-decoration:underline;
}

.footer-widget ul {
	padding-left:24px;
}

.footer-widget li {
	margin-bottom:4px;
}

.footer-widget div {
	margin-bottom:24px;
}

.footer-widget-left {
	padding:24px 48px 12px 48px;
}

.footer-widget-center {
	padding:24px 24px 12px 24px;
}

.footer-widget-right {
	padding:24px 48px 12px 24px;
}

.footer-copyright {
	padding:24px 48px;
}

.btn-outline {
	display:inline-block;
	border:1px solid #ddd;
	border-radius:5px;
	padding:2px;
	box-shadow: 2px 2px 1px #999;
	margin:12px;
}

.btn-outline:hover {
	border:1px solid #333;
}

.btn-outline img {
	margin:0;
}

.wpcf7 label {
	vertical-align: top;
	font-size: 14px;
	font-weight:bold;
	width:20%;
	display:inline-block;
	line-height:32px;
	margin-bottom: 18px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
	width:80%;
	display:inline-block;
	font-size:16px;
	padding:6px 12px;
	border:1px solid #ddd;
	border-radius:4px;
}

.wpcf7 input[type="submit"] {
	background-color:#eee;
	padding:6px 24px;
	font-size:16px;
	border:1px solid #ccc;
	margin: 20px auto;
	display: block;
}

.wpcf7 input[type="submit"]:hover {
	background-color:#ccc;
}

.wpcf7 textarea {
	width:80%;
	display:inline-block;
	height:72px;
	font-size:16px;
	padding:6px 12px;
	border:1px solid #ddd;
	border-radius:4px;
}

.wpcf7-recaptcha {
	margin-left:20%;
}

@media only screen and (max-width:480px) {
	.ssc-title-bar{background-size:200px auto!important;background-position:48px center}
}

@media only screen and (max-width:768px) {
	.ssc-navbar-toggler-outline {display:inline-block}
	.ssc-main-menu ul {display:none}
	.ssc-main-menu ul li, .ssc-main-menu ul li a {display:block}
	.alignleft, .alignright {float:none;display:block;margin:0 auto 48px}
	.ssc-post-image {display:none}
	.ssc-post-content {margin-left:0}
	.ssc-title-view {height:auto}
	.ssc-title-background {background:none !important}
	.ssc-title-background .ssc-title-overlay {background-color:inherit}
	.ssc-title-background h1 {text-shadow:none; color:#000; position:relative; margin-top:24px; padding-bottom:0; bottom:auto; left:0; padding:0 48px}
	.ssc-title-background .ssc-date {text-shadow:none; color:#000; position:relative; bottom:auto; left:0; padding:12px 48px;display:block;border-bottom:1px solid #eee}
	.ssc-title-view + .ssc-container, .ssc-title + .ssc-container {padding-top:24px}
	.ssc-front-background{display:block}
}

@media only screen and (max-width:1023px) {
	.sidebar{position:relative;margin:0 auto;border:0}
	.footer-widget{display:block;width:318px;margin:0 auto}
	.footer-widget-left, .footer-widget-center, .footer-widget-right {padding:24px 0}
	section{padding-right:0}
	#ssc-carousel {display:none}
}

@media only screen and (max-width:1239px) {
	.wpcf7 label {display:block;width:100%;margin:0}
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {display:block;width:100%;margin:0}
	.wpcf7-recaptcha {margin-left:0}
	#ssc-carousel #ssc-carousel-heading {
		padding-top:80px;}
}

@media screen and (max-height: 575px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} }