@charset "utf-8";
/* CSS Document */

/* Page Presets */
/* Set main background colour */
html,
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

body a {
	color: #0074a2;
}

/* Layout */
/*****************************/

/* Set width of page */
#page-content, #subfooter{
	width: 90%;
}

#topbar-content{
	margin: 0 20px;
}


/*****************************/


/* Navigation Menu Colors */

#navrow .menu {
	background: #01607E;
}

#navrow .menu ul {
	border: 1px solid #444;
}

#navrow .menu ul {
	background: #fff;
	border: 1px solid #444;
}

#collapse {
	background: #fff;
}

/* Collapse Menu Colors */
#collapse a {
	color: #0074a2;
}

#navrow .menu ul {
	background: #fff;
	color: #333;
}

#navrow .menu ul a {
	color: #333;
}

#navrow .menu a {
	color: #fff;
}

#collapse a:hover, #navrow .menu li:hover, #navrow .menu li.hover {
	background: #eda;
	color: #333;
}

#navrow .menu a:hover, #navrow .menu a:active {
	color: #333;
}


/* Elements */

#topbar-content{
	text-align: right;
}

.widget-title {
	font-size: medium;
}

code {
  color: #c7254e;
  background-color: #f9f2f4;
}

code {
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}


/* Colours */
/*****************************/


#topbar{
	background: #0D1B1E;
	color: #fff;
}

/* Set background colour of header */
#header{
	background: #003F52;
	color: #fff;
}

.site-tagline {
	color: #fff;
}

/* Meta Row base spacing */
#metarow {
    margin: 0;
	background: #aed9e1;
	color: #333
}

/* Meta Row base spacing */
#metarow {
    margin: 0;
    padding: 0;
}

.metarow-content {
    padding: 0 1rem; /* adjust to match your container padding */
}

.metarow-col-text {
    text-align: center;
}

/* Use table layout for side-by-side columns without flex */
.metarow-inner {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

/* base column styles */
.metarow-col {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle; /* <-- vertical centering */
    padding: 0;
}

/* One-column layout */
.metarow-layout-one-column .metarow-col-full {
    display: block;
    width: 100%;
}

/* Two-column layouts – widths are controlled by dynamic CSS */
/* We just ensure they stay table-cell here */
.metarow-layout-two-image-left .metarow-col-image,
.metarow-layout-two-image-left .metarow-col-text,
.metarow-layout-two-image-right .metarow-col-image,
.metarow-layout-two-image-right .metarow-col-text {
    /* width values come from the inline <style> generated in PHP */
}

/* Make sure image scales down to fit column */
.metarow-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Responsive: stack columns on narrow screens */
@media (max-width: 640px) {
    .metarow-inner {
        display: block;
    }

    .metarow-col {
        display: block;
        width: 100% !important; /* override table-cell widths */
    }
}


/* Set background colour of left column */
#page-content, #leftcol {
	background: #eee;
}

/* Set background colour of main area */
#primary, #secondary, #main{
	background: #fff;
	color:#333;
}

/* Set background colour of main area */
#main{
	background: #fff;
	color:#333;
}

/* Set background colour of right column */
#content, #rightcol{
	background: #ddd;
}

/* Set background colour of right column */
#rightcol{
	color:#333;
}

/* Set background and text colour of meta footer */
#metafooter{
	color: #fff;
	background: #333;
}

/* Set background and text colour of footer */
#footer{
	color: #fff;
	background: #000;
}

/* Set background and text colour of footer */
#subfooter{
	color: #404040;
	background: #ccc
}

/* Set background colour of footer */
#footer a{
	color: #fff;
}


/* PRIMARY DEFAULT (choose one of these for html, body) Web Safe Fonts */

/* Arial */
.font-arial {
    font-family: Arial, Helvetica, sans-serif;
}

/* Times New Roman */
.font-times {
    font-family: "Times New Roman", Times, serif;
}

/* Courier New */
.font-courier {
    font-family: "Courier New", Courier, monospace;
}

/* Georgia */
.font-georgia {
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* Verdana */
.font-verdana {
    font-family: Verdana, Geneva, sans-serif;
}

/* Tahoma */
.font-tahoma {
    font-family: Tahoma, Geneva, sans-serif;
}

/* Calibri */
.font-calibri {
    font-family: Calibri, Candara, "Segoe UI", Segoe, Optima, Arial, sans-serif;
}

/* Inherit (fallback for Customizer logic) */
.font-inherit {
    font-family: inherit;
}