/* Global tags begin */
header {
    color: #ffffff;
    padding-top: 44px;
    padding-bottom: 26px;
    margin-top: 20px;
    background-image: linear-gradient(0deg, rgb(90, 92, 113) 16.73%, rgb(40, 40, 50) 78.327%);
}

.header02 {
	color: #ffffff;
    padding-top: 44px;
    padding-bottom: 26px;
    margin-top: 20px;
	background-color: #276693;
}

/* Text Styles */
#coronavirus p {
    font-size: 18px;
}

.black01 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 28px;
    font-weight: 900;
	line-height: normal;
}

.black02 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 20px;
    color: #000000;
}

.black03 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 24px;
	color: #FFDE14;
    font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #2A2A33;
}

.black04 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    color: #000000;
}

.black05 {
    font-family: Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 32px;
    color: #000000;
	text-align: center;
	font-weight: 700;
}

.black06 {
    font-family: Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 30px;
    color: #000000;
	text-align: center;
	font-weight: 700;
}

.black07 {
	font-family: "open-sans", sans-serif;
    font-size: 16px;
	line-height: 30px;
    color: #656668;
}

.black08 {
	font-family: "open-sans", sans-serif;
    font-size: 20px;
	font-weight: 600;
    color: #656668;
}

.black09 {
	font-family: "open-sans", sans-serif;
    font-size: 20px;
	font-weight: 800;
    color: #656668;
}

.black10 {
	font-family: "futura-pt-bold", sans-serif;
	font-weight: 700;
	font-style: normal;
    font-size: 26px;
    color: #656668;
}

.black11 {
	font-family: "open-sans", sans-serif;
    font-size: 28px;
    font-weight: 900;
	line-height: normal;
    color: #656668;
}

.black12 {
	font-family: "futura-pt", sans-serif;
	font-weight: 700;
	font-style: normal;
    font-size: 16px;
    color: #ffffff;
}

.volunteering {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 24px;
	color: #656668;
}

.white01 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #FFFFFF;
}

.white02 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}

.white03 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 20px;
    color: #FFFFFF;
}

.white04 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
}

.white05 {
	font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 28px;
    font-weight: 900;
	line-height: normal;
    color: #FFFFFF;
}

.white06 {
	font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 20px;
    font-weight: 600;
	line-height: normal;
    color: #FFFFFF;
}

.white07 {
	font-family: "futura-pt", sans-serif;
	font-weight: 700;
	font-style: normal;
    font-size: 28px;
    color: #ffffff;
}

.gray01 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    color: #303030;
    font-weight: 700;
}

.gray02 {
    font-family: Candara,Helvetica,Sans-serif;
    font-size: 18px;
    color: #303030;
    font-weight: 700;
}

.gray03 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #656668;
}

.red01 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 18px;
    color: #CB1128;
}

.red02 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 28px;
    color: #CB1128;
    font-weight: 700;
}

.red03 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #CB1128;
}

.red04 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 22px;
    color: #CB1128;
    font-weight: 700;
}

.red05 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 24px;
	color: #CB1128;
    font-weight: 700;
}

.red06 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    color: #CB1128;
}

.pink01 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #FB009B;
    font-weight: 900;
}


.yellow01 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    color: #FFDE14;
    font-weight: 400;
}

.yellow02 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #FFDE14;
    font-weight: 400;
}

.yellow03 {
	font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 28px;
    font-weight: 900;
	line-height: normal;
    color: #FFDE14;
}

.yellow04 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 20px;
    color: #FFDE14;
}

.blue01 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #2C8CCD;
}

.blue02 {
	font-family: "open-sans", sans-serif;
    font-size: 28px;
    font-weight: 900;
	line-height: normal;
    color: #0E739D;
}

.blue03 {
    font-family: "open-sans", sans-serif;
    font-size: 18px;
    color: #0E739D;
}

.blue04 {
    font-family: "open-sans", sans-serif;
    font-size: 22px;
    color: #0E739D;
}

.purple01 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 24px;
	color: #FFDE14;
    font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #832256;
}

.purple02 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 28px;
    color: #642D91;
    font-weight: 900;
}

.green01 {
    font-family: Open Sans,Helvetica,Sans-serif;
    font-size: 28px;
    color: #234F60;
    font-weight: 800;
}

.green02 {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    color: #3B8136;
    font-weight: 400;
}

/* Link Styles */
a.whitelink2:link {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 16px;
}

a.whitelink2:visited {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 16px;
}

a.whitelink2:hover {
    color: #FFDE14;
    text-decoration: underline;
    font-size: 16px;
}

a.whitelink3:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
}

a.whitelink3:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
}

a.whitelink3:hover {
    color: #FFDE14;
    text-decoration: underline;
    font-size: 16px;
}

a.whitelink4:link {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 18px;
}

a.whitelink4:visited {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 18px;
}

a.whitelink4:hover {
    color: #FFDE14;
    text-decoration: underline;
    font-size: 18px;
}

a.whitelink5:link {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 20px;
}

a.whitelink5:visited {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 20px;
}

a.whitelink5:hover {
    color: #FFDE14;
    text-decoration: underline;
    font-size: 20px;
}

a.yellowlink1:link {
    color: #FFDE14;
    text-decoration: none;
    font-size: 16px;
}

a.yellowlink1:visited {
    color: #FFDE14;
    text-decoration: none;
    font-size: 16px;
}

a.yellowlink1:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 16px;
}

a.yellowlink2:link {
    color: #FFDE14;
    text-decoration: underline;
    font-size: 16px;
}

