/*
Theme Name: Victorian Group Training
Author: Leesa Ward @ GOOP.
Author URI: http://www.goop.com.au/
Description: Custom WordPress theme for Victorian Group Training by GOOP
SASS: 1.6
Version: 1.0
*/
/* Font imports */
@import url("https://goopfiles.com/library/fonts/font-awesome/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
/* SASS file imports*/
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/*Stop letting things get bigger after 1920*/
/* Colour scheme */
/*Light blue*/
/*Dark blue*/
/*Dark grey*/
/* Typography */
/*leave this as 16px (the browser default) and use this value in base.css, otherwise the calculations go off*/
/* Grid additions */
/* Navigation */
/* Links */
/* Transitions */
/* Border radii */
/*==============================================
	BUTTON MIXINS
==============================================*/
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	SHOW ON SMALL ONLY 
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	MAKE IMAGES FULL WIDTH ON MOBILE
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/*==============================================
	GRID MIXINS
==============================================*/
/* Usage:

.class {
	@include six-columns;
}

Output:

.class {
	width:37.5%;
	float:left;
	display:inline;
}

*/
/* Base */
/*=================================================================================
	base.css v1.6
=================================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  vertical-align: baseline;
  background: transparent; }

html {
  -webkit-text-size-adjust: none; }

body {
  line-height: 1;
  background: #ffffff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

nav ul, aside ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  text-decoration: none; }

mark {
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 0.0625rem dotted #8a787c;
  cursor: help; }

hr {
  display: block;
  height: 0.0625rem;
  border: 0;
  border-top: 0.0625rem solid #8a787c;
  margin: 1.25rem 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

ul, ol {
  font-size: 0; }

article pre {
  width: 100%;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin-bottom: 1em; }

article blockquote {
  margin: 0 1.25rem 1em 1.25rem; }

article ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 {
  clear: both;
  width: 100%;
  font-size: 0; }

article ul.columms-1 {
  float: left;
  display: inline;
  width: 100%; }

article ul.columns-2 li {
  float: left;
  display: inline;
  width: 50%; }

article ul.columns-3 li {
  float: left;
  display: inline;
  width: 33.333%; }

article ul.columns-4 li {
  float: left;
  display: inline;
  width: 25%; }

/*=================================================================================
	FLUID COLUMNS
=================================================================================*/
.container {
  position: relative;
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
  max-width: 60rem; }
  @media only screen and (min-width: 1200px) {
    .container {
      max-width: 1200px; } }

.container .column, .container .columns {
  float: left;
  display: inline; }

.row {
  margin-bottom: 0; }

.container .one.column, .container .one.columns {
  width: 6.25%; }

.container .two.columns {
  width: 12.5%; }

.container .three.columns {
  width: 18.75%; }

.container .four.columns {
  width: 25%; }

.container .five.columns {
  width: 31.25%; }

.container .six.columns {
  width: 37.5%; }

.container .seven.columns {
  width: 43.75%; }

.container .eight.columns {
  width: 50%; }

.container .nine.columns {
  width: 56.25%; }

.container .ten.columns {
  width: 62.5%; }

.container .eleven.columns {
  width: 68.75%; }

.container .twelve.columns {
  width: 75%; }

.container .thirteen.columns {
  width: 81.25%; }

.container .fourteen.columns {
  width: 87.5%; }

.container .fifteen.columns {
  width: 93.75%; }

.container .sixteen.columns {
  width: 100%; }

.container .one-third.column {
  width: 33.33%; }

.container .two-thirds.column {
  width: 66.66%; }

/*=================================================================================
	FORMS
=================================================================================*/
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*=================================================================================
	OFFSETS
=================================================================================*/
.container .columns.offset-by-one {
  margin-left: 6.25%; }

.container .columns.offset-by-two {
  margin-left: 12.5%; }

.container .columns.offset-by-three {
  margin-left: 18.75%; }

.container .columns.offset-by-four {
  margin-left: 25%; }

.container .columns.offset-by-five {
  margin-left: 31.25%; }

.container .columns.offset-by-six {
  margin-left: 37.5%; }

.container .columns.offset-by-seven {
  margin-left: 43.75%; }

.container .columns.offset-by-eight {
  margin-left: 50%; }

.container .columns.offset-by-nine {
  margin-left: 56.25%; }

.container .columns.offset-by-ten {
  margin-left: 62.5%; }

.container .columns.offset-by-eleven {
  margin-left: 68.75%; }

.container .columns.offset-by-twelve {
  margin-left: 75%; }

.container .columns.offset-by-thirteen {
  margin-left: 81.25%; }

.container .columns.offset-by-fourteen {
  margin-left: 87.5%; }

.container .columns.offset-by-fifteen {
  margin-left: 93.75%; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
.gutter-left {
  padding-left: 1.25rem; }

.gutter-right {
  padding-right: 1.25rem; }

@media only screen and (max-width: 767px) {
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 100%;
    padding: 0;
    margin: 0 auto; } }

/*=================================================================================
	CLEARFIX
=================================================================================*/
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after, .row:after, .group:after, section:after, article:after {
  clear: both; }

.clearfix, .row, .group, section, article {
  zoom: 1; }

/*=================================================================================
	SELECTIONS
=================================================================================*/
::-moz-selection {
  background: #dddddd; }
::selection {
  background: #dddddd; }

::-moz-selection {
  background: #dddddd; }

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group {
  zoom: 0; }

/*=================================================================================
	ACTIVE NUMBERS
=================================================================================*/
a[href^=tel] {
  color: inherit;
  text-decoration: none; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
@font-face {
  font-family: 'GOOP';
  src: url("goop/GOOP.eot?9ommr");
  src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg");
  font-weight: normal;
  font-style: normal; }

.goop-logo {
  font-family: 'GOOP';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block; }

.goop-logo:before {
  content: "\e600"; }

/*=================================================================================
	REPLACE [at] - requires GOOP plugin version 0.1.10 at least
=================================================================================*/
.domain:before {
  content: "\40";
  margin-right: 0px; }

/*=================================================================================
	SITEMAP
=================================================================================*/
article ul.sitemap li.current_page_item {
  display: none; }

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll {
  padding: 0;
  font-size: 1.5625rem;
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
  display: none;
  color: #0071BC;
  z-index: 10000;
  opacity: 0.5; }

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 1.5625rem;
  height: 0;
  margin-bottom: 1.25rem; }
  .video-container iframe {
    /* .video-container iframe */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*=================================================================================
	IFRAMES
=================================================================================*/
article iframe {
  margin: 0 0 1.25rem;
  display: block;
  width: 100% !important; }

/*==============================================
	UTILITY CLASSES
==============================================*/
.clearfix {
  clear: both; }

.left, .columns.left {
  float: left; }

.right, .columns.right {
  float: right; }

/*=================================================================================
	SKIP TO CONTENT
=================================================================================*/
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  text-align: left;
  overflow: hidden;
  padding: 0.625rem;
  display: block;
  width: 100%;
  text-decoration: none; }
  .skip:active, .skip:focus, .skip:hover {
    top: 0;
    left: 0;
    position: relative;
    background: #FFCE00;
    color: #000; }

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav {
  padding: 0;
  margin: 0 0 1.25rem;
  width: 100%;
  display: none !important;
  z-index: 9999;
  text-align: right; }
  @media only screen and (min-width: 960px) {
    nav {
      display: block !important; } }
  nav ul {
    margin: 0;
    padding: 0;
    height: 1.875rem;
    font-size: 0; }
    nav ul li {
      font-family: "Montserrat", "Verdana", "Tahoma", sans-serif;
      text-transform: uppercase;
      font-size: 0.9375rem;
      color: #1D191A;
      display: inline-block;
      position: relative;
      margin: 0;
      /*==============================================
				DROPDOWNS
			==============================================*/
      /*==============================================
				SECOND LEVEL HOVER
			==============================================*/ }
      @media only screen and (min-width: 1919px) {
        nav ul li {
          font-size: 1rem; } }
      nav ul li > a {
        color: #1D191A;
        text-decoration: none;
        margin: 0;
        display: block;
        padding: 0.625rem 0.41667rem;
        padding-bottom: 0; }
      nav ul li:hover, nav ul li:focus, nav ul li.current-menu-item, nav ul li.current-page-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent {
        background: transparent; }
        nav ul li:hover > a, nav ul li:focus > a, nav ul li.current-menu-item > a, nav ul li.current-page-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a {
          color: #0071BC; }
      nav ul li.menu-item-has-children:hover, nav ul li.menu-item-has-children:focus {
        border-bottom: 3px solid #1D191A; }
      nav ul li ul {
        -webkit-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        position: absolute;
        left: 0;
        /*This is changed later in this document for the items on the right half of the menu*/
        top: -9999px;
        min-width: 100%;
        opacity: 0;
        z-index: 1;
        font-size: 0.85em;
        margin: 0;
        margin-top: 3px;
        z-index: 9999; }
        nav ul li ul li {
          text-transform: none;
          background: #0071BC;
          display: block;
          margin: 0;
          padding: 0;
          line-height: 1.875rem;
          font-weight: 300;
          font-size: 1em;
          border: 0;
          /*&:first-child {
						border-top: 3px solid $accent-color;
					}*/ }
          nav ul li ul li.menu-item-has-children {
            position: relative;
            padding: 0 0.625rem 0 0; }
            nav ul li ul li.menu-item-has-children:before {
              background: none;
              position: absolute;
              top: 0.125rem;
              right: 0.625rem;
              font-size: 0.8125rem;
              content: "\f105";
              color: #ffffff;
              opacity: 0.5; }
          nav ul li ul li > a {
            color: #ffffff;
            padding: 0 0.625rem;
            margin: 0; }
            nav ul li ul li > a:hover, nav ul li ul li > a:focus {
              color: #ffffff; }
          nav ul li ul li:hover, nav ul li ul li:focus, nav ul li ul li.current-menu-item, nav ul li ul li.current-page-item, nav ul li ul li.current-page-ancestor, nav ul li ul li.current_page_parent {
            background: #1D191A; }
            nav ul li ul li:hover > a, nav ul li ul li:focus > a, nav ul li ul li.current-menu-item > a, nav ul li ul li.current-page-item > a, nav ul li ul li.current-page-ancestor > a, nav ul li ul li.current_page_parent > a {
              color: #ffffff; }
          nav ul li ul li ul li {
            background: #0080d6; }
      nav ul li:nth-child(n+4) ul {
        right: 0;
        left: auto; }
      nav ul li:hover ul {
        opacity: 1.0;
        position: absolute;
        top: 100%;
        display: block;
        height: auto;
        white-space: nowrap;
        text-align: left;
        visibility: visible;
        padding: 0;
        /*==============================================
						THIRD LEVEL HOVER
					==============================================*/ }
        nav ul li:hover ul li {
          border: 0; }
        nav ul li:hover ul li ul {
          visibility: hidden;
          top: -9999px;
          left: 0;
          opacity: 0;
          border: 0; }
        nav ul li:hover ul li:hover ul {
          top: 0;
          left: 100%;
          visibility: visible;
          opacity: 1; }

/*=================================================================================
	FORMS
=================================================================================*/
form {
  margin-top: 1.25rem; }
  form li {
    list-style: none; }
  form label {
    display: block;
    margin-top: 1em;
    font-weight: normal !important; }
  form input[type=radio] + label {
    margin-top: 0; }
  form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox {
    display: inline-block; }
  form input[type=text], form input[type=email], form input[type=password], form textarea, form select {
    border: 0.0625rem solid #8a787c;
    padding: 0.625rem;
    display: block;
    margin-left: 0 !important;
    width: 100% !important;
    color: #54484b;
    border-radius: 0.1875rem; }
    form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {
      color: #1D191A; }
  form input[type=checkbox],
  form input[type=radio] {
    height: 1.25rem;
    width: 1.25rem;
    position: relative;
    top: 0.1875rem; }
  form input[type=file] {
    color: #ffffff;
    background: #0054A6;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 0.5rem 0.83333rem;
    margin: 0;
    cursor: pointer;
    border: 0;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 1.4;
    margin-bottom: 0.625rem;
    -webkit-appearance: none;
    background: #1D191A; }
    form input[type=file]:hover, form input[type=file]:focus {
      color: #ffffff;
      background: #003a73;
      border: 0; }
    form input[type=file]:hover, form input[type=file]:focus {
      background: #020101; }
  form input[type=submit] {
    clear: both; }

/*=================================================================================
	NINJA FORMS
=================================================================================*/
.ninja-forms-cont {
  padding-bottom: 1.25rem; }
  .ninja-forms-cont .ninja-forms-response-msg {
    margin: 0;
    font-weight: 700; }
  .ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {
    color: #cc0000; }
    .ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p {
      display: inline;
      padding-right: 0.3125rem; }
  .ninja-forms-cont ninja-forms-response-msg.ninja-forms-success-msg {
    color: #0054A6;
    margin: 0 0 1.25rem; }
  .ninja-forms-cont .ninja-forms-field-error {
    color: #cc0000;
    font-size: 0.8125rem; }
    .ninja-forms-cont .ninja-forms-field-error p {
      display: inline; }
  .ninja-forms-cont .ninja-forms-error input[type=text], .ninja-forms-cont .ninja-forms-error input[type=email], .ninja-forms-cont .ninja-forms-error textarea, .ninja-forms-cont .ninja-forms-error select {
    border-color: #cc0000 !important; }
  .ninja-forms-cont .ninja-forms-field-description {
    font-size: 0.8125rem; }
    .ninja-forms-cont .ninja-forms-field-description p {
      margin: 0 0 0.3125rem;
      color: #54484b; }
  .ninja-forms-cont .ninja-forms-required-items {
    display: block;
    margin: 0 0 0.3125rem 0;
    font-size: 0.8125rem;
    color: #54484b;
    font-style: italic; }
  .ninja-forms-cont .input-group {
    margin-top: 1em; }

/*=================================================================================
	DATEPICKER
=================================================================================*/
.ui-datepicker-header {
  background: #0071BC;
  color: #ffffff; }

.ui-datepicker-calendar {
  border: 1px solid #0071BC; }

a.ui-state-default {
  color: #0071BC;
  display: block;
  padding: 2px; }
  a.ui-state-default:hover, a.ui-state-default:focus {
    background: #0071BC;
    color: #ffffff; }

/*=================================================================================
	VGTC - APPRENTICE/TRAINEE REGISTRATION FORM
=================================================================================*/
#ninja_forms_form_2 h3,
#ninja_forms_form_4 h3,
#ninja_forms_form_5 h3 {
  clear: both;
  padding-top: 1.25rem;
  border-top: 1px dashed #A1A1A1;
  color: #0054A6; }

#ninja_forms_form_2 .field-wrap,
#ninja_forms_form_4 .field-wrap,
#ninja_forms_form_5 .field-wrap {
  margin-bottom: 1.25rem; }

@media only screen and (min-width: 600px) {
  #ninja_forms_form_2 .checkbox-wrap,
  #ninja_forms_form_4 .checkbox-wrap,
  #ninja_forms_form_5 .checkbox-wrap {
    float: left;
    display: inline;
    width: 100%; }
  #ninja_forms_form_2 .submit-wrap,
  #ninja_forms_form_2 .timed_submit-wrap,
  #ninja_forms_form_4 .submit-wrap,
  #ninja_forms_form_4 .timed_submit-wrap,
  #ninja_forms_form_5 .submit-wrap,
  #ninja_forms_form_5 .timed_submit-wrap {
    clear: both; } }

@media only screen and (min-width: 480px) {
  #ninja_forms_form_2 .list-radio-wrap > label,
  #ninja_forms_form_4 .list-radio-wrap > label,
  #ninja_forms_form_5 .list-radio-wrap > label {
    float: left;
    display: inline;
    width: 37.5%; }
  #ninja_forms_form_2 .list-radio-wrap ul,
  #ninja_forms_form_4 .list-radio-wrap ul,
  #ninja_forms_form_5 .list-radio-wrap ul {
    float: left;
    display: inline;
    width: 62.5%; } }

#ninja_forms_form_2 .honeypot-wrap,
#ninja_forms_form_4 .honeypot-wrap,
#ninja_forms_form_5 .honeypot-wrap {
  display: none !important; }

#ninja_forms_form_2 {
  /*Employee registration*/ }
  #ninja_forms_form_2 .field-wrap {
    float: left;
    display: inline;
    width: 33.33%;
    padding-right: 1.25rem; }
    #ninja_forms_form_2 .field-wrap#ninja_forms_field_6_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_7_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_14_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_15_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_16_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_22_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_23_div_wrap {
      float: left;
      display: inline;
      width: 50%; }
    #ninja_forms_form_2 .field-wrap#ninja_forms_field_17_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_18_div_wrap {
      float: left;
      display: inline;
      width: 25%; }
    #ninja_forms_form_2 .field-wrap#ninja_forms_field_29_div_wrap {
      float: left;
      display: inline;
      width: 66.66%; }
    #ninja_forms_form_2 .field-wrap#ninja_forms_field_16_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_19_div_wrap, #ninja_forms_form_2 .field-wrap#ninja_forms_field_14_div_wrap {
      clear: both; }
    #ninja_forms_form_2 .field-wrap.checkbox-wrap {
      width: 100% !important; }

#ninja_forms_form_1 {
  /*Contact form*/ }
  #ninja_forms_form_1 .field-wrap br {
    display: none; }

#gform_wrapper_1 li {
  float: left;
  display: inline;
  width: 33.33%;
  clear: none; }

#gform_wrapper_1 h3 {
  clear: both;
  padding-top: 1.25rem;
  border-top: 1px dashed #A1A1A1;
  color: #0054A6; }

#gform_wrapper_1 li#field_1_6,
#gform_wrapper_1 li#field_1_7,
#gform_wrapper_1 li#field_1_14,
#gform_wrapper_1 li#field_1_15,
#gform_wrapper_1 li#field_1_22,
#gform_wrapper_1 li#field_1_23 {
  float: left;
  display: inline;
  width: 50%;
  clear: none; }

#gform_wrapper_1 li#field_1_29 {
  width: 66.66%; }

#gform_wrapper_1 li#field_1_14 {
  clear: both; }

#gform_wrapper_1 li#field_1_19,
#gform_wrapper_1 li#field_1_24,
#gform_wrapper_1 li#field_1_25,
#gform_wrapper_1 li#field_1_26,
#gform_wrapper_1 li#field_1_20,
#gform_wrapper_1 li#field_1_28,
#gform_wrapper_1 li#field_1_39,
#gform_wrapper_1 li#field_1_40 {
  width: 100%; }
  #gform_wrapper_1 li#field_1_19 ul li,
  #gform_wrapper_1 li#field_1_24 ul li,
  #gform_wrapper_1 li#field_1_25 ul li,
  #gform_wrapper_1 li#field_1_26 ul li,
  #gform_wrapper_1 li#field_1_20 ul li,
  #gform_wrapper_1 li#field_1_28 ul li,
  #gform_wrapper_1 li#field_1_39 ul li,
  #gform_wrapper_1 li#field_1_40 ul li {
    width: 100%; }

