/* COLOURS: ======================================================
==================================================================
Navy		#00305f  rgb(0,48,95)
Dark Grey	#333333  rgb(51,51,51)		<= main text colour
Medium Grey	#999999	 rgb(153,153,153)	<= extra text
Light Grey	#ebebeb  rgb(235,235,235) 	<= also used in 50% opacity
Green-blue	#008b99	 rgb(0,139,153)
Light blue	#81bbdc	 rgb(129,187,220) 	<= used in 35% opacity
Blue		#115a82	 rgb(17,90,130) 	<= search input field
Turquoise	#51b8c1	 rgb(81,184,193)	<= Met logo colour, used in footer
*/

/* Font sizes:
1px  = 0.0625rem
10px = 0.625rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem 		[BASE]
17px = 1.0625rem
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem
*/

/* GLOBAL STYLES =================================================
================================================================== */

body { color:#333; font-family:'Roboto', sans-serif; font-weight:400; }

/* Headings ***/
h1, h2, h3, h4, h5, h6 { color: #00305f; font-weight: bold; margin-bottom: 1rem; }
h1, .modal h2 { font-family:'Lato', sans-serif; }
h1 { font-size:24px; font-weight: normal; /* text-transform:uppercase;*/ }
h2 { font-size:20px; }
h3, h4 { font-family:'Roboto', sans-serif; }
h3 { font-size:18px; }
h4 { font-size:17px; }
h5 { font-size:16px; }

/* Other text */
p { }
.highlight { font-size: 1.125rem; font-weight: 700; }
strong { font-weight:900; }

/* Quotes ***/
blockquote { background-color: rgba(235,235,235,.5); border-left: 0; padding: .75rem 1.25rem .75rem 2.125rem; position: relative; }
blockquote:before { content:'\201C'; display: block; font-size:3rem; font-weight:700; left:.625rem; line-height: 1; position: absolute; top:.375rem }
blockquote p:last-child { margin-bottom: 0;}

/* Lists ***/
.content ul,
.content ol { padding-left: 1.5rem; }
.content ul li { list-style: none; margin: 0 0 0.125rem; margin: 0; padding: 0; }
.content ul li:before { color: #aaa; content:'\25A0'; display: inline-block; font-size: 0.625rem; margin: -.25rem 0.5rem 0 -1rem; vertical-align: middle; }

/* Links ***/
a { color: #00305f; }
a:hover,
a:focus,
a:active { color: #008390; }
.content a,
.content a:hover,
.content a:focus,
.content a:active,
.side-col a, p a { text-decoration: underline; }

#wow-map img[src=""] {display: none;}

/* Buttons ***/
.btn { background-color: #00305F; border: none; border-radius: 0; color: #fff; font-weight: normal; padding: .3125rem 1rem; position: relative; text-decoration: none !important; text-transform: uppercase; white-space: normal; }
.btn:hover,
.btn:focus,
.btn:active { background-color: #008b99; color: #fff !important; }
.content .btn { border-bottom: none; color: #fff; margin: 0 0 2px; }
.btn + .btn { margin-left: 10px; }
.btn-lg { font-size: 1.5rem; padding: .3125rem 1.5rem }
h2 .btn { font-size: 2rem; }
h3 .btn { font-size: 1.75rem; }
h4 .btn { font-size: 1.5rem; }
h5 .btn { font-size: 1.25rem; }
h6 .btn { font-size: 1rem; }
.btn-back { margin-left: 12px !important; }
.btn-back:after { border-top: 17px solid transparent; border-right: 12px solid #00305f; border-bottom: 17px solid transparent; content: ''; display: inline-block; position: absolute; left: -12px; top: 0; }
.btn-next { margin-right: 12px; }
.btn-next:after { border-top: 17px solid transparent; border-left: 12px solid #00305f; border-bottom: 17px solid transparent; content: ''; display: inline-block; position: absolute; right: -12px; top: 0; }

/* Tables ***/
.table { margin-bottom: 1.25rem; }
.table td,
.table th { border-top-color: #00305f; padding: .25rem .5rem; }
.table tr:first-child td,
.table tr:first-child th { border-top: 0; }
.table th { font-weight: 700; }
.table tbody tr:last-child td,
.table tbody tr:last-child th { border-bottom: 1px solid #00305f; }
.table thead th { border-bottom: 3px solid #00305f; }

.table-sm td, .table-sm th { padding: .3rem; }

.table.table-light { background-color: #fff; }
.table.table-light td,
.table.table-light th { background-color: transparent; border-top-color: #dadada; }
.table.table-light tr:last-child td,
.table.table-light tr:last-child th { border-bottom-color: #dadada; }
.table.table-light thead th { border-bottom-color: #dadada; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.02); }
.table-striped span.site2, .table-striped span.site3{ display: block;}
.table-striped span.site2 { color: green;}
.table-striped span.site3 { color: orange;}

caption { color:#333; caption-side: top; padding-top: 0; }
.modal caption { color:#767676; font-size: .875rem; }

/* Forms ***/
.form-control { border-radius: 0; }
form label.form-check-label { font-weight: 700; }

/* Modal */
.modal-backdrop { background-color: #00162B; opacity: .7 !important; }
.modal-content { border: none; border-radius: 0; }
.modal-header { border-bottom: 0; padding-bottom: 0; }
.modal-title { font-weight: bold; }
.modal-body { padding: .75rem; }
@media (min-width: 768px) {
	.modal-dialog { max-width: 540px; }
	.modal-header,
	.modal-body { padding: 1rem 1.5rem 0; }
}

/* Tabs */
.nav-tabs { border-bottom: 3px solid #ebebeb; padding: 0 !important; }
.nav-tabs .nav-item:before { display: none; }
.nav-tabs .nav-item .nav-link { border-radius: 0; padding: .5625rem 2rem .375rem; text-decoration: none !important; }
.content .nav-tabs .nav-item .nav-link { padding: .5rem .75rem .3125rem; }
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link.active:hover,
.nav-tabs .nav-item .nav-link.active:active,
.nav-tabs .nav-item .nav-link.active:focus { background-color: #ebebeb; border-color: #ebebeb; color: #333; cursor: default; font-weight: bold; }
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:active,
.nav-tabs .nav-item .nav-link:focus { background-color: #00305f; border-color: #00305f; color: #fff; }
.tab-content { padding-top: 1rem; }
@media (min-width: 576px) {
	.nav-tabs .nav-item .nav-link { padding-right: 3.25rem; padding-left: 3.25rem; }
	.content .nav-tabs .nav-item .nav-link { padding-right: 2.25rem; padding-left: 2.25rem; }
}
@media (min-width: 768px) {
	.tab-content { padding: 1.5rem 1.5rem 0rem; }
	.content .tab-content { padding: 1.5rem 0 0; }
}

#dataTabs { border-bottom: 2px solid #00305f; margin-top: 2rem; }
#dataTabs .nav-item .nav-link { background-color: rgba(129,187,220,.35); color: #00305f; font-weight: bold; margin: 0 2px; padding: .275rem 1.25rem .1625rem 1.25rem; }
#dataTabs .nav-item .nav-link.active,
#dataTabs .nav-item .nav-link.active:hover,
#dataTabs .nav-item .nav-link.active:active,
#dataTabs .nav-item .nav-link.active:focus { background-color: #00305f; border-color: #00305f; color: #fff; }

/* Info Box */
.infobox { background: rgba(235,235,235,.6); color:#434343; font-size: .875rem; padding: .75rem 1rem; margin-bottom: 10px;}
.infobox p:last-child { margin-bottom: 0; }

/* Horizontal Rule */
hr { border-top-color: #00305f; margin-top: 1.5rem; margin-bottom: 1.5rem; }

/* Skip to content ***/
.skipcontent:focus { background: #51b8c1; color: #00305F; font-weight: bold; padding: .25rem .75rem; position: absolute !important; left:auto; right:auto; text-decoration: none; top:0; z-index: 1000; }

/* GRID (Overwrite Bootstrap 4.1 sizes) */
@media (min-width: 768px) {
	.container { max-width: 750px; /*720px*/ }
}
@media (min-width: 992px) {
	.container { max-width: 970px; /*960px*/ }
}
@media (min-width: 1200px) {
	.container { max-width: 1170px; /*1140px*/ }
}


/* HEADER ========================================================
================================================================== */
header { background-color: #00305F; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15); color: #fff; font-family:'Lato', sans-serif; }
header a { color: #fff; text-decoration: none; }
header .navbar-brand { margin: .75rem 0; padding: 0; width:192px; z-index: 100; }
header .navbar-brand img { height: auto; max-width: 100%; margin-right: 10px;}
header .navbar-brand img.met-logo { width:80px;}
header .navbar { background-color: transparent; padding-top: 0; padding-bottom: 0; }
header .navbar-collapse { padding-top: 0.5rem; padding-bottom: 1rem; }
header .navbar-nav .nav-item .nav-link { color:#fff; display: inline-block; padding: .375rem 1rem; }
header .navbar-nav .nav-item .nav-link:hover,
header .navbar-nav .nav-item .nav-link:focus,
header .navbar-nav .nav-item .nav-link:active { background-color: rgba(56,184,213,0.4); color:#fff; }
header .navbar-nav .nav-item .nav-link.logo:hover,
header .navbar-nav .nav-item .nav-link.logo:focus,
header .navbar-nav .nav-item .nav-link.logo:active { background-color: transparent; }
header .navbar-nav .nav-item.active { background-color: rgba(56,184,213,0.4); }
header .navbar-toggler { background-color: rgba(56,184,213,0.4); border-radius:0; }
header .navbar-toggler .navbar-toggler-icon { 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,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
header .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:after { display: none; }
header .navbar-nav .nav-item.dropdown .dropdown-toggle-split { display: inline-block; padding: .375rem 1rem; }
header .navbar-nav .nav-item.dropdown .dropdown-toggle-split:hover,
header .navbar-nav .nav-item.dropdown .dropdown-toggle-split:focus,
header .navbar-nav .nav-item.dropdown .dropdown-toggle-split:active { background-color: rgba(56,184,213,0.4); color:#fff; }
header .dropdown > ul.dropdown-menu { background-color: rgba(0,48,95,0.88); border: none; border-radius: 0; min-width: 300px; z-index: 2000; }
header .dropdown > ul.dropdown-menu { margin: 0; padding: 0; }
header .dropdown > ul.dropdown-menu > li { border-bottom: 1px solid rgba(255,255,255,0.5); }
header .dropdown > ul.dropdown-menu > li a.dropdown-item { color: #fff; padding: .5rem 1rem; }
header .dropdown > ul.dropdown-menu > li { border-bottom-color: rgba(255,255,255,1); }
header .dropdown > ul.dropdown-menu > li > a:hover,
header .dropdown > ul.dropdown-menu > li > a:focus,
header .dropdown > ul.dropdown-menu > li > a:active { background-color: rgba(56,184,213,0.2); color: #fff !important; }
@media (min-width: 992px) {
	header { }
	header .navbar { padding: 0; }
	header .navbar .container { position: relative; }
	header .navbar-expand-lg > .container,
	header .navbar-expand-lg > .container-fluid { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	header .navbar-collapse { padding-top: 0; padding-bottom: 0; }

	header .navbar-nav { -ms-flex-align: end !important; align-items: flex-end !important; }
	header .navbar-nav .nav-item { display: flex; font-size: 1rem; margin:0 0 0 0.25rem; }
	header .navbar-nav .nav-item:first-child,
	header .navbar-nav .nav-item:last-child { margin-left: 0 !important; }
	header .navbar-nav .nav-item .nav-link { display: block; margin:0; padding: .375rem .625rem; }
	header .navbar-nav .nav-item .nav-link.logo { margin-left: .5rem; padding-right: .5rem !important; padding-left: .5rem !important; }
	header .navbar-nav .nav-item:last-child .nav-link.logo { margin-left: 0; }
	header .navbar-nav .nav-item .nav-link.logo img { height: 50px; width: auto; }
	header .dropdown:hover > ul.dropdown-menu,
	header .dropdown:focus > ul.dropdown-menu,
	header .dropdown:active > ul.dropdown-menu { display: block; }
	header .dropdown > ul.dropdown-menu > li a.dropdown-item { font-size: 1.0625rem; }
}
@media (min-width: 1200px) {
  	header .navbar-expand-lg > .container,
	header .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
	header .navbar-nav .nav-item { font-size: 1.125rem; margin-left: 0.5rem; }
	header .navbar-nav .nav-item .nav-link { padding: .375rem 1rem; }
	header .navbar-nav .nav-item .nav-link.logo { margin-left: 1.5rem; }
	header .navbar-nav .nav-item:last-child .nav-link.logo { margin-left: 0; }
	header .navbar-nav .nav-item .nav-link.logo img { height: auto; }
}


/* CONTENT PAGES =================================================
================================================================== */

main { padding-top: 1.5rem; }

/* Page Title ****/
.page-title { }
.page-title h1 { margin-bottom: 1.5rem; position: relative; }
.page-title h1 strong { background-color: #fff; font-weight: normal; padding-right: 1.25rem; position: relative; z-index: 10; }
.page-title h1:after { content: ''; display: block; border-bottom: 3px solid #00305e; position: absolute; top: 50%; width: 100%; }

/* Content Columns ****/
.main-col,
.side-col { margin-bottom: 2rem; }
@media (min-width: 992px) {
	.main-col,
	.side-col { margin-bottom: 2.5rem; }
}

/* Content Area ****/
.content { padding-bottom: 90px; }
@media (min-width: 992px) {
	.content { padding-bottom: 110px; }
}

/* Social Media Sharing */
.sharing { position: absolute; bottom: 0; left: 15px; }
.sharing h2 { color: #707070; font-size: 1.125rem; font-weight: bold; }
.sharing ul { margin-bottom: 0; padding-left: 0; }
.sharing ul li { margin-right: .5rem; line-height: 44px; }
.sharing ul li:before { display: none; }
.sharing ul li a { background-color: #bbb; color:#fff; display: block; font-size: 1.5rem; height: 44px; width: 44px; text-align: center; }
.sharing a.share-fb { background-color: #3b5998; font-size: 1.75rem; }
.sharing a.share-tw { background-color: #1da1f2; }
.sharing ul li a i { line-height: 44px; }



/* SITES  ========================================================
================================================================== */
/* Site: Date, Time + Location */
.site-time,
.site-loc { color: #999; font-size: 0.875rem; }
.site-time strong,
.site-id { color: #333; display: block; font-size: 1rem; font-weight: normal; margin-bottom: 0; }
.site-id,
.site-loc { text-align: right; }

/* Site: Observation */
.table.observation td,
.table.observation th { padding: .25rem .5rem; vertical-align: text-bottom; }
.table.observation th { padding-left: 0; }
.table.observation td:last-child { padding-right: 0; }
.table.observation .label { font-size: .9375rem; font-weight: normal; }
.table.observation .primary { color: #00305f; font-size: 1rem; font-weight: bold; }
.table.observation .secondary { color: #999; font-size: .875rem; }
@media (min-width: 576px) {
	.table.observation .label { font-size: 1.0625rem; }
	.table.observation .primary { font-size: 1.25rem; }
	.table.observation .secondary { font-size: .9375rem; }
}
@media (min-width: 768px) {
	.table.observation td,
	.table.observation th { padding: .325rem 1rem; }
	.table.observation th { width: 40%; }
	.table.observation th + td { width: 20%; }
}
@media (min-width: 992px) {
	.table.observation th { width: 45%; }
	.table.observation th + td { width: 22%; }
}
@media (min-width: 1200px) {
	.table.observation th { width: 40%; }
	.table.observation th + td { width: 20%; }
}

/* Site: Data Display */
.data-box { background-color: rgba(235,235,235,.5); margin-bottom: .5rem; padding: .75rem 1rem 0; }
.data-box legend,
.data-box .col-md-4 > .form-group > label { color: #00305f; font-size: 1rem; font-weight: bold; margin-bottom: 0.125rem; }
.data-box .form-control { border-color: #fff; }
.data-box .form-check { margin: .25rem 0; }
.data-box .form-check-label { font-size: .875rem; }
.data-box .btn { text-transform: none; }
.data-box.data-compare .data-compare-or { font-size: .875rem; margin-left: -5px; padding-right: 1rem; }
.data-box .form-group.col-7 { padding-right: 5px; }
.data-box .form-group.col-5 { padding-left: 0; }
.data-box.data-filters { margin-bottom: 1rem; padding-bottom: .75rem; }
.data-buttons .btn { font-size: .875rem; font-weight: bold; padding-right: 1.5rem; padding-left: 1.5rem; text-transform: none; }
.data-buttons .col-6:last-child .btn { background-color: rgba(129,187,220,.35); color: #00305f; font-weight: normal; padding-right: 1rem; padding-left: 1rem; }
.data-buttons .col-6:last-child .btn:hover,
.data-buttons .col-6:last-child .btn:active,
.data-buttons .col-6:last-child .btn:focus { background-color: rgba(129,187,220,1); color: #00305f; }
.data-buttons .btn + .btn { margin-left: .25rem; }
.data-box input[type=date] { max-height: 31px; /*padding: .1875rem .5rem;*/ }
@media (min-width: 576px) {
	.data-box .col-sm-4,
	.data-box .col-sm-8 { padding-left: 10px; }
	.data-box .col-sm-4:first-child { padding-left: 15px; }
}
@media (min-width: 768px) {
	.data-box .col-md-4,
	.data-box .col-md-8 { padding-left: 10px; }
	.data-box .col-md-4:first-child { padding-left: 15px; }
}
#dataTabs { margin-top: 2rem; }

#data-table .table { font-size: .875rem; margin-right: auto; margin-left: auto; max-width: 700px; }
#data-table .table td,
#data-table .table th { padding: .1875rem .25rem; }
@media (min-width: 576px) {
	#data-table .table td,
	#data-table .table th { padding-right: .5rem; padding-left: .5rem; }
}

/* Site: Daily Summary */
.table.dailysummary td,
.table.dailysummary th { padding: .5rem .5rem; }
.table.dailysummary th { color: #00305f; }
.table.dailysummary thead td { border-bottom: 3px solid #00305f; }
.table.dailysummary tbody th { padding-left: 1.75rem; }
.table.dailysummary th.label { font-weight: normal; padding-left: 4.5rem; width: 40%; }

/* Site: Map + Description */
.site-map { margin-bottom: 1rem;  }
p.site-description { font-size: .875rem; }

/* Site Search */
.site-search { border: 3px solid #ebebeb; margin-top: 1rem; padding: .5rem .75rem .75rem; }
.site-search label { color:#00305f; font-size: 1.125rem; font-weight: bold; margin-bottom: .25rem; }
.site-search .form-control { background-color: #115a82; border: 0; color: #fff; font-size: .9375rem; padding: .3125rem .75rem; }
.site-search .form-control::-webkit-input-placeholder { color:#fff; }
.site-search .form-control::-moz-placeholder { color:#fff; }
.site-search .form-control:-ms-input-placeholder { color:#fff; }
.site-search .form-control::-ms-input-placeholder { color:#fff; }
.site-search .form-control::placeholder { color:#fff; }
.site-search .btn { font-size: .9375rem; margin-left: .25rem; padding-right: .5rem; padding-left: .5rem; }

/* Accordion */
.accordion .card { border: 0; border-radius: 0; margin-bottom: .325rem; }
.accordion .card-header { border-bottom: 0; padding: 0; }
.accordion .card-header h2 { font-weight: bold;  margin: 0; }
.accordion .card-header h2 a { border: 0; display: block; padding: .625rem 1rem; text-decoration: none;  }
.accordion .card-header h2 a.collapsed { background-color:#ebebeb; color: #00305f; }
.accordion .card-header h2 a,
.accordion .card-header h2 a:hover,
.accordion .card-header h2 a:focus,
.accordion .card-header h2 a:active { background-color: #00305f; color: #fff; }
.accordion .card-header h2 a:after,
.accordion .card-header h2 a:hover:after,
.accordion .card-header h2 a:focus:after,
.accordion .card-header h2 a:active:after { background: url(../images/arrow-up.svg) no-repeat 50% 50%; content: ""; display: inline-block; float: right; height: 20px; width:16px; vertical-align: middle; }
.accordion .card-header h2 a.collapsed:after,
.accordion .card-header h2 a.collapsed:hover:after,
.accordion .card-header h2 a.collapsed:focus:after,
.accordion .card-header h2 a.collapsed:active:after { background: url(../images/arrow-down.svg) no-repeat 50% 50%; }
.accordion .card-body { border: 3px solid #ebebeb; border-top: 0; }
.accordion .card-body:after { display: block; clear: both; content: ""; }

/* Small Accordion (side column) */
.side-col .accordion .card-header h2 { font-size: 1.125rem; }
.side-col .accordion .card-body { font-size: .875rem; padding: .75rem; }
.side-col .accordion .card-body .table { margin-bottom: 0; }
.test { border-color: #DADADA; }
.side-col .accordion .card-body .table tr:first-child th,
.side-col .accordion .card-body .table tr:first-child td { border-top: 0; padding-top: 0; }
.side-col .accordion .card-body .table tr:last-child th,
.side-col .accordion .card-body .table tr:last-child td { border-bottom: 0; padding-bottom: 0; }
.side-col .accordion .card-body .table th { font-weight: normal; padding-left: 0; }
.side-col .accordion .card-body .table td { padding-right: 0; }

/* Tooltip */
a.tooltip-link { background-color: #115A82; border-radius: 50%; color: #fff; display: inline-block; font-family:'Roboto', sans-serif; font-size: 0.75rem; font-weight: bold; line-height: 1.35; text-align: center; text-decoration: none; width: 16px; cursor: pointer;}
a.tooltip-link:hover,
a.tooltip-link:focus,
a.tooltip-link:active { background-color: #51b8c1; }
.tooltip.show { opacity: 1; }
.tooltip .tooltip-inner { background-color: #008390; }
.bs-tooltip-top .arrow::before { border-top-color: #008390 !important; }



/* NEWS & EVENTS LIST [--OLD--] */
.news-list-item a { border: 3px solid rgba(197,203,210,.45); margin-bottom: 1.5rem; position: relative; display: block; }
.news-list-item a:hover,
.news-list-item a:focus,
.news-list-item a:active { background-color: transparent; border-color: #00305F; }
.news-list-item a img { height:auto; max-width: 100%; }
.news-list-item a div { }
.news-list-item h2 { font-size: 1.5rem; margin-bottom: .75rem; padding: 1.25rem 1.25rem 0 1.25rem; }
.news-list-item p { margin-bottom: 1.25rem; padding: 0 1.25rem; }
.news-list-item p.date { color: #757480; font-size: .8725rem; margin-bottom: .5rem; }
@media (min-width: 768px) {
	.news-list-item a { -ms-flex-direction: row !important; flex-direction: row !important; display: -ms-flexbox !important; display: flex !important; }
	.news-list-item a img { margin: -3px 0 -3px -3px; max-width: 250px; }
}

/* PAGINATION [--OLD--] */
.pagination { font-size: .875rem; justify-content: center!important; }
.pagination ul { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }
.pagination ul li:before { background:none; content:normal; display:none !important; }
.pagination ul li a { }
.pagination ul li .page-link,
.pagination ul li .page-text { background-color: #fff; color: #00305F; display: block; line-height: 1.25; margin: 0 2px; min-width: 30px; padding: .3125rem; position: relative; text-align: center;}
.pagination ul li .page-link { border: 1px solid rgba(197,203,210,.75) !important; }
.pagination ul li .page-text { background-color: rgba(197,203,210,.3); border: 1px solid transparent; margin-right: .5rem; margin-left: .5rem; padding-right: .75rem; padding-left: .75rem; }
.pagination ul li .page-link.current { background-color: #00305F; border-color: #00305F !important; color: #fff; font-weight: 700; z-index: 1; }
.pagination ul li .page-link.dots { background-color: rgba(197,203,210,.2); border-color: rgba(197,203,210,.5) !important; }
.pagination ul li a.prev,
.pagination ul li a.next,
.pagination ul li.prev a,
.pagination ul li.next a { margin-left: .5rem; margin-right: .5rem; padding-right: .75rem; padding-left: .75rem; }
.pagination ul li a.prev:before,
.pagination ul li.prev a:before { content:'\2039'; display: inline-block; font-weight: 700; padding-right: 5px; }
.pagination ul li a.next:after,
.pagination ul li.next a:after { content:'\203A'; display: inline-block; font-weight: 700; padding-left: 5px; }
.pagination ul li .page-link.dots:hover,
.pagination ul li .page-link.dots:focus,
.pagination ul li .page-link.dots:active { cursor: text; }
.pagination ul li a.page-link:hover,
.pagination ul li a.page-link:focus,
.pagination ul li a.page-link:active { background-color: #ffe600; border-color: #ffe600 !important; }



/* HOMEPAGE ======================================================
================================================================== */
.home { padding-bottom: 1rem; }
@media (min-width: 992px) {
	.home { padding-bottom: 1.5rem; }
}

/* Map Wrapper */
.map-wrapper { margin-bottom: 1.5rem; position: relative; }
.map-wrapper > div:first-child { margin-right: 10px; margin-left: 10px; }
@media (min-width: 768px) {
  .map-wrapper > div:first-child { margin-right: 0; margin-left: 0; }
}

/* Main Map */
.wow-map { background-color: #aad3df; border:1px solid #dce6e9; height: 700px; margin-bottom: .5rem; width: 100%; }
#wow-map .leaflet-bar a { background-color: #00305f; color: #fff; }
#wow-map .leaflet-bar a:hover,
#wow-map .leaflet-bar a:active,
#wow-map .leaflet-bar a:focus { background-color: #51b8c1; color: #00305f; }
#wow-map .leaflet-control-layers,
#wow-map .leaflet-bar { border: 3px solid rgba(255,255,255,.5) !important; }
#wow-map .leaflet-bar a { width: 20px; height: 20px; line-height: 20px; }
#wow-map .ol-zoom-in, #wow-map .ol-zoom-out{background-color: #00305f; color: #fff;}
#station-map .ol-zoom-in, #station-map .ol-zoom-out{background-color: #00305f; color: #fff;}

/* Map icons */
#wow-map .my-div-icon { background-color: #FFFF00; color:#222; border-radius: 50%; border: 2px solid #4D4D4D; font-size: 14px; height: 30px; line-height: 30px; margin: 0 auto; padding: 0; text-align: center; width: 30px; }
#wow-map .my-div-icon p { line-height: 26px; margin: 0; font-size: 11px; }
/* Temperature legends */
#wow-map .icon-temp-20 {background-color: #ffffff;}
#wow-map .icon-temp-18 {background-color: #ebebeb;}
#wow-map .icon-temp-16 {background-color: #d9d9d9;}
#wow-map .icon-temp-14 {background-color: #b5b5b5;}
#wow-map .icon-temp-12 {background-color: #9b9aac;}
#wow-map .icon-temp-10 {background-color: #9d90b3;}
#wow-map .icon-temp-8 {background-color: #9c69b2;}
#wow-map .icon-temp-6 {background-color: #8769b2;}
#wow-map .icon-temp-4 {background-color: #696ab4; color:#fff !important;}
#wow-map .icon-temp-2 {background-color: #6969fd;}
#wow-map .icon-temp0 {background-color: #6885d1;}
#wow-map .icon-temp2 {background-color: #69b2ff;}
#wow-map .icon-temp4 {background-color: #69d8ff;}
#wow-map .icon-temp6 {background-color: #43fafa;}
#wow-map .icon-temp8 {background-color: #68f8dd;}
#wow-map .icon-temp10 {background-color: #78e6bb;}
#wow-map .icon-temp12 {background-color: #69cca0;}
#wow-map .icon-temp14 {background-color: #82cc8b;}
#wow-map .icon-temp16 {background-color: #82de82;}
#wow-map .icon-temp18 {background-color: #69ff69;}
#wow-map .icon-temp20 {background-color: #e1fe69;}
#wow-map .icon-temp22 {background-color: #fefe69;}
#wow-map .icon-temp24 {background-color: #f3f3b2;}
#wow-map .icon-temp26 {background-color: #ede0a4;}
#wow-map .icon-temp28 {background-color: #e9ce93;}
#wow-map .icon-temp30 {background-color: #ffcc69;}
#wow-map .icon-temp32 {background-color: #fe9a69;}
#wow-map .icon-temp34 {background-color: #fe6969;}
#wow-map .icon-temp36 {background-color: #fa583c;}
#wow-map .icon-temp38 {background-color: #af4e3d; color:#fff !important;}
/* Rainfall legend */
#wow-map .icon-rain0 {background-color: #ffffff;}
#wow-map .icon-rain0-1 {background-color: #8bbaff;}
#wow-map .icon-rain0-3 {background-color: #38a0ff;}
#wow-map .icon-rain0-5 {background-color: #008bc5;}
#wow-map .icon-rain0-7 {background-color: #0076bf; color:#fff !important;}
#wow-map .icon-rain1 {background-color: #00a351;}
#wow-map .icon-rain2 {background-color: #21cb00;}
#wow-map .icon-rain3 {background-color: #ffff00;}
#wow-map .icon-rain6 {background-color: #ff9900;}
#wow-map .icon-rain12 {background-color: #ff0000;}
#wow-map .icon-rain20 {background-color: #800000; color:#fff !important;}
#wow-map .icon-rain32 {background-color: #840084; color:#fff !important;}
/* Humidity and Soil Moisture legend */
#wow-map .icon-humidity0 {background-color: #42007f; color:#fff !important;}
#wow-map .icon-humidity4 {background-color: #000082; color:#fff !important;}
#wow-map .icon-humidity8 {background-color: #0033b4; color:#fff !important;}
#wow-map .icon-humidity12 {background-color: #0000ff; color:#fff !important;}
#wow-map .icon-humidity16 {background-color: #007eff;}
#wow-map .icon-humidity20 {background-color: #00beff;}
#wow-map .icon-humidity24 {background-color: #18d78c;}
#wow-map .icon-humidity28 {background-color: #3aae74;}
#wow-map .icon-humidity32 {background-color: #2baa2b;}
#wow-map .icon-humidity36 {background-color: #2bc82b;}
#wow-map .icon-humidity40 {background-color: #00ff32;}
#wow-map .icon-humidity44 {background-color: #54ff00;}
#wow-map .icon-humidity48 {background-color: #a0ff00;}
#wow-map .icon-humidity52 {background-color: #ffff00;}
#wow-map .icon-humidity56 {background-color: #ffcc00;}
#wow-map .icon-humidity60 {background-color: #ff9900;}
#wow-map .icon-humidity64 {background-color: #ff6600;}
#wow-map .icon-humidity68 {background-color: #ff5500;}
#wow-map .icon-humidity72 {background-color: #ff0000;}
#wow-map .icon-humidity76 {background-color: #ff0099;}
#wow-map .icon-humidity80 {background-color: #ff3ab0;}
#wow-map .icon-humidity84 {background-color: #ff5fb2;}
#wow-map .icon-humidity88 {background-color: #ff87c3;}
#wow-map .icon-humidity92 {background-color: #ffafd7;}
#wow-map .icon-humidity96 {background-color: #ffd7eb;}
/* Pressure icons and legend */
.icon-pressure {
	position: relative;
	width:0;
	border-bottom:solid 16px #000;
	border-right:solid 9px transparent;
	border-left:solid 9px transparent;
	margin-left: -9px !important;
	margin-top: -8px !important;
	width: 18px !important;
	height: 16px !important;
}
.icon-pressure > p { display: none }
.icon-pressure:after {
	display: block;
	content: '';
	position: absolute;
	top:1px;
	left:-8px;
	width:0;
	border-bottom:solid 14px #fff;
	border-right:solid 8px transparent;
	border-left:solid 8px transparent;
}
	/* pressure big  */
.icon-pressure-big {
	border-bottom-width: 32px;
	border-right-width: 18px;
	border-left-width: 18px;
	margin-left: -18px !important;
	margin-top: -16px !important;
	width: 36px !important;
	height: 32px !important;
}
.icon-pressure-big > p {
	color: #000;
	display: block;
	font-size: 0.5rem;
	left: -16px;
	position: absolute;
	text-align: center;
	top: 18px;
	width: 33px;
	z-index: 10000;
}
.icon-pressure-big:after {
	left: -17px;
	border-bottom-width: 30px;
	border-right-width: 17px;
	border-left-width: 17px;
}
.icon-pressure960:after {	border-bottom-color: #323232	}
.icon-pressure964:after {	border-bottom-color: #3c3c3c	}
.icon-pressure968:after {	border-bottom-color: #474747	}
.icon-pressure972:after {	border-bottom-color: #515151	}
.icon-pressure976:after {	border-bottom-color: #5c5c5c	}
.icon-pressure980:after {	border-bottom-color: #656565	}
.icon-pressure984:after {	border-bottom-color: #6f6f6f	}
.icon-pressure988:after {	border-bottom-color: #797979	}
.icon-pressure992:after {	border-bottom-color: #828282	}
.icon-pressure996:after {	border-bottom-color: #8e8e8e	}
.icon-pressure1000:after {	border-bottom-color: #979797	}
.icon-pressure1004:after {	border-bottom-color: #a0a0a0	}
.icon-pressure1008:after {	border-bottom-color: #acacac	}
.icon-pressure1012:after {	border-bottom-color: #b6b6b6	}
.icon-pressure1016:after {	border-bottom-color: #bebebe	}
.icon-pressure1020:after {	border-bottom-color: #c8c8c8	}
.icon-pressure1024:after {	border-bottom-color: #d2d2d2	}
.icon-pressure1028:after {	border-bottom-color: #dddddd	}
.icon-pressure1032:after {	border-bottom-color: #e9e9e9	}
.icon-pressure1036:after {	border-bottom-color: #f4f4f4	}
/* Wind Direction Classes */
.icon-wind { height: 24px !important; width: 24px !important; margin-left: -12px !important; margin-top: -12px !important; }
.icon-wind-N { transform: rotate(0deg) }
.icon-wind-NNE { transform: rotate(22.5deg) }
.icon-wind-NE { transform: rotate(45deg) }
.icon-wind-ENE { transform: rotate(67.5deg) }
.icon-wind-E { transform: rotate(90deg) }
.icon-wind-ESE { transform: rotate(112.5deg) }
.icon-wind-SE { transform: rotate(135deg) }
.icon-wind-SSE { transform: rotate(157.5deg) }
.icon-wind-S { transform: rotate(180deg) }
.icon-wind-SSW { transform: rotate(202.5deg) }
.icon-wind-SW { transform: rotate(225deg) }
.icon-wind-WSW { transform: rotate(247.5deg) }
.icon-wind-W { transform: rotate(270deg) }
.icon-wind-WNW { transform: rotate(292.5deg) }
.icon-wind-NW { transform: rotate(315deg) }
.icon-wind-NNW { transform: rotate(337.5deg) }
/* Snow Fall */
.icon-snow { height: 24px !important; width: 24px !important; margin-left: -12px !important; margin-top: -12px !important; }

.icon-blue { background-color: #0033b4; border-radius: 50%; border: 2px solid #4D4D4D; font-size: 14px; height: 10px; line-height: 30px; margin: 0 auto; padding: 0; text-align: center; width: 10px; }




/* Main Map Search */
.wow-map-search { background-color: rgba(255,255,255,.8); border: 1px solid #ccc; padding: .825rem; }
.wow-map-search p { font-size: 0.875rem; margin-bottom: 0; text-align: right; }
.wow-map-search p a { background: url(../images/close-icon.png) no-repeat 100% 50%; padding-right: 1.2rem; }
.wow-map-search p a:before { content:"close"; display: inline-block; line-height: 17px; }
body.ga .wow-map-search p a:before { content:"dún"; }
.wow-map-search p a.collapsed { background-image: url(../images/arrow-down2.png); display: block; }
.wow-map-search p a.collapsed:before { content:"show map options"; }
.wow-map-search .form-group { margin-bottom: .75rem; }
.wow-map-search label { color: #00305f; font-weight: bold; margin-bottom: 0; }
.wow-map-search .form-control { background-color: #115a82; border: 0; color: #fff; }
.wow-map-search select.form-control { padding-left: .25rem; }
.wow-map-search .form-control::-webkit-input-placeholder { color:#fff; }
.wow-map-search .form-control::-moz-placeholder { color:#fff; }
.wow-map-search .form-control:-ms-input-placeholder { color:#fff; }
.wow-map-search .form-control::-ms-input-placeholder { color:#fff; }
.wow-map-search .form-control::placeholder { color:#fff; }
.wow-map-search .input-group-text { background-color: #115a82; border: 0; border-radius: 0; color: #fff; padding: .25rem .5rem .325rem; }
.wow-map-search .form-control.form-search { background: url(../images/search-icon.png) no-repeat 97% 50% #115a82; }
.wow-map-search .btn { font-size: .875rem; font-weight: normal; margin: .25rem 0; text-transform: none; }
@media (min-width: 768px) {
	.wow-map-search { position: absolute; right: 1rem; top: 1rem; width: 250px; z-index: 1000; }
}
/* Multiselect plugin */
.wow-map-search .multiselect { min-height: 31px; }
.wow-map-search .multiselect__select { height: 31px; right: 0; top: 0; width: 31px; }
.wow-map-search .multiselect__select:before { border-top-color: #fff; color: #fff; }
.wow-map-search .multiselect__tags { background-color: #115a82; border: 0; border-radius: 0; color: #fff; font-size: .875rem; height: 31px; min-height: 0; padding: .25rem 2.25rem .25rem .5rem; }
.wow-map-search strong.multiselect__strong { font-weight: normal; line-height: 1.5; margin: 0; vertical-align: middle; }
.wow-map-search .multiselect__tags > .multiselect__single { background-color: transparent; padding-left: 0; }
.wow-map-search .multiselect__tags > span { display: inline-block; font-size: .875rem; line-height: 1.5; min-height: 20px; vertical-align: middle; }
.wow-map-search .multiselect__tags > span > .multiselect__single { background-color: #115a82; border: 0; border-radius: 0; color: #fff; font-size: .875rem; font-weight: normal; line-height: 1.5; padding: 0; margin: 0; vertical-align: middle; }
.wow-map-search .multiselect__content-wrapper { border-radius: 0; border-color: #00305f; }
.wow-map-search .multiselect__content { background-color: #115a82; color: #fff; }
.wow-map-search .multiselect__option { color: #fff; font-size: .875rem; line-height: 1.5; min-height: 27px; padding: .125rem .5rem; }

/* Change highlight colours - LW 01/05/2019: */
.wow-map-search .multiselect__option--selected { background: #0077a8 !important; font-weight: 700; }
.wow-map-search .multiselect__option--highlight { background: #0077a8 !important; }
.wow-map-search .multiselect__option--selected.multiselect__option--highlight { background: #0077a8 !important; }

/* Change selection icons (for "Station Type") - LW 01/05/2019: */
.wow-map-search .stations .multiselect__option { padding: .125rem .5rem .125rem 1.75rem; }
.wow-map-search .stations .multiselect__option:after { color: #fff; content: '\f0c8'; display: block; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 400; left: 0; line-height: 27px; padding-right: .25rem; padding-left: .5rem; position: absolute; right: auto; top: 0; }
.wow-map-search .stations .multiselect__option--selected:after { content: '\f14a'; }
.wow-map-search .stations .multiselect__option--highlight:after { background: #0077a8 !important; content: '\f0c8'; }
.wow-map-search .stations .multiselect__option--selected.multiselect__option--highlight:after { background: #0077a8 !important; content: '\f14a'; }

/* Remove different icons for "Registered Stations" - LW 01/05/2019:
.wow-map-search .multiselect__element:nth-child(3n) .multiselect__option:after { content: '\f0c8'; }
.wow-map-search .multiselect__element:nth-child(3n) .multiselect__option--selected:after { content: '\f192'; }*/

.wow-map-search .element .multiselect__element .multiselect__option:after {content: "" !important; display:none !important; }

/* Typeahead */
.wow-map-search .twitter-typeahead, .data-compare .twitter-typeahead { display: block !important; }
.wow-map-search .tt-menu, .site-search .tt-menu, .data-compare .tt-menu { background: #fff; border: 1px solid #00305f; border-top: 0; color: #00305F; margin: 0 -1px; padding: 3px; width: 223px; z-index: 1000 !important; }
.wow-map-search .tt-menu .tt-suggestion, .site-search .tt-menu .tt-suggestion, .data-compare .tt-menu .tt-suggestion { line-height:1.3; font-size: 15px; cursor: pointer; padding: 1px 2px;}
.wow-map-search .tt-menu .tt-suggestion:hover, .site-search .tt-menu .tt-suggestion:hover, .data-compare .tt-menu .tt-suggestion:hover  { background: rgba(129,187,220,.4); }

/* Date & Time Picker */
.wow-map-search .bootstrap-datetimepicker-widget.dropdown-menu { border: 1px solid #00305f; border-radius: 0; margin: 0 !important; }
.wow-map-search .bootstrap-datetimepicker-widget .picker-switch td span { background-color: #00305F; border-radius: 0; display: block; color: #fff; font-size: .875rem; font-weight: normal; margin: .25rem 0; text-transform: none; }
.wow-map-search .bootstrap-datetimepicker-widget .picker-switch td span:hover,
.wow-map-search .bootstrap-datetimepicker-widget .picker-switch td span:focus,
.wow-map-search .bootstrap-datetimepicker-widget .picker-switch td span:active { background-color: #008b99; color: #fff !important; }
.wow-map-search .timepicker-picker a.btn { background-color: #fff; color: #00305F; }
.wow-map-search .timepicker-picker a.btn span:hover { background: #ebebeb; color: #00305F; }

.bootstrap-datetimepicker-widget.dropdown-menu > ul { padding-left: 0 !important; }
.bootstrap-datetimepicker-widget.dropdown-menu > ul li { }
.bootstrap-datetimepicker-widget.dropdown-menu > ul li:before { display: none !important; }
.timepicker-picker a.btn { background-color: #fff; color: #00305F; }
.timepicker-picker a.btn span:hover { background: #ebebeb; color: #00305F; }

.wow-map-search .timepicker-picker > table > tr:nth-child(1) > td:nth-child(3) a,
.wow-map-search .timepicker-picker > table > tr:nth-child(3) > td:nth-child(3) a { display: none; }
.wow-map-search .bootstrap-datetimepicker-widget .timepicker-hour:after { content: ':00'; }

.wow-map-date {  background-color: rgba(0, 48, 94,1); color: #fff; display: block; font-size: 14px; line-height: normal; padding: 5px 10px; }
@media (min-width: 768px) {
  .wow-map-date { background-color: rgba(0, 48, 94,0.7); position: absolute; left: 1rem; bottom: 5.6rem; z-index: 900; }
}
/* Modal: Summary Table */
.table.summary td,
.table.summary th { padding: .125rem .5rem; vertical-align: text-bottom; }
.table.summary .label { font-size: .9375rem; font-weight: normal; }
.table.summary .primary { color: #00305f; font-size: 1rem; font-weight: bold; }
.table.summary .secondary { color: #999; font-size: .875rem; }
@media (min-width: 576px) {
	.table.summary .label { font-size: 1.0625rem; }
	.table.summary .primary { font-size: 1.25rem; }
	.table.summary .secondary { font-size: .9375rem; }
}

/* Modal: Forecast Table */
#forecast { overflow-x: auto;}
#forecast p:first-child { max-width: 370px; margin: 0 auto; }
.table.forecast { margin-right: auto; margin-left: auto; max-width: 370px; }
.table.forecast caption { padding-top: 0; padding-bottom: .5rem; }
.table.forecast td,
.table.forecast th { border-top-width: 2px; border-right:2px solid #fff; font-size: 0.8125rem; padding: .5rem .125rem; text-align: center; }
.table.forecast td { background-color: #F8F8F8; height: 62px; text-align: center; vertical-align: middle; }
.table.forecast th { font-size: 0.875rem; }
.table.forecast tr:last-child td,
.table.forecast tr:last-child th { border-top-width: 2px; border-bottom-width: 2px; }
.table.forecast thead tr:last-child th { border-bottom-width: 1px; padding-top: .25rem !important; padding-bottom: .25rem !important; }
.table.forecast th:first-child,
.table.forecast td:first-child { text-align: right; padding-right: .5rem; padding-left:0; }
.table.forecast th span { font-weight: normal; }
/* Forecast: Weather */
.forecast td.forecast-type {}
.forecast .type-block { position: relative; }
.forecast .type-block img { height: auto; width: 44px; }
/* Forecast: Temperature */
.forecast td.forecast-temp {}
.forecast .temp-circle { position: relative; }
.forecast .temp-circle { border-radius: 50%; border: 2px solid #4D4D4D; height: 34px; line-height: 34px; margin: 0 auto; padding: 0; text-align: center; width: 34px; }
.forecast .temp-circle.warm { background-color: #FFAA00;}
.forecast .temp-circle.blue { background-color: #38B8D5;}
.forecast .temp-circle.yellow { background-color: #FFFF00; color:#222;}
.forecast .temp-circle.orange { background-color: #FFAA00;}
.forecast .temp-circle.red { background-color: #FF0000; color:#fff;}
/* Forecast: Wind */
.forecast td.forecast-wind {}
.forecast .wind-block {  position: relative; }
.forecast .wind-block span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.forecast .wind-icon { margin: 0 auto; max-height: 50px; }
@media (min-width: 576px) {
	.forecast .type-block img { width: 50px; }
}
@media (min-width: 992px) {
	.table.forecast td,
	.table.forecast th { padding-right: .325rem; padding-left: .325rem; }
}



/* SIDE MENU =====================================================
================================================================== */
.nav-side { background: #EBEBEB; margin: 0 0 1rem; padding: 0; }
.nav-side h2 { font-size: 1.325rem; font-weight: bold; margin: 0; }
.nav-side h2 a { background-color: #00305F; color: #fff; display: block; padding: .5rem 1rem; text-decoration: none; }
.nav-side h2 a:hover,
.nav-side h2 a:focus,
.nav-side h2 a:active { background-color: #115a82; }
.nav-side ul { font-weight: 700; line-height: 1.3; list-style: none; padding: 0; }
.nav-side > ul { margin: 0; }
.nav-side > ul > li { border-top: 1px solid #fff; }
.nav-side > ul > li.active a,
.nav-side > ul > li.parent-page a { background-color: #00305F; color:#fff; }
.nav-side ul li a { color: #00305F; display: block; padding: .625em 1rem; position: relative; text-decoration: none !important; }
.nav-side ul li a:hover,
.nav-side ul li a:focus,
.nav-side ul li a:active { background-color: #115a82; color:#fff; }
.nav-side ul li.active > a { font-weight: 900; }
.nav-side ul li ul { background: none; margin-top: -2px; padding: 0; }
.nav-side ul li ul li { background: none; border-bottom: 0; font-size: 0.875rem; }
.nav-side ul li ul li a { font-weight: normal;  padding: .325rem 1rem; }
.nav-side ul li ul li a:before { content: '\203A'; display: block; float: left; font-size: 1rem; font-weight: 300; margin: -2px 5px 2px 0; }
@media (min-width: 992px) {
	.nav-side { }
}


/* FOOTER ========================================================
================================================================== */
footer { background-color: #333; color: #fff; margin-top: .5rem; padding: 1rem 0 .5rem; }
footer a { color: #fff; }
footer a:hover,
footer a:focus,
footer a:active { color: #51b8c1; text-decoration: underline; }
footer h2 { color:#33BBCB; font-size: 1.125rem; font-weight: bold; margin-top: 1.5rem; }
footer p { font-size: 0.875rem; }
footer .row { }
footer .col-lg-8 { padding-bottom: .75rem; }
footer .col-lg-4 { text-align: center; }
footer .col-lg-4 p { font-size: .75rem; }
footer .col-lg-4 p img { margin-left: .25rem; vertical-align: middle; }
footer .logo { margin: 0 1rem 1rem 0; }

/* Footer: Back to top (anchor link) */
footer .backtotop { margin-bottom: 1.25rem; }
footer .backtotop a { border-right:16px solid transparent; border-bottom:16px solid #51b8c1; border-left:16px solid transparent; display:block; height:16px; margin:0 auto 4px; text-indent:-9999px; width:32px; }
footer .backtotop a:hover, .backtotop a:focus { border-bottom-color:#008b99; }

/* Footer: Navigation Menu */
footer nav { margin-bottom: .75rem; }
footer nav .nav	{ -ms-flex-pack: center!important; justify-content: center!important; }
footer nav .nav-item { border-right: 2px solid #fff; font-weight: 700; line-height: 1;  margin-bottom: 0; display: flex; align-items: center;}
footer nav .nav-item:last-child { border-right: none; }
footer nav a.nav-link { padding: 0 .5rem; }
footer nav .nav-item:first-child a.nav-link { padding-left: 0; }
footer nav a.nav-link:hover,
footer nav a.nav-link:focus,
footer nav a.nav-link:active { color: #51b8c1; text-decoration: underline; }

/* Footer: Social Media  */
footer .footer-social { -ms-flex-pack: center!important; justify-content: center!important; }
footer .nav-social:first-child { margin-right: 1.5rem; }
footer .nav-social a { background:url(../images/social-icons-new.png) no-repeat #fff; border-radius:50%; color:#333; display:inline-block; height:40px; padding:10px; text-align:center; text-indent:-9999px; width:40px; }
footer .nav-social.icon-tw a { background-position:50% 0; }
footer .nav-social.icon-fb a { background-position:50% -50px; }
footer .nav-social a:hover { background-color:#51b8c1; }

/* Footer: Credit */
footer p.credit { font-size: 0.625rem; margin-bottom: 0; text-align: center; }
footer p.credit a { color:rgb(255 255 255 / 54%); text-decoration: none; }

@media (min-width: 768px) {
}
@media (min-width: 992px) {
	/* footer h2 { margin-top: 2.5rem; }*/
	footer .col-lg-4 { text-align: right; }
	footer nav { margin-bottom: 2rem; }
	footer nav .nav { -ms-flex-pack: start!important; justify-content: flex-start!important; }
	footer .footer-social { -ms-flex-pack: end!important; justify-content: flex-end!important; }
	footer .nav-social { margin-top: -.5rem; }
}


/* map spinner */
.spring-spinner{left: 50%; margin: -64px 0 0 -30px; position: absolute; top: 50%; z-index: 1000;}
.spring-spinner.forecast-spinner { top: 77%; }



/* Content Boxes */
h2.box { margin:0; }
h2.box > a { background-color: #00305F; color:#fff; display: block; padding: 10px 20px; text-decoration: none; }
h2.box > a:after {
    display: inline-block;
    color: #fff;
    content: "\f054";
    float: right;
    font-size: 22px;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    margin: 1px -6px 0 0;
}
h2.box > a:hover, h2.box > a:active, h2.box > a:focus { background-color:#008b99; color:#fff; }
p.box { margin-bottom: 30px; }
p.box > a { border: 3px solid #00305F; display: block; font-size: 18px; padding: 15px 20px; text-decoration: none; }
p.box > a:hover, p.box > a:active, p.box > a:focus { border-color:#008b99; color:#00305F; text-decoration: underline; }
h2.box + p.box > a { border-top:0; }


/** UK login page **/

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0,0,0,0.2);
}

.btn-reddit {
    color: #000 !important;
    background-color: #eff7ff;
    border-color: rgba(0,0,0,0.2);
}

.btn-reddit a {
    color: #000;

}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

.loginuk {
    width:300px;
}

#onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler {
  background-color:#40772b !important;
  border-color:#40772b !important;
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings { color:#2a550b !important; }

.wow-map-date.all-registered-stations { background-color: rgba(255,255,255,.5); color: #000; }
.wow-map-date.all-registered-stations:before { display: inline-block; content: ""; border-radius: 50%;  background: #000; height: 10px; width: 10px; margin-right: 5px; margin-top: -2px; }
@media (min-width: 768px) {
  .wow-map-date.all-registered-stations { left: 50%; margin-left: -150px; }
}

			/* Data Submission Forms */
			.submit-data { margin-bottom: 2rem; }
			.submit-data .data-box { margin-bottom: 2rem; padding: 1.25rem 1.25rem 0; }
			.submit-data .data-box label { color: #00305f; display: block; font-size: 1rem; font-weight: bold; margin-bottom: 0.125rem; }
			.submit-data .data-box .form-group { margin-bottom: 1.5rem; }
			.submit-data .data-box .form-group:last-child { margin-bottom: 1.25rem; }
			.submit-data .data-box .site-map { margin-bottom: 1.25rem; }
			.submit-data .tab-content { background: #f5f5f5; padding: 1.25rem 1.25rem 1px; }
			.submit-data .nav-tabs { border-bottom-color: #e6e6e6; }
			.submit-data .nav-tabs .nav-item .nav-link.active,
			.submit-data .nav-tabs .nav-item .nav-link.active:hover,
			.submit-data .nav-tabs .nav-item .nav-link.active:active,
			.submit-data .nav-tabs .nav-item .nav-link.active:focus { background-color: #e6e6e6; border-color: #e6e6e6; }

			/* Data Submission Forms: Accordion */
			.submit-data .accordion { margin-bottom: 1.25rem; }
			.submit-data .accordion .card { margin-bottom: .5rem; }
			.submit-data .accordion .card-header h4 { font-weight: bold;  margin: 0; }
			.submit-data .accordion .card-header h4 a { background-color: #fff; color: #00305f; display: block; padding: .625rem 1rem; text-decoration: none;  }
			.submit-data .accordion .card-header h4 a.collapsed { background-color: #00305f; color: #fff; }

			.submit-data .accordion .card-header h4 a:hover,
			.submit-data .accordion .card-header h4 a:focus,
			.submit-data .accordion .card-header h4 a:active { background-color: #00305f; color: #fff; }
			.submit-data .accordion .card-header h4 a:after,
			.submit-data .accordion .card-header h4 a:hover:after,
			.submit-data .accordion .card-header h4 a:focus:after,
			.submit-data .accordion .card-header h4 a:active:after { background: url(../images/arrow-up.svg) no-repeat 50% 50%; content: ""; display: inline-block; float: right; height: 20px; width:16px; vertical-align: middle; }
			.submit-data .accordion .card-header h4 a.collapsed:after,
			.submit-data .accordion .card-header h4 a.collapsed:hover:after,
			.submit-data .accordion .card-header h4 a.collapsed:focus:after,
			.submit-data .accordion .card-header h4 a.collapsed:active:after { background: url(../images/arrow-down.svg) no-repeat 50% 50%; }
			.submit-data .accordion .card-body { border: none; padding: .5rem 1rem 0; }
			.submit-data .accordion .card-body:after { display: block; clear: both; content: ""; }

			/* Location Search: Typeahead */
			.submit-data .tt-menu { background: #fff; border: 1px solid #00305F; border-top:0; color:#00305F; margin: 0 -1px; padding:3px; width: 223px; z-index: 1000 !important; }
			.submit-data .tt-menu .tt-suggestion { line-height:1.3; font-size: 15px; cursor: pointer; padding: 1px 2px;}
			.submit-data .tt-menu .tt-suggestion:hover { background: #ebebeb; }