/*
Theme Name: Tennis Tayside
Theme URI: http://www.carnoustiecreative.co.uk
Author: Miles Gilmour
Author URI: http://www.carnoustiecreative.co.uk
Description: Custom Wordpress theme 
Version: 1.4
License: Commercial - copyright 2014 Carnoustie Creative 
*/

/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

header {
	background-image: url('img/header-bgnd.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: hidden;
	height: 360px;
	position: relative;
}

header .title {
	position: absolute;
	bottom: 30px;
}

.primary .mobile {
	display: none;
}

.menu-bar {
	padding: 5px;
	float: left;
	width: 100%;
	background-color: #000;
}

.primary .mobile ul {
	float: left;
	display: none;
	width: 100%;
}

.primary .mobile ul li {
	float: left;
	width: 100%;
}

.primary .mobile ul ul {
	margin-left: 0;
}

.primary .mobile ul ul li a:before {
	content: "\2014\0020";
}

.primary .mobile ul ul li a {
	padding-left: 30px;
}

#menu-mobile {
	width: 100%;
	background-color: #000;
	padding: 5px;
}

.menu-bar .menu-label {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 45px;
	padding-left: 10px;
	color: #fff;
}

#hamburger {
	cursor: pointer;
	display: block;
	height: 35px;
	padding: 5px 8px 5px 8px;
	width: 30px;
	background: #555;
	float: left;
}

#hamburger div {
	background-color: #CAE500;
	height: 5px;
	margin-top: 5px;
	width: 100%;
}

.mobile-nav .menu-label {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 45px;
	padding-left: 10px;
	color: #fff;
	padding-bottom: 10px;
}

.primary .full {
	float: right;
}

.primary .full li {
	float: left;
	margin-right: 3px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 0.7);
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
 	-o-transition-duration: 0.3;
	-ms-transition-duration: 0.3s;
}

.primary li.tw {
	background-color: #00aced;
	background-image: url('img/tw-icon.png');
	background-repeat: no-repeat;
	background-position: center;
}

.primary li.tw a {
	color: transparent;
}

.primary li.fb {
	background-color: #3b5998;
	background-image: url('img/fb-icon.png');
	background-repeat: no-repeat;
	background-position: center;
}

.primary li.fb a {
	color: transparent;
}

.ie8 .primary li.fb a, .ie8 .primary li.tw a {
	height: 18px;
	width: 18px;
	font-size: 0;
}

.primary li.current-menu-item {
	background-color: #006FFF;
}

.primary .full li:hover {
	background-color: #CAE500;
}

.primary .full li:hover a {
	color: #000;
}

.primary .full li.fb:hover a,
.primary .full li.tw:hover a {
	color: transparent;
}

.primary .full li a {
	display: block;
	font-size: 16px;
	padding: 12px;
	text-decoration: none;
}

.primary .full .sub-menu {
	display: none;
	position: absolute;
	margin: 0;
	float: none;
	z-index: 9999;
}

.primary .full .sub-menu li {
	margin-top: 2px;
	background-color: rgba(200,200,200,0.7);
	float: left;
	clear: left;
	margin-bottom: 0;
	width: 200px;
}

.primary .full .sub-menu li:hover {
	margin-top: 2px;
	background-color: rgb(147,182,255);
}

.primary .full li:hover .sub-menu {
	display: block;
}

.primary li.current-menu-item a {
	color: #fff;
}

.main {
	position: relative;
	top: -100px;
	background-color: #fff;
	padding: 25px 30px;
	margin-bottom: -50px;
}

.home .main {
	top: -90px;
}

header .logo {
	position: relative;
	top: -25px;
	max-width: 80%
}

.block {
	float: left;
}

.title {
	position: relative;
}

.title-wrap {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	margin-right: -9999px;
}

.intro p {
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 10px;
}

.intro p:last-child {
	margin-bottom: 0;
}