#gform_wrapper_3 ul.gfield_radio,
#gform_wrapper_4 ul.gfield_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #gform_wrapper_3 ul.gfield_radio li,
  #gform_wrapper_4 ul.gfield_radio li {
    padding-right: 20px !important; }
    #gform_wrapper_3 ul.gfield_radio li input,
    #gform_wrapper_3 ul.gfield_radio li label,
    #gform_wrapper_4 ul.gfield_radio li input,
    #gform_wrapper_4 ul.gfield_radio li label {
      margin-top: 6px; }

/*==============================================
	IMAGES
==============================================*/
.alignnone {
  margin: 0 0 1.25rem 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto 1.25rem; }

.alignright {
  float: right;
  margin: 0 0 1.25rem 1.25rem; }

.alignleft {
  float: left;
  margin: 0 1.25rem 1.25rem 0; }

.aligncenter {
  display: block;
  margin: 0 auto; }

img, img[class*="align"], img[class*="wp-image-"] {
  max-width: 100%;
  height: auto; }

img.alignright {
  margin-left: 0 0 1.25rem 1.25rem; }

img.alignleft {
  margin: 0 1.25rem 1.25rem 0; }

img.aligncenter {
  display: block;
  margin: 0 auto 1.25rem; }

img[class*="align"], img[class*="wp-image-"] {
  border: none; }