a.yellowlink2:visited {
    color: #FFDE14;
    text-decoration: underline;
    font-size: 16px;
}

a.yellowlink2:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 16px;
}

a.redlink1:link {
    color: #CB1128;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

a.redlink1:visited {
    color: #CB1128;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

a.redlink1:hover {
    color: #CB1128;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}

a.redlink2:link {
    color: #CB1128;
    text-decoration: none;
    font-size: 14px;
}

a.redlink2:visited {
    color: #CB1128;
    text-decoration: none;
    font-size: 14px;
}

a.redlink2:hover {
    color: #CB1128;
    text-decoration: underline;
    font-size: 14px;
}

a.redlink3:link {
    color: #CB1128;
    text-decoration: underline;
    font-size: 16px;
}

a.redlink3:visited {
    color: #CB1128;
    text-decoration: underline;
    font-size: 16px;
}

a.redlink3:hover {
    color: #000000;
    text-decoration: underline;
    font-size: 16px;
}

a.redlink4:link {
    color: #CB1128;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 700;
}

a.redlink4:visited {
    color: #CB1128;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 700;
}

a.redlink4:hover {
    color: #000000;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 700;
}

a.greylink1:link {
    color: #606278;
    text-decoration: none;
    font-size: 18px;
}

a.greylink1:visited {
    color: #606278;
    text-decoration: none;
    font-size: 18px;
}

a.greylink1:hover {
    color: #CB1128;
    text-decoration: underline;
    font-size: 18px;
}

a.greylink2:link {
	font-family: Open Sans,Helvetica,Sans-serif;
    color: #656668;
    text-decoration: underline;
    font-size: 16px;
}

a.greylink2:visited {
	font-family: Open Sans,Helvetica,Sans-serif;
    color: #656668;
    text-decoration: underline;
    font-size: 16px;
}

a.greylink2:hover {
	font-family: Open Sans,Helvetica,Sans-serif;
    color: #CB1128;
    text-decoration: underline;
    font-size: 16px;
}

a.bluelink1:link {
    color: #327299;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}

a.bluelink1:visited {
    color: #327299;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}

a.bluelink1:hover {
    color: #000000;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
}

.btn-primary {
    color: #656668;
    background-color: #FFDE14;
    border-color: #FFDE14;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #656668;
    border-color: #656668; /*set the color you want here*/
}

.btn-secondary:link {
    color: #FFFFFF;
    background-color: #0E739D;
    border-color: #0E739D;
}

.btn-secondary:hover {
    color: #FFFFFF;
    background-color: #0E739D;
    border-color: #0E739D;
}

.container-bg {
    background: #000;
}

#coronavirus p a.redlink:link {
    color: #D40F14;
    text-decoration: underline;
    font-size: 18px;
}

#coronavirus p a.redlink:visited {
    color: #D40F14;
    text-decoration: underline;
    font-size: 18px;
}

#coronavirus p a.redlink:hover {
    color: #000000;
    text-decoration: underline;
    font-size: 18px;
}

header a.whitelink1:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
}

header a.whitelink1:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
}

header a.whitelink1:hover {
    color: #FFDE14;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
}

header a.yellowlink1:link {
    color: #FFDE14;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 2px;
}

header a.yellowlink1:visited {
    color: #FFDE14;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 2px;
}

header a.yellowlink1:hover {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 2px;
}

hr {
	height: 4px;
	background-color: #ccc;
	border: none;
}

.navbar {
    color: #ffffff;
}

nav li {
    margin-right: 10px;
}

header .col-md-4 img {
}

.coronavirus {
    background-color: #FFDE14;
}

.coronavirus02 {
    background-color: #832256;
}

.queen {
    background-color: #000000;
}

.queen02 {
    background-color: #4F4F4F;
}

.queen03 {
    background-color: #FFFFFF;
}

.covid19policy {
    background-color: #B5B4BD;
}

.donate {
    background-color: #577A9D;
    margin-bottom: 10px;
}

.donate02 {
    background-color: #577A9D;
}

.subscribe {
    background-color: #00437B;
}

.subscribe02 {
    background-color: #234F60;
}

.subscribe03 {
    background-color: #922474;
}

.subscribe04 {
    background-color: #276693;
}

.subscribe05 {
    background-color: #c25222;
}

.video {
    background-color: #444343;
}

.video2 {
    background-color: #000000;
}

.gallery {
    background-color: #232323;
}

.hafrennews {
    background-color: #577A9D;
}

.roadworks {
    background-color: #262526;
}

.giveblood {
    background-color: #CC181E;
}

.whatson {
    background-color: #000000;
}

#fullwidthimage {
    width: 100%;
    margin-bottom: 30px;
}

#fullwidthimage img {
    display: block;
    width: 100%;
    height: auto;
}

.background-image-section {
    background-image: url('images/1920x600_ticketplan.jpg');
	background-size: auto;
    background-position: center;
    width: 100%; /* Full screen width */
    padding: 50px 0; /* Add top/bottom padding instead of height */
}

.content-container {
    max-width: 1920px; /* Or your page's standard width */
    margin: 0 auto; /* Centers the container */
    padding: 0 20px; /* Prevents text hitting screen edges on mobile */
	color: #FFFFFF;
}

footer {
    background-color: #000000;
    color: #ffffff;
    margin-top: 10px;
}

body {
    font-family: Helvetica, Arial, sans-serif;
	color: #656668;
}

.responsive {
  width: 100%;
  height: auto;
}

.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/* Original Code
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
*/