.ten.columns.breadcrumb {
	display: block;
	float: none;
	color: #CAE500;
	padding: 8px 13px 0 13px;	
	line-height: 15px;
}

.ten.columns.breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.ten.columns.breadcrumb a:hover {
	text-decoration: underline;
}

h1.ten.columns {
	padding: 8px 13px 8px 13px;
	margin-bottom: 0;
	color: #CAE500;
	float: none;
	display: block;
}

.breadcrumb+h1.ten.columns {
	padding-top: 0;
}

footer {
	clear: both;
	padding: 30px 0;
	background-image: url('img/footer-bgnd.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.footer-logo {
	float: right;
	max-width: 35%;
	margin-bottom: 15px;
}

footer .copy {
	clear: right;
	font-size: 13px;
	float: right;
	text-align: right;
	margin-bottom: 5px;
}

footer .credit {
	clear: right;
	font-size: 13px;
	float: right;
	margin-top: 40px;	
}

footer .credit a {
	text-decoration: none;
}


footer .credit span {
	float: right;
	display: block;
	color: transparent;
	background-image: url('img/carcre.png');
	background-repeat: no-repeat;
	width: 104px;
	height: 30px;
	margin-left: 8px;
	margin-top: -4px;
}

.ie8 footer .credit span {
	font-size: 0;
	margin-top: 0;
}

footer .links li a {
	font-size: 16px;
	text-decoration: none;
}

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

.home .weather {
	background-color: #555;
	height: 492px;
	position: relative;
}

.home .weather-controls select {
 	margin-bottom: 0;
 	width: 100%;
}

.home .weather-controls form {
	margin-bottom: 5px;
}

.home .weather-controls,
.home .weather-data {
	padding: 10px;
}

.home .weather-data h3 {
	color: #fff;
	text-align: center;
	font-size: 15px;
	margin-bottom: 5px;
}

.home .weather-data {
	border-top: 1px solid #fff;
}

.home .weather h2 {
	color: #C5E600;
	padding-bottom: 4px;
	border-bottom: 1px solid #C5E600;
}

.home .weather .button-wrap {
	margin-left: 0;
	position: absolute;
	bottom: 10px;
	left: 0;
}

.home .weather .button {
	display: block;
	background-color: #C5E600;
	margin: 0 10px;
}

.home .weather .button:hover {
	background-color: #AECA02;	
}

.home .weather label {
	color: #fff;
}

.home label[for=use-loc] {
	margin-bottom: 10px;
}

.home .weather #use-loc {
	float: left;
}

.home .find-a-club a h2 {
	display: block;
	color: #fff;
}

.home .section-icon {
	padding: 10px;
	background-image: url('img/find.png');
	background-repeat: no-repeat;
	padding-left: 100px;	
	background-position: 10px 10px;
}

.find-a-club, .find-a-club h2 {
	background-color: #637100;
	color: #fff;
	margin-bottom: 0;
	line-height: 39px;
}

.find-a-club .inner {
	width: 100%;
}

.find-a-club .inner, .find-a-club h2 {
	float: left;
}

.find-a-club.section-icon {
	padding-top: 25px;
	height: 56px;
	margin-bottom: 20px;
}

.find-a-club p {
	float: left;
}

.find-a-club .button {
	margin-right: 10px;
	display: block;
	float: right;
	margin-bottom: 0;
	background-color: #C5E600;
	width: 112px;
}

.find-a-club .button:hover {
	background-color: #AECA02;
}

.home .tournament {
	background-color: #006FFF;
	float: left;
	position: relative;
	overflow: hidden;
}

.home .tournament h2 {
	color: #fff;
}

.home .sponsor h3 a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	text-decoration: none;
	padding: 20px 10px 10px 10px;
	position: relative;
	z-index: 99;
}

.home .sponsor h3 a:hover {
	text-decoration: underline;
}

.home .league-view .section-icon {
	background-image: url('img/league.png');
	background-position: 10px 4px;
}