img.wp-post-image {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.875rem; }

@media only screen and (max-width: 599px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%; } }

@media only screen and (max-width: 600px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none; } }

/*
.size-full {
	width:100%;
	height:auto;
}
.size-medium {
	width:60%;
	height:auto;
}
.size-small {
	width:30%;
	height:auto;
}
*/
/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption {
  margin-bottom: 1.25rem;
  max-width: 100%;
  text-align: left;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .wp-caption {
      width: 100% !important;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      float: none; } }
  .wp-caption img {
    display: block;
    margin: 0 auto; }
    @media only screen and (max-width: 600px) {
      .wp-caption img {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none; } }

.wp-caption-text {
  font-size: 0.8125rem;
  padding: 0.625rem 0.3125rem;
  opacity: 0.8; }

/*=================================================================================
	PAGINATION
=================================================================================*/
article .pagination {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 0;
  display: block;
  /*=================================================================================
		SINGLE POSTS
	=================================================================================*/ }
  article .pagination span, article .pagination a {
    display: inline-block;
    background: #0071BC;
    color: #ffffff;
    height: 1.25rem;
    width: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: 0.8125rem;
    border: none;
    text-decoration: none;
    display: inline-block; }
    article .pagination span:hover, article .pagination span:focus, article .pagination span.current, article .pagination a:hover, article .pagination a:focus, article .pagination a.current {
      background: #005289;
      border: none;
      color: #ffffff; }
  article .pagination.single div {
    display: inline-block;
    width: 50%;
    margin: 0; }
  article .pagination.single div.newer {
    text-align: right; }

/*=================================================================================
	BUTTONS
=================================================================================*/
.btn, input[type=submit], button {
  color: #ffffff;
  background: #0054A6;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none; }
  .btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus {
    color: #ffffff;
    background: #003a73;
    border: 0; }

/*=================================================================================
	BUTTON VARIATIONS
=================================================================================*/
.btn-primary {
  color: #ffffff;
  background: #0054A6;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  background: #0071BC; }
  .btn-primary:hover, .btn-primary:focus {
    color: #ffffff;
    background: #003a73;
    border: 0; }
  .btn-primary:hover, .btn-primary:focus {
    background: #005289; }

.btn-secondary {
  color: #ffffff;
  background: #0054A6;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  background: #0054A6; }
  .btn-secondary:hover, .btn-secondary:focus {
    color: #ffffff;
    background: #003a73;
    border: 0; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: #003a73; }

.btn-accent {
  color: #ffffff;
  background: #0054A6;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  background: #1D191A; }
  .btn-accent:hover, .btn-accent:focus {
    color: #ffffff;
    background: #003a73;
    border: 0; }
  .btn-accent:hover, .btn-accent:focus {
    background: #020101; }

.btn.full-width, .btn-primary.full-width, .btn-secondary.full-width, .btn-accent.full-width {
  /*To be used in conjunction with other button styles*/
  width: 100%;
  padding: 0.41667rem 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase; }

.btn span, .btn-primary span, .btn-secondary span, .btn-accent span {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  display: inline-block;
  vertical-align: middle; }

.btn i, .btn-primary i, .btn-secondary i, .btn-accent i {
  display: inline-block;
  line-height: 1;
  margin-left: 0.375rem;
  vertical-align: middle; }

.btn-small {
  padding: 0.41667rem 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase; }

br + .btn {
  margin-top: 0.625rem; }

/*==============================================
	MESSAGES
==============================================*/
.message, #mce-responses > div {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem; }
  .message.warning, #mce-responses > div.warning {
    background: #fffbd7;
    border: 1px solid #d7c200; }
  .message.error, .message #mce-error-response, #mce-responses > div.error, #mce-responses > div #mce-error-response {
    background: #ffc6c7;
    border: 1px solid #c60004; }
  .message.success, .message #mce-success-response, #mce-responses > div.success, #mce-responses > div #mce-success-response {
    background: #0071BC;
    color: #FFF; }
  .message a, #mce-responses > div a {
    color: #FFF; }
    .message a:hover, .message a:focus, #mce-responses > div a:hover, #mce-responses > div a:focus {
      color: #FFF; }

/*@import "base/lightbox";*/
/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
#responsive {
  display: block;
  position: relative;
  z-index: 1000;
  padding-bottom: 1.25rem;
  padding-top: 0.3125rem; }
  @media only screen and (min-width: 960px) {
    #responsive {
      display: none; } }
  #responsive span {
    padding: 0.625rem;
    width: 100%;
    text-align: left;
    color: #0054A6;
    cursor: pointer;
    padding-top: 0.625rem; }
    #responsive span i {
      font-size: 1.5625rem;
      margin-right: 0.625rem;
      position: relative;
      top: 2px; }
  #responsive ul {
    background: #0071BC;
    padding: 0;
    margin-bottom: 0;
    display: none;
    list-style: none; }
    #responsive ul li {
      border-bottom: 1px solid #005289;
      margin: 0;
      line-height: 2.1875rem;
      min-height: 2.1875rem;
      padding: 0;
      text-transform: uppercase; }
      #responsive ul li a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        padding: 0 0.625rem; }
        #responsive ul li a:hover, #responsive ul li a:focus {
          background: #005289; }
      #responsive ul li:last-child {
        border: none; }
      #responsive ul li ul {
        z-index: 1; }
        #responsive ul li ul li {
          font-size: 0.75rem; }
          #responsive ul li ul li a {
            color: #ffffff; }
            #responsive ul li ul li a:before {
              content: "- "; }
          #responsive ul li ul li ul {
            display: none !important; }
      #responsive ul li.menu-item-has-children {
        position: relative;
        /*&:before { 
					position:absolute;
					top:0;
					right:rem-calc(10);
					content:"\f107";
					color:#ffffff;
				}*/ }

