/* Sitewide styles */ /* Foundation over-rides */ /* Colours, typography, etc. */

/* Over-ride styles as necessary and DELETE UNREQUIRED SELECTORS or RULES */
/* All styles are commented out. ONLY the specific rules needed should be commented in by copying and pasting below */
/* Where Foundation styles have been included, they are only the frequently customised Foundation styles. */
/* Leave original Foundation indentation in tact for easier identification of style cascade */
/* See foundation.css if extra style over-rides are needed */

/*** BUTTONS - FOUNDATION OVER-RIDES ***/
button, .button {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/*** TOP BAR - FOUNDATION OVER-RIDES ***/
.contain-to-grid {
  background: #575756;}
.top-bar {
  background: #575756;}
.top-bar.expanded .title-area {
      background: #575756; }
.top-bar-section ul li {
    background: #575756;
    border-top: 1px solid #666666;
    }
    .top-bar-section ul li > a {
        font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        text-transform: uppercase;
       }
        .top-bar-section ul li.active > a {
            color: #009ee2;
            background: #575756;}
.top-bar-section li:not(.has-form) a:not(.button).blueBG {
    background: #009ee2;
    background-color: #009ee2;}

/*** TYPOGRAPHY - Foundation Overwrites **/
p {
  font-size: .875rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

ul, ol, dl {
  font-size: .875rem;    
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

input, textarea { color: #000; }
.placeholder { color: #aaa; }

/*** SITEWIDE STYLES AND LAYOUT ELEMENTS ***/
body {
  background-color: #ffffff;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: auto;
}

.browsehappy {
    margin: 0.2em 0;
    background: #009ee2;
    color: #fff;
    font-size: 1.143em; /* 16/14 */
    padding: 1em 0;
    text-align: center;
}
.browsehappy--link {color: #fff;}
.browsehappy--link:hover {color: #e6007f;}
.chromeframe {
    background: #d8933e; /* #b3d4fc */
    color: #fff;
    font-size: 0.9em;
    margin: 0.2em 0;
    padding: 0.8em 0;
    text-align: center;
}
.chromeframe a {
	color: #fff;
	font-weight: bold;
}
.form__label {
  font-size: .875rem;
}
.topBarIcon {}
.topBarIcon--email {
    background-image: url(/images/ui/icon-email.png);
    background-position: center center;
    background-repeat: no-repeat;    
}
/* Page Header */
.pageHeader {
    background-color: #ffffff;
	margin-bottom: 1em;
	padding: 1rem 0;
}
.logo {
    margin-bottom: 1rem;
    text-align: center;
}
.pageTitle {
    background-color: #331a4b;
    color: #ffffff;
    display: inline-block;
    font-size: 1.5rem;
    padding: .25rem .75rem;
    margin: 1rem 0;
}
.subTitle {
    background-color: #331a4b;
    color: #ffffff;
    display: inline-block;
    font-size: 1.25rem;
    padding: .25rem .75rem;
    margin: 1rem 0;
}
.blueBG .pageIntro {
    margin-bottom: 2rem;
}
.blueBG .pageIntro p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}
.blueBG .pageIntro ul li,
.blueBG .pageIntro ol li {
    color: #fff;
}

.pageIntro ul {
    list-style-type: none;
}

.blueBG .pageBody p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}
.blueBG .pageBody ul li,
.blueBG .pageBody ol li {
    color: #fff;
}

.pageBody--whiteBG p {
    color: #575656;
}
.pageBody--whiteBG ul li,
.pageBody--whiteBG ol li {
    color: #575656;
}

h2.subheading,
.listingPost__heading {
    color: #009ee2;
    font-size: 1rem;
    text-transform: uppercase;
}
.pageHeader__intro {
    color: #ffffff;
    margin-bottom: 1rem;
}
.pageHeader__icon {
    margin: 2rem 0 .75rem 0;
}
.pageHeader__iconHeading {
    background-color: #331a4b;
    color: #ffffff;
    display: inline-block;
    font-size: .975rem;
    padding: .25rem;
}
/* Page Content */
.banner {
    padding: 1.5rem 0;
}
.slideshow__summary,
.slideshow__summary p {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
}
.button--slider {
    margin-bottom: 0;
}
.pageIcon__image {
    display: block;
    margin: 0 auto .75rem auto;
}
.pageBody {
    margin: 1rem 0;    
}
.listingPanel {
    padding: 1.5rem 0;
}
.listingPost__thumb {
    display: block;
    margin: 0 auto .75rem auto;
}
.listingPost__thumb--border {
    border: solid 4px #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-out;
}
.panel--blue {
    background: #009ee2;
    background: rgba(0,158,226,0.1);
    border: 0;
    color: #009ee2;
    padding: 1rem;
}
.panel--blue p,
.panel--blue a {
    color: #009ee2;
}
.widget__thumb {
    display: block;
    margin-bottom: 1rem;
}
.widget__thumbImage {
    border: solid 4px #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-out;
}
.termsList,
.termsList ul {
	list-style-type: none;
}
.termsList > li {
	font-weight: bold;
}
.termsList > li > ul {
	font-weight: normal;
	margin-bottom: 1rem;
}
.form__error {
    color: red;
    margin: 0;
}

/* Page Footer */
.pageFooter {
	font-size: .75rem; /*12/16 */
	padding: 0;
}
.pageFooter__cta {
    color: #ffffff;
    font-weight: 700;
    padding: 1.5rem 0;
}
.pageFooter__cta p {
    margin: 0;
    }
.pageFooter__cta a,
.pageFooter__cta a:hover {
    color: #ffffff;
    font-weight: 700;
}
.pageFooter__hi {
	background-color: #575756;
	color: #c6c6c9;
	padding: 2rem;
    text-align: center;
}
.pageFooter__lo {
	background-color: #ffffff;
	color: #8a8c8d;
	padding: 1rem 0;
    text-align: center;
}
.accreditations {
    margin: 0 0 1rem 0;
}
.accreditations__logo {
    padding: 1rem;
}
.footerNav {
}
.footerNav__item {
	font-size: .75rem; /*12/16 */
	text-transform: uppercase;
}
.footerNav__link {
    color: #8a8c8d;
}
.footerNav__link:hover {
    color: #009ee2;
}
.copyright {
	font-size: .75rem; /*12/16 */
	margin-bottom: 0;
	text-transform: uppercase;
}
.copyright a {
    color: #c6c6c9;
}
.copyright a:hover {
    color: #009ee2;
}
.colophon {
	font-size: .75rem; /*12/16 */
	margin: 2em 0 0 0;
	text-transform: uppercase;
}
.colophon__link {
    color: #8a8c8d;
}
.colophon__link:hover {
    color: #009ee2;
}
/* BACKGROUND COLOURS */
.blackBG {background-color:#000;}
.greyBG {background-color: #575756;}
.lightgreyBG {background-color: #f7f7f7;}
.whiteBG {background-color: #fff;}
.blueBG {background-color: #009ee2;}

/* TEXT COLOURS */
.blackText {color:#232323;}
.greyText {color: #AAA;}
.whiteText {color: #eee;}
.sparkGreenText {color: green;}

/* FONT STYLES */
.boldText {font-weight: bolder;}
.smallText {font-size: small;}
.smallerText {font-size: smaller;}
.textNormal {text-transform: none;}