.home .tournament .section-icon {
	background-image: url('img/tournament.png');
	background-position: 20px 14px;
}

.tournament p {
	color: #eee;
	margin-bottom: 12px;
}

.tournament .sponsor {
	width: 200px;
	float: right;
	margin: 0 40px;
	background-color: #000;
}

.tournament .poster {
	float: left;
	width: 98%;
	height: auto;
	margin-top: 10px;
	padding: 1%;
}

.tournament .section-icon a {
	color: #fff;
	background-image: url('img/doc-icon.png');
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.tournament .sponsor img {
	max-width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sponsor h3 {
	margin-bottom: 0;
}

.sponsor .ribbon {
	padding-top: 10px;
	background-color: #000;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;	
	border-bottom: 50px solid #006FFF;	
}

.sponsor .logo {
	position: absolute;
}

.home .slides {
	clear: left;
	margin-top: 20px;
	background-color: #ccc;
}

.home .league-view {
	margin-top: 10px;
	background-color: #eee;
}

.home .league-view.league-sponsor {
	background-image: url('img/home-league-sponsor-2.png');
	background-position: 95% 10px;
	background-repeat: no-repeat;
}

.home .league-view .section-icon {
	cursor: pointer;
}

.home .league-view h2 {
	line-height: 58px;
	margin-bottom: 0;
}

.home .league-view h2 span {
	font-size: 14px;
	margin-left: 5px;
	color: #666;
}

.home .league-view .collapse-open h2 span {
	display: none;
}

.home .league-view .league {
	padding: 10px;
}

.league {
	background-color: #777;
	color: #fff;
	margin-top: 2px;
}

.league h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 0;
}

.league h4 {
	color: #CAE500;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}

.social-wall h2 {
	color: #617200;
}

.collapsible {
	cursor: pointer;
}

.page .league-sponsor {
	padding: 20px 20px 20px 65%;
	background-color: #eee;
	background-image: url('img/sponsor-bar-logo-2.png');
	background-repeat: no-repeat;
	background-position: 20px 7px;
	color: #000;
	text-align: right;
	background-size: 185px auto;
	margin-bottom: 20px;
	font-size: 15px;
	min-height: 44px;
}

.page.two-cols .league-sponsor {
	padding-left: 55%;
}

.page a.sponsor-link {
	text-decoration: none;
}

.league .collapsible span {
	width: 21px;
	height: 21px;
	display: block;
	float: left;
	margin-right: 10px;
}

.league .collapse-close span {
	background-image: url('img/plus.png');
}

.league .collapse-open span {
	background-image: url('img/minus.png');
}

.left-arrow, .right-arrow {
	position: absolute;
	width: 76px;
	height: 411px;
	background-image: url('img/slider-left.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 999;
	opacity: 0.7;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3;
	-ms-transition-duration: 0.3s;
	cursor: pointer;
}

.left-arrow:hover, .right-arrow:hover {
	opacity: 1.0;
}

.right-arrow {
	right: 0;
	background-image: url('img/slider-right.png');
}

.home .slides {
	position: relative;
}

.home .slides ul, .home .slides li {
	margin-bottom: 0;
}

.home .slides li, .home .slides {
	height: 382px;
}

.home .slides li {
	position: relative;
	background-position: center center;
	background-size: cover;
	width: 100%;
	cursor: pointer;
	display: none;
}

.home .slides li h2 {
	float: right;
	color: #91B3FF;
	background-color: #000;
	font-size: 21px;
	padding: 10px 40px 10px 20px;
	margin-top: 40px;
}

.slides .slide-copy {
	font-size: 16px;
	padding: 20px 30px 0 20px;
	position: absolute;
	bottom: 0px;
	color: #fff;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
}

.main .alignnone {
	margin: 20px 0;
}

.main .aligncenter {
	text-align: center;
	display: block;
	margin: 20px auto;
}

.main .alignleft {
	float: left;
	margin: 20px 40px 20px 0;
}

.main .alignright {
	float: right;
	margin: 20px 0px 20px 20px;
}

.page .main p.wp-caption-text, .page .main p.wp-caption-text:first-of-type {
	font-size: 13px;
	text-transform: uppercase;
	line-height: 19px;
	margin-top: 10px;
}

.main h2 {
	font-weight: 600;
}

/* UK Weather */

.ukweather-uv, .ukweather-vis,
.home .weather-snapshot .desc,
.home .weather-snapshot .feels-like  {
	display: none;
}

.home .weather-snapshot .sixth {
	margin-top: 0;
}

.home .weather-snapshot .sixth.ukweather-summary,
.home .weather-snapshot .sixth.ukweather-temp {
	width: 100%;
}

.home .weather-snapshot .sixth.ukweather-summary {
	max-height: 91px;
	margin-top: 10px;
}

.home .weather-snapshot .sixth.ukweather-temp {
	height: 45px;
	margin-top: 10px;
}

.home .weather-snapshot .sixth.ukweather-rain {
	width: 45%;
}

.home .weather-snapshot .sixth.ukweather-wind {
	width: 55%;
}

.home .weather-snapshot .wind,
.home .weather-snapshot .brolly-icon,
.home .weather-snapshot .precip-chance {
	text-transform: none;
	color: #ccc;
}

.home .weather-snapshot .precip-chance {
	margin-top: 18px;
}

.home .weather-snapshot .wind {
	margin-top: 0px;
}

.home .weather-snapshot .percentage {
	top: 64px;
	bottom: auto;
}

.home .weather-snapshot .icon,
.home .weather-snapshot .temp,
.home .weather-snapshot .percentage,
.home .weather-snapshot .wd, .home .weather-snapshot .wd strong,
.home .weather-snapshot .ws, .home .weather-snapshot .ws strong,
.home .weather-snapshot .wg, .home .weather-snapshot .wg strong {
	color: #fff;
}

.home .weather-snapshot .ws, 
.home .weather-snapshot .wd, 
.home .weather-snapshot .wg, 
.home .weather-snapshot .wind {
	margin-left: 10px;
}

/* League manager */

.home table.leaguemanager {
	margin-top: 10px;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 0;
}

.home table.leaguemanager th {
	background-color: #000;
	color: #fff;
	padding: 4px;
}

.home table.leaguemanager tr {
	border-bottom: 1px solid #444;
}

.home table.leaguemanager tr:first-child {
	border-bottom: none;
}

.home table.leaguemanager .rank, .home table.leaguemanager .num {
	text-align: center;
}

table.leaguemanager a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 14px;
}

.home table.leaguemanager a {
	color: #fff;
}

.home table.leaguemanager a:hover {
	text-decoration: underline;
}

.page table.leaguemanager th {
	color: #fff;
	border-bottom: 1px solid #006FFF;
}

.active-leagues {
	background-color: #eee;
	padding: 10px;
}

.active-leagues h2 {
	font-size: 18px;
	margin-bottom: 0;
	background-color: #000;
	padding: 5px;
	color: #CAE500;
	text-align: center;
}

.active-leagues h3 {
	margin-top: 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 10px;
	background-color: #777;
}

.active-leagues h2 + h3 {
	margin-top: 10px;
}

.page .main .active-leagues ul {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.page .main .active-leagues li {
	padding-left: 40px;
	background-image: url('img/league.png');
	background-size: 31px 27px;
	background-repeat: no-repeat;
	line-height: 24px;
} 

.active-leagues li a {
	display: block;
	text-decoration: none;
}

.active-leagues li a:hover {
	text-decoration: underline;
}

/* #Page Styles
================================================== */

.page header {
	height: 320px;
	position: relative;
}

.page header .logo {
	top: -20px;
	max-width: 60%;
}

.page .main p:first-of-type {
	font-size: 17px;
	line-height: 26px;
}

.page .main ul {
	list-style: circle;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 15px;
}

.page .main {
	margin-bottom: -70px;
	min-height: 240px;
}

.page .teampage h3 {
	font-size: 28px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0;
	padding: 20px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.page .teampage h4 {
	background-color: #eee;
	padding: 5px;
}

.page .teampage+h2 {
	clear: both;
}

.page .main .tabs {
	float: left;
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
}

.page .tabs li {
	float: left;
	margin-right: 2%;
	margin-bottom: 0;
	width: 49%;
}

.page .tabs li:last-child {
	margin-right: 0;
}

.page .tabs li a {
	text-align: center;
	display: block;
	font-size: 16px;
	text-decoration: none;
	background-color: #aaa;
	padding: 5%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.page #map-tab, .page #list-tab {
	float: left;
	width: 94%;
	padding: 3%;
} 

.page #map-tab #map {
	height: 500px;
	border: 1px solid #bbb;
}

.page .tabs li a.active,
.page #map-tab, 
.page #list-tab {
	background-color: #ddd;
}

.page #list-tab h3 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0
}

.page #list-tab h3+a {
	margin-top: 7px;
	float: left;
	word-break: break-all;
}