/*=================================================================================
	SLIDESHOW / IMAGE BANNER (example only - this are usually unique)
=================================================================================*/
#slideshow {
  padding: 0;
  position: relative;
  z-index: 0;
  max-width: 1920px;
  margin: 0 auto;
  display: none; }
  @media only screen and (min-width: 768px) {
    #slideshow {
      display: block; } }
  #slideshow .cycle-slideshow {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: block; }
    #slideshow .cycle-slideshow img {
      display: block;
      margin: 0 auto;
      width: 100%;
      height: auto; }
    #slideshow .cycle-slideshow .cycle-caption {
      position: absolute;
      left: 6.25%;
      top: 1.875rem;
      z-index: 9999;
      font-size: 1.75rem;
      font-weight: 300;
      color: black;
      line-height: 1.875rem; }
      #slideshow .cycle-slideshow .cycle-caption strong {
        font-size: 2rem;
        display: block;
        font-weight: 600; }
    #slideshow .cycle-slideshow .cycle-pager {
      text-align: center;
      width: 100%;
      z-index: 9999;
      position: absolute;
      bottom: 0;
      left: 0; }
      #slideshow .cycle-slideshow .cycle-pager span {
        width: 0.875rem;
        height: 0.875rem;
        display: inline-block;
        background: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0);
        cursor: pointer;
        border: 0.0625rem solid #ffffff;
        border-radius: 0.875rem;
        margin: 0.125rem; }
        #slideshow .cycle-slideshow .cycle-pager span.cycle-pager-active {
          background: #ffffff; }

/*@import "features/gallery";
@import "features/mailchimp";
@import "features/testimonials";*/
/* Site specifc */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Messages
	- Header 
		- Details (Phone number etc)
	- Content
		- Homepage specific styles
		- Widget globals
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- Posts & Children
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-size: 1rem;
  color: #1D191A;
  font-family: "Montserrat", "Verdana", "Tahoma", sans-serif;
  font-weight: 400; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a, img, span {
  -o-transition: all all 0.2s ease-in-out;
  -ms-transition: all all 0.2s ease-in-out;
  -moz-transition: all all 0.2s ease-in-out;
  -webkit-transition: all all 0.2s ease-in-out;
  transition: all all 0.2s ease-in-out; }

/*==============================================
		TYPOGRAPHY
	==============================================*/
body, input, select, textarea, label, button {
  font-family: "Montserrat", "Verdana", "Tahoma", sans-serif; }

ul li.menu-item-has-children:before, article blockquote:before {
  font-family: 'FontAwesome'; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", "Verdana", "Tahoma", sans-serif;
  font-weight: 600; }

h1, h2, h3, h4, h5, h6, p, ul {
  margin-bottom: 0.625rem; }

li, p {
  font-size: 1rem; }

small {
  font-size: 0.8125rem; }

@media only screen and (min-width: 768px) {
  h2 {
    font-size: 1.5rem; } }

@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 2.5rem; } }

@media only screen and (min-width: 1200px) {
  h2 {
    font-size: 2.875rem; } }

@media only screen and (min-width: 768px) {
  h3 {
    font-size: 1.25rem; } }

@media only screen and (min-width: 1024px) {
  h3 {
    font-size: 2.25rem; } }

@media only screen and (min-width: 1200px) {
  h3 {
    font-size: 2.5rem; } }

/*==============================================
		LINKS
	==============================================*/
