/*
 * Copyright © 2025 Fluid Media Studio Ltd. All rights reserved
 * http://www.fluidmedia.co.uk/
 */

body, html {height: 100%;}

body,td,th {font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: fff; font-size: large;}

body {background-color: #fff;}

a:link, a:visited {color: #ffed00; text-decoration: none}
a:active, a:hover {color: #fff;}

a.b:link, a.b:visited {color: #555;}
a.b:active, a.b:hover {color: #000;}

a.c:link, a.c:visited {font-size: small; color: #555;}
a.c:active, a.c:hover {font-size: small; color: #000;}

a.nav-link {color:#fff !important;}
a.nav-link:visited {color:#fff !important;}
a.nav-link:hover {color:#ffed00 !important;}
.navbar ul li a {color:#555;}
.navbar ul li a:hover {color:#000;}

.tagline {text-align: center;}

.pink { background-color: #e61668;
	background-image: url("../bits/holding-hands.png");
  	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% auto;
	color: #fff;
	margin-top: 15px;}

.blue { background-color: #4C88C6;
	background-image: url("../birmingham-judo/erdington-judo-club-logo-tatami.png");
  	background-repeat: no-repeat;
	background-position: left;
	color: #fff;
	margin-top: 15px;}

.donate { background-color: #4C88C6;
	background-image: url("../bits/donate.png");
  	background-repeat: no-repeat;
	background-position: left;
	background-size: 100% auto;
	color: #fff;
	margin-top: 15px;}

.facebook {background-color: #6bb536; text-align: center; margin-top: 15px;}

.yellow {background-color: #ffed00; margin-top: 15px; color: #555; text-align: center;}

.judo {background-color: #0b0a4c; color: #fff;}

.fluidmedia {font-size: x-small; color: #ccc;}

.contacterror {font-size: x-large; font-style: italic;}

.copyright {font-size: small; text-align: right;}

.gallery {text-align: center; margin-top: 20px;}

.error {font-size: x-large; font-weight: bold;}
.success {font-size: x-large; font-style: italic; font-weight: bold;}

h1, h2, h3, h4, h5 {color: #FFF; font-style: italic; margin-top: 5px; margin-bottom: 5px; font-weight: bold;}

h3 {font-size: x-large;}

h4 {font-size: large;}

h5 {font-size: large;}

.mobilelogo {display: none;}

@media (max-width: 991px) {

.judo {padding: 15px !important;}
.shoppingcart {text-align: left;}
.widelogo {display: none;}
.mobilelogo {display: inline;}
.copyright {text-align: center;}

}

@media (max-width: 768px) {

.birmingham {text-align: center;}

}