.page #list-tab .contact {
	margin-top: 20px;
}

.page #list-tab .tt-icon,
.page #list-tab .club-icon,
.page #list-tab .ptp-icon {
	float: right;
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	background-image: url('img/logo.png');
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 5px;
}

.page #list-tab .club-icon {
	background-image: url('img/club-marker.png');
}

.page #list-tab .ptp-icon {
	background-image: url('img/ptp-marker.png');
}

.page #list-tab ul {
	list-style: none;
	margin-left: 0;
}

.page #list-tab ul li {
	background-color: #efefef;
	padding: 10px;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.page #list-tab .facilities {
	float: right;
	clear: right;
	margin-top: 20px;
	width: 25%;
}

.page #list-tab .contact {
	clear: left;
	float: left;
	width: 50%;
}

.page .main .sub-pages {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}

.page .main .sub-pages li {
	margin-bottom: 2px;
}

.sub-pages a {
	font-size: 15px;
	padding: 8px 12px;
	display: block;
	background-color: #333;
	color: #fff;
	text-decoration: none;
}

.sub-pages a:hover {
	background-color: #000;
	color: #CAE500;
}

.page header {
	background-position: center;
}

.page .main ul.index {
	margin-left: 0;
	list-style: none;
	clear: both;
}

.page .main ul.index li {
	border-bottom: 1px solid #eee;
}