a {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

main a, article a, aside a {
  color: #020101;
  text-decoration: none;
  position: relative;
  border-bottom: 1px dotted #54484b; }
  main a:hover, main a:focus, article a:hover, article a:focus, aside a:hover, aside a:focus {
    color: #0071BC;
    border-bottom: 1px solid #0071BC; }
  main a.readmore, article a.readmore, aside a.readmore {
    white-space: nowrap; }

/*=================================================================================
	HEADER
=================================================================================*/
header {
  margin: 0;
  z-index: 9999;
  border-bottom: 10px solid #0071BC;
  margin-bottom: 1.25rem;
  /*End of details subsection*/ }
  @media only print {
    header {
      border: 0; } }
  .home header {
    margin-bottom: 0; }
  @media only screen and (min-width: 600px) {
    header {
      margin: 0;
      border: 0; } }
  @media only screen and (min-width: 1400px) {
    header {
      background: rgba(255, 255, 255, 0.8);
      height: 98px; }
      .home header {
        position: absolute;
        width: 100%; } }
  @media only screen and (min-width: 1919px) {
    header {
      height: 123px; } }
  @media only screen and (min-width: 1919px) {
    header .container {
      width: 100%;
      margin: 0 auto;
      padding: 0; } }
  @media only screen and (min-width: 1919px) {
    header .container {
      max-width: 120rem; } }
  @media only screen and (min-width: 960px) {
    header #logo {
      /*background: #FFF;*/
      float: left;
      display: inline;
      width: 25%;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; } }
  @media only screen and (min-width: 1200px) {
    header #logo {
      float: left;
      display: inline;
      width: 18.75%; } }
  @media only screen and (min-width: 1919px) {
    header #logo {
      float: left;
      width: 30%; } }
  header #logo a.logo {
    width: 100%;
    display: block; }
    header #logo a.logo img {
      display: block;
      margin: 0 auto; }
  @media only screen and (min-width: 960px) {
    header .wrapper {
      float: left;
      display: inline;
      width: 100%;
      clear: both;
      position: relative;
      margin-top: -2.5rem; } }
  @media only screen and (min-width: 1200px) {
    header .wrapper {
      float: left;
      display: inline;
      width: 81.25%;
      float: right;
      margin-top: -5.625rem; } }
  @media only screen and (min-width: 1919px) {
    header .wrapper {
      float: right;
      width: 70%;
      padding-right: 1.25rem; } }
  header #details {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: right;
    display: block; }
    @media only screen and (max-width: 959px) {
      header #details {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        max-width: 100%; } }
    @media only screen and (min-width: 960px) {
      header #details {
        padding-top: 0.625rem;
        padding-bottom: 0; } }
    header #details p {
      margin-bottom: 0; }
    header #details strong {
      font-size: 1.5rem;
      color: #004172;
      padding-right: 0.625rem; }
    header #details a {
      color: #0054A6; }
      header #details a:hover, header #details a:focus {
        color: #006ed9; }
      header #details a i {
        position: relative;
        top: 2px; }

/*End of header section*/
/*=================================================================================
	CONTENT
=================================================================================*/
#bodytext {
  padding: 2.5rem; }

a#submenu-jump {
  text-decoration: none;
  padding: 0.625rem;
  margin-bottom: 1.25rem; }
  @media only screen and (min-width: 768px) {
    a#submenu-jump {
      /*Edit size according to site needs*/
      display: none; } }
  @media print {
    a#submenu-jump {
      display: none; } }
  a#submenu-jump:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right; }
  a#submenu-jump:hover, a#submenu-jump:focus {
    background: #0054A6; }

#breadcrumbs {
  color: #A1A1A1;
  font-size: 0.8125rem;
  padding-bottom: 0.625rem; }
  #breadcrumbs a {
    color: #888888;
    text-decoration: none; }
    #breadcrumbs a:hover, #breadcrumbs a:focus {
      text-decoration: underline; }

/*==============================================
		PORTALS (APPRENTICES/TRAINEES AND EMPLOYERS)
	==============================================*/
#portals, #portals-2 {
  margin-bottom: 2.5rem; }
  @media print {
    #portals, #portals-2 {
      display: none; } }
  #portals div, #portals-2 div {
    color: #FFF;
    text-align: center;
    padding: 1.25rem; }
    @media only screen and (min-width: 600px) {
      #portals div, #portals-2 div {
        width: 50%;
        float: left; } }
    @media only screen and (min-width: 1200px) {
      #portals div, #portals-2 div {
        Padding: 2.5rem 3.75rem; } }
    @media only screen and (min-width: 1600px) {
      #portals div, #portals-2 div {
        padding: 3.75rem 10rem; } }
    #portals div h2, #portals-2 div h2 {
      color: #FFF;
      font-size: 1.75rem; }
    #portals div p, #portals-2 div p {
      padding-bottom: 1.25rem; }
    #portals div .btn, #portals-2 div .btn {
      background: transparent;
      font-size: 1.125rem;
      color: #FFF;
      border: 3px solid #FFF;
      padding: 0.625rem 1.25rem;
      text-transform: none;
      text-decoration: none; }
      #portals div .btn:hover, #portals div .btn:focus, #portals-2 div .btn:hover, #portals-2 div .btn:focus {
        background: #FFF;
        color: #0071BC; }
    #portals div:first-child, #portals-2 div:first-child {
      background: #0071BC; }
    #portals div:last-child, #portals-2 div:last-child {
      background: #0054A6; }
      #portals div:last-child .button:hover, #portals div:last-child .button:focus, #portals-2 div:last-child .button:hover, #portals-2 div:last-child .button:focus {
        color: #0054A6; }

@media only screen and (max-width: 599px) {
  #portals {
    display: none; } }

#portals-2 {
  margin-bottom: -1.25rem; }
  @media only screen and (min-width: 600px) {
    #portals-2 {
      display: none; } }

/*==============================================
		HOMEPAGE SPECIFIC STYLES
	==============================================*/
.home #banner {
  height: 100%;
  position: relative; }
  .home #banner .image {
    line-height: 0; }
    @media only screen and (min-width: 768px) {
      .home #banner .image {
        /*Edit size according to site needs*/
        display: none; } }
  @media only screen and (min-width: 768px) {
    .home #banner #intro {
      position: absolute;
      width: 100%;
      z-index: 100;
      height: 100%; } }
  @media only screen and (min-width: 768px) {
    .home #banner #intro .inner-wrapper {
      margin: 0 auto; }
      .firefox .home #banner #intro .inner-wrapper,
      .chrome .home #banner #intro .inner-wrapper {
        margin: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .home #banner #intro .inner {
    text-align: center;
    background: #1D191A;
    padding: 1.25rem; }
    @media only screen and (min-width: 768px) {
      .home #banner #intro .inner {
        padding: 2.5rem; } }
    @media only screen and (min-width: 768px) {
      .home #banner #intro .inner {
        background: rgba(29, 25, 26, 0.7);
        max-width: 768px;
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .home #banner #intro .inner {
        background: transparent; } }
    @media only screen and (min-width: 1400px) {
      .home #banner #intro .inner {
        padding-top: 8.625rem;
        /*fixed height of header at this screen size*/ } }
    @media only screen and (min-width: 1919px) {
      .home #banner #intro .inner {
        padding-top: 10.1875rem; } }
    .home #banner #intro .inner * {
      color: #FFF; }
    .home #banner #intro .inner h1 {
      font-size: 1.5rem;
      padding-bottom: 1.25rem; }
      @media only screen and (min-width: 600px) {
        .home #banner #intro .inner h1 {
          font-size: 2rem; } }
      @media only screen and (min-width: 768px) {
        .home #banner #intro .inner h1 {
          font-size: 1.5rem; } }
      @media only screen and (min-width: 1024px) {
        .home #banner #intro .inner h1 {
          font-size: 2.5rem; } }
      @media only screen and (min-width: 1200px) {
        .home #banner #intro .inner h1 {
          font-size: 2.875rem; } }

/*==============================================
		STAFF PAGE
	==============================================*/
.staff-member {
  background: #EDEDED;
  padding: 0.625rem;
  margin-bottom: 1.25rem; }
  @media only screen and (min-width: 768px) {
    .staff-member {
      float: left;
      display: inline;
      width: 43.75%;
      margin-right: 1.25rem; } }
  .staff-member h3 {
    color: #1D191A; }
    .staff-member h3 span {
      font-size: 1rem;
      display: block;
      text-transform: uppercase;
      color: #A1A1A1; }
  .staff-member p {
    margin: 0;
    font-size: 0.8125rem; }
    @media only screen and (min-width: 600px) and (max-width: 768px) {
      .staff-member p {
        float: left;
        display: inline;
        width: 50%; } }

/*=================================================================================
		WIDGET GLOBALS
	=================================================================================*/
.widget .widget-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.3125rem 0; }

/*=================================================================================
		ARTICLES & MAIN CONTENT
	=================================================================================*/
article, main {
  position: relative;
  /*==============================================
			ACCORDION
		==============================================*/
  /*==============================================
			LISTS
		==============================================*/
  /*==============================================
			SMALL
		==============================================*/
  /*==============================================
			BLOCKQUOTES
		==============================================*/
  /*==============================================
			TABLES
		==============================================*/
  /*==============================================
			EXTRAS
		==============================================*/ }
  article h1, main h1 {
    font-size: 2.125rem;
    margin-bottom: 0.625rem;
    color: #A1A1A1; }
    @media only screen and (min-width: 1200px) {
      article h1, main h1 {
        font-size: 2.5rem; } }
  article h2, main h2 {
    font-size: 1.375rem;
    margin-bottom: 0.625rem;
    color: #A1A1A1; }
  article h3, main h3 {
    font-size: 1.25rem;
    margin-bottom: 0.3125rem;
    color: #A1A1A1; }
  article h4, article h5, article h6, main h4, main h5, main h6 {
    font-size: 1.0625rem;
    color: #1D191A;
    margin-bottom: 0.3125rem; }
  article p, main p {
    margin-bottom: 1.3; }
  article strong, main strong {
    font-weight: 700; }
  article .accordion h2:before, main .accordion h2:before {
    font-family: "FontAwesome";
    content: "\f054";
    padding-right: 0.625rem; }
  article .accordion h2.open, main .accordion h2.open {
    color: #0071BC; }
    article .accordion h2.open:before, main .accordion h2.open:before {
      font-family: "FontAwesome";
      content: "\f078";
      padding-right: 0.625rem; }
  article .accordion h2:hover, article .accordion h2:focus, main .accordion h2:hover, main .accordion h2:focus {
    cursor: pointer;
    color: #1D191A; }
  article ul, article ol, main ul, main ol {
    margin: 0 1.5625rem 1.25rem; }
    article ul li, article ol li, main ul li, main ol li {
      margin-bottom: 0.3125rem; }
  article ul, main ul {
    list-style: disc; }
  article ol, main ol {
    list-style: decimal; }
  article small, main small {
    font-size: 0.8125rem;
    margin: 0 0 0.625rem;
    opacity: 0.7;
    text-transform: uppercase; }
  article .date, main .date {
    display: block; }
  article blockquote, main blockquote {
    position: relative;
    padding: 1.25rem 0 0 1.25rem; }
    article blockquote:before, main blockquote:before {
      content: "\f10d";
      opacity: 0.3;
      position: absolute;
      top: 1.25rem;
      left: 0;
      clear: both;
      visibility: visible;
      overflow: visible; }
  article table, main table {
    margin: 0 0 1.25rem 0;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #96858a; }
    article table th, article table td, main table th, main table td {
      border: 1px solid #96858a;
      padding: 0.1875rem 0.625rem 0.1875rem; }
  article hr, main hr {
    border-color: #96858a;
    height: 0.0625rem; }
  article .columns.eight, main .columns.eight {
    padding-bottom: 1.25rem; }
    @media only screen and (min-width: 768px) {
      article .columns.eight:last-child, main .columns.eight:last-child {
        padding-left: 1.25rem; } }
  #contact article .btn, #contact main .btn {
    font-size: 1.25rem;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media only screen and (min-width: 600px) {
      #contact article .btn.btn-accent, #contact main .btn.btn-accent {
        color: #ffffff;
        background: #0054A6;
        text-transform: uppercase;
        font-size: 0.875rem;
        padding: 0.5rem 0.83333rem;
        margin: 0;
        cursor: pointer;
        border: 0;
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        line-height: 1.4;
        margin-bottom: 0.625rem;
        -webkit-appearance: none;
        background: #0071BC;
        font-size: 1.25rem; }
        #contact article .btn.btn-accent:hover, #contact article .btn.btn-accent:focus, #contact main .btn.btn-accent:hover, #contact main .btn.btn-accent:focus {
          color: #ffffff;
          background: #003a73;
          border: 0; }
        #contact article .btn.btn-accent:hover, #contact article .btn.btn-accent:focus, #contact main .btn.btn-accent:hover, #contact main .btn.btn-accent:focus {
          background: #005289; } }
    #contact article .btn > span, #contact main .btn > span {
      float: left;
      display: inline;
      width: 75%;
      display: block; }
    #contact article .btn i, #contact main .btn i {
      float: left;
      display: inline;
      width: 25%;
      text-align: right;
      margin: 0;
      padding-top: 0.9375rem; }

/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
main .page, main .post {
  clear: both;
  padding: 1.25rem 0 0;
  margin: 1.25rem 0 0;
  /*p {
		display:inline;	
	}*/ }
  .single main .page, .single main .post {
    padding-top: 0;
    margin-top: 0; }
  main .page h2.title, main .post h2.title {
    background: none;
    padding: 0;
    margin: 0 0 0.3125rem; }
    main .page h2.title a, main .post h2.title a {
      text-decoration: none;
      padding: 0;
      margin: 0;
      border-color: transparent;
      color: inherit; }
      main .page h2.title a:hover, main .page h2.title a:focus, main .post h2.title a:hover, main .post h2.title a:focus {
        background: none;
        color: #0071BC;
        border: none; }
  main .page .thumbnail, main .post .thumbnail {
    margin-bottom: 1.25rem; }
    @media only screen and (min-width: 768px) {
      main .page .thumbnail, main .post .thumbnail {
        padding-right: 1.25rem; } }
    main .page .thumbnail img, main .post .thumbnail img {
      display: block;
      margin: 0.3125rem 0 0.625rem;
      width: 100%;
      height: auto; }
    main .page .thumbnail a, main .page .thumbnail a:hover, main .page .thumbnail a:focus, main .post .thumbnail a, main .post .thumbnail a:hover, main .post .thumbnail a:focus {
      border: none;
      padding: 0;
      margin: 0; }

article .post:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-top: none; }

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside {
  margin: 0;
  padding: 0; }
  aside h2, aside li {
    color: #ffffff;
    background: #0054A6;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 0.5rem 0.83333rem;
    margin: 0;
    cursor: pointer;
    border: 0;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 1.4;
    margin-bottom: 0.625rem;
    -webkit-appearance: none;
    background: #0071BC;
    width: 100%;
    background: #A1A1A1;
    text-transform: none; }
    aside h2:hover, aside h2:focus, aside li:hover, aside li:focus {
      color: #ffffff;
      background: #003a73;
      border: 0; }
    aside h2:hover, aside h2:focus, aside li:hover, aside li:focus {
      background: #005289; }
    aside h2 a, aside li a {
      color: #FFF;
      border: 0;
      display: block; }
      aside h2 a:hover, aside h2 a:focus, aside li a:hover, aside li a:focus {
        color: #FFF;
        border: 0; }
    aside h2.current_page_item, aside h2.current_page_ancestor, aside h2.current_page_parent, aside li.current_page_item, aside li.current_page_ancestor, aside li.current_page_parent {
      background: #0071BC; }
    aside h2.page_item_has_children ul, aside li.page_item_has_children ul {
      display: none; }
  aside h2 {
    background: #1D191A;
    font-size: 1.5rem; }

/*=================================================================================
	FOOTER
=================================================================================*/
footer {
  margin-top: 1.25rem;
  /*End footer ul*/
  /* #primary*/
  /* #supplementary */ }
  footer a {
    color: #1D191A;
    text-decoration: none;
    border-bottom: 1px solid transparent; }
    footer a:hover, footer a:focus {
      color: black;
      border-color: black; }
  footer ul {
    display: inline-block;
    padding-top: 1.25rem; }
  footer #primary {
    background: #1D191A;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
    @media only screen and (min-width: 960px) {
      footer #primary {
        padding: 2.5rem; } }
    footer #primary * {
      color: #FFF; }
    footer #primary h2, footer #primary h3 {
      font-size: 1.625rem;
      margin-bottom: 1.25rem;
      border-bottom: 1px dashed #CCC;
      padding-bottom: 0.625rem; }
    @media only screen and (min-width: 960px) {
      footer #primary h2 {
        border: 0; } }
    footer #primary h3 {
      border-bottom: 1px dashed #CCC;
      padding-bottom: 0.625rem;
      margin-top: 1.25rem; }
    footer #primary address {
      font-style: normal; }
      footer #primary address span[itemprop=street-address] {
        display: block; }
      footer #primary address span[itemprop=tel] {
        display: block;
        color: #0071BC;
        padding-top: 0.25rem;
        font-size: 1.125rem; }
    footer #primary #hours-block,
    footer #primary #news-block,
    footer #primary #employee-block {
      padding-bottom: 1.25rem; }
    @media only screen and (min-width: 600px) {
      footer #primary #hours-block .location {
        float: left;
        display: inline;
        width: 50%; }
        footer #primary #hours-block .location:first-child {
          padding-right: 1.25rem; }
        footer #primary #hours-block .location:last-child {
          padding-left: 1.25rem; } }
    @media only screen and (min-width: 960px) {
      footer #primary #hours-block .location {
        width: 100%;
        padding: 0 !important; } }
    footer #primary #news-block .image,
    footer #primary #employee-block .image {
      padding-right: 0.625rem; }
      footer #primary #news-block .image img,
      footer #primary #employee-block .image img {
        border: 3px solid #FFF;
        width: 100%; }
    footer #primary #news-block .post,
    footer #primary #employee-block .post {
      border: 0;
      clear: none;
      margin: 0;
      padding: 0;
      padding-bottom: 1.25rem; }
      footer #primary #news-block .post .date,
      footer #primary #employee-block .post .date {
        color: #CCC;
        font-size: 0.8125rem; }
      footer #primary #news-block .post h3,
      footer #primary #employee-block .post h3 {
        font-size: 1.125rem;
        margin: 0;
        margin-top: 0.625rem;
        border: 0; }
      footer #primary #news-block .post p,
      footer #primary #employee-block .post p {
        display: block;
        font-size: 0.8125rem;
        color: #A1A1A1; }
      footer #primary #news-block .post a,
      footer #primary #employee-block .post a {
        color: #0071BC;
        border: 0;
        padding: 0.3125rem;
        font-size: 1rem;
        position: relative;
        left: -0.3125rem; }
        footer #primary #news-block .post a:hover, footer #primary #news-block .post a:focus,
        footer #primary #employee-block .post a:hover,
        footer #primary #employee-block .post a:focus {
          color: #FFF;
          background: #0071BC; }
    footer #primary #news-block .image {
      float: left;
      display: inline;
      width: 31.25%; }
    footer #primary #news-block .post {
      float: left;
      display: inline;
      width: 68.75%; }
    @media only screen and (min-width: 960px) {
      footer #primary #news-block {
        margin: 0;
        border: 0;
        padding-top: 0; } }
    @media only screen and (min-width: 1200px) {
      footer #primary #news-block .image {
        float: left;
        display: inline;
        width: 25%; }
      footer #primary #news-block .post {
        float: left;
        display: inline;
        width: 75%; } }
    @media only screen and (min-width: 600px) {
      footer #primary #news-block,
      footer #primary #employee-block {
        border: 0;
        padding-top: 0;
        margin-top: 2.5rem;
        float: left;
        display: inline;
        width: 50%; } }
    @media only screen and (min-width: 960px) {
      footer #primary #news-block,
      footer #primary #employee-block {
        margin-top: 0; } }
    @media only screen and (min-width: 600px) {
      footer #primary #employee-block {
        padding-left: 1.25rem; } }
    @media only screen and (min-width: 960px) {
      footer #primary #employee-block {
        padding-left: 0; } }
    footer #primary #employee-block .image {
      padding: 0.625rem;
      background: #FFF; }
      footer #primary #employee-block .image img {
        margin: 0;
        width: 100%; }
    footer #primary #employee-block .post {
      background: #FFF;
      padding: 0.625rem; }
      footer #primary #employee-block .post h3 {
        color: #1D191A;
        margin-top: 0; }
      footer #primary #employee-block .post p {
        color: #1D191A; }
    @media only screen and (min-width: 960px) {
      footer #primary #hours-block,
      footer #primary #news-block,
      footer #primary #employee-block {
        float: left;
        display: inline;
        width: 33.33%; }
        footer #primary #hours-block:first-child,
        footer #primary #news-block:first-child,
        footer #primary #employee-block:first-child {
          padding-right: 2.5rem; }
        footer #primary #hours-block:nth-child(2),
        footer #primary #news-block:nth-child(2),
        footer #primary #employee-block:nth-child(2) {
          padding-left: 1.25rem;
          padding-right: 1.25rem; }
        footer #primary #hours-block:last-child,
        footer #primary #news-block:last-child,
        footer #primary #employee-block:last-child {
          padding-left: 2.5rem; } }
    @media only screen and (max-width: 767px) {
      footer #primary #news-block,
      footer #primary #employee-block {
        display: none; } }
  footer #supplementary {
    background: #0054A6;
    /* #supplementary ul */ }
    footer #supplementary .container {
      padding: 1.25rem;
      padding-bottom: 11.25rem;
      background-image: url(img/backgrounds/footer-bg.png);
      background-repeat: no-repeat;
      background-position: bottom right; }
      @media only screen and (min-width: 600px) {
        footer #supplementary .container {
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;
          background-position: center right -60px; } }
      @media only screen and (min-width: 960px) {
        footer #supplementary .container {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem; } }
    @media only screen and (min-width: 600px) {
      footer #supplementary .container .row div {
        float: left;
        display: inline;
        width: 62.5%; } }
    @media only screen and (min-width: 960px) {
      footer #supplementary .container .row div {
        float: left;
        display: inline;
        width: 68.75%; } }
    footer #supplementary p {
      font-size: 0.8125rem; }
    footer #supplementary p, footer #supplementary li, footer #supplementary a {
      color: #FFF; }
    footer #supplementary ul {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
      /* #supplementary ul li */
      /* #supplementary ul.social */
      /*==============================================
				GOOP CREDIT
			==============================================*/
      /* #supplementary ul.goop*/ }
      @media only screen and (min-width: 768px) {
        footer #supplementary ul {
          padding-bottom: 0; } }
      footer #supplementary ul li {
        display: inline-block;
        list-style: none;
        padding-right: 0.625rem;
        padding-bottom: 0.625rem;
        /* #supplementary ul li a */ }
        @media only screen and (min-width: 768px) {
          footer #supplementary ul li {
            padding-bottom: 0; } }
        footer #supplementary ul li a {
          border-color: #0054A6;
          color: #FFF;
          display: inline; }
          footer #supplementary ul li a:hover, footer #supplementary ul li a:focus {
            border-color: #FFF; }
      footer #supplementary ul.social {
        /* #supplementary ul.social li*/ }
        footer #supplementary ul.social li {
          margin-right: 0.9375rem;
          /* #supplementary ul.social li a */ }
          footer #supplementary ul.social li a {
            /* #supplementary ul.social li a span*/ }
            footer #supplementary ul.social li a:hover, footer #supplementary ul.social li a:focus {
              border-color: #0054A6;
              /*no underline on icons*/
              color: #0071BC; }
            footer #supplementary ul.social li a span {
              display: inline-block;
              padding-left: 0.3125rem;
              position: relative;
              bottom: 4px;
              -webkit-transition: none;
              -o-transition: none;
              transition: none;
              /*transition still works on the parent a element, but if it is on the span as well it creates a weird two-step transition*/ }
      footer #supplementary ul.goop {
        list-style: none;
        font-size: 0;
        width: 100%;
        /* #supplementary ul.goop li*/ }
        footer #supplementary ul.goop li {
          font-size: 0.8125rem;
          display: inline-block;
          padding: 0;
          line-height: 1.1;
          vertical-align: middle;
          margin: 0;
          margin-right: 1.25rem;
          /*#supplementary ul.goop li a*/ }
          footer #supplementary ul.goop li a {
            padding: 0;
            margin: 0;
            display: block;
            font-weight: bold;
            border: 0; }
            footer #supplementary ul.goop li a span {
              display: inline-block;
              margin-left: 0.3125rem;
              vertical-align: bottom; }
            footer #supplementary ul.goop li a:hover, footer #supplementary ul.goop li a:focus {
              border: none;
              color: #bce4ff; }

/* footer */
/*==============================================
	JOB MANAGER PLUGIN
==============================================*/
/* Main list of jobs - Job Vacancies page */
#job-vacancies .search_jobs {
  padding: 2.5rem;
  background: #0071BC; }
  #job-vacancies .search_jobs input, #job-vacancies .search_jobs select {
    font-size: 1.125rem;
    padding: 1.25rem;
    color: #1D191A; }
  #job-vacancies .search_jobs input#search_keywords, #job-vacancies .search_jobs input#search_location {
    margin-bottom: 1.25rem; }
  #job-vacancies .search_jobs ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #1D191A; }
  #job-vacancies .search_jobs :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #1D191A;
    opacity: 1; }
  #job-vacancies .search_jobs ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #1D191A;
    opacity: 1; }
  #job-vacancies .search_jobs :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #1D191A; }
  #job-vacancies .search_jobs .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-family: "Montserrat", "Verdana", "Tahoma", sans-serif; }

#job-vacancies ul.job_listings li.job_listing {
  padding: 0; }
  #job-vacancies ul.job_listings li.job_listing:nth-child(odd) {
    background: #EDEDED; }
  #job-vacancies ul.job_listings li.job_listing a {
    padding: 1.25rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
    #job-vacancies ul.job_listings li.job_listing a img.company_logo {
      display: none; }
    #job-vacancies ul.job_listings li.job_listing a div.position {
      padding: 0;
      float: left;
      display: inline;
      width: 43.75%; }
      #job-vacancies ul.job_listings li.job_listing a div.position h3 {
        color: #0054A6; }
    #job-vacancies ul.job_listings li.job_listing a div.location {
      float: left;
      display: inline;
      width: 18.75%;
      padding-top: 0.625rem; }
    #job-vacancies ul.job_listings li.job_listing a ul.meta {
      float: left;
      display: inline;
      width: 37.5%;
      padding-top: 1.25rem; }
      #job-vacancies ul.job_listings li.job_listing a ul.meta li.job-type,
      #job-vacancies ul.job_listings li.job_listing a ul.meta li.date {
        width: 50%;
        display: inline-block; }
    #job-vacancies ul.job_listings li.job_listing a:hover, #job-vacancies ul.job_listings li.job_listing a:focus {
      background: #0054A6; }
      #job-vacancies ul.job_listings li.job_listing a:hover div.position h3, #job-vacancies ul.job_listings li.job_listing a:focus div.position h3 {
        color: #FFF; }
      #job-vacancies ul.job_listings li.job_listing a:hover div.location,
      #job-vacancies ul.job_listings li.job_listing a:hover li.date, #job-vacancies ul.job_listings li.job_listing a:focus div.location,
      #job-vacancies ul.job_listings li.job_listing a:focus li.date {
        color: #FFF; }

/* Single job listings */
.single_job_listing .company_logo {
  position: relative !important;
  left: -1.25rem !important;
  width: 7.5rem !important;
  height: auto !important;
  margin-bottom: 1.25rem; }

.single_job_listing .company {
  position: relative;
  border: 0;
  padding: 1em;
  padding-top: 3.75rem;
  margin: 0;
  display: block;
  clear: both;
  min-height: 5em;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .single_job_listing .company .name a {
    float: none;
    position: relative;
    top: 2.5rem;
    margin-left: 0; }

.single_job_listing p:first-child {
  display: block; }

.single_job_listing strong[itemprop=name] {
  /*position: relative;
		top: -$gutter;*/
  font-size: 1.5rem;
  padding-left: 0;
  margin-left: 0; }

.single_job_listing .job_description {
  float: left;
  display: inline;
  width: 93.75%;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem; }

.single_job_listing input.application_button {
  color: #ffffff;
  background: #0054A6;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  background: #0071BC; }
  .single_job_listing input.application_button:hover, .single_job_listing input.application_button:focus {
    color: #ffffff;
    background: #003a73;
    border: 0; }
  .single_job_listing input.application_button:hover, .single_job_listing input.application_button:focus {
    background: #005289; }

.single_job_listing .application {
  clear: both; }
  .single_job_listing .application .application_details {
    float: left;
    display: inline;
    width: 93.75%;
    border: 0;
    padding: 1.25rem;
    background: #EDEDED; }
    .single_job_listing .application .application_details p {
      display: inline; }

/* Recent jobs widget */
#job-widgets h2 {
  margin-bottom: 0; }
  #job-widgets h2:hover, #job-widgets h2:focus {
    background: #1D191A; }

aside ul.job_listings {
  border-top: 0; }
  aside ul.job_listings li.job_listing,
  aside ul.job_listings li.location,
  aside ul.job_listings li.company,
  aside ul.job_listings li.job-type {
    background: transparent !important;
    color: #1D191A; }
    aside ul.job_listings li.job_listing h3,
    aside ul.job_listings li.location h3,
    aside ul.job_listings li.company h3,
    aside ul.job_listings li.job-type h3 {
      color: #0054A6; }
  aside ul.job_listings li.job-type.full-time {
    color: #90da36; }
  aside ul.job_listings li.job_listing * {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  aside ul.job_listings li.job_listing:nth-child(odd) {
    background: #EDEDED !important; }
  aside ul.job_listings li.job_listing a {
    padding: 1.25rem 0.625rem !important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
    aside ul.job_listings li.job_listing a h3 {
      font-size: 1rem !important;
      padding-bottom: 0.3125rem !important; }
    aside ul.job_listings li.job_listing a:hover, aside ul.job_listings li.job_listing a:focus {
      background: #0054A6; }
      aside ul.job_listings li.job_listing a:hover *, aside ul.job_listings li.job_listing a:focus * {
        color: #FFF; }

/*Overrides*/
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body {
  font-size: 100%; }

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser {
  text-align: center;
  padding: 0;
  background: #ffffcc;
  margin: 0;
  font-size: 70%;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-family: "Montserrat", "Verdana", "Tahoma", sans-serif;
  z-index: 10000;
  position: relative; }

#browser span {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 3px;
  color: #666666; }

#browser span a {
  color: #000;
  text-decoration: none; }

#browser span a:hover,
#browser span a:focus {
  background: none;
  color: #000;
  text-decoration: underline; }