.page .main .search-results p {
	font-size: 15px;
	line-height: 22px;
}

.search-results.page h2.page-title {
	margin-bottom: 30px;
}

.search-results.page h2.page-title span {
	font-weight: bold;
}

form.search {
	position: relative;
	float: left;
	top: -63px;
	width: 230px;
}

form.search input {
	float: left;
	font-size: 17px;
	padding: 4px;
	width: 170px;
}

form.search input[type=submit] {
	float: left;
	margin-left: 5px;
	font-size: 14px;
	background-color: rgb(147,182,255);
	padding: 7px 11px;
	width: 43px;
}

form.search input[type=submit]:hover {
	background-color: #CAE500;
}

.prev-link {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.next-link {
	float: right;
	text-align: right;
	width: 50%;
	margin-bottom: 20px;
}

.club.page #club-map {
	width: 100%;
	height: 400px;
	border: 5px solid #CAE500;
}

.club.page .ui-slider .ui-slider-tooltip {
	font-size: 12px;
}

.club.page .map-controls {
	margin-bottom: 40px;
}

.club.page .ui-slider dt span {
	font-size: 14px;
	text-transform: uppercase;
}

.club.page .ui-slider dt {
	top: 1.0em;
}

h2.rain-title {	
	background-image: url('img/rainradar-bgnd.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #000;
	padding: 14px 20px 10px 110px;
	display: inline;
	background-color: #CAE500;
	position: relative;
	z-index: 9999;
	float:left;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

h5.rain-title {
	font-size: 13px;
	margin-bottom: 10px;
}

.club.page .club-logo {
	max-width: 20%;
	height: auto;
	float: right;
	margin: 5px 10px 10px 20px;
	background-color: #fff;
}

.club.page .top {
	margin-bottom: 50px;
}

.club.page .top h2 {
	margin-top: 20px;
}

.club.page .main {
	position: relative;
}

.club.page .club-bgnd, .page li .club-bgnd {
	position: absolute;
	width: 30%;
	opacity: 0.1;
	bottom: 0;
	right: 20px;
}

.page li .club-bgnd {
	height: 220px;
	width: auto;
	right: 45%;
	top: -10%;
	bottom: auto;
}

.club.page .club-leagues {
	position: relative;
	margin-top: 80px;
	overflow: hidden;
}

.club-leagues h2 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #777;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 0;
}

.club-leagues a {
	background-image: url('img/league.png');
	background-size: 31px 27px;
	background-position: 4px center;
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 5px 10px 5px 40px;
	display: block;
	background-color: #eee;
	border-bottom: 1px solid #fff;
}

.club-leagues a:hover {
	text-decoration: underline;
}

.club-leagues h3 {
	font-size: 15px;
	margin-bottom: 0;
}

.club.page .top p:first-of-type {
	margin-top: 15px;
}

.teampage p.logo img {
	max-width: 150px;
	padding: 0 0 20px 20px;
	background-color: #fff;
	position: relative;
	top: -20px;
} 

.teampage .matches {
	width: 50%;
}

.teampage + p {
	clear: both;
}

.club .select-type {
	float: right;
}

.club .select-type input {
	margin-left: 8px;
}

/* Gravity forms */

.main .gform_wrapper input[type=text], 
.main .gform_wrapper input[type=url], 
.main .gform_wrapper input[type=email],
.main .gform_wrapper input[type=tel], 
.main .gform_wrapper input[type=number], 
.main .gform_wrapper input[type=password],
.main .gform_wrapper textarea {
	font-size: 16px;
}

.main .gform_wrapper  .gfield_required {
	font-size: 17px;
	color: #0078FF;
}

.main .gform_wrapper .ginput_complex label {
	font-size: 13px;
}

/* Social wall */

.home .dcwss.dc-wall .stream li {
	font-size: 13px;
}

/* Galleria */
.galleria {
	margin-top: 30px;
	height: 480px;
}

.page .galleria-lightbox-title, .page .galleria-lightbox-counter {
	font-size: 16px;
}

.page .galleria-lightbox-close {
	font-size: 42px;
	line-height: 45px;
	height: 40px;
	width: 35px;
}

.page .galleria-lightbox-prev, .page .galleria-lightbox-next {
	font-size: 42px;
	line-height: 45px;
	height: 50px;
}

.page .main img {
	max-width: 100%;
	height: auto;
}


/* #Media Queries
================================================== */

	/* Widescreen */
    @media only screen and (min-width: 1380px) {

    	header .logo {
    		max-width: 62%;
    	}

    	header .title {
    		bottom: 50px;
    	}

		.page header .title {
    		bottom: 80px;
    	}

    	.page header .logo {
    		top: -60px;
    	}

		.galleria {
			height: 600px;
		}

		.page .league-sponsor {
			font-size: 17px;
			background-size: 182px auto;
			padding-left: 280px;
		}


    }    

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		header {
			height: 340px;
		}

    	header .title {
    		bottom: 50px;
    	}

    	.page header {
    		height: 308px;
    	}

		.page header .title {
    		bottom: 0;
    	}

		header h1 {
    		font-size: 26px;
    		line-height: 28px;
    	}

		.primary .full li a {
			font-size: 15px;
			padding: 11px;
		}

		.find-a-club h2 {
			width: 50%;
			line-height: 25px;
		}

		.page .league-sponsor {
			font-size: 14px;
		}

		.page .league-sponsor {
			font-size: 13px;
			line-height: 15px;
			padding-left: 150px;
		}


	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.page .league-sponsor {
			background-position: center 14px;
			padding-top: 90px;
			font-size: 14px;
			line-height: 16px;
			background-size: 174px auto;
			text-align: center;
			padding-left: 20px;
		}

		.page.two-cols .league-sponsor {
			padding-left: 0;
		}

		.home .league-view.league-sponsor {
			background-image: none;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.home .dcwss.dc-wall.col-4 .stream li {
			width: 46%;
		}

		.page header, header {
			padding-bottom: 40px;
			height: auto;
			min-height: 250px;
			background-position: top;
			background-size: cover;
		}

		.primary .full {
			display: none;
		}

		.primary .mobile {
			display: block;
		}

		.page header .logo, header .logo {
			top: 11px;
			left: -30px;
			max-width: 23%;
		}

		header .eleven.columns.title {
			top: -70px;
			margin-left: 80px;
			position: relative;
		}

		header .container h1.ten.columns {
			font-size: 20px;
			line-height: 24px;
			width: 360px;
		}

		.ten.columns.breadcrumb {
			line-height: 15px;
			font-size: 14px;
			width: 360px;
		}

		h2 {
			font-size: 18px;
			line-height: 25px;
		}

		.find-a-club h2 {
			width: 40%;
			line-height: 25px;
		}

		.home .league-view h2 {
			line-height: 30px;
			min-height: 60px;
		}

		.home .league-view h2 span {
			display: block;
		}

		.home .league-view {
			margin-top: 25px;
			margin-bottom: 20px;
		}

		.home .slides {
			margin-bottom: 20px;
		}

		.primary .mobile li {
			background-color: #fff;
			margin-bottom: 2px;
		} 

		.primary .mobile li.current-menu-item {
			background-color: #006FFF;
		}

		.primary .mobile li.current-menu-item:hover a {
			color: #333;
		}

		.primary .mobile li:hover {
			background-color: #CAE500;
		}

		.primary .mobile li a {
			padding: 9px;
			display: block;
			text-decoration: none;
		}

		.galleria {
			height: 300px;
		}

		.intro p {
			font-size: 15px;
			line-height: 23px;
		}

		.slides .slide-copy {
			font-size: 15px;
		}

		.home .slides li h2 {
			font-size: 18px;
		}

		.page .main p:first-of-type {
			font-size: 15.5px;
			line-height: 23px;
		}

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
			font-size: 14px;
			line-height: 21px;
		}

		footer .links li a {
			font-size: 15px;
		}

		.tournament .sponsor {
			margin: 0 10px 0 0;
		}

		.home .tournament h2 {
			clear: both;
			float: left;
			font-size: 17px;
			text-align: center;
			margin-top: 20px;
		}

		.tournament p {
			clear: both;
		}

		.home .tournament .section-icon {
			padding-left: 10px;
		}

		h2.rain-title {	
			display: block;
			margin-bottom: 0;
			float: none;
		}

		h5.rain-title {
			line-height: 13px;
			margin-top: 5px;
			margin-bottom: 10px;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.home .dcwss.dc-wall.col-4 .stream li {
			width: 92%;
		}

		.page header, header {
			padding-bottom: 40px;
			height: auto;
			min-height: 250px;
			background-position: top;
			background-size: cover;
		}

		.primary .full {
			display: none;
		}

		.primary .mobile {
			display: block;
		}

		.page header .logo, header .logo {
			top: 21px;
			left: -25px;
			max-width: 31%;
		}

		header .eleven.columns.title {
			top: -83px;
			margin-left: 80px;
			position: relative;
		}

		header .container h1.ten.columns {
			font-size: 18px;
			line-height: 23px;
			width: 220px;
		}

		.ten.columns.breadcrumb {
			line-height: 15px;
			font-size: 14px;
			width: 360px;
		}

		h2 {
			font-size: 18px;
			line-height: 25px;
		}

		.find-a-club h2 {
			width: 100%;
			line-height: 22px;
			text-align: center;
			margin-bottom: 7px;
			float: none;
		}

		.find-a-club .button {
			float: none;
			margin-left: auto;
			margin-right: auto;
		}

		.find-a-club.section-icon {
			padding-top: 10px;
			padding-bottom: 10px;
			height: 75px;
		}

		.home .main {
			top: -100px;
		}

		.home .league-view h2 {
			line-height: 19px;
			min-height: 50px;
			padding-top: 10px;
		}

		.home .league-view h2 span {
			display: inline;
		}

		.home .league-view {
			margin-top: 25px;
			margin-bottom: 20px;
		}


		.home .slides {
			margin-bottom: 20px;
		}

		.primary .mobile li {
			background-color: #fff;
			margin-bottom: 2px;
		} 

		.primary .mobile li.current-menu-item {
			background-color: #006FFF;
		}

		.primary .mobile li.current-menu-item:hover a {
			color: #333;
		}

		.primary .mobile li:hover {
			background-color: #CAE500;
		}

		.primary .mobile li a {
			padding: 9px;
			display: block;
			text-decoration: none;
		}

		.galleria {
			height: 260px;
		}


		.intro p {
			font-size: 15px;
			line-height: 23px;
		}

		.slides .slide-copy {
			font-size: 15px;
		}

		.home .slides li h2 {
			font-size: 18px;
		}

		.page .main p:first-of-type {
			font-size: 15.5px;
			line-height: 23px;
		}

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
			font-size: 14px;
			line-height: 21px;
		}

		footer .links li a {
			font-size: 15px;
		}

		.weather-snapshot .temp span {
			font-size: 40px;
			bottom: 0;
		}	

		.home .weather-snapshot .sixth.ukweather-temp {
			margin-top: 0;
		}

		.home .weather-snapshot .sixth.ukweather-summary {
			margin-top: 20px;
		}

		.home .weather-data h3 {
			margin-bottom: 0;
		}

		.page .tabs li a {
			font-size: 12px;
			letter-spacing: 1px;
		}

		.weather-snapshot .precip-chance span,
		.weather-snapshot .percentage {
			font-size: 40px;			
		}

		.weather-snapshot .wind {	
			font-size: 22px;
		}

		.weather-snapshot .wind .wind-icon {
			font-size: 40px;
		}

		.menu-bar .menu-label {
			font-size: 14px;
		}

		.home table.leaguemanager .logo {
			width: 0 !important;
			display: none;
		}

		.home table.leaguemanager tr td:nth-child(9),
		.home table.leaguemanager tr th:nth-child(9),
		.home table.leaguemanager tr td:nth-child(2),
		.home table.leaguemanager tr th:nth-child(2) {
			display: none;
		}
		
		form.search {
			top: -214px;
		}

		form.search input[name=s] {
			width: 116px;
		}

		.tournament .sponsor {
			margin: 0 10px 0 0;
		}

		.home .tournament h2 {
			clear: both;
			float: left;
			font-size: 17px;
			text-align: center;
			margin-top: 20px;
		}

		.tournament p {
			clear: both;
		}

		.home .tournament .section-icon {
			padding-left: 10px;
		}

		h2.rain-title {	
			display: block;
			margin-bottom: 0;
			float: none;
		}

		h5.rain-title {
			line-height: 13px;
			margin-top: 5px;
			margin-bottom: 10px;
		}

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('https://www.tennistayside.org/wp-content/themes/fonts/FontName.eot');
	    src: url('https://www.tennistayside.org/wp-content/themes/fonts/FontName.eot?iefix') format('eot'),
	         url('https://www.tennistayside.org/wp-content/themes/fonts/FontName.woff') format('woff'),
	         url('https://www.tennistayside.org/wp-content/themes/fonts/FontName.ttf') format('truetype'),
	         url('https://www.tennistayside.org/wp-content/themes/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/