/*!
Theme Name: are-able
Author: are-able
Author URI: https://www.areable.org.au/
Version: 1.0
*/

@font-face {
    font-family: 'are-able_webfont';
    src: url('/wp-content/themes/areable/assets/fonts/Are-able_Webfont/are-able_webfont.ttf') format('truetype'),
         url('/wp-content/themes/areable/assets/fonts/Are-able_Webfont/are-able_webfont.svg#are-able_webfont') format('svg');

}

  
@font-face {
    font-family: "Lufga";
    src: url('/wp-content/themes/areable/assets/fonts/LufgaSemiBold/font.woff2') format('woff2'), url('/wp-content/themes/areable/assets/fonts/LufgaSemiBold/font.woff') format('woff');
    font-weight:bold; 
    font-style:normal;
  }
  @font-face {
    font-family: "Lufga";
    src: url('/wp-content/themes/areable/assets/fonts/LufgaSemiBoldItalic/font.woff2') format('woff2'), url('/wp-content/themes/areable/assets/fonts/LufgaSemiBoldItalic/font.woff') format('woff');
    font-weight:bold;
    font-style:italic; 
  }
  @font-face {
    font-family: "Lufga";
    src: url('/wp-content/themes/areable/assets/fonts/LufgaRegular/font.woff2') format('woff2'), url('/wp-content/themes/areable/assets/fonts/LufgaRegular/font.woff') format('woff');
    font-weight:normal; 
  }
  @font-face {
    font-family: "Lufga";
    src: url('/wp-content/themes/areable/assets/fonts/LufgaItalic/font.woff2') format('woff2'), url('/wp-content/themes/areable/assets/fonts/LufgaItalic/font.woff') format('woff');
    font-style:italic; 
  }


  @font-feature-values Lufga {
    @styleset {
        altg: 02;
    }
}

body * {
    font-variant-alternates: styleset(altg);
}

.fa.fa-pull-left,
.fa.pull-left {
    margin-right: 0.3em;
}
.fa,
.fa-stack {
    display: inline-block;
}
nav ul li,
ul.nav-top li {
    -ms-grid-row-align: auto;
    align-self: auto;
    order: 0;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body,
mark {
    font-weight: 400;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa.fa-pull-right,
.fa.pull-right {
    margin-left: 0.3em;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: 0.08em solid #eee;
    border-radius: 0.1em;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right,
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none;
}
.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    font-family: "Are-able_Webfont";
    content: "\e835";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-close:before,
.fa-emove:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-cog:before,
.fa-gear:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    font-family: Are-able_Webfont;
    content: "\e82d";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    font-family: "Are-able_Webfont";
    content: "\e80e";
}
.fa-chevron-right:before {
    font-family: "Are-able_Webfont";
    content: "\e80f";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-cogs:before,
.fa-gears:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    font-family: Are-able_Webfont;
    content: "\e833";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    font-family: Are-able_Webfont;
    content: "\e82f";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc";
}
.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd";
}
.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    font-family: "Are-able_webfont";
    content: "\e80e";
}
.fa-angle-right:before {
    font-family: "Are-able_webfont";
    content: "\e80f";
}
.fa-angle-up:before {
    font-family: "Are-able_webfont";
    content: "\e810";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150";
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151";
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152";
}
.fa-eur:before,
.fa-euro:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-inr:before,
.fa-rupee:before {
    content: "\f156";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158";
}
.fa-krw:before,
.fa-won:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper-pp:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5";
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6";
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\f1d0";
}
.fa-empire:before,
.fa-ge:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8";
}
.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}
.fa-buysellads:before {
    content: "\f20d";
}
.fa-connectdevelop:before {
    content: "\f20e";
}
.fa-dashcube:before {
    content: "\f210";
}
.fa-forumbee:before {
    content: "\f211";
}
.fa-leanpub:before {
    content: "\f212";
}
.fa-sellsy:before {
    content: "\f213";
}
.fa-shirtsinbulk:before {
    content: "\f214";
}
.fa-simplybuilt:before {
    content: "\f215";
}
.fa-skyatlas:before {
    content: "\f216";
}
.fa-cart-plus:before {
    content: "\f217";
}
.fa-cart-arrow-down:before {
    content: "\f218";
}
.fa-diamond:before {
    content: "\f219";
}
.fa-ship:before {
    content: "\f21a";
}
.fa-user-secret:before {
    content: "\f21b";
}
.fa-motorcycle:before {
    content: "\f21c";
}
.fa-street-view:before {
    content: "\f21d";
}
.fa-heartbeat:before {
    content: "\f21e";
}
.fa-venus:before {
    content: "\f221";
}
.fa-mars:before {
    content: "\f222";
}
.fa-mercury:before {
    content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}
.fa-transgender-alt:before {
    content: "\f225";
}
.fa-venus-double:before {
    content: "\f226";
}
.fa-mars-double:before {
    content: "\f227";
}
.fa-venus-mars:before {
    content: "\f228";
}
.fa-mars-stroke:before {
    content: "\f229";
}
.fa-mars-stroke-v:before {
    content: "\f22a";
}
.fa-mars-stroke-h:before {
    content: "\f22b";
}
.fa-neuter:before {
    content: "\f22c";
}
.fa-genderless:before {
    content: "\f22d";
}
.fa-facebook-official:before {
    content: "\f230";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-server:before {
    content: "\f233";
}
.fa-user-plus:before {
    content: "\f234";
}
.fa-user-times:before {
    content: "\f235";
}
.fa-bed:before,
.fa-hotel:before {
    content: "\f236";
}
.fa-viacoin:before {
    content: "\f237";
}
.fa-train:before {
    content: "\f238";
}
.fa-subway:before {
    content: "\f239";
}
.fa-medium:before {
    content: "\f23a";
}
.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b";
}
.fa-optin-monster:before {
    content: "\f23c";
}
.fa-opencart:before {
    content: "\f23d";
}
.fa-expeditedssl:before {
    content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}
.fa-mouse-pointer:before {
    content: "\f245";
}
.fa-i-cursor:before {
    content: "\f246";
}
.fa-object-group:before {
    content: "\f247";
}
.fa-object-ungroup:before {
    content: "\f248";
}
.fa-sticky-note:before {
    content: "\f249";
}
.fa-sticky-note-o:before {
    content: "\f24a";
}
.fa-cc-jcb:before {
    content: "\f24b";
}
.fa-cc-diners-club:before {
    content: "\f24c";
}
.fa-clone:before {
    content: "\f24d";
}
.fa-balance-scale:before {
    content: "\f24e";
}
.fa-hourglass-o:before {
    content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}
.fa-hourglass:before {
    content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}
.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256";
}
.fa-hand-scissors-o:before {
    content: "\f257";
}
.fa-hand-lizard-o:before {
    content: "\f258";
}
.fa-hand-spock-o:before {
    content: "\f259";
}
.fa-hand-pointer-o:before {
    content: "\f25a";
}
.fa-hand-peace-o:before {
    content: "\f25b";
}
.fa-trademark:before {
    content: "\f25c";
}
.fa-registered:before {
    content: "\f25d";
}
.fa-creative-commons:before {
    content: "\f25e";
}
.fa-gg:before {
    content: "\f260";
}
.fa-gg-circle:before {
    content: "\f261";
}
.fa-tripadvisor:before {
    content: "\f262";
}
.fa-odnoklassniki:before {
    content: "\f263";
}
.fa-odnoklassniki-square:before {
    content: "\f264";
}
.fa-get-pocket:before {
    content: "\f265";
}
.fa-wikipedia-w:before {
    content: "\f266";
}
.fa-safari:before {
    content: "\f267";
}
.fa-chrome:before {
    content: "\f268";
}
.fa-firefox:before {
    content: "\f269";
}
.fa-opera:before {
    content: "\f26a";
}
.fa-internet-explorer:before {
    content: "\f26b";
}
.fa-television:before,
.fa-tv:before {
    content: "\f26c";
}
.fa-contao:before {
    content: "\f26d";
}
.fa-500px:before {
    content: "\f26e";
}
.fa-amazon:before {
    content: "\f270";
}
.fa-calendar-plus-o:before {
    content: "\f271";
}
.fa-calendar-minus-o:before {
    content: "\f272";
}
.fa-calendar-times-o:before {
    content: "\f273";
}
.fa-calendar-check-o:before {
    content: "\f274";
}
.fa-industry:before {
    content: "\f275";
}
.fa-map-pin:before {
    content: "\f276";
}
.fa-map-signs:before {
    content: "\f277";
}
.fa-map-o:before {
    content: "\f278";
}
.fa-map:before {
    content: "\f279";
}
.fa-commenting:before {
    content: "\f27a";
}
.fa-commenting-o:before {
    content: "\f27b";
}
.fa-houzz:before {
    content: "\f27c";
}
.fa-vimeo:before {
    content: "\f27d";
}
.fa-black-tie:before {
    content: "\f27e";
}
.fa-fonticons:before {
    content: "\f280";
}
.fa-reddit-alien:before {
    content: "\f281";
}
.fa-edge:before {
    content: "\f282";
}
.fa-credit-card-alt:before {
    content: "\f283";
}
.fa-codiepie:before {
    content: "\f284";
}
.fa-modx:before {
    content: "\f285";
}
.fa-fort-awesome:before {
    content: "\f286";
}
.fa-usb:before {
    content: "\f287";
}
.fa-product-hunt:before {
    content: "\f288";
}
.fa-mixcloud:before {
    content: "\f289";
}
.fa-scribd:before {
    content: "\f28a";
}
.fa-pause-circle:before {
    content: "\f28b";
}
.fa-pause-circle-o:before {
    content: "\f28c";
}
.fa-stop-circle:before {
    content: "\f28d";
}
.fa-stop-circle-o:before {
    content: "\f28e";
}
.fa-shopping-bag:before {
    content: "\f290";
}
.fa-shopping-basket:before {
    content: "\f291";
}
.fa-hashtag:before {
    content: "\f292";
}
.fa-bluetooth:before {
    content: "\f293";
}
.fa-bluetooth-b:before {
    content: "\f294";
}
.fa-percent:before {
    content: "\f295";
}
.fa-gitlab:before {
    content: "\f296";
}
.fa-wpbeginner:before {
    content: "\f297";
}
.fa-wpforms:before {
    content: "\f298";
}
.fa-envira:before {
    content: "\f299";
}
.fa-universal-access:before {
    content: "\f29a";
}
.fa-wheelchair-alt:before {
    content: "\f29b";
}
.fa-question-circle-o:before {
    content: "\f29c";
}
.fa-blind:before {
    content: "\f29d";
}
.fa-audio-description:before {
    content: "\f29e";
}
.fa-volume-control-phone:before {
    content: "\f2a0";
}
.fa-braille:before {
    content: "\f2a1";
}
.fa-assistive-listening-systems:before {
    content: "\f2a2";
}
.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\f2a3";
}
.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\f2a4";
}
.fa-glide:before {
    content: "\f2a5";
}
.fa-glide-g:before {
    content: "\f2a6";
}
.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7";
}
.fa-low-vision:before {
    content: "\f2a8";
}
.fa-viadeo:before {
    content: "\f2a9";
}
.fa-viadeo-square:before {
    content: "\f2aa";
}
.fa-snapchat:before {
    content: "\f2ab";
}
.fa-snapchat-ghost:before {
    content: "\f2ac";
}
.fa-snapchat-square:before {
    content: "\f2ad";
}
.fa-pied-piper:before {
    content: "\f2ae";
}
.fa-first-order:before {
    content: "\f2b0";
}
.fa-yoast:before {
    content: "\f2b1";
}
.fa-themeisle:before {
    content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4";
}
.fa-handshake-o:before {
    content: "\f2b5";
}
.fa-envelope-open:before {
    content: "\f2b6";
}
.fa-envelope-open-o:before {
    content: "\f2b7";
}
.fa-linode:before {
    content: "\f2b8";
}
.fa-address-book:before {
    content: "\f2b9";
}
.fa-address-book-o:before {
    content: "\f2ba";
}
.fa-address-card:before,
.fa-vcard:before {
    content: "\f2bb";
}
.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\f2bc";
}
.fa-user-circle:before {
    content: "\f2bd";
}
.fa-user-circle-o:before {
    content: "\f2be";
}
.fa-user-o:before {
    content: "\f2c0";
}
.fa-id-badge:before {
    content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3";
}
.fa-quora:before {
    content: "\f2c4";
}
.fa-free-code-camp:before {
    content: "\f2c5";
}
.fa-telegram:before {
    content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb";
}
.fa-shower:before {
    content: "\f2cc";
}
.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\f2cd";
}
.fa-podcast:before {
    content: "\f2ce";
}
.fa-window-maximize:before {
    content: "\f2d0";
}
.fa-window-minimize:before {
    content: "\f2d1";
}
.fa-window-restore:before {
    content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4";
}
.fa-bandcamp:before {
    content: "\f2d5";
}
.fa-grav:before {
    content: "\f2d6";
}
.fa-etsy:before {
    content: "\f2d7";
}
.fa-imdb:before {
    content: "\f2d8";
}
.fa-ravelry:before {
    content: "\f2d9";
}
.fa-eercast:before {
    content: "\f2da";
}
.fa-microchip:before {
    content: "\f2db";
}
.fa-snowflake-o:before {
    content: "\f2dc";
}
.fa-superpowers:before {
    content: "\f2dd";
}
.fa-wpexplorer:before {
    content: "\f2de";
}
.fa-meetup:before {
    content: "\f2e0";
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.container,
body {
    position: relative;
}
.container {
    width: 100%;
    margin: 0 auto;
    max-width: 1800px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}
.dontblamegoop,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
main,
menu,
nav,
section {
    display: block;
}
.row .col-1 {
    -ms-flex-preferred-size: 6.25%;
    flex-basis: 6.25%;
    max-width: 6.25%;
    width: 6.25%;
}
.row .col-2 {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%;
    width: 12.5%;
}
.row .col-3 {
    -ms-flex-preferred-size: 18.75%;
    flex-basis: 18.75%;
    max-width: 18.75%;
    width: 18.75%;
}
.row .col-4 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    width: 25%;
}
.row .col-5 {
    -ms-flex-preferred-size: 31.25%;
    flex-basis: 31.25%;
    max-width: 31.25%;
    width: 31.25%;
}
.row .col-6 {
    -ms-flex-preferred-size: 37.5%;
    flex-basis: 37.5%;
    max-width: 37.5%;
    width: 37.5%;
}
.row .col-7 {
    -ms-flex-preferred-size: 43.75%;
    flex-basis: 43.75%;
    max-width: 43.75%;
    width: 43.75%;
}
.row .col-8 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
}
.row .col-9 {
    -ms-flex-preferred-size: 56.25%;
    flex-basis: 56.25%;
    max-width: 56.25%;
    width: 56.25%;
}
.row .col-10 {
    -ms-flex-preferred-size: 62.5%;
    flex-basis: 62.5%;
    max-width: 62.5%;
    width: 62.5%;
}
.row .col-11 {
    -ms-flex-preferred-size: 68.75%;
    flex-basis: 68.75%;
    max-width: 68.75%;
    width: 68.75%;
}
.row .col-12 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    width: 75%;
}
.row .col-13 {
    -ms-flex-preferred-size: 81.25%;
    flex-basis: 81.25%;
    max-width: 81.25%;
    width: 81.25%;
}
.row .col-14 {
    -ms-flex-preferred-size: 87.5%;
    flex-basis: 87.5%;
    max-width: 87.5%;
    width: 87.5%;
}
.row .col-15 {
    -ms-flex-preferred-size: 93.75%;
    flex-basis: 93.75%;
    max-width: 93.75%;
    width: 93.75%;
}
.row .col-16 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
}
.row .col-one-third {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%;
    width: 33.33%;
}
.row .col-two-thirds {
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
    max-width: 66.66%;
    width: 66.66%;
}
@media all and (max-width: 968px) {
    .row .col-1,
    .row .col-1-third,
    .row .col-10,
    .row .col-11,
    .row .col-12,
    .row .col-13,
    .row .col-14,
    .row .col-15,
    .row .col-16,
    .row .col-2,
    .row .col-2-thirds,
    .row .col-3,
    .row .col-4,
    .row .col-5,
    .row .col-6,
    .row .col-7,
    .row .col-8,
    .row .col-9 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        min-width: 100%;
        width: 100%;
    }
}
.row [class*="col-"] {
    box-sizing: border-box;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
@media (min-width: 968px) {
    .row [class*="col-"].offset-1 {
        margin-left: 6.25%;
    }
    .row [class*="col-"].offset-2 {
        margin-left: 12.5%;
    }
    .row [class*="col-"].offset-3 {
        margin-left: 18.75%;
    }
    .row [class*="col-"].offset-4 {
        margin-left: 25%;
    }
    .row [class*="col-"].offset-5 {
        margin-left: 31.25%;
    }
    .row [class*="col-"].offset-6 {
        margin-left: 37.5%;
    }
    .row [class*="col-"].offset-7 {
        margin-left: 43.75%;
    }
    .row [class*="col-"].offset-8 {
        margin-left: 50%;
    }
    .row [class*="col-"].offset-9 {
        margin-left: 56.25%;
    }
    .row [class*="col-"].offset-10 {
        margin-left: 62.5%;
    }
    .row [class*="col-"].offset-11 {
        margin-left: 68.75%;
    }
    .row [class*="col-"].offset-12 {
        margin-left: 75%;
    }
    .row [class*="col-"].offset-13 {
        margin-left: 81.25%;
    }
    .row [class*="col-"].offset-14 {
        margin-left: 87.5%;
    }
    .row [class*="col-"].offset-15 {
        margin-left: 93.75%;
    }
}
a,
html {
    margin: 0;
}
.gutter-left {
    padding-left: 1.25em;
}
.gutter-right {
    padding-right: 1.25em;
}

@media (max-width: 320px) {
    body {
        font-size: 14px;
    }
}
body:after,
body:before {
    bottom: 0;
    content: "";
    position: fixed;
    top: 0;
    z-index: -1;
}
body:before {
    left: 0;
    right: 50%;
}
body:after {
    left: 50%;
    right: 0;
}
body #are-able {
    background-color: #fff;
    overflow: hidden;
}

@media (min-width: 1920px) {
    body {
        font-size: 18px;
    }
    body #are-able {
        margin: 0 auto;
        position: relative;
        z-index: 0;
    }
}
.underline,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
pre,
q,
samp,
section,
section#content .container main #news .box a > span.title,
section#content .container main #news .box:first-of-type span.title,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: 0 0;
    border: none;
    font-size: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
}
*,
:after,
:before {
    box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: none;
    height: 100%;
    padding: 0;
}
aside ul,
nav ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none;
}
a {
    background: 0 0;
    padding: 0;
    vertical-align: baseline;
}
address {
    font-style: normal;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
abbr[title],
dfn[title] {
    border-bottom: 0.0625em dotted #adadad;
    cursor: help;
}
hr {
    border: solid #adadad;
    border-width: 0.0625em 0 0;
    height: 0.0625em;
    margin: 1.25em 0;
    padding: 0;
}
input,
select {
    vertical-align: middle;
}
ol,
ul {
    font-size: inherit;
}
article pre,
main pre {
    margin-bottom: 1em;
    white-space: pre-wrap;
    width: 100%;
    word-wrap: break-word;
}
#swipebox-slider,
article
    a:not([class*="btn"]):not([class^="fa "]):not([class*="img"]):not([class*="more"]):not([class*="page-numbers"]):not([class*="readmore"]):not([class*="swipebox"]):not([class*="title"]):not([class*="vacancies"]):not([rel="next"]):not([rel="prev"]).readmore,
main
    a:not([class*="btn"]):not([class^="fa "]):not([class*="img"]):not([class*="more"]):not([class*="page-numbers"]):not([class*="readmore"]):not([class*="swipebox"]):not([class*="title"]):not([class*="vacancies"]):not([rel="next"]):not([rel="prev"]).readmore,
section#styleguide
    a:not([class*="btn"]):not([class^="fa "]):not([class*="img"]):not([class*="more"]):not([class*="page-numbers"]):not([class*="readmore"]):not([class*="swipebox"]):not([class*="title"]):not([class*="vacancies"]):not([rel="next"]):not([rel="prev"]).readmore {
    white-space: nowrap;
}
::selection {
    background: #dcdcdc;
}
::-moz-selection {
    background: #dcdcdc;
}
header a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
main ul.sitemap {
    list-style: none;
    margin: 0;
    padding: 0;
}
main ul.sitemap li ul {
    list-style: none;
    margin: 0.625em 0 0 1.25em;
    padding: 0;
}
main ul.sitemap li ul li:before {
    content: "- ";
    font-family: Lufga, sans-serif;
}
main ul.sitemap li.current_page_item {
    display: none;
}
#breadcrumbs {
    list-style: none;
    padding: 1rem 0;
}
#breadcrumbs li {
    display: inline-block;
    color: rgba(33, 33, 33, 0.5);
    font-size: 80%;
    margin: 0 0.4375em 0 0;
    opacity: 0.75;

}
#breadcrumbs li:nth-child(n + 2):before {
    font-family: "are-able_webfont";
    content: '\e80f';
    display: inline-block;
    padding: 0 0.3125em 0 0;
}
#breadcrumbs li a {
    box-shadow: none;
    color: inherit;
    text-decoration: none;
}


.btn-brand1:focus:before,
.btn-brand1:hover:before,
.btn-brand2:focus:before,
.btn-brand2:hover:before,
.btn-brand3:focus:before,
.btn-brand3:hover:before,
.btn:focus:before,
.btn:hover:before,
main .nf-form-layout button:focus:before,
main .nf-form-layout button:hover:before,
main .nf-form-layout input[type="button"]:focus:before,
main .nf-form-layout input[type="button"]:hover:before,
main .nf-form-layout input[type="submit"]:focus:before,
main .nf-form-layout input[type="submit"]:hover:before,
main form button:focus:before,
main form button:hover:before,
main form input[type="button"]:focus:before,
main form input[type="button"]:hover:before,
main form input[type="submit"]:focus:before,
main form input[type="submit"]:hover:before {
    opacity: 1;
}
.back.btn-brand1,
.back.btn-brand2,
.back
.btn.back,
main .nf-form-layout button.back,
main .nf-form-layout input.back[type="button"],
main .nf-form-layout input.back[type="submit"],
main form button.back,
main form input.back[type="button"],
main form input.back[type="submit"] {
    margin-top: 1.875em;
}
.back.btn-brand1 .fa,
.back.btn-brand2 .fa,
.back.btn-brand3 .fa,
.btn.back .fa,
main .nf-form-layout button.back .fa,
main .nf-form-layout input.back[type="button"] .fa,
main .nf-form-layout input.back[type="submit"] .fa,
main form button.back .fa,
main form input.back[type="button"] .fa,
main form input.back[type="submit"] .fa {
    margin: 0 0.3125em 0 0;
}
.btn-more.btn-brand1,
.btn-more.btn-brand2,
.btn-more
.btn.btn-more,
main .nf-form-layout button.btn-more,
main .nf-form-layout input.btn-more[type="button"],
main .nf-form-layout input.btn-more[type="submit"],
main form button.btn-more,
main form input.btn-more[type="button"],
main form input.btn-more[type="submit"] {
    background-color: #ecedef;
    border: 0.0625em solid #adadad;
    color: #636466;
}

.btn-small {
    font-size: 0.75em;

}
br + .btn,
br + .btn-brand1,
br + .btn-brand2,
br + 
main .nf-form-layout br + button,
main .nf-form-layout br + input[type="button"],
main .nf-form-layout br + input[type="submit"],
main form br + button,
main form br + input[type="button"],
main form br + input[type="submit"] {
    margin-top: 0.625em;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error,
.error.message,
.message,
.nf-form-cont .nf-error-field-errors,
.success.message,
.warning.message {
    background-color: rgba(0, 82, 155, 0.1);
    border: 0.0625em solid #00529b;
    color: #00529b;
    font-family: Lufga, sans-serif;
    font-size: calc(0.25vw + 11.2px);
    margin: 0.625em 0;
    min-height: 2.5em;
    padding: 0.625em 0.625em 0.625em 2.1875em;
    position: relative;
}
.dontblamegoop,
main address div[itemprop="email"],
main address div[itemprop="faxNumber"],
main address div[itemprop="postalCode"],
main address div[itemprop="telephone"] {
    margin-bottom: 0.3125em;
}
@media (max-width: 320px) {
    #mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response,
    #mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response,
    #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error,
    .error.message,
    .message,
    .nf-form-cont .nf-error-field-errors,
    .success.message,
    .warning.message {
        font-size: 12px;
    }
}
@media (min-width: 1920px) {
    #mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response,
    #mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response,
    #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error,
    .error.message,
    .message,
    .nf-form-cont .nf-error-field-errors,
    .success.message,
    .warning.message {
        font-size: 16px;
    }
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response a,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response a,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error a,
.error.message a,
.message a,
.nf-form-cont .nf-error-field-errors a,
.success.message a,
.warning.message a {
    color: inherit;
    font-weight: 700;
    text-decoration: none;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response a:hover,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response a:hover,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error a:hover,
.message a:hover,
.nf-form-cont .nf-error-field-errors a:hover {
    text-decoration: underline;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response:before,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response:before,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error:before,
.error.message:before,
.message:before,
.nf-form-cont .nf-error-field-errors:before,
.success.message:before,
.warning.message:before {
    font-family: FontAwesome;
    content: "";
    background: #00529b;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 0.75em;
    height: 1.125em;
    left: 0.625em;
    line-height: 1.125em;
    text-align: center;
    position: absolute;
    top: 0.625em;
    width: 1.125em;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.error#mce-error-response,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.error#mce-success-response,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.error.mce_inline_error,
.error.message,
.nf-form-cont .error.nf-error-field-errors {
    background-color: rgba(216, 0, 12, 0.1);
    border: 0.0625em solid #d8000c;
    color: #d8000c;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.error#mce-error-response:before,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.error#mce-success-response:before,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.error.mce_inline_error:before,
.error.message:before,
.nf-form-cont .error.nf-error-field-errors:before {
    font-family: FontAwesome;
    content: "";
    background-color: #d8000c;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.success#mce-error-response,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.success#mce-success-response,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.success.mce_inline_error,
.nf-form-cont .success.nf-error-field-errors,
.success.message {
    background-color: rgba(79, 138, 16, 0.1);
    border: 0.0625em solid #4f8a10;
    color: #4f8a10;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.success#mce-error-response:before,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.success#mce-success-response:before,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.success.mce_inline_error:before,
.nf-form-cont .success.nf-error-field-errors:before,
.success.message:before {
    font-family: FontAwesome;
    content: "";
    background-color: #4f8a10;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.warning#mce-error-response,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.warning#mce-success-response,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.warning.mce_inline_error,
.nf-form-cont .warning.nf-error-field-errors,
.warning.message {
    background-color: rgba(159, 96, 0, 0.1);
    border: 0.0625em solid #9f6000;
    color: #9f6000;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.warning#mce-error-response:before,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div.warning#mce-success-response:before,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.warning.mce_inline_error:before,
.nf-form-cont .warning.nf-error-field-errors:before,
.warning.message:before {
    font-family: FontAwesome;
    content: "";
    background-color: #9f6000;
}
.dontblamegoop {
    background: #f0f0f0;
    padding: 0.3125em;
    text-align: center;
    font-size: 0.6875em;
    color: #b4b4b4;
}
.google .dontblamegoop {
    display: none;
}
main address {
    margin: 0 0 1.25em;
}
main address div[itemprop="name"] {
    font-weight: 700;
    margin-bottom: 0.625em;
}
main address div[itemprop="addressLocality"],
main address div[itemprop="addressRegion"],
main address div[itemprop="postalCode"] {
    display: inline-block;
}
main address div[itemprop="email"]:before,
main address div[itemprop="faxNumber"]:before,
main address div[itemprop="telephone"]:before {
    font-weight: 700;
}
main address div[itemprop="telephone"]:before {
    content: "T: ";
}
main address div[itemprop="faxNumber"]:before {
    content: "F: ";
}
main address div[itemprop="email"] {
    word-break: break-word;
}
main address div[itemprop="email"]:before {
    content: "E: ";
}
main address ul.hours {
    margin: 1.25em 0 0;
    list-style: none;
}
main address ul.hours:before {
    color: #636466;
    content: "Business Hours";
    display: block;
    font-family: Lufga, sans-serif;
    padding: 0;
}
main address ul.hours.special:before {
    content: "Other Hours";
}
main address ul.hours li {
    padding: 0.1875em 0;
    margin: 0;
    border-bottom: 0.0625em dotted #d4d4d4;
}
main address ul.hours li:before {
    content: "";
    display: none;
}
main address ul.hours li span {
    display: inline-block;
    width: 49.5%;
}
main address ul.hours li span.time {
    text-align: right;
}
main address ul.hours li:last-of-type {
    border: none;
}
main address div.notes {
    margin: 1.25em 0 0;
    list-style: none;
}
main address div.notes:before {
    color: #636466;
    content: "Other Information";
    display: block;
    font-family: Lufga, sans-serif;
    padding: 0;
}
main address.postal-address {
    border-top: 0.0625em solid rgba(173, 173, 173, 0.5);
    margin-top: calc(0.9375vw + 17px);
    padding: 1.25em 0 0;
    padding-top: calc(0.9375vw + 17px);
}
@media (max-width: 320px) {
    main address.postal-address {
        margin-top: 20;
        padding-top: 20;
    }
}
@media (min-width: 1920px) {
    main address.postal-address {
        margin-top: 35;
        padding-top: 35;
    }
}
main address.postal-address:before {
    content: "Postal Address";
    display: block;
    font-weight: 700;
}
#children,
#supportedemployment {
    margin: 0 0 2.5em;
    padding: 0;
    text-align: left;
}

#children .parent span,
#supportedemployment .parent span {
    display: block;
    font-size: 70%;
}
#children ul,
#supportedemployment ul {
    border: solid #fff;
    border-width: 0.0625em 0 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
#children ul li,
#supportedemployment ul li {
    margin: 0 0 0.0625em;
}
#children ul li > a,
#supportedemployment ul li > a {
    background-color: #ecedef;
    border: solid transparent;
    border-width: 0 0 0 0.625em;
    box-shadow: none;
    color: #212121;
    display: block;
    padding: 0.625em 1.25em 0.625em 0.625em;
}

.page-id-4 #children ul li > a:before,
.page-id-4 #supportedemployment ul li > a:before,
.parent-pageid-4 #children ul li > a:before,
.parent-pageid-4 #supportedemployment ul li > a:before {
    font-family: FontAwesome;
    content: "";
    margin: 0 0.625em 0 0;
    opacity: 0.5;
}
#children ul li ul li > a,
#supportedemployment ul li ul li > a {
    padding-left: 1.25em;
    position: relative;
}
#children ul li ul li > a:before,
#supportedemployment ul li ul li > a:before {
    content: "-";
    left: 0.625em;
    position: absolute;
}
#supportedemployment {
    margin: 2.5em 0 0;
}
#supportedemployment ul li {
    background-color: #ecedef;
}
#supportedemployment ul li:first-of-type {
    padding: 0.625em 1.25em;
}
#supportedemployment ul li > a.more {
    border: none;
    color: #00a5e3;
    display: inline;
    font-size: 85%;
    padding: 0;
    text-decoration: none;

    white-space: nowrap;
}
#supportedemployment ul li > a.more:focus,
#supportedemployment ul li > a.more:hover {
    color: #0080b0;
}
main .col-8.form:nth-child(2) {
    padding: 1.875em 0;
}
@media (min-width: 968px) {
    #supportedemployment {
        margin: 0;
    }
    main .col-8.form:nth-child(1) {
        padding: 0 1.875em 0 0;
    }
    main .col-8.form:nth-child(2) {
        padding: 0 0 0 1.875em;
    }
}
main .nf-form-layout label,
main form label {
    font-size: 100%;
    line-height: 1.15;
}
main .nf-form-layout input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
main .nf-form-layout select,
main .nf-form-layout textarea,
main form input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
main form select,
main form textarea {
    background-color: #fff;
    border: 0.0625em solid #adadad;
    border-radius: 0;
    color: #545454;
    font-size: 85%;
    line-height: 1.15;
    padding: 0.5em 0.3125em;
}
main .nf-form-layout input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
main .nf-form-layout input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):hover,
main .nf-form-layout select:focus,
main .nf-form-layout select:hover,
main .nf-form-layout textarea:focus,
main .nf-form-layout textarea:hover,
main form input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
main form input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):hover,
main form select:focus,
main form select:hover,
main form textarea:focus,
main form textarea:hover {
    color: #212121;
}
main .nf-form-layout input[type="checkbox"],
main .nf-form-layout input[type="radio"],
main form input[type="checkbox"],
main form input[type="radio"] {
    font-size: 100%;
}
main .nf-form-layout select,
main form select {
    background-image: linear-gradient(45deg, transparent 50%, #646464 50%), linear-gradient(135deg, #646464 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(1em - 0.1px), calc(100% - 11px) calc(1em - 0.1px), calc(100% - 2.5em) 0.5em;
    background-size: 0.3125em 0.3125em, 0.3125em 0.3125em, 0.0625em 1.5em;
    background-repeat: no-repeat;
}

.nf-form-cont {
    background-color: #ecedef;
    padding: 1.5em;
}
.parent-pageid-4 .nf-form-cont {
    margin: 1.875em 0 0;
}
.nf-form-cont .nf-form-fields-required {
    font-size: 80%;
    font-style: italic;
    margin: 0 0 0.625em;
    opacity: 0.5;
}
.nf-form-cont .nf-form-fields-required span,
.nf-form-cont .ninja-forms-req-symbol {
    color: inherit;
}
.nf-form-cont .nf-field-container {
    margin: 0.625em 0;
}
.nf-form-cont .nf-field-container.html-container {
    margin: 1.25em 0 0;
}
.nf-form-cont .nf-field-container.html-container p {
    font-size: inherit;
}
.nf-form-cont .nf-field-container.html-container p:last-of-type {
    margin: 0;
}
.nf-form-cont .nf-field-container.label-above .nf-field-label {
    margin: 0 0 0.3125em;
}
.nf-form-cont .nf-field-container.label-left .list-checkbox-wrap .nf-field-label,
.nf-form-cont .nf-field-container.label-left .list-radio-wrap .nf-field-label {
    margin-top: 0.625em;
}
.nf-form-cont .nf-field-container.submit-container {
    margin-top: 0.9375em;
}
.nf-form-cont .list-checkbox-wrap .nf-field-element li,
.nf-form-cont .list-radio-wrap .nf-field-element li {
    margin: 0.3125em 0 !important;
    padding-left: 1.25em !important;
    position: relative;
}
.nf-form-cont .list-checkbox-wrap .nf-field-element li input,
.nf-form-cont .list-radio-wrap .nf-field-element li input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.nf-form-cont input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
.nf-form-cont select,
.nf-form-cont textarea {
    display: block;
}
.nf-form-cont .nf-error input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
.nf-form-cont .nf-error select,
.nf-form-cont .nf-error textarea {
    background-color: rgba(216, 0, 12, 0.1);
    border-color: #d8000c;
    color: #d8000c;
}
.nf-form-cont .nf-error .nf-error-msg {
    font-size: 65%;

}
.nf-form-cont .nf-error-field-errors {
    background-color: rgba(216, 0, 12, 0.1);
    border: 0.0625em solid #d8000c;
    color: #d8000c;
}
.nf-form-cont .nf-error-field-errors:before {
    font-family: FontAwesome;
    content: "";
    background-color: #d8000c;
}
.pika-lendar table thead tr th {
    background-color: transparent;
}
.pika-lendar table thead tr th abbr {
    border: none;
    text-decoration: none;
}
.pika-lendar table tbody tr td.is-today {
    color: #323232;
}
.pika-lendar table tbody tr td.is-today button {
    color: inherit;
}
.pika-lendar table tbody tr td.is-today button:hover {
    color: #fff;
}
.pika-lendar table tbody tr td button {
    border-radius: 0;
}
.pika-lendar table tbody tr td button:hover {
    background-color: #7d7d7d;
    border-radius: 0;
}
article .gallery,
main .gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    margin: 0 -0.0625em;
}


.single-post article .gallery,
.single-post main .gallery {
    margin: 1.875em 0;
}
article .gallery figure,
main .gallery figure {
    border: 0.0625em solid #fff;
    margin: 0;
    padding: 0;
    position: relative;
}

article .gallery figure div,
main .gallery figure div {
    display: block;
    margin: 0;
    padding: 0;
}
article .gallery figure div a,
main .gallery figure div a {
    background-color: none;
    box-shadow: none;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
article .gallery figure div a:after,
main .gallery figure div a:after {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
article .gallery figure div img,
main .gallery figure div img {
    display: block;
    height: auto;
    width: 100%;
    border-radius: 0.625em;
    object-fit: contain;
    aspect-ratio: 4 / 3;
}
article .gallery figure figcaption,
main .gallery figure figcaption {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    font-size: 0.6875em;
    left: 0;
    opacity: 0;
    padding: 0.3125em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
}
#swipebox-close:focus:after,
#swipebox-close:focus:before,
#swipebox-close:hover:after,
#swipebox-close:hover:before,
article .gallery figure:focus div a:after,
article .gallery figure:hover div a:after,
main .gallery figure:focus div a:after,
main .gallery figure:hover div a:after {
    opacity: 1;
}
article .gallery figure:focus figcaption,
article .gallery figure:hover figcaption,
main .gallery figure:focus figcaption,
main .gallery figure:hover figcaption {
    opacity: 1;
    z-index: 1000;
}
article .gallery.gallery-columns-2 figure,
article .gallery.gallery-columns-3 figure,
article .gallery.gallery-columns-4 figure,
main .gallery.gallery-columns-2 figure,
main .gallery.gallery-columns-3 figure,
main .gallery.gallery-columns-4 figure {
    width: 25%;
}
article .gallery.gallery-columns-5 figure,
main .gallery.gallery-columns-5 figure {
    width: 20%;
}
article .gallery.gallery-columns-6 figure,
main .gallery.gallery-columns-6 figure {
    width: 16.66%;
}
article .gallery.gallery-columns-7 figure,
main .gallery.gallery-columns-7 figure {
    width: 14.28%;
}
article .gallery.gallery-columns-8 figure,
main .gallery.gallery-columns-8 figure {
    width: 12.5%;
}
article .gallery.gallery-columns-9 figure,
main .gallery.gallery-columns-9 figure {
    width: 11.11%;
}
#gallery .gallery figure {
    width: 50%;
}
@media (min-width: 600px) {
    #gallery .gallery figure {
        width: 33.33%;
    }
}
@media (min-width: 968px) {
    #gallery .gallery figure {
        width: 20%;
    }
}
#gallery .gallery figure figcaption {
    display: none !important;
}
aside iframe,
main iframe {
    display: block;
    margin: 0;
 
}
.iframe-container {
    width: 100%;
}
.iframe-container iframe {
    display: block;
    margin: 0;
    width: 100% !important;
}
.video-container {
    height: 0;
    margin-bottom: 1.25em;
    padding-bottom: 56.25%;
    padding-top: 1.5625em;
    position: relative;
}
.video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
article span.img,
main span.img,
section#styleguide span.img {
    background-color: rgba(33, 33, 33, 0.05);
    display: block;
    margin: 1.25em 0;
    padding: 1.25em;
    text-align: center;
}
@media (min-width: 968px) {
    article span.img,
    main span.img,
    section#styleguide span.img {
        background-color: none;
        display: initial;
    }
}
article span.img img,
main span.img img,
section#styleguide span.img img {
    display: block;
    margin: 0 auto;
}
article figure,
main figure,
section#styleguide figure {
    background-color: rgba(33, 33, 33, 0.05);
    display: block;
    font-size: 0;
    margin: 1.25em 0;
    padding: 1.25em;
    text-align: center;
}
@media (min-width: 968px) {
    article figure,
    main figure,
    section#styleguide figure {
        background-color: transparent;
        display: initial;
        padding: 0;
        text-align: left;
    }
    article figure.aligncenter,
    main figure.aligncenter,
    section#styleguide figure.aligncenter {
        display: block;
        margin: 1.25em auto;
    }
    article figure.alignright,
    main figure.alignright,
    section#styleguide figure.alignright {
        float: right;
        margin: 0 0 1.25em 1.25em;
    }
    article figure.alignleft,
    main figure.alignleft,
    section#styleguide figure.alignleft {
        float: left;
        margin: 0 1.25em 1.25em 0;
    }
}
article figure.wp-caption,
main figure.wp-caption,
section#styleguide figure.wp-caption {
    display: block;
    margin: 1.25em 0;
}
@media (min-width: 968px) {
    article figure.wp-caption,
    main figure.wp-caption,
    section#styleguide figure.wp-caption {
        display: inline-block;
    }
}
article figure img,
main figure img,
section#styleguide figure img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: 0;
}
article figure figcaption,
main figure figcaption,
section#styleguide figure figcaption {
    font-size: calc(0.25vw + 9.2px);
    padding: 0.3125em 0;
    opacity: 0.8;
}
@media (max-width: 320px) {
    article figure figcaption,
    main figure figcaption,
    section#styleguide figure figcaption {
        font-size: 10px;
    }
}
@media (min-width: 1920px) {
    article figure figcaption,
    main figure figcaption,
    section#styleguide figure figcaption {
        font-size: 14px;
    }
}
html.swipebox-html.swipebox-touch {
    overflow: hidden !important;
}
#swipebox-overlay {
    background: rgb(255 255 255 / 90%);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto !important;
    z-index: 99999 !important;
}
#swipebox-container {
    height: 100%;
    position: relative;
    width: 100%;
}
#swipebox-slider {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#swipebox-slider .slide {
    display: inline-block;
    height: 100%;
    line-height: 0.0625em;
    position: relative;
    text-align: center;
    top: -0.3125em !important;
    width: 100%;
}
#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    margin-right: -0.0625em;
    width: 0.0625em;
}
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    height: auto;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    vertical-align: middle;
    width: auto;
}
#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 71.25em;
    padding: 5%;
    width: 100%;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: elative;
    width: 100%;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
#swipebox-close {
    display: block;
    margin: 0;
    width: 1.5625em;
    overflow: hidden;
    cursor: pointer;
}
#swipebox-slider .slide-loading {
    background: url(assets/img/lightbox/loader.gif) center center no-repeat;
}
#swipebox-close:after,
#swipebox-close:before {
    background: #fff;
    content: "";
    height: 0.125em;
    width: 100%;
    left: 0;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
    height: 3.125em;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
#swipebox-bottom-bar {
    background: 0 0;
    bottom: 50% !important;
}
#swipebox-top-bar {
    background: rgba(0, 0, 0, 0.9);
    bottom: 0 !important;
    color: #fff !important;
    font-family: Lufga, sans-serif;
    font-size: 0.8125em;
    height: auto;
    line-height: 1.15;
}
#swipebox-top-bar #swipebox-title {
    display: block !important;
    margin: 0 auto;
    max-width: 80%;
    padding-top: 0.9375em;
    padding-bottom: 1.25em;
    text-align: center;
    width: 100%;
}
#swipebox-arrows {
    display: block;
    margin: 0 auto !important;
    position: relative;
    width: 95vw;
}
#swipebox-arrows a {
    padding: 0;
    position: relative;
}

#swipebox-arrows a#swipebox-prev {
    float: left;
}

#swipebox-arrows a#swipebox-next {
    float: right;
}


#swipebox-close {
    background: #2d4b59;
    color: transparent;
    height: 1.5625em;
    padding: 0;
    position: absolute;
    right: 1.875em;
    top: 1.25em;
    border-radius:50%;
      border:10px solid #2d4b59;
}
#swipebox-close:after,
#swipebox-close:before {
    margin: -0.0625em 0 0;
    position: absolute;
    top: 50%;
}
#swipebox-close:before {
    transform: rotate(45deg);
}
#swipebox-close:after {
    transform: rotate(-45deg);
}
.swipebox-no-close-button #swipebox-close {
    display: none;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: " ";
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease;
    width: 1.25em;
    z-index: 999;
}
.swipebox-touch #swipebox-container:before {
    box-shadow: inset 10px 0 10px -8px #656565;
    left: 0;
}
.swipebox-touch #swipebox-container:after {
    box-shadow: inset -10px 0 10px -8px #656565;
    right: 0;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1;
}
@keyframes rightSpring {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -1.875em;
    }
}
@keyframes leftSpring {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 1.875em;
    }
}
aside a {
    text-decoration: none;
}
main .pagination,
main .woocommerce-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 1.875em 0 2em 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
main .pagination ul,
main .woocommerce-pagination ul {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 20px 0;
}
main .pagination ul li,
main .woocommerce-pagination ul li {
    display: inline;
    text-align: center;
}
main .pagination ul li .page-numbers .fa,
main .pagination ul li a .fa,
main .pagination.single ul li a i,
main .woocommerce-pagination ul li .page-numbers .fa,
main .woocommerce-pagination ul li a .fa,
main .woocommerce-pagination.single ul li a i {
    margin: 0;
}
main .pagination ul li .page-numbers,
main .pagination ul li a,
main .woocommerce-pagination ul li .page-numbers,
main .woocommerce-pagination ul li a {
    background-color: #fff;
    border-radius: 0;
    color: inherit;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    font-size: 100%;
    padding: .625em 25px;
    text-decoration: none;
}
main .pagination ul li .page-numbers.next,
main .pagination ul li .page-numbers.prev,
main .pagination ul li a.next,
main .pagination ul li a.prev,
main .woocommerce-pagination ul li .page-numbers.next,
main .woocommerce-pagination ul li .page-numbers.prev,
main .woocommerce-pagination ul li a.next,
main .woocommerce-pagination ul li a.prev {
    position: relative;
}
main .pagination ul li .page-numbers.current,
main .pagination ul li .page-numbers:focus,
main .pagination ul li .page-numbers:hover,
main .pagination ul li a.current,
main .pagination ul li a:focus,
main .pagination ul li a:hover,
main .woocommerce-pagination ul li .page-numbers.current,
main .woocommerce-pagination ul li .page-numbers:focus,
main .woocommerce-pagination ul li .page-numbers:hover,
main .woocommerce-pagination ul li a.current,
main .woocommerce-pagination ul li a:focus,
main .woocommerce-pagination ul li a:hover {
    background-color: #2D4B59;
    color: #fff;
}
main .pagination.single ul,
main .woocommerce-pagination.single ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
nav ul,
ul.nav-top {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}
main .pagination.single ul li,
main .woocommerce-pagination.single ul li {
    display: inline-block;
    width: 50%;
    margin: 0;
    text-align: left;
}
main .pagination.single ul li a,
main .woocommerce-pagination.single ul li a {
    display: inline-block;
    text-align: center;
}
main .pagination.single ul li.newer,
main .woocommerce-pagination.single ul li.newer {
    text-align: right;
}

ul.social {
    display: block;
    list-style: none;
    margin: 0 0 1.25em;
    padding: 0;
    text-align: center;
}
ul.social li {
    display: inline-block;
    margin: 0.3125em;
}
@media (min-width: 968px) {
    ul.social {
        text-align: left;
    }
    ul.social li {
        margin: 0 0.625em 0 0;
    }
}
ul.social li a {
    color: #212121;
    display: block;
    font-size: 1.125em;
    position: relative;
    text-decoration: none;
}

main table {
    border: 0.0625em solid #adadad;
    border-collapse: collapse;
    margin: 0 0 1.25em;
    width: 100%;
}
main table td,
main table th {
    border: 0.0625em solid #adadad;
    padding: 0.625em;
}
main table tr th {
    background-color: rgba(33, 33, 33, 0.05);
    font-weight: 700;
    text-align: left;
}
#page-disability-employment-services main table tr th + th,
ul.nav-top {
    text-align: center;
}
main table tr td p:last-child {
    margin-bottom: 0;
}
main .table-container {
    width: 100%;
}
.wf-loading .underline,
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading li,
.wf-loading p,
.wf-loading section#content .container main #news .box a > span.title,
.wf-loading section#content .container main #news .box:first-of-type span.title,
.wf-loading td,
.wf-loading th,
section#content .container main #news .box .wf-loading a > span.title,
section#content .container main #news .box:first-of-type .wf-loading span.title {
    visibility: hidden;
}
address,
body,
button,
input,
label,
p,
select,
td,
textarea,
th {
    font-family: Lufga, sans-serif;
    font-size:100%;

}
.underline,
h1,
h2,
h3,
h4,
h5,
h6,
section#content .container main #news .box a > span.title,
section#content .container main #news .box:first-of-type span.title {
    font-family: Lufga, sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.15;
    text-decoration: none;
}
.underline,

h2,
section#content .container main #news .box:first-of-type span.title {
    font-size: 1.5em;
    margin-bottom: 1em;
}
h3,
section#content .container main #news .box a > span.title {
    font-size: 1.2em;
    margin-bottom: 0.3em;
}
h4,
h5,
h6 {
    font-size: 1.1em;
    margin-bottom: 1.15em;
}
.underline {
    display: block;
}
.underline:after {
    background-color: #00a5e3;
    content: "";
    display: block;
    height: 0.1875em;
    margin: 1.25em 0 0;
    width: 6.25em;
}
article blockquote,
main blockquote,
section#styleguide blockquote {
    margin: 1.25em 0;
    position: relative;
    padding: 1.8em 1.5em 1em 1.5em;
} 
article p,
main p,
section#styleguide p {
    line-height: 1.4;
    margin: 0 0 1em;
}
article p a, 
main p a {
color:inherit;
font-family: "LufgaBold", sans-serif;
}

article p + h2,
article p + h3,
article p + h4,
article p + h5,
article p + h6,
article section#content .container main #news .box a > p + span.title,
article section#content .container main #news .box:first-of-type p + span.title,
main p + h2,
main p + h3,
main p + h4,
main p + h5,
main p + h6,
section#content .container main #news .box a > p + span.title,
section#content .container main #news .box article a > p + span.title,
section#content .container main #news .box section#styleguide a > p + span.title,
section#content .container main #news .box:first-of-type article p + span.title,
section#content .container main #news .box:first-of-type p + span.title,
section#content .container main #news .box:first-of-type section#styleguide p + span.title,
section#styleguide p + h2,
section#styleguide p + h3,
section#styleguide p + h4,
section#styleguide p + h5,
section#styleguide p + h6,
section#styleguide section#content .container main #news .box a > p + span.title,
section#styleguide section#content .container main #news .box:first-of-type p + span.title {
    margin-top: calc(0.9375vw + 22px);
}
@media (max-width: 320px) {
    article p + h2,
    article p + h3,
    article p + h4,
    article p + h5,
    article p + h6,
    article section#content .container main #news .box a > p + span.title,
    article section#content .container main #news .box:first-of-type p + span.title,
    main p + h2,
    main p + h3,
    main p + h4,
    main p + h5,
    main p + h6,
    section#content .container main #news .box a > p + span.title,
    section#content .container main #news .box article a > p + span.title,
    section#content .container main #news .box section#styleguide a > p + span.title,
    section#content .container main #news .box:first-of-type article p + span.title,
    section#content .container main #news .box:first-of-type p + span.title,
    section#content .container main #news .box:first-of-type section#styleguide p + span.title,
    section#styleguide p + h2,
    section#styleguide p + h3,
    section#styleguide p + h4,
    section#styleguide p + h5,
    section#styleguide p + h6,
    section#styleguide section#content .container main #news .box a > p + span.title,
    section#styleguide section#content .container main #news .box:first-of-type p + span.title {
        margin-top: 25;
    }
}
@media (min-width: 1920px) {
    article p + h2,
    article p + h3,
    article p + h4,
    article p + h5,
    article p + h6,
    article section#content .container main #news .box a > p + span.title,
    article section#content .container main #news .box:first-of-type p + span.title,
    main p + h2,
    main p + h3,
    main p + h4,
    main p + h5,
    main p + h6,
    section#content .container main #news .box a > p + span.title,
    section#content .container main #news .box article a > p + span.title,
    section#content .container main #news .box section#styleguide a > p + span.title,
    section#content .container main #news .box:first-of-type article p + span.title,
    section#content .container main #news .box:first-of-type p + span.title,
    section#content .container main #news .box:first-of-type section#styleguide p + span.title,
    section#styleguide p + h2,
    section#styleguide p + h3,
    section#styleguide p + h4,
    section#styleguide p + h5,
    section#styleguide p + h6,
    section#styleguide section#content .container main #news .box a > p + span.title,
    section#styleguide section#content .container main #news .box:first-of-type p + span.title {
        margin-top: 40;
    }
}
article p:empty,
main p:empty,
section#styleguide p:empty {
    display: none;
}
article p:empty + h2,
article p:empty + h3,
article p:empty + h4,
article p:empty + h5,
article p:empty + h6,
article section#content .container main #news .box a > p:empty + span.title,
article section#content .container main #news .box:first-of-type p:empty + span.title,
main p:empty + h2,
main p:empty + h3,
main p:empty + h4,
main p:empty + h5,
main p:empty + h6,
section#content .container main #news .box a > p:empty + span.title,
section#content .container main #news .box article a > p:empty + span.title,
section#content .container main #news .box section#styleguide a > p:empty + span.title,
section#content .container main #news .box:first-of-type article p:empty + span.title,
section#content .container main #news .box:first-of-type p:empty + span.title,
section#content .container main #news .box:first-of-type section#styleguide p:empty + span.title,
section#styleguide p:empty + h2,
section#styleguide p:empty + h3,
section#styleguide p:empty + h4,
section#styleguide p:empty + h5,
section#styleguide p:empty + h6,
section#styleguide section#content .container main #news .box a > p:empty + span.title,
section#styleguide section#content .container main #news .box:first-of-type p:empty + span.title {
    margin-top: 0;
}
article small:not([class*="meta"]),
main small:not([class*="meta"]),
section#styleguide small:not([class*="meta"]) {
    display: block;
    font-size: 0.8em;
    margin: 0.625em 0;
}
article small.meta,
article time,
section#styleguide small.meta,
section#styleguide time {
    display: block;
    font-size: 0.8em;
    margin: 0 0 0.625em;
    opacity: 0.75;
}


article ol + h2,
article ol + h3,
article ol + h4,
article ol + h5,
article ol + h6,
article section#content .container main #news .box a > ol + span.title,
article section#content .container main #news .box a > ul + span.title,
article section#content .container main #news .box:first-of-type ol + span.title,
article section#content .container main #news .box:first-of-type ul + span.title,
article ul + h2,
article ul + h3,
article ul + h4,
article ul + h5,
article ul + h6,
main ol + h2,
main ol + h3,
main ol + h4,
main ol + h5,
main ol + h6,
main ul + h2,
main ul + h3,
main ul + h4,
main ul + h5,
main ul + h6,
section#content .container main #news .box a > ol + span.title,
section#content .container main #news .box a > ul + span.title,
section#content .container main #news .box article a > ol + span.title,
section#content .container main #news .box article a > ul + span.title,
section#content .container main #news .box section#styleguide a > ol + span.title,
section#content .container main #news .box section#styleguide a > ul + span.title,
section#content .container main #news .box:first-of-type article ol + span.title,
section#content .container main #news .box:first-of-type article ul + span.title,
section#content .container main #news .box:first-of-type ol + span.title,
section#content .container main #news .box:first-of-type section#styleguide ol + span.title,
section#content .container main #news .box:first-of-type section#styleguide ul + span.title,
section#content .container main #news .box:first-of-type ul + span.title,
section#styleguide ol + h2,
section#styleguide ol + h3,
section#styleguide ol + h4,
section#styleguide ol + h5,
section#styleguide ol + h6,
section#styleguide section#content .container main #news .box a > ol + span.title,
section#styleguide section#content .container main #news .box a > ul + span.title,
section#styleguide section#content .container main #news .box:first-of-type ol + span.title,
section#styleguide section#content .container main #news .box:first-of-type ul + span.title,
section#styleguide ul + h2,
section#styleguide ul + h3,
section#styleguide ul + h4,
section#styleguide ul + h5,
section#styleguide ul + h6 {
    margin-top: calc(0.9375vw + 22px);
}
@media (max-width: 320px) {
    article ol + h2,
    article ol + h3,
    article ol + h4,
    article ol + h5,
    article ol + h6,
    article section#content .container main #news .box a > ol + span.title,
    article section#content .container main #news .box a > ul + span.title,
    article section#content .container main #news .box:first-of-type ol + span.title,
    article section#content .container main #news .box:first-of-type ul + span.title,
    article ul + h2,
    article ul + h3,
    article ul + h4,
    article ul + h5,
    article ul + h6,
    main ol + h2,
    main ol + h3,
    main ol + h4,
    main ol + h5,
    main ol + h6,
    main ul + h2,
    main ul + h3,
    main ul + h4,
    main ul + h5,
    main ul + h6,
    section#content .container main #news .box a > ol + span.title,
    section#content .container main #news .box a > ul + span.title,
    section#content .container main #news .box article a > ol + span.title,
    section#content .container main #news .box article a > ul + span.title,
    section#content .container main #news .box section#styleguide a > ol + span.title,
    section#content .container main #news .box section#styleguide a > ul + span.title,
    section#content .container main #news .box:first-of-type article ol + span.title,
    section#content .container main #news .box:first-of-type article ul + span.title,
    section#content .container main #news .box:first-of-type ol + span.title,
    section#content .container main #news .box:first-of-type section#styleguide ol + span.title,
    section#content .container main #news .box:first-of-type section#styleguide ul + span.title,
    section#content .container main #news .box:first-of-type ul + span.title,
    section#styleguide ol + h2,
    section#styleguide ol + h3,
    section#styleguide ol + h4,
    section#styleguide ol + h5,
    section#styleguide ol + h6,
    section#styleguide section#content .container main #news .box a > ol + span.title,
    section#styleguide section#content .container main #news .box a > ul + span.title,
    section#styleguide section#content .container main #news .box:first-of-type ol + span.title,
    section#styleguide section#content .container main #news .box:first-of-type ul + span.title,
    section#styleguide ul + h2,
    section#styleguide ul + h3,
    section#styleguide ul + h4,
    section#styleguide ul + h5,
    section#styleguide ul + h6 {
        margin-top: 25;
    }
}
@media (min-width: 1920px) {
    article ol + h2,
    article ol + h3,
    article ol + h4,
    article ol + h5,
    article ol + h6,
    article section#content .container main #news .box a > ol + span.title,
    article section#content .container main #news .box a > ul + span.title,
    article section#content .container main #news .box:first-of-type ol + span.title,
    article section#content .container main #news .box:first-of-type ul + span.title,
    article ul + h2,
    article ul + h3,
    article ul + h4,
    article ul + h5,
    article ul + h6,
    main ol + h2,
    main ol + h3,
    main ol + h4,
    main ol + h5,
    main ol + h6,
    main ul + h2,
    main ul + h3,
    main ul + h4,
    main ul + h5,
    main ul + h6,
    section#content .container main #news .box a > ol + span.title,
    section#content .container main #news .box a > ul + span.title,
    section#content .container main #news .box article a > ol + span.title,
    section#content .container main #news .box article a > ul + span.title,
    section#content .container main #news .box section#styleguide a > ol + span.title,
    section#content .container main #news .box section#styleguide a > ul + span.title,
    section#content .container main #news .box:first-of-type article ol + span.title,
    section#content .container main #news .box:first-of-type article ul + span.title,
    section#content .container main #news .box:first-of-type ol + span.title,
    section#content .container main #news .box:first-of-type section#styleguide ol + span.title,
    section#content .container main #news .box:first-of-type section#styleguide ul + span.title,
    section#content .container main #news .box:first-of-type ul + span.title,
    section#styleguide ol + h2,
    section#styleguide ol + h3,
    section#styleguide ol + h4,
    section#styleguide ol + h5,
    section#styleguide ol + h6,
    section#styleguide section#content .container main #news .box a > ol + span.title,
    section#styleguide section#content .container main #news .box a > ul + span.title,
    section#styleguide section#content .container main #news .box:first-of-type ol + span.title,
    section#styleguide section#content .container main #news .box:first-of-type ul + span.title,
    section#styleguide ul + h2,
    section#styleguide ul + h3,
    section#styleguide ul + h4,
    section#styleguide ul + h5,
    section#styleguide ul + h6 {
        margin-top: 40;
    }
}
article ol,
main ol,
section#styleguide ol {
    list-style: decimal;
}
article ul,
main ul,
section#styleguide ul {
    list-style: disc;
}


.google-map {
    margin: 1.875em 0 0;
    width: 100%;
}
.google-map.dynamic {
    height: 25em;
    margin: 3.125em 0 0;
}
.google-map iframe {
    display: block;
    margin: 0;
    width: 100% !important;
}
ul.nav-top {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    max-width: 31.25em;
    position: relative;
    z-index: 100;
}
.ie10 ul.nav-top,
.lt-ie10 ul.nav-top {
    display: block;
}

@media (min-width: 1400px) {
    header {
        left: 0;
        position: relative;
        right: 0;
        top: 0;
    }

    header #top .col.nav {
        display: block !important;
    }
}

header #top .col.resizer {
    overflow: hidden;
}
header #top .col.resizer ul {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
header #top .col.resizer ul li {
    border: solid #fff;
    border-width: 0 0 0 0.0625em;
    font-size: 0.9375em;
    height: 2.5em;
    margin: 0;
    position: relative;
    width: 3.125em;
}
header #top .col.resizer ul li:nth-child(2) {
    display: none;
    font-size: 1.0625em;
}
header #top .col.resizer ul li:nth-child(3) {
    font-size: 1.1875em;
}
header #top .col.resizer ul li button {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
}

header #top .col.search .fa {
    cursor: pointer;
    font-size: 1.125em;
}
header .container {
    padding: 0;
}
header .container .row {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
header .container .row .col-5 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}
@media (min-width: 968px) {
    header .container .row .col-5 {
        -ms-flex-preferred-size: 31.25%;
        flex-basis: 31.25%;
        max-width: 31.25%;
        min-width: 31.25%;
        width: 31.25%;
        float: left;
    }
}
header .container .row .col-5 a.logo {
    display: block;
    width: 100%;
}
@media (min-width: 968px) {
    header .container .row .col-5 a.logo {
        margin: 0;
    }
}
header .container .row .col-5 a.logo svg {
    display: block;
    height: 3.125em;
    margin: 0 auto;
    width: 13.75em;
}
header .container .row span.menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    font-size: 1.375em;
    right: 1.875em;
}
@media (min-width: 968px) {
    header .container .row .col-5 a.logo svg {
        margin: 0;
    }
    header .container .row span.menu {
        display: block;
    }
}
@media (min-width: 1400px) {
    header .container .row span.menu {
        display: none;
    }
}

section#banner .col {
    width: 100%;
}
@media (min-width: 968px) {
    section#banner {
        display: -ms-flexbox;
        display: flex;

    }
    section#banner .col {
        -ms-flex-direction: row;
        flex-direction: row;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
    }
    section#banner .col:nth-child(2) {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
section#banner .col:nth-child(2) {
    display: -ms-flexbox;
    display: flex;
}
section#banner .col:nth-child(2) .box {
    width: 50%;
}
section#banner .col .box {
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #ecedef;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0.1875em solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: calc(8vw + 180px);
    position: relative;
    width: 100%;
}
@media (max-width: 0px) {
    section#banner .col .box {
        min-height: 180;
    }
}
@media (min-width: 1500px) {
    section#banner .col .box {
        min-height: 300;
    }
}
section#banner .col .box .text {
    color: #fff;
    padding: 1.25em;
}
section#banner .col .box .text span {
    display: block;
    margin: 0 0 0.625em;
}
section#banner .col .box .text span.title {
    font-size: 160%;
}
section#banner .col .box .text span.introduction {
    display: none;
    font-size: 110%;
}
section#banner .col .box .text span:not(.more) {
    text-shadow: -0.0625em -0.0625em 0 rgba(33, 33, 33, 0.1), 0.0625em -0.0625em 0 rgba(33, 33, 33, 0.1), -0.0625em 0.0625em 0 rgba(33, 33, 33, 0.1), 0.0625em 0.0625em 0 rgba(33, 33, 33, 0.1);
}
section#banner .col .box .text span.more {
    color: #00a5e3;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    text-decoration: none;

}
section#banner .col .box .text a.btn,
section#banner .col .box .text a.btn-brand1,
section#banner .col .box .text a.btn-brand2,
section#banner .col .box .text a.btn-brand3 {
    margin-top: 0.9375em;
}
section#banner .col .box.one {
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 968px) {
    section#banner .col:nth-child(2) .box {
        width: 100%;
    }
    section#banner .col .box {
        background-position: center top;
    }
    section#banner .col .box .text span.introduction {
        display: block;
    }
    section#banner .col .box.one {
        -ms-flex-pack: center;
        justify-content: center;
    }
    section#banner .col .box.one .text {
        max-width: 31.25em;
        padding: 1.875em;
    }
}
section#banner .col .box.three:after,
section#banner .col .box.two:after {
    background-color: rgba(33, 33, 33, 0.65);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
section#banner .col .box.three > a,
section#banner .col .box.two > a {
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}
section#banner .col .box.three span.title,
section#banner .col .box.two span.title {
    margin: 0;
}
section#banner .col .box.three:focus:after,
section#banner .col .box.three:hover:after,
section#banner .col .box.two:focus:after,
section#banner .col .box.two:hover:after {
    opacity: 1;
}
section#banner .col .box.three:focus span.title,
section#banner .col .box.three:hover span.title,
section#banner .col .box.two:focus span.title,
section#banner .col .box.two:hover span.title {
    margin: 0 0 0.625em;
}
section#banner .col .box.three:focus span.more,
section#banner .col .box.three:hover span.more,
section#banner .col .box.two:focus span.more,
section#banner .col .box.two:hover span.more {
    max-height: 6.25em;
    opacity: 1;
}
section#content .container, #breadcrumbs-container {
    padding: 0 20px;
}
section#content .container main #introduction {
    margin: 1.25em 0 1.875em;
}
section#content .container main #services {
    margin: 1.875em -0.4375em;
}
section#content .container main #services .service {
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50%;
    padding: 0.4375em;
}
section#content .container main #services .service a {
    background-color: #ecedef;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding: 70% 10%;
    position: relative;
}
section#content .container main #services .service a span {
    background-color: rgba(33, 33, 33, 0.65);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 0.5em 0.9em;
    position: absolute;
    right: 0;
}
section#content .container main #services .service a:focus span,
section#content .container main #services .service a:hover span {
    background-color: rgba(0, 165, 227, 0.65);
}

section#content .container main .content .full {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    bottom: 0;
    display: none;
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 2.5em 0 0.125em;
    position: absolute;
    right: 0;
    text-align: center;

}
section#content .container main .content .full.active,
section#content .container main .extendable span.extend.active {
    opacity: 0;
}
@media (min-width: 968px) {
    section#content .container main #services .service {
        min-width: 25%;
    }
    section#content .container main .content .full {
        display: none;
    }
}
section#content .container main .content .full.show {
    display: block;
}
@media (min-width: 968px) {
    section#content .container main .content .full.show {
        display: none;
    }
}
section#content .container main .extendable {
    margin: 1.875em 0;
}
section#content .container main .extendable span.extend {
    color: #00a5e3;
    cursor: pointer;
    font-size: 80%;

    white-space: nowrap;
}
section#content .container main .extendable span.extend:hover {
    color: #0080b0;
}
section#content .container main .extended {
    font-size: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 10%;
}
section#content .container main .extended.open {
    background-color: #ecedef;
    max-height: 187.5em;
    opacity: 1;
    padding: 1.875em 10%;
}
section#content .container main a.vacancies {
    border: 0.125em solid #00a5e3;
    color: #00a5e3;
    display: inline-block;
    font-size: 110%;
    margin: 0.625em 0.625em 0.625em 0;
    min-width: 14.375em;
    padding: 0.9375em;
    position: relative;
}
section#content .container main a.vacancies img {
    display: inline-block;
    height: 1.875em;
    vertical-align: middle;
    width: auto;
}
section#content .container main a.vacancies .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.9375em;
}
section#content .container main a.vacancies:focus,
section#content .container main a.vacancies:hover {
    border-color: #212121;
    color: #212121;
}
section#content .container main #news .box a:not([class*="btn"]):focus,
section#content .container main #news .box a:not([class*="btn"]):hover,
section#content .container main #news .box:first-of-type span.title {
    color: #00a5e3;
}
section#content .container main #news {
    margin: 1.875em -1%;
}
section#content .container main #news .box {
    -ms-flex-align: center;
    align-items: center;
    border: 0.0625em solid #636466;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 100%;
    margin: 0.3125em 0;
    min-height: 12.5em;
    padding: 1.875em;
    position: relative;
}
@media (min-width: 968px) {
    section#content .container main #news .box {
        margin: 0 1%;
        width: 31.33%;
    }
}
section#content .container main #news .box:first-of-type {
    border-color: #00a5e3;
    text-align: center;
}
section#content .container main #news .box span {
    display: block;
    width: 100%;
}
section#content .container main #news .box a {
    box-shadow: none;
}
section#content .container main #news .box a > span.title {
    margin: 0 0 0.625em;
    transition: none;
}
section#content .container main #news .box a.btn,
section#content .container main #news .box a.btn-brand1,
section#content .container main #news .box a.btn-brand2,
section#content .container main #news .box a.btn-brand3 {
    margin: 0.625em auto 0;
}
section#content .container main #homepage-image img {
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}

aside ul:before,
section#subscribe {
    background-color: #00a5e3;
}
section#employment {
    background-color: #ecedef;
}
section#employment .container ul {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
section#employment .container ul li {
    padding: 0.3125em 0.9375em;
    max-width: 50%;
}

section#employment .container ul li a {
    display: block;
}
section#employment .container ul li img {
    display: block;
    margin: 0;
    width: auto;
}
aside {
    padding: 1.875em 0 0;
}
@media (min-width: 968px) {
    aside {
        padding: 0;
      }
}
aside > img.hero {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
}
aside > img.division {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 0 2em auto;
    width: auto;
    max-height: calc(8.10185vw + 12.78px);
}
@media (max-width: 968px) {
    aside > img.division {
        max-height: 75;
    }
}
@media (min-width: 1200px) {
    aside > img.division {
        max-height: 110;
    }
}
aside ul {
    list-style: none;
    margin-bottom: 1.25em;
}
aside ul:before {
    color: #fff;
    display: block;
    font-size: 125%;
    margin: 0 0 0.0625em;
    padding: 0.625em 1.25em;
}
aside ul.archives:before {
    content: "Archive";
}
aside ul.categories:before {
    content: "Categories";
}
aside ul.event:before {
    content: "Event Details";
}
aside ul.archives,
aside ul.categories {
    border: solid #fff;
    border-width: 0.0625em 0 0;
    list-style: none;
    margin: 0 0 1.875em;
    padding: 0;
    text-align: left;
}
aside ul.archives li,
aside ul.categories li {
    margin: 0 0 0.0625em;
}
aside ul.archives li > a,
aside ul.categories li > a {
    background-color: #ecedef;
    border: solid transparent;
    border-width: 0 0 0 0.625em;
    box-shadow: none;
    color: #212121;
    display: block;
    padding: 0.625em 1.25em 0.625em 0.625em;
}
aside ul.archives li > a:focus,
aside ul.archives li > a:hover,
aside ul.categories li > a:focus,
aside ul.categories li > a:hover {
    background-color: #f4f5f6;
    border-color: #00a5e3;
    color: #00a5e3;
}
aside ul.event {
    border: solid #fff;
    border-width: 0.0625em 0 0;
    list-style: none;
    margin: 0 0 1.875em;
    padding: 0;
    text-align: left;
}
aside ul.event li {
    background-color: #ecedef;
    border: solid transparent;
    border-width: 0 0 0 0.625em;
    box-shadow: none;
    color: #212121;
    display: block;
    margin: 0 0 0.0625em;
    padding: 0.625em 1.25em 0.625em 0.625em;
}
aside ul.event li .time__event-recurring {
    display: block;
    font-size: 80%;
    margin: 0 0 0.5em;
    opacity: 0.75;
}
aside ul.event li ul.upcoming-dates {
    margin: 0;
    padding: 0;
}
aside ul.event li ul.upcoming-dates li {
    border: none;
    margin: 0 0 0.3125em;
    padding: 0;
}
main #articles {
    margin: 0;
}





main #articles .article a {
    box-shadow: none;
}
main #articles .article img {
    display: block;
    height: 250px;
    width: 100%;
    object-fit:cover;
    object-position:top;
}
main #articles .article .image {
    background-color: rgba(33, 33, 33, 0.05);
    display: block;
    font-size: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

@media (min-width: 480px) {
    main #articles .article .image {
        background-color: transparent;
        padding: 0;
    }
    main #articles .article .image img {
        max-width: none;
    }
}
main #articles .article .image a,
main #articles .article .image a:focus,
main #articles .article .image a:hover {
    border: none;
    margin: 0;
    padding: 0;
}
main #articles .article h3,
section#content .container main #articles .article #news .box a > span.title,
section#content .container main #news .box #articles .article a > span.title {
    background: 0 0;
    padding: 0;
    margin: 0 0 0.9375em;
}
main #articles .article h3 a.title,
section#content .container main #articles .article #news .box a > span.title a.title,
section#content .container main #news .box #articles .article a > span.title a.title {
    border: none;
    box-shadow: none;
    color: #212121;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
main #articles .article h3 a.title:focus,
main #articles .article h3 a.title:hover,
section#content .container main #articles .article #news .box a > span.title a.title:focus,
section#content .container main #articles .article #news .box a > span.title a.title:hover,
section#content .container main #news .box #articles .article a > span.title a.title:focus,
section#content .container main #news .box #articles .article a > span.title a.title:hover {
    color: #212121;
}
main #articles .article small {
    margin: 0 0 0.625em;
    padding: 0;
    opacity: 0.8;
}
main #articles .article a.readmore {
    color: #00a5e3;
    font-size: 80%;
    text-decoration: none;

}
main #articles .article a.readmore:hover {
    color: #0080b0;
}
main ol + #articles,
main p + #articles,
main ul + #articles {
    margin-top: 2.5em;
}
.single main article img.banner {
    display: block;
    height: auto;
    margin: 0 auto 2.5em;
    width: 100%;
}
.single main article span.coursecode {
    color: #00a5e3;
    display: block;
    margin: 0;
}

main #outreach-sites {
    margin: 1.875em -1%;
}
main #outreach-sites > div {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin: 0 1% 20px;
    padding: 0;
}
@media (min-width: 600px) {
    main #outreach-sites > div {
        -ms-flex-preferred-size: 31.33%;
        flex-basis: 31.33%;
    }
}
main #outreach-sites > div address div[itemprop="addressLocality"] {
    font-weight: 700;
}
main #outreach-sites > div address div[itemprop="name"] {
    font-weight: 400;
    margin: 0;
    padding: 0;
}
main #members {
    border: solid #adadad;
    border-width: 0.0625em 0;
    margin: 3.125em 0;
    padding: 0.625em 0;
}
main #members article.member {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 100%;
    padding: 1.5625em 0;
    width: 100%;
}
@media (min-width: 600px) {
    main #members article.member {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
    }
}
main #members article.member .image img {
    border: 0.0625em solid #ecedef;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 12.5em;
    padding: 0.625em;
    width: 100%;
}
main #members article.member .excerpt span {
    display: block;
    font-size: 110%;
    font-weight: 700;
    margin: 0 0 0.625em;
}
main #members article.member .excerpt address {
    font-size: 95%;
}
main #members article.member .excerpt address:last-of-type {
    margin: 0;
}
main #members article.member.has-post-thumbnail .image {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 0 1.25em;
}
@media (min-width: 600px) {
    main #members article.member.has-post-thumbnail .image {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        padding: 0 5% 0 0;
    }
}
main #members article.member.has-post-thumbnail .excerpt {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
footer {
    background: #fff;
}
footer > .container {
    padding: 3.875em 20px;
    text-align: center;
}
@media (min-width: 600px) {
    main #members article.member.has-post-thumbnail .excerpt {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
    footer > .container {
        text-align: left;
    }
}
@media (min-width: 968px) {
    .search-results main #articles .article.search {
        -ms-flex-preferred-size: 31.33%;
        flex-basis: 31.33%;
    }
    footer > .container > .row {
        border: solid #ecedef;
        border-width: 0 0.0625em 0 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
footer > .container > .row > .col {
    padding: 0 20px 1.25em;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
@media (min-width: 600px) {
    footer > .container > .row > .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}
footer > .container > .row > .col:before {
    content: attr(data-title);
    display: block;
    font-size: 100%;
    margin: 0 0 0.7em;
}
footer > .container > .row > .col:not([data-title]):before {
    margin: 0;
}
footer > .container > .row > .col.contact {
    font-size: 100%;
}
footer > .container > .row > .col.contact div.telephone {
    white-space: nowrap;
}
footer > .container > .row > .col.contact a {
    display: block;
    font-size: 100%;
    margin: 0.9375em 0 0;
    text-decoration: none;

}
footer > .container > .row > .col.contact a .fa {
    margin-left: 0.25em;
}
footer > .container > .row > .col.contact a:focus,
footer > .container > .row > .col.contact a:hover {
    color: #212121;
}
footer > .container > .row > .col.reviews {
    font-size: 100%;
}
footer > .container > .row > .col.reviews a {
    display: block;
    font-size: 100%;
    margin: 0.9375em 0 0;
    text-decoration: none;

}
footer > .container > .row > .col.reviews a .fa {
    margin-left: 0.25em;
}
footer > .container > .row > .col.reviews a:focus,
footer > .container > .row > .col.reviews a:hover {
    color: #0080b0;
}
footer > .container > .row > .col ul.nav-footer {
    list-style: none;
    margin: 0;
    padding: 0;

    width: auto;
}
footer > .container > .row > .col ul.nav-footer.locations {
    column-count: 3;
}
footer > .container > .row > .col ul.nav-footer + ul.nav-footer {
    margin-top: 1em;
}

footer > .container > .row > .col ul.nav-footer li {
    font-size: 100%;
    font-weight: 400;
    margin: 0 0 0.1875em;
    white-space: nowrap;
}
footer > .container > .row > .col ul.nav-footer li a {
    color: inherit;
    text-decoration: none;
}
footer > .container > .row > .col ul.nav-footer li a[href*="facebook"]:before {
    font-family: FontAwesome;
    content: "\f09a";
    font-size: 120%;
    margin: 0 0.3125em 0 0;
}
footer > .container > .row > .col ul.nav-footer li:focus a,
footer > .container > .row > .col ul.nav-footer li:hover a {
    color: #1B2E35;
}

footer #footer {
    background-color: #F5F5F5;
}
footer #footer .container {
    padding: 0.625em 20px;
}
footer #footer .container ul {
    font-size: 0.75em;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
footer #footer .container ul li {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    font-weight: 400;
    line-height: 1.25em;
    padding: 0 0.625em;

}
@media (min-width: 968px) {
    footer > .container > .row > .col {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    footer > .container > .row > .col.reviews {
        max-width: 18.75em;
    }
    footer #footer .container ul {
        text-align: left;
    }
    footer #footer .container ul li {
        padding: 0 0.9375em 0 0;
    }
    footer #footer .container ul.goop {
        padding: 0 0 0 0.9375em;
        text-align: right;
    }
}
footer #footer .container ul li a {
    border-width: 0;
    box-shadow: none;
    color: #2D4B59;
    display: block;
    text-decoration: none;
}
footer #footer .container ul li a:focus,
footer #footer .container ul li a:hover {
    color: #1B2E35;
}
footer #footer .container ul.goop a span {
    margin-left: 0.3125em;
    transition: none;
}

#mc_embed_signup {
    color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 31.25em;
}
#mc_embed_signup form {
    padding: 0.3125em 0;
    position: relative;
}
#mc_embed_signup form .indicates-required {
    display: none;
}
#mc_embed_signup form span.title {
    display: block;
    font-size: 110%;
    font-weight: 400;
    margin: 0 0 0.625em;
    text-align: center;
}
#mc_embed_signup form #mc_embed_signup_scroll,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group {
    position: relative;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group label {
    display: none;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input {
    background-color: #fff;
    border: none;
    color: #636466;
    font-size: 100%;
    font-weight: 400;
    line-height: 1;
    outline: 0;
    padding: 0.5em 6.25em 0.5em 0.75em;
    width: 100%;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input::-webkit-input-placeholder {
    color: #636466;
    padding-top: 0.125em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:-moz-placeholder {
    color: #636466;
    padding-top: 0.125em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input::-moz-placeholder {
    color: #636466;
    padding-top: 0.125em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:-ms-input-placeholder {
    color: #636466;
    padding-top: 0.125em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:hover {
    color: #212121;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error {
    border: 0.0625em solid #d8000c;
    background-color: #f2000d;
    color: #fff;
    font-size: 0.75em;
    font-weight: 400;
    margin: 0.125em 0 0;
    position: absolute;
    width: 100%;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group div.mce_inline_error:before {
    font-family: FontAwesome;
    content: "";
    background-color: #d8000c;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses {
    margin: 0.125em 0 0;
    position: absolute;
    width: 100%;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div a {
    color: inherit;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response,
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response {
    margin: 0;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response {
    border: 0.0625em solid #d8000c;
    background-color: #f2000d;
    color: #fff;
    font-size: 0.75em;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-error-response:before {
    font-family: FontAwesome;
    content: "";
    background-color: #d8000c;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response {
    border: 0.0625em solid #4f8a10;
    background-color: #5ca113;
    color: #fff;
    font-size: 0.75em;
}
#mc_embed_signup form #mc_embed_signup_scroll #mce-responses > div#mce-success-response:before {
    font-family: FontAwesome;
    content: "";
    background-color: #4f8a10;
}
#mc_embed_signup form #mc_embed_signup_scroll #mc-embedded-subscribe {
    background: #212121;
    border: none;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 80%;
    line-height: 1;
    margin: 0;
    padding: 0.2em 1.5625em 0;
    position: absolute;
    right: 0;
    top: 0;

}
#mc_embed_signup form #mc_embed_signup_scroll #mc-embedded-subscribe:focus,
#mc_embed_signup form #mc_embed_signup_scroll #mc-embedded-subscribe:hover {
    background-color: #080808;
}
blockquote.review {
    padding-left: 3.125em;
}
blockquote.review:last-of-type {
    margin-bottom: 1.875em;
}
blockquote.review:before {
    font-family: FontAwesome;
    content: "";
    left: 1.5em;
    opacity: 0.3;
    overflow: visible;
    position: absolute;
    top: 1.5em;
    visibility: visible;
}
blockquote.review .image {
    padding: 0 0 0.625em;
    width: 100%;
}
blockquote.review .image img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
blockquote.review .image a,
blockquote.review .image a:focus,
blockquote.review .image a:hover {
    border: none;
    padding: 0;
    margin: 0;
}
blockquote.review .excerpt h3,
blockquote.review .excerpt section#content .container main #news .box a > span.title,
section#content .container main #news .box blockquote.review .excerpt a > span.title {
    background: 0 0;
    padding: 0;
    margin: 0 0 0.9375em;
}
blockquote.review .excerpt h3 a.title,
blockquote.review .excerpt section#content .container main #news .box a > span.title a.title,
section#content .container main #news .box blockquote.review .excerpt a > span.title a.title {
    border: none;
    box-shadow: none;
    color: #212121;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
blockquote.review .excerpt h3 a.title:focus,
blockquote.review .excerpt h3 a.title:hover,
blockquote.review .excerpt section#content .container main #news .box a > span.title a.title:focus,
blockquote.review .excerpt section#content .container main #news .box a > span.title a.title:hover,
section#content .container main #news .box blockquote.review .excerpt a > span.title a.title:focus,
section#content .container main #news .box blockquote.review .excerpt a > span.title a.title:hover {
    color: #212121;
}
blockquote.review .excerpt cite {
    display: block;
    font-size: 85%;
    font-style: normal;
    margin: -0.3125em 0 0 0.625em;
    position: relative;
}
blockquote.review .excerpt cite span.business,
blockquote.review .excerpt cite span.location,
blockquote.review .excerpt cite span.url {
    display: block;
}
blockquote.review .excerpt cite span.url a {
    border: none;
    color: inherit;
    font-size: 100%;
    opacity: 0.8;
}
blockquote.review .excerpt cite:before {
    clear: both;
    content: "- ";
    left: -0.625em;
    position: absolute;
    top: 0;
}
blockquote.review .excerpt a.btn,
blockquote.review .excerpt a.btn-brand1,
blockquote.review .excerpt a.btn-brand2,
blockquote.review .excerpt a.btn-brand3 {
    font-size: calc(0.25vw + 11.2px);
}
@media (max-width: 320px) {
    blockquote.review .excerpt a.btn,
    blockquote.review .excerpt a.btn-brand1,
    blockquote.review .excerpt a.btn-brand2,
    blockquote.review .excerpt a.btn-brand3 {
        font-size: 12;
    }
}
@media (min-width: 1920px) {
    blockquote.review .excerpt a.btn,
    blockquote.review .excerpt a.btn-brand1,
    blockquote.review .excerpt a.btn-brand2,
    blockquote.review .excerpt a.btn-brand3 {
        font-size: 16;
    }
}
@media (min-width: 480px) {
    blockquote.review.has-post-thumbnail .image {
        width: 15%;
    }
    blockquote.review.has-post-thumbnail .excerpt {
        padding: 0 0 0 1.875em;
        width: 85%;
    }
    section#content.styleguide .container #styleguide-colors ul li {
        width: 50%;
    }
}
section#content.styleguide .container span.styleguide-title {
    border: dotted #adadad;
    border-width: 0.0625em 0 0;
    display: block;
    font-size: 130%;
    font-weight: 700;
    margin: 1.875em 0 0.9375em;
    padding: 1.875em 0 0.625em;
}
section#content.styleguide .container #styleguide-fonts {
    margin: 0 0 1.875em;
}
section#content.styleguide .container #styleguide-fonts ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
section#content.styleguide .container #styleguide-fonts ul li {
    display: block;
}
section#content.styleguide .container #styleguide-fonts ul li strong {
    display: inline-block;
    min-width: 9.0625em;
    position: relative;
}
section#content.styleguide .container #styleguide-fonts ul li strong:after {
    font-weight: 400;
    display: inline-block;
    left: 100%;
    position: absolute;
    white-space: nowrap;
}
section#content.styleguide .container #styleguide-fonts ul li.styleguide-body strong:after,
section#content.styleguide .container #styleguide-fonts ul li.styleguide-heading strong:after {
    content: "Lufga";
}
section#content.styleguide .container #styleguide-colors {
    margin: 0 0 1.875em;
}
section#content.styleguide .container #styleguide-colors ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
section#content.styleguide .container #styleguide-colors ul li {
    color: #fff;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    min-width: 9.375em;
    padding: 1.875em 0.625em;

    text-align: center;
}
@media (min-width: 968px) {
    section#content.styleguide .container #styleguide-colors ul li {
        max-width: 15.625em;
        width: 25%;
    }
}
section#content.styleguide .container #styleguide-colors ul li.brand1 {
    background-color: #00a5e3;
}
section#content.styleguide .container #styleguide-colors ul li.brand1:after {
    content: "#00a5e3";
    display: block;
}
section#content.styleguide .container #styleguide-colors ul li.brand2 {
    background-color: #212121;
}
section#content.styleguide .container #styleguide-colors ul li.brand2:after {
    content: "#212121";
    display: block;
}
section#content.styleguide .container #styleguide-colors ul li.brand3 {
    background-color: #636466;
}
section#content.styleguide .container #styleguide-colors ul li.brand3:after {
    content: "#636466";
    display: block;
}
section#content.styleguide .container #styleguide-colors ul li.body {
    background-color: #212121;
}
section#content.styleguide .container #styleguide-colors ul li.body:after {
    content: "#212121";
    display: block;
}
section#content.styleguide .container #styleguide-buttons {
    margin: 0 0 1.875em;
}
section#content.styleguide .container #styleguide-buttons ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
main .nf-form-layout section#content.styleguide .container #styleguide-buttons ul li button,
main .nf-form-layout section#content.styleguide .container #styleguide-buttons ul li input[type="button"],
main .nf-form-layout section#content.styleguide .container #styleguide-buttons ul li input[type="submit"],
main form section#content.styleguide .container #styleguide-buttons ul li button,
main form section#content.styleguide .container #styleguide-buttons ul li input[type="button"],
main form section#content.styleguide .container #styleguide-buttons ul li input[type="submit"],
section#content.styleguide .container #styleguide-buttons ul li .btn,
section#content.styleguide .container #styleguide-buttons ul li .btn-brand1,
section#content.styleguide .container #styleguide-buttons ul li .btn-brand2,
section#content.styleguide .container #styleguide-buttons ul li 
section#content.styleguide .container #styleguide-buttons ul li main .nf-form-layout button,
section#content.styleguide .container #styleguide-buttons ul li main .nf-form-layout input[type="button"],
section#content.styleguide .container #styleguide-buttons ul li main .nf-form-layout input[type="submit"],
section#content.styleguide .container #styleguide-buttons ul li main form button,
section#content.styleguide .container #styleguide-buttons ul li main form input[type="button"],
section#content.styleguide .container #styleguide-buttons ul li main form input[type="submit"] {
    margin: 0.1875em 0.1875em 0.1875em 0;
}
section#content.styleguide .container #styleguide-typography {
    margin: 0 0 1.875em;
}
section#content.styleguide .container #styleguide-typography .underline,
section#content.styleguide .container #styleguide-typography h1,
section#content.styleguide .container #styleguide-typography h2,
section#content.styleguide .container #styleguide-typography h3,
section#content.styleguide .container #styleguide-typography h4,
section#content.styleguide .container #styleguide-typography h5,
section#content.styleguide .container #styleguide-typography h6,
section#content.styleguide .container #styleguide-typography main #news .box a > span.title,
section#content.styleguide .container #styleguide-typography main #news .box:first-of-type span.title,
section#content.styleguide .container main #news .box #styleguide-typography a > span.title,
section#content.styleguide .container main #news .box:first-of-type #styleguide-typography span.title {
    margin-bottom: 0.625em;
    text-align: left;
}
section#content.styleguide .container #styleguide-typography small,
section#content.styleguide .container #styleguide-typography small.meta,
section#content.styleguide .container #styleguide-typography time {
    display: initial;
    margin: 0 0 0.625em;
    padding: 0;
}

/* Additional styles */
	section#content .container main .content .full.show.active {
		display: none
	}

	footer>.container>.row>.col ul.nav-footer.connect:before {
		display: none
	}

	div.acknowledgments-container,
	div.values-container {
		background-color: #fff;
		width: 100%;
	}

	div.acknowledgments-container .container {
		display: flex;
		justify-content: space-between;
	}

	div.acknowledgments-container .container {
		padding: 100px 20px;
	}

	div.acknowledgments-container .container>div:first-of-type {
		width: 300px;
	}

	div.acknowledgments-container .container>div:last-of-type {
		flex: 1;
		font-size: 12px;
	}

	div.values-container .container {
		display: flex;
		justify-content: space-between;
		padding: 40px 20px 40px 20px;
		max-width: 1000px;
	}

	div.values-container .container>span {
		display: flex;
		align-items: center;
		margin-right: 40px;
		white-space: nowrap;
	}

	div.values-container .container>div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		width: calc(100% - 128px);
	}

	div.values-container .container>div>div>span {
		margin-left: 20px;

		display: flex;
		align-items: center;
	}

	div.values-container .container>div>div {
		display: flex;
		align-items: center;
		width: calc(100% / 4 - 5px);
	}

	@media only screen and (max-width: 920px) {
		div.values-container .container {
			flex-direction: column;
		}
	}

	@media only screen and (max-width: 770px) {
		div.values-container .container>span {
			margin-bottom: 20px;
			display: block;
			width: 100%;
			white-space: nowrap;
		}

		div.acknowledgments-container .container {
			flex-direction: column;
		}

		div.values-container .container>div>div {
			flex-direction: column;
			width: calc(100% / 4 - 5px);
			flex: 0 1 auto;
		}

		div.values-container .container>div>div>img {
			max-height: 45px;
		}

		div.values-container .container>div>div>span {
			margin: 0px;
			font-size: 12px;
		}

		div.values-container .container>div>div>span:after {
			display: none;
		}
	}

	 #articles .article .image {
		overflow: hidden;

	}

	section#content div.row div#articles article>a {
		overflow:hidden;
	}

	 #articles .article .image img {
		transition: 0.6s ease;
	}

	 #articles .article:hover .image img {
		transform: scale(1.1);
	}

	article.post div div a span {
		color: #00b1e8;
		display: block;
		width: 100%;

	}

	article.post div div a span i {
		margin-left: 5px
	}

	article.post div div a span:hover {
		text-decoration: underline
	}

	p.gform_required_legend {
		display: none
	}

	div.footer-links>ul>li>a {
		border: 2px solid #2D4B59;
	}

	div.footer-links>ul>li>a:hover {
		background-color: #fff;
		border-color: #2D4B59;
		color: #000;
	}

	.sidebar-logo {
		width: 100%;
		margin: auto
	}

	.sidebar-logo img {
		width: inherit;
		height: auto
	}

	div.enroller-widget div.enroller-step-menu a {
		display: block;
		margin-bottom: 5px;
		font-size: 16px;

	}

	.gform_legacy_markup_wrapper .description,
	.gform_legacy_markup_wrapper .gfield_description,
	.gform_legacy_markup_wrapper .gsection_description,
	.gform_legacy_markup_wrapper .instruction {
		font-size: 100%;
	}

	.dontblamegoop {
		display: none
	}

	ul.nav-top li>a {
		font-size: 16px;
		white-space: nowrap;
	}


	footer>.container>.row>.col:before {
		font-size: 15px;
	}

	footer>.container>.row,
	footer>.container>.row>.col {
		border: none;
	}

	div.jobseekers-bxs {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	div.jobseekers-bxs a {
		width: calc(100% / 2 - 20px);
		background-color: #2D4B59;
		padding: 20px;
		display: flex;
		flex-direction: column;
		text-decoration: none;
	}

	@media only screen and (max-width: 600px) {
		div.jobseekers-bxs a {
			width: 100%;
			margin-bottom: 20px;

		}
	}

	div.jobseekers-bxs a:first-of-type span:first-of-type {
		font-size: 62px;
	}

	div.jobseekers-bxs a:last-of-type span:first-of-type {
		font-size: 41px;
	}

	div.jobseekers-bxs a:last-of-type span:nth-of-type(2) {
		font-size: 22px;
	}

	@media only screen and (max-width: 1000px) {
		div.jobseekers-bxs a:first-of-type span:first-of-type {
			font-size: 50px;
		}

		div.jobseekers-bxs a:last-of-type span:first-of-type {
			font-size: 30px;
		}
	}

	div.jobseekers-bxs a span {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 20px;
	}

	div.jobseekers-bxs a span:last-of-type {
		background-color: #fff;
		color: #000;
		padding: 5px;
		display: block;
		width: max-content;
		margin: 10px 0px 0px auto;
		align-self: flex-end;
		font-size: 14px;
	}

	#nf-form-8-cont {
		background-color: #2D4B59;
		color: #fff;
	}

	ul.home-buttons {
		width: 100%;
		list-style: none;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		grid-gap: 1em;
		margin: 20px 0px 20px 0px;
		padding: 0px;
	}

	ul.home-buttons li {
		padding: 40px 30px 30px 30px;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		overflow: hidden;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
		color: #2D4B59;
	}

	.home-buttons h3 a {
		text-decoration: none;
	}

	.home-buttons h3 a:hover,
	.home-buttons h3 a:focus {
		text-decoration: underline;
	}


	ul.home-buttons p {
		margin-bottom: 30px;
		width: 100%;
	}

	ul.home-buttons li a:focus,
	ul.home-buttons li a:hover {}

	@media only screen and (max-width: 600px) {
		ul.home-buttons li {
			width: 100%;
		}

		ul.home-buttons {
			grid-template-columns: 1fr;
			grid-gap: 10px;
		}

		section#content .container main #services .service {
			width: 100%;
		}
	}

	ul.home-buttons li a {
		display: flex;
		align-items: center;
		justify-content: left;
		box-sizing: border-box;
		text-align: left;
		color: inherit;
	}



	header .logo img {
		width: auto;
	}

	@media only screen and (max-width: 1200px) {
		header nav ul li a {
			font-size: 13px;
		}
	}

	@media only screen and (max-width: 1170px) {
		.row .col-11 {
			width: 60%;
		}
	}


	.single  article.course p>a.btn {
		padding: .9em 2.75em;
		display: inline-flex;
		align-items: center;
	}

	.nav-footer .sub-menu {
		display: none;
	}

	section#content .container  a.vacancies img {
		height: 1.8em
	}

	section#content .container  a.vacancies {
		min-width: 30em
	}

	@media only screen and (max-width: 500px) {
		section#content .container  a.vacancies {
			min-width: 25em
		}
	}

	@media only screen and (max-width: 400px) {
		section#content .container  a.vacancies {
			min-width: 20em
		}
	}

	@media only screen and (max-width: 330px) {
		section#content .container  a.vacancies {
			min-width: 15em
		}
	}

	nav ul li ul>.page-item-317 {
		text-transform: none
	}

	section#employment {
		background-color: #fff;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	}

	section#banner-modern img {
		width: 100%;
		height: auto;
	}



	section#banner-modern ul.banner-slider ul.slick-dots {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		list-style: none;
		padding: 0;
		margin: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background-color: rgb(0, 0, 0, .3);
		border-radius: 5px 5px 5px 5px;
		padding: 4px;
	}

	#nf-form-title-8 {
		text-align: left
	}




	section#banner-modern {
		height: auto;
		object-fit: cover;
		object-position: center
	}

	.page_item .page-item-4600 {
		display: none
	}




	/*//// Header ////*/

	/* Nav Top */

	ul.nav-top li {
		-ms-flex-item-align: auto;
		display: inline;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-ms-flex-positive: 0;
		flex-grow: 0;
		font-family: Lufga, sans-serif;
		line-height: 2.5em;
		margin: 0;
		-ms-flex-order: 0;
		position: relative;

	}

	ul.nav-top .sub-menu {
		border-top: 10px solid #e26663;
		margin-top: -10px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	}

	ul.nav-top li ul,
	ul.nav-top li ul li ul {
		opacity: 0;
		position: absolute;
		top: -9999px;
	}

	nav ul li ul,
	ul.nav-top li ul {
		text-align: left;
	}

	.ie10 ul.nav-top li,
	.lt-ie10 ul.nav-top li {
		display: inline-block;
	}

	ul.nav-top li>a {
		color: inherit;
		display: block;
		margin: 0;
		padding: 0;
		text-decoration: none;
		visibility: visible;
	}

	ul.nav-top li ul {
		font-size: 100%;
		left: -9999px;
		margin: 0;
		min-width: 100%;
		visibility: hidden;
		z-index: 1;
	}

	ul.nav-top li ul li {
		background-color: #fff;
		display: block;
		font-family: Lufga, sans-serif;
		font-size: 100%;
		font-weight: 700;
		line-height: 1.875em;
		margin: 0;
	}

	ul.nav-top li ul li ul li {
		background-color: #fff;
	}

	ul.nav-top li ul li>a {
		color: #2D4B59;
		margin: 0;
		padding: 0 0.625em;
		visibility: visible;
		padding: 10px 20px;
		border-bottom: none;
	}

	ul.nav-top li ul li.current-menu-item,
	ul.nav-top li ul li.current-menu-parent,
	ul.nav-top li ul li.current-page-ancestor,
	ul.nav-top li ul li.current-page-item,
	ul.nav-top li ul li.current_page_item,
	ul.nav-top li ul li:focus,
	ul.nav-top li ul li:hover {
		border-color: #000;
	}

	ul.nav-top li ul li ul {
		border: none;
		visibility: hidden;
	}

	ul.nav-top li ul li ul li a:before {
		font-family: FontAwesome;
		content: "";
		margin: 0 0.3125em 0 0;
		opacity: 0.5;
	}


	ul.nav-top li.current-menu-item>a,
	ul.nav-top li.current-menu-parent>a,
	ul.nav-top li.current-page-ancestor>a,
	ul.nav-top li.current-page-item>a,
	ul.nav-top li.current_page_item>a,
	ul.nav-top li:focus>a,
	ul.nav-top li:hover>a {
		color: inherit;
		background: #1B2E35;
		-webkit-appearance: none;
		box-sizing: content-box;
		border-bottom: 10px solid #e26663;
	}




	ul.nav-top li:hover>ul {
		display: block;
		height: auto;
		left: 0;
		opacity: 1;
		top: 100%;
		visibility: visible;
	}

	ul.nav-top li:hover>ul li:hover>ul {
		left: 0;
		max-height: 62.5em;
		opacity: 1;
		position: relative;
		top: 0;
		visibility: visible;
	}


	ul#mobile {
		-ms-flex-align: center;
		align-items: center;
		border-top: 0.0625em solid rgba(255, 255, 255, 0.5);
		bottom: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		z-index: 9999;
	}

	#responsive,
	#responsive ul li.menu-item-has-children {
		position: relative;
	}

	ul#mobile li {
		color: #fff;
		-ms-flex-positive: 1;
		flex-grow: 1;
		font-size: 1.5em;
		padding: 0.625em 1.25em;
		text-align: center;

	}

	ul#mobile li a:focus,
	ul#mobile li a:hover,
	ul#mobile li i:focus,
	ul#mobile li i:hover {
		cursor: pointer;
	}

	body {
		padding-bottom: 61px;
	}

	@media (min-width: 968px) {
		ul#mobile {
			display: none;
		}

		body {
			padding-bottom: 0;
		}

	}

	#responsive {
		display: none;
		z-index: 1000;
	}

	#responsive ul li ul {
		display: none;
		font-size: 100%;
		left: 0;
		opacity: 0;
		top: -9999px;
		z-index: 1;
	}

	#responsive ul li ul li {
		font-weight: 400;
	}

	#responsive ul li ul li a {
		color: #fff;
	}

	#responsive ul li ul li a:before {
		content: "- ";
	}

	#responsive ul li ul li ul li a:before {
		content: "-- ";
	}

	#responsive ul li.menu-item-has-children:before {
		font-family: Are-able_Webfont;
		content: "\e80f";
		color: inherit;
		font-weight: 400;
		position: absolute;
		right: 0.625em;
		top: 0.5em;
	}


	ul.nav-top li ul li.current-menu-item>a,
	ul.nav-top li ul li.current-menu-parent>a,
	ul.nav-top li ul li.current-page-ancestor>a,
	ul.nav-top li ul li.current-page-item>a,
	ul.nav-top li ul li.current_page_item>a,
	ul.nav-top li ul li:focus>a,
	ul.nav-top li ul li:hover>a,
	ul.nav-top li ul li>a:focus,
	ul.nav-top li ul li>a:hover {
		color: #2D4B59;
		background: #F5F5F5;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-left: 10px solid #e26663;
		border-bottom: 0;
		border-top: 0;
		box-sizing: border-box;
	}

	ul.nav-top li.current-menu-item,
	ul.nav-top li.current-menu-parent,
	ul.nav-top li.current-page-ancestor,
	ul.nav-top li.current-page-item,
	ul.nav-top li.current_page_item,
	ul.nav-top li:focus,
	ul.nav-top li:hover {
		border-color: #2D4B59;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	ul.nav-top li a {
		padding: 10px 15px;
		font-weight: bold;
		border-bottom: 10px solid transparent;
	}




	ul.nav-top li ul li>a {
		white-space: nowrap;
		font-family: Lufga, sans-serif;
		font-weight: normal;
		line-height: 1.875em;
		box-sizing: border-box;
		background: 0 0;
		vertical-align: baseline;
		display: block;
		text-decoration: none;
		color: #2D4B59;
		margin: 0;
		visibility: visible;
		border-left: 10px solid transparent;
	}


	header {
		background-color: #fff;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
		margin: 0;
		position: relative;
		z-index: 100;
	}

	header #top {
		-ms-flex-pack: end;
		justify-content: flex-end;
		z-index: 100;
		position: relative;
		background: #2D4B59;
		color: #fff;
	}

	header #top .col {
		-ms-flex-positive: 0;
		flex-grow: 0;
		line-height: 2.5em;
	}


	header #top .col.nav {
		display: none;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-height: none;
		overflow: visible;
		position: static;
	}

	header #top .container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 0;
	}

	/* Primary Navigation */


	header #top .col.search {
		color: #000;
		text-align: center;
		width: 3em;
		padding-left: 15px;
		padding-right: 15px;
		height: 100%;
	}

	header #top .col.search .fa {
		transform: translatey(-50%);
		top: 50%;
		position: relative;
		display: block;
		color: #fff;
	}




	@media (max-width:1300px) {
		header nav {
			display: none;
		}

		header .container .row span.menu {
			display: block;
		}
	}


	header .container .row .col-5 a.logo {
		width: auto;
	}


	header .container {
		max-width: 1800px;
		padding-left: 20px;
		padding-right: 20px;
	}



	.clicky-menu ul[aria-hidden="false"] ul {
		visibility: visible;
		position: relative;
	}


	.clicky-menu ul[aria-hidden="false"] {
		max-width: 1400px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.clicky-menu>.mega-menu.current-page.child-1>a,
	.clicky-menu>.mega-menu.current-page.child-1>button,
	.clicky-menu>.mega-menu.current-menu-item.child-1>a,
	.clicky-menu>.mega-menu.current-menu-item.child-1>button {
		border-bottom: 10px solid #e26663;
		border-top: 10px solid #F5F5F5;
		color: #2D4B59;
		font-weight: bold;
		background: #F5F5F5;

	}


	.clicky-menu>.current-page.child-1>a,
	.clicky-menu>.current-page.child-1>button,
	.clicky-menu>.current-menu-item.child-1>a,
	.clicky-menu>.current-menu-item.child-1>button {
		background: #F5F5F5;
		border-bottom: 10px solid #e26663;
		border-top: 10px solid #F5F5F5;
		color: #2D4B59;
		font-weight: bold;
	}







	.clicky-menu>.current-page-ancestor button,
	.clicky-menu>.current-menu-ancestor button {
		border-bottom: 10px solid #e26663;
		border-top: 10px solid #F5F5F5;
		color: #2D4B59;
		font-weight: bold;
		background: #F5F5F5;
	}



	.clicky-menu [aria-expanded="true"] {
		border-bottom: 10px solid #e26663;
		border-top: 10px solid #F5F5F5;
		color: #2D4B59;
		font-weight: bold;
		background: #F5F5F5;

	}

	.clicky-menu [aria-expanded="false"] {
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
	}

	.clicky-menu [aria-expanded="false"]:after {
		content: "\e80d";
		font-family: Are-able_Webfont;
		margin-left: 10px;
	}

	.clicky-menu [aria-expanded="true"]:after {
		content: "\e80d";
		font-family: Are-able_Webfont;
		margin-left: 10px;
	}



	.clicky-menu [aria-expanded="false"]:hover {
		border-bottom: 10px solid #e26663;
		border-top: 10px solid #F5F5F5;
		color: #2D4B59;
		font-weight: bold;
		background: #F5F5F5;
	}


	.clicky-menu .mega-menu .sub-menu.parent-2 {
		display: block;
		-webkit-columns: 3;
		columns: 3;
		-webkit-column-gap: 1.25em;
		column-gap: 1.25em;
	}

	.clicky-menu .sub-menu.parent-2 {
		display: flex;
		flex-wrap: wrap;
		padding: 40px;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		align-items: flex-start;
		justify-content: flex-start;
	}



	.clicky-menu .menu-item-contact .parent-2 {
		gap: 40px;
	}

	.clicky-menu .menu-item-contact .sub-menu.parent-2 .child-2 {
		flex: 200px;


	}



	.clicky-menu .child-2>a {
		font-weight: bold;
	}

	header .clicky-menu .child-3 a {
		font-weight: 300;
		font-weight: normal;
	}

	.mega-menu .col-3 {
		position: static;
		display: block;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
		max-widtH: 100%;
		width: 100%;
	}




	.clicky-menu .parent-2:before {
		content: "";
		display: block;
		height: 100%;
		background-color: #fff;
		position: absolute;
		z-index: -1;
		width: 100vw;
		left: 50%;
		right: 50%;
		top: 0px;
		margin-left: -50vw;
		margin-right: -50vw;
		border-top: none;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	}

	/**
* Initial state, hidden off screen
*/
	.clicky-menu ul {
		position: absolute;
		left: 0;
		visibility: hidden;
	}

	/**
* No JS fallback
*
* Triggers menus on hover rather than click. Supports keyboard navigation in modern browsers.
*/
	.clicky-menu.no-js li:hover>ul {
		visibility: visible;
	}

	.clicky-menu.no-js li:focus-within>ul {
		visibility: visible;
	}

	/**
* Open/Close Menu Behavior with JS
*/
	.clicky-menu ul[aria-hidden="false"] {
		visibility: visible;

	}

	.clicky-menu ul[aria-hidden="true"] {
		visibility: hidden;
	}


	.clicky-menu {
		display: flex;
		justify-content: right;
	}


	/* General Link & Button Styles */
	.clicky-menu li a,
	.clicky-menu li button {
		margin: 0 .65em;
		background: transparent;
		color: inherit;
		text-decoration: none;

	}



	.clicky-menu a:hover,
	.clicky-menu button:hover {
		color: #2D4B59;
	}


	/* Top Level Items */


	.clicky-menu>li>a,
	.clicky-menu>li>button {
		flex: 1 0 auto;
		flex-wrap: wrap;
		align-items: center;
		border: 0;
		cursor: pointer;
		padding-left: .9em;
		padding-right: .9em;
		margin: 0;
	}



	.clicky-menu .child-1 a,
	.clicky-menu .child-1 button {
		line-height: 90px;
		font-weight: bold;
	}

	.clicky-menu button,
	.clicky-menu a {
		font-size: 20px;
		line-height: 64px;
	}





	.clicky-menu .parent-2 .menu-item a {
		line-height: 1.3;
		border-top: 1px solid #F5F5F5;
		border-bottom: 1px solid #F5F5F5;
		background: #fff;
		border-left: 10px solid transparent;
		padding-left: 10px;
		padding-right: 10px;
	}


	.clicky-menu .parent-2 .menu-item a:hover {
		background: #F5F5F5;
		border-left: 10px solid #e26663;
		padding-left: 10px;
	}


	@media (max-width:1600px) {

		.clicky-menu .child-1 a,
		.clicky-menu .child-1 button {
			font-size: 90%;
		}
	}


	/* Submenu Styles */
	.clicky-menu ul {
		list-style: none;
	}


	/* Responsive Submenu Behavior */
	.clicky-menu ul[aria-hidden="false"] {
		width: 100%;
		flex: 0 0 auto;
	}


	/* Submenu Links */
	.clicky-menu ul a {
		display: block;
		padding-top: .8em;
		padding-bottom: .8em;
	}

	/* Mobile Nav */

	#responsive ul li a,
	ul#mobile li a,
	ul#mobile li i {
		color: #fff;
		text-decoration: none
	}

	#responsive ul,
	ul#mobile {
		background-color: #2D4B59;
		list-style: none;
	}

	#responsive ul {
		border: solid #fff;
		border-width: 0 0 0.0625em;
		display: block;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

	#responsive ul li {
		border: solid #fff;
		border-width: 0 0 0.0625em;
		color: #fff;
		font-family: Lufga, sans-serif;
		font-weight: 700;
		line-height: 1.8;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}

	#responsive ul li a {
		display: block;
		padding: 0.625em;
	}

	#responsive ul li:last-child {
		border: none;
	}

	#responsive ul li:hover {
		background-color: #2D4B59;
		color: #fff;
	}

	#responsive ul li:hover>ul {
		border: solid #2D4B59;
		border-width: 0.0625em 0 0;
		display: block;
		height: auto;
		left: auto;
		margin: 0;
		opacity: 1;
		overflow: visible;
		position: relative;
		text-align: left;
		top: auto;
		white-space: normal;
		width: auto;
	}







	/*///// Search /////*/


	.search-container {
		background-color: #2D4B59;
		max-height: 0;
		overflow: hidden;
		padding: 0 0.625em;
		position: relative;
		width: 100%;
	}

	.search-container.open {
		max-height: 12em;
	}

	.search-container form {
		margin: 0.625em auto;
		max-width: 37.5em;
		padding: 0;
		position: relative;
		color: #fff;
	}

	.search-container form label {
		margin: 0;
	}

	.search-container form label span {
		display: none;
	}

	#are-able header .search-container form input[type="search"] {
		background-color: #2D4B59;
		border-bottom: 1px solid #fff;
		color: #fff;
		line-height: 1;
		margin: 0;
		outline: 0;
		padding: 0.3125em 0.3125em 0.3125em 0;
		transition: all 0.3s ease-in-out;
		width: 100%;
		-webkit-appearance: textfield;
		font-size: 26px;
		border-radius: 0;
		font-weight: normal;
	}

	.search-container form input[type="search"]::-webkit-input-placeholder {
		color: #fff;
		padding-top: 0.125em;
	}

	.search-container form input[type="search"]:-moz-placeholder {
		color: #fff;
		padding-top: 0.125em;
	}

	.search-container form input[type="search"]::-moz-placeholder {
		color: #fff;
		padding-top: 0.125em;
	}

	.search-container form input[type="search"]:-ms-input-placeholder {
		color: #fff;
		padding-top: 0.125em;
	}

	.search-container form input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	.search-container form button {
		background-color: transparent;
		border: none;
		bottom: 0.1875em;
		color: #fff;
		position: absolute;
		right: 10px;
		top: 0;
	}

	.search-container form button .fa {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 24px;
	}



	/* Search Page */

	 #articles .article .article-container {
		padding: 1.5625em;
	}

	.search #content {
		margin-bottom: 80px;
	}

	.article-container p {
		margin-bottom: auto;
	}


	/*//// Modern Template ////*/

	#heading-container {
		padding: 28px 20px 24px 20px;
		margin: 0 auto;
		max-width: 1400px
	}

	#heading-container h1 {
		color: #2D4B59;
	}

	#heading-container .introduction {
		color: #000;
	}


	



	.page-template-template-modern #are-able {
		background-color: #fff;
	}


	#banner-modern {
		position: relative;
		margin: 0;
	}

	#banner-modern .container {
		padding: 0 20px;
		text-align: left;
	}



	#banner-modern #image-container {
		width: 100%;
		text-align: right;
		background-color: #69B3E7;
		margin-bottom: 40px;
	}


	#banner-modern img.hero {
		object-fit: cover;
		object-position: top right;
		width: 100%;
		max-height: 50vw;
	}


	#banner-modern .ax-course-image.hero {
		object-fit: cover;
		object-position: top right;
		width: 100%;
		margin-bottom: 40px;

	}


	#banner-modern .ax-course-image.hero img {
		height: 100%;
		object-fit: cover;
		object-position: top right;
		width: 100%;


	}





	#breadcrumbs-container #breadcrumbs li {

		opacity: 1;
		text-transform: none;
	}

	#breadcrumbs-container #breadcrumbs {
		padding: 28px 0px;
		margin: 0 auto;
		max-width: 1400px;


	}

	section .container {
		max-width: 1400px;

	}

	#sidebar-content {
		margin-bottom: 20px;
	}

	#sidebar-content a {
		color: #000;
		font-weight: bold;
		text-decoration: underline;
	}

	#sidebar-content a:hover,
	#sidebar-content a:focus {
		color: #2D4B59;
		font-weight: bold;
		text-decoration: underline;
	}



	#resources-container {
		text-align: left;
		margin-top: 70px;
	}



	.text-container {
		width: 50%;
		background: #2D4B59;
		padding: 60px 40px 40px 40px;
		position: relative;
		color: #fff;
		box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	}

	.text-container::before {
		display: block;
		position: absolute;
		top: -10px;
		left: 0;
		content: "";
		height: 50px;
		width: 100%;
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-coral-yellow.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
		z-index: 9;
	}


	.yellow-journey-line .text-container::before {
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-yellow-coral.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
	}


	.green-journey-line .text-container::before {
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-green-yellow.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
	}

	.blue-journey-line .text-container::before {
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-blue-yellow.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
	}


	.text-container::after {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		content: "";
		height: 100%;
		border-image: linear-gradient(to top, #69B3E7 25%, #69B3E7 25%, #77C19A 25%) 5;
		border-right: 10px solid;
	}




	#banner-modern .introduction {
		font-size: 130%;
	}

	#banner-modern h1,	#banner-modern  h2, #banner-modern h3, 	#banner-modern h4, 	#banner-modern h5, 	#banner-modern h6 {
margin-bottom:0;
	}

	#banner-modern .container {
		position: absolute;
		left: 0;
		right: 0;
		transform: translatey(-50%);
		top: 50%;
	}




	#banner-modern h1 {
		font-size: 2.5em;
		margin-bottom: 10px;
	}





	#banner-modern .ax-course-image.hero {
		aspect-ratio:16/6;
		object-fit: cover;
		object-position: top left;
		width: 52%;
		margin: 0;
		position: absolute;
		z-index: 0;
		right: 0;
	}

	#banner-modern img.hero {
		aspect-ratio:16/6;
		object-fit: cover;
		object-position: top left;
		width: 100%;
		margin-bottom: -10px;
	}

	#banner-modern #image-container {
		width: 100%;
		text-align: right;
		margin-bottom: 0px;
	}


	#banner-modern {
		max-width: 3400px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner-modern img.page-logo {
		height: auto;
		object-fit: contain;
		max-height: 130px;
		object-position:left;
	}



.text-container.background-white {
    background-color: #fff; /* White */
			color:#2d4b59;
}

.text-container.background-teal {
    background-color: #2d4b59; /* Deep Teal */
		color:#fff; 
}

.text-container.background-coral {
    background-color: #e26663; /* Coral */
}

.text-container.background-yellow {
    background-color: #fbd872; /* Sunrise Yellow */
		color:#2d4b59;
}

.text-container.background-green {
    background-color: #77c19a; /* Marine Green */
		color:#2d4b59;
}

.text-container.background-blue {
    background-color: #69b3e7; /* Sky Blue */
	color:#2d4b59; 
}



	@media (max-width:1300px) {
		.text-container {
			width: 100%;
		}

		#banner-modern .container {
			padding: 0;
		}

		#banner-modern .container {
			position: relative;
			transform: none;
			top: 0;
		}

		#banner-modern #image-container {
			max-height: none;
			height: auto;
		}
	}




	/* Home Page */

	.home .introduction {

		padding-bottom: 80px
	}
	



	/*//// Global Layout Styles ////*/

	/* Custom Field Styles */
	.tint {
		background: #F5F5F5;
	}

	.border-thick {
		border: 2px solid #2D4B59;
	}


	/* Buttons */

	a.btn-small::after {
		font-family: "Are-able_Webfont";
		content: "\e805";
		padding-left: 10px;
	}

	a.btn-small {
		position: relative;
		text-decoration: none;
		font-weight: bold;
		font-size: 80%;
		display: flex;
		align-items: center;
		justify-content: left;
		box-sizing: border-box;
		text-align: left;
		color: inherit;
	}

	a.btn-small:focus,
	a.btn-small:hover {
		text-decoration: none;
	}

	a.btn-small:focus::after,
	a.btn-small:hover::after {
		transform: translatex(5px);
	}


	a.btn.btn-2 {
		display: inline-block;
		width: auto;
		border: 2px solid #FBD872;
		height: auto;
		margin-top: 20px;
		color: #FBD872;
		background: transparent;
	}

	a.btn.btn-2:hover,
	a.btn.btn-2:focus {
		border: 2px solid #FBD872;
		color: #1B2E35;
		background: #FBD872;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}


	.btn.btn-more:after {
		content: "\e80f";
		font-family: "Are-able_Webfont";
		padding-lefT: 10px;
	}

	.btn.btn-file:before {
		content: "\e815";
		font-family: "Are-able_Webfont";
		padding-right: 10px;
	}


	.btn,
	main .nf-form-layout button,
	main .nf-form-layout input[type="button"],
	main .nf-form-layout input[type="submit"],
	main form button,
	main form input[type="button"],
	main form input[type="submit"] #related-information .btn {
		background-color: #2D4B59;
		border: 2px solid #2D4B59;
		border-radius: 50px;
		box-shadow: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: Lufga, sans-serif;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.2;
		margin: 0;
		overflow: hidden;
		padding: 0.9em 1.5em;
		position: relative;
		text-decoration: none;
		z-index: 1;

	}

	.btn:hover,
	.btn:focus,
	.btn-more.btn-brand1:focus,
	.btn-more.btn-brand1:hover,
	.btn-more.btn-brand2:focus,
	.btn-more.btn-brand2:hover,
	.btn-more.btn-brand3:focus,
	.btn-more.btn-brand3:hover,
	.btn.btn-more:focus,
	.btn.btn-more:hover,
	main .nf-form-layout button.btn-more:focus,
	main .nf-form-layout button.btn-more:hover,
	main .nf-form-layout input.btn-more:focus[type="button"],
	main .nf-form-layout input.btn-more:focus[type="submit"],
	main .nf-form-layout input.btn-more:hover[type="button"],
	main .nf-form-layout input.btn-more:hover[type="submit"],
	main form button.btn-more:focus,
	main form button.btn-more:hover,
	main form button:focus,
	main form button:hover,
	main form input.btn-more:focus[type="button"],
	main form input.btn-more:focus[type="submit"],
	main form input.btn-more:hover[type="button"],
	main form input.btn-more:hover[type="submit"],
	#related-information .btn:hover,
	#related-information .btn:focus {
		background-color: #1B2E35;
		border: 2px solid #1B2E35;
		color: #fff;

	}


	/* Banner Badge */

	.heading-container {
    display: flex;
    width: 100%;
    position: relative; /* Enables positioning for the badge */
    align-items: center;
}

body .banner-badge {
	aspect-ratio: 1 / 1;
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FBD872;
    border-radius: 50%;
    padding: 4%;
    color: #2D4B59;
    top: 50%;
    transform: translateY(-100%);
    z-index: 10;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    font-size: 75%;
    text-align: center;
    line-height: 1.2;
    overflow-wrap: break-word;
    margin-bottom: -200px;
}

.banner-badge-heading.h2 {
	font-size:120%;
}


.heading-container h1 {
    flex: 1; /* Ensures the heading takes up the remaining space */
    margin: 0; /* Remove default margin */
}

/* Optional responsive adjustments */
@media (max-width: 768px) {
	body .banner-badge {
        width: 170px; /* Scale down the badge */
        height: 170px;
    }
}


	/* Gravity Form */

	/* Progress Bar */

	#are-able .gform_wrapper.gravity-theme .gf_progressbar {

		border-radius: 0;
	}

	#are-able .gf_progressbar_percentage span,
	#are-able .gf_progressbar_percentage {
		line-height: 40px;
		border-radius: 0;
	}


	/* Labels */

	body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
		color: inherit;
	}

	main .nf-form-layout label,
	main form label {
		font-size: 80%;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
		padding-top: 20px;
	}


	body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label .gfield_required {
		color: #E74040;
	}

	/* Errors */

	body .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon {
    inset-inline-start: 3px;
}

	.gform_wrapper.gravity-theme .gform_validation_errors>h2 {
		font-size: 80%;
		color: #E74040;
		padding: 20px;

	}

	.gform_wrapper.gravity-theme .gform_validation_errors .gform-icon:before {
		content: "\e81a";
		font-family: Are-able_Webfont;
		color: #E74040;
		padding-left: 10px;
	}

	.gform_wrapper.gravity-theme .gform_validation_errors {
		border: 1px solid #E74040;
		border-radius: 0;
		box-shadow: none;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
		color: #E74040;
		margin-bottom: 40px;
	}

	body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {
		border: none;
		color: #E74040;
	}

	.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
	.gform_wrapper.gravity-theme .gfield_error label,
	.gform_wrapper.gravity-theme .gfield_error legend,
	.gform_wrapper.gravity-theme .gfield_validation_message,
	.gform_wrapper.gravity-theme .validation_message,
	.gform_wrapper.gravity-theme [aria-invalid=true]+label,
	.gform_wrapper.gravity-theme label+[aria-invalid=true] {
		color: #E74040;
	}

	/* Field Inputs */

	body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
	body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
	body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
	body .gform_wrapper .gform_body .gform_fields .gfield select,
	body .gform_wrapper .gform_body .gform_fields .gfield textarea {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
		margin-top: 0;
		font-size: 85%;
		line-height: 1.15;
		color: #363636;
		border-radius: 5px;
		border: 1px solid #E9E9E9;
		background-color: #F5F5F5;
		padding: 15px;
		font-weight: normal;
	}

	input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		box-sizing: border-box;
		max-width: 100%;
		margin-bottom: 0;
		margin-top: 0;
		font-size: 85%;
		line-height: 1.15;
		color: #363636;
		border-radius: 5px;
		border: 1px solid #E9E9E9;
		background-color: #F5F5F5;
		padding: 15px;
		font-weight: normal;
	}

	body main .nf-form-layout select,
	body main form select {
		background: url(https://areable.org.au/wp-content/themes/areable/assets/icons/chevron-down.svg) no-repeat;
		background-position: right center;
		background-size: 25px;
		background-origin: content-box, padding-box;

	}

	/* Buttons */

	body .gform_wrapper .gform_footer input[type=submit] {
		background-color: #2D4B59;
		border: 2px solid #2D4B59;
		border-radius: 50px;
		box-shadow: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: Lufga, sans-serif;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.2;
		margin: 0;
		overflow: hidden;
		padding: 0.9em 1.5em;
		position: relative;
		text-decoration: none;
		z-index: 1;
	}

	body .gform_wrapper .gform_footer input[type=submit]:hover,
	body .gform_wrapper .gform_footer input[type=submit]:focus {
		background-color: #1B2E35;
		border: 2px solid #1B2E35;
	}


	main form input[type="button"]:hover,
	main form input[type="button"]:focus {
		background: #1B2E35;
		border-color: #1B2E35;
	}


	.gform_wrapper.gravity-theme .gform_footer {
		flex-wrap: wrap;
	}

	.gform_wrapper.gravity-theme .gform_footer button+input,
	.gform_wrapper.gravity-theme .gform_footer input+button,
	.gform_wrapper.gravity-theme .gform_footer input+input,
	.gform_wrapper.gravity-theme .gform_page_footer button+input,
	.gform_wrapper.gravity-theme .gform_page_footer input+button,
	.gform_wrapper.gravity-theme .gform_page_footer input+input {
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 10px;
		margin-top: 20px;
	}

	.gform_wrapper.gravity-theme .gform_previous_button.button,
	.gform_wrapper.gravity-theme .gform_save_link.button {
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 10px;
		margin-top: 20px;
	}

	/* Table Press */

	.tablepress tfoot th,
	.tablepress thead th {
		background: #2D4B59;
		color: #fff;
	}


	/* Typography */

	a {
		color: inherit;
	}

	body {
		font-size: calc(.30vw + 14px);
		color: #2D4B59;
		line-height: 1.4;
	}

	h1 {
		color: inherit;
		font-size: 1.9em;
		margin-bottom: 1em;
	}


	/* Bulleted Lists */


	#are-able .content li {
		position: relative;
	}


main .content ul li::marker {
		font-family: Are-able_Webfont;
		content: "\e80f";
		color: #2D4B59;
	}


	#are-able main .content .gform-body ul li::marker {
		content: "";
	}

	#are-able main .content .gform-body ul li {
		padding-left: 0;
	}


	.page-template-contact-child-page #are-able main .content ul li::marker {
		content: "";
	}

	.page-template-contact-child-page ul li {
		padding-left: 0;
	}


	#are-able main .content .services-contact-container li::before {
		content: "";
	}

	/* Images */

	article figure,
	main figure {
		margin-bottom: 30px;
		display: inline-block;
		background-color: transparent;
	}

	article figure,
	main figure,
	section#styleguide figure {
		padding: 0;
	}






	/* Contact Information */

	#contact-information .col-3 {
		margin-bottom: 10px;

	}

	#contact-information {
		margin-bottom: 80px;
		margin-top: 40px;
		justify-content: left;
		gap: 8.3%;

	}



	/* Employment Servcices Banner */

	#employment-services-container {
		padding: 40px 20px;
		margin-top: 40px;
		margin-bottom: 80px;
		text-align: center;
	}

	.employment-services-provided {
		display: flex;
		gap: 0 4%;
		justify-content: center;
	}

	.employment-services-provided a {
		display: flex;
		width: 100%;
		height: 180px;
		padding: 20px;

	}

	.employment-services-provided img {

		width: 100%;
	}

	#employment {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}


	/* Contact Information Mobile */
	@media (max-width: 768px) {
	.employment-services-provided {
		flex-wrap:wrap;
	}
	}				
	



	/*//// Sidebar /////*/



	#children .parent,
	#supportedemployment .parent {
		background-color: #2D4B59;
		color: #fff;
		font-size: 125%;
		margin: 0;
		padding: 0.625em 1.25em;
	}

	#children ul li.current_page_item>a,
	#children ul li>a:focus,
	#children ul li>a:hover,
	#supportedemployment ul li.current_page_item>a,
	#supportedemployment ul li>a:focus,
	#supportedemployment ul li>a:hover {
		background-color: #f4f5f6;
		border-color: #2D4B59;
		color: #2D4B59;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}


	aside .btn {
		text-align: left;
		padding-top: 1em;
		padding-bottom: 1em;
		display: inline-block;
	}

	#are-able .gfield_required {
		color: rgb(234, 0, 30);
	}

	#are-able .block-radio-box-container {}

	#are-able .gf_progressbar_percentage.percentbar_blue {
		background-color: #e26663;
		color: #fff;
	}

	#are-able .gf_progressbar_percentage {
		height: 41px;
	}

	#are-able .gf_progressbar_percentage span {
		line-height: 41px;
	}

	input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		border: 0px
	}




	/*//// Fixes /////*/

	/* Hide Broken Images */

	img[src=""] {
		display: none;
	}


	/* Filter Container */

	#are-able .filter-container.clear-filters {
		padding: 20px 0px;
		align-items: flex-start;
	}


	.filter-container {
		align-items: flex-start;
	}


	.filter-container {
		margin-bottom: 1em;
	}







	/*//// Userway Accessibility Button ////*/

	body .accessibility-btn {
		border: 0;
	}

	.uwy.uac.userway_p3 .uai,
	body .uwy.uac.userway_p4 .uai,
	body .uwy.uac.userway_p5 .uai {
		border-radius: 5px 0px 0px 5px;
		bottom: 10vh;
	}

	html body .uwy:not(.uh).userway_p1 .uai:hover,
	html body .uwy:not(.uh).userway_p3 .uai:hover {
		transform: translate(-100%) scale(1.0);
	}


	#accessibilitywidget button {
		color: #fff;
		font-weight: 700;
		overflow: hidden;
		background: none;
		border: 1px solid #fff;
		cursor: pointer;
		padding: 0.6em 1.5em;
		border-radius: 36px;
		font-size: 16px;
		line-height: 20px;
		transform: translatey(-50%);
		top: 50%;
		position: relative;
	}

	#accessibilitywidget button:hover,
	#accessibilitywidget button:focus {
		background: #fff;
		color: #2D4B59;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	#accessibilitywidget {
		color: #fff;
		font-size: 100%;
		font-weight: 700;
		height: 100%;
		overflow: hidden;
		background: none;
		margin: 0 10px 0 auto;
	}

	/*//// Home Slider ////*/

.home-c-slider .slick-slide img.page-logo {
		height: auto;
		object-fit: contain;
		max-height: 90px;
		object-position:left;
		margin-bottom:30px;
	}




	.slide-text-container:before {
		display: block;
		position: absolute;
		top: -9px;
		left: 0;
		content: "";
		height: 50px;
		width: 100%;
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-coral-yellow.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
		z-index: 9;
	}

	.yellow-journey-line .slide-text-container:before {
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-yellow-coral.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
	}


	.green-journey-line .slide-text-container:before {
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-green-yellow.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
	}

	.blue-journey-line .slide-text-container:before {
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-blue-yellow.svg);
		background-repeat: no-repeat;
		background-size: auto 20px;
	}

	.slide-text-container:after {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		content: "";
		height: 100%;
		border-image: linear-gradient(to top, #69b3e7 25%, #69b3e7 25%, #77C19A 25%) 5;
		border-right: 10px solid;
	}



	.home-c-slider {
		opacity: 0;
		visibility: hidden;
	}

	.home-c-slider.slick-initialized {
		visibility: visible;
		opacity: 1;
		max-height: auto;
		height: auto;
	}


	.home-c-slider>.slide {
		display: none;
	}

	.home-c-slider>.slide {
		padding: 0 20px;
	}


	.home-c-slider-container {
		position: relative;
		margin-bottom: 20px;
	}

	.home-c-slider .slick-list {
		max-width: 3400px;
		margin-left: auto;
		margin-righT: auto;
	}

	.home-c-slider-container .slick-track {
		pointer-events: none;
	}


	.slide-text-container * {
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
		pointer-events: auto;
	}

	.home-c-slider-container .container {
		position: absolute;
		lefT: 0;
		right: 0;
		max-width: 1400px;
		transform: translatey(-50%);
		top: 50%;
	}

	.home-c-slider .slick-slide .container {
		display: inline-block;
		position: absolute;
		width: 100%;
		lefT: 0;
		right: 0;
	}

	.slide-text-container {
		width: 50%;
		position: relative;
		font-size: clamp(100%, 120%, 24px);
		padding: 3.25em 4% 2.5em 4%;
		background: #2D4B59;
		display: flex;
		flex-direction: row;
		align-content: space-between;
		height: 100%;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	}

	.slide-text-container.right-position {
		margin-left: auto;
	}

	body .home-c-slider-container .slider-controls {
		top: 0;
		left: 0px;
		width: 100%;
		position: absolute;
		display: block;
		z-index: 99;
		pointer-events: none;
	}


	body .home-c-slider-container .slick-slide.slider-controls * {
		pointer-events: auto;

	}

	body .home-c-slider-container .slide-m-next {
		position: absolute;
		right: 0;
		left: auto;
		margin-right: 10px;
		transform: translatey(-50%);
		top: 50%;
		pointer-events: auto;
	}


	body .home-c-slider-container .slide-m-prev {
		position: absolute;
		left: 0;
		right: auto;
		margin-left: 10px;
		transform: translatey(-50%);
		top: 50%;
		pointer-events: auto;
	}


	body .gallery  .slider-controls {
		top: 0;
		left: 0px;
		width: 100%;
		position: absolute;
		display: block;
		z-index: 99;
		pointer-events: none;
	}


		body .gallery button.slick-next.slick-arrow {
		position: absolute;
		right: 0;
		left: auto;
		margin-right: 10px;
		transform: translatey(-50%);
		top: 50%;
		pointer-events: auto;
	}



	body .gallery button.slick-prev.slick-arrow{
		position: absolute;
		left: 0;
		right: auto;
		margin-left: 10px;
		transform: translatey(-50%);
		top: 50%;
		pointer-events: auto;
	}

	.slide-text-container .slide-col-2 .btn.btn-2 {
		align-self: bottom;
		margin-top: auto;
		margin-lefT: auto;
	}



	.slide-text-container p {
		margin-bottom: 10px;
	}

	.home-c-slider .slick-slide img {
		aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: top;
    max-width: 100%;
    max-height: 880px;
	}





	body .home-c-slider .slick-slide {

		overflow: visible;
		position: relative;
		color: #fff;
	}




	body .home-c-slider {
		overflow: visible;
	}

	.slick-slide a {
		width: 100%;
		heighT: 100%;
	}


	.slider-controls {
		position: relative;
		display: inline-block;
	}


	.slick-dots li {
		display: inline-block;
	}

	.slide-m-dots {
		float: left;
	}

	.slide-m-arrows {
		float: right;
	}

	.slick-arrow {
		width: 50px;
		height: 50px;
		text-align: center;
		margin: 0px;
		border: 0;
		border-radius: 50px;
		position: relative;
		font-size: 18px;
		z-index: 1;
		padding: 10px;
		cursor: pointer;
		display: inline-block;
		background: #fff;
		color: #2D4B59;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
		margin-right: 10px;
	}





	.slick-dots .slick-active button {
		background: #2D4B59;
		color: #fff;

	}


	.slick-dots button {
		width: 50px;
		height: 50px;
		text-align: center;
		margin: 0px;
		border: 0;
		position: relative;
		font-size: 18px;
		z-index: 1;
		padding: 10px;
		cursor: pointer;
		display: inline-block;
		background: #fff;
	}





	.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
	}

	.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	.slick-list:focus {
		outline: none;
	}

	.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		margin-right: auto;
	}

	.slick-track:before,
	.slick-track:after {
		display: table;
		content: '';
	}

	.slick-track:after {
		clear: both;
	}

	.slick-loading .slick-track {
		visibility: hidden;
	}

	.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
	}

	[dir='rtl'] .slick-slide {
		float: right;
	}

	.slick-slide img {
		display: block;
	}

	.slick-slide.slick-loading img {
		display: none;
	}

	.slick-slide.dragging img {
		pointer-events: none;
	}

	.slick-initialized .slick-slide {
		display: block;
	}

	.slick-loading .slick-slide {
		visibility: hidden;
	}

	.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
	}

	.slick-arrow.slick-hidden {
		display: none;
	}

	.home-c-slider {
		width: 100%;
		list-style: none;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		position: relative;
	}

	.home-c-slider .slick-slide {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		align-items: center;
		height: auto;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.home-c-slider .slick-slide img {
		display: block;
		width: 100%;
	}



	@media (max-width:1100px) {

		.home-c-slider-container .container {
			transform: none;
		}

		.home-c-slider-container {
			background: #2D4B59;
		}

		.slide-text-container {
			flex-direction: column
		}

		.slide-text-container .slide-col-1 {
			width: 100%
		}

		.slide-text-container .slide-col-2 {
			width: 100%;
		}

		.slide-text-container .slide-col-2 .btn.btn-2 {

			align-self: bottom;
			margin-top: auto;
			margin-lefT: 0;
		}


		.home-c-slider .slick-slide img {
			min-height: auto;
		}

		body .slick-slide .container {
			position: relative;

		}

		.home-c-slider .slick-slide .container {
			position: relative;
		}





		body .home-c-slider .slick-slide img {
			position: relative;
			aspect-ratio: 2 / 1;
		}

		body .slide-text-container {
			width: 100%;
		}

		.slider-controls {
			width: 100%;
		}
	}

	@media (max-width:768px) {
		.slider-controls {}

		body .home-c-slider .slick-slide img {
			position: relative;

		}


	}

	@media (min-width:1101px) {

		.home-c-slider .slick-slide .container {
			display: inline-block;
			position: absolute;
			width: 100%;
			lefT: 0;
			right: 0;
			padding: 20px;
		}

	}


	/*//// Gallery Swipe Box ////*/

#swipebox-prev,
#swipebox-next {
	width: 50px;
	height: 50px;
	text-align: center;
	border: 0;
	border-radius: 50px;
	position: fixed; /* Fixed to stay centered on screen */
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	padding: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #2D4B59;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
	font-size: 18px;
}




#swipebox-arrows a#swipebox-prev:before {
  content: '\e80e'; /* fa-chevron-left */
  font-family: "Are-able_Webfont"; /* Adjust to your version */
  display: inline-block;
  width: 100%;
}

#swipebox-arrows a#swipebox-next:before {
  content: '\e80f'; /* fa-chevron-right */
  font-family: "Are-able_Webfont";
  display: inline-block;
  width: 100%;
}

#swipebox-arrows a#swipebox-prev::after,
#swipebox-arrows a#swipebox-next::after {
  content: none;
}
	/*//// Services Box ////*/

	section#content .container main #services .service a {
		padding: 50%;
	}

	/*//// Contact Page ////*/

	.iframe-container.google {
		position: relative;
		width: 100vw;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		background: #e6f6fc;
		margin-top: 50px;
	}

	.page-template-contact-child-page .iframe-container iframe {
		min-height: 50vh;
	}


	.available-services {
		margin-bottom: 10px
	}

	.available-services h6 {
		margin-top: 4em;
	}

	.brand-logo {
		padding: 10px
	}

	main address ul.hours li span {
		width: 28%
	}

	main address ul.hours li span.time {
		text-align: left
	}


	/*//// Featured Boxes ////*/
	ul.featured-boxes.bordered {

		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

	}

	ul.featured-boxes.borderless {

		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

	}


	ul.featured-boxes {
		width: 100%;
		list-style: none;
		display: grid;
		margin: 20px 0px 70px 0px;
		padding: 0px;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		grid-gap: 1em;
	}

	ul.featured-boxes li {
		width: 100%;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		overflow: hidden;
		justify-content: space-between;
	}

	.featured-box-image {
		width: 100%;
		display: block;
		position: relative;
		overflow: visible;
		max-width: 100%;
	}

	.featured-box-image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.featured-box-container {
		width: 100%;
		padding: 30px 20px 20px 20px;
	}

	.featured-box-container a {
		text-decoration: none;
	}

	.featured-box-container a:hover,
	.featured-box-container a:focus,
	.featured-boxes .featured-box-btn:hover {
		text-decoration: underline;
	}

	ul.featured-boxes li .home-box-bottom-border {
		width: 100%;
		height: 10px;
		bottom: 0;
		left: 0;
		position: absolute;
	}

	ul.featured-boxes p {
		margin-bottom: 30px;
		width: 100%;
	}

	.featured-boxes .featured-box-container ul {
		margin-bottom: 14px;
	}

	.featured-boxes .featured-box-container ul li {
		display: list-item;
		overflow: visible;
	}

	.featured-box-container.bordered .featured-boxes .icon {
		width: 55px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.featured-boxes * {
		position: relative;
	}

	.featured-boxes .featured-box-image:after {
		display: block;
		position: absolute;
		bottom: -9px;
		left: 0;
		content: "";
		height: 18px;
		width: 100%;
		background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-single.svg);
		background-repeat: repeat-x;
		background-size: auto 18px;
		z-index: 9;
	}

	section#content div.row main div#articles article>div {
		position: relative;
		z-index: 1;
	}

	.featured-boxes>li {
		background: #fff;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	}

	#featured-box-section-heading {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 40px;
	}

	@media only screen and (max-width: 600px) {

		ul.featured-boxes li,
		section#content .container main #services .service {
			width: 100%;
		}

		ul.featured-boxes.bordered {

			grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

		}

		ul.featured-box-container.borderless {
			grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		}

	}





	/*//// Annual Report Part ////*/


	#are-able main .content #reports li::marker {
		content: "";
	}

	section#content .container main #reports {
		font-size: 100%;
		-ms-flex-pack: start;
		justify-content: flex-start;
		list-style: none;
		margin: 0 -1% 1.875em;
		padding: 0;
	}

	section#content .container main #reports a {
		text-decoration: none;
	}

	section#content .container main #reports li {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		padding: 1%;
	}

	@media (min-width: 600px) {
		section#content .container main #reports li {
			-ms-flex-preferred-size: 33.33%;
			flex-basis: 33.33%;
		}
	}

	@media (min-width: 968px) {
		section#content .container main #reports li {
			-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
		}
	}

	section#content .container main #reports li img {
		display: block;
		position: relative;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);

	}

	section#employment .container,
	section#subscribe .container {
		padding: 0.9375em 20px;
	}

	section#content .container main #reports li a:focus span,
	section#content .container main #reports li a:hover span {
		background-color: #212121;
	}




	/*//// Latest News ////*/




	section#content div.row  .latest-news {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	#articles h3 a {
		text-decoration: none;
	}

	#articles h3 a:hover {
		text-decoration: underline;
	}



	.latest-news-heading-container {
		display: flex;
		width: 100%;
		align-items: center;
		margin-bottom: 40px;
		margin-top: 70px;
	}

	.latest-news-heading-container .col-1,
	.latest-news-heading-container .col-2 {
		width: 50%;
		max-width: 100%;
	}

	.latest-news-heading-container .col-2 a {

		float: right;
	}

	.latest-news-heading-container h2 {
		margin-bottom: 0;
	}



	section#content div.row  div#articles {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		grid-gap: 1em;
    width: 100%;
	}


	section#content div.row  div#articles article {
		flex-basis: auto;
		padding: 0px;
		border: none;
		display: flex;
		flex-direction: column;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	}

	section#content div.row  div#articles article>a {
		margin-bottom: 0px;
	}

	section#content div.row  div#articles article>div {
		background-color: #fff;
		padding: 40px 25px 25px 25px;
		flex: 1;
		display: flex;
		justify-content: space-between;
		flex-direction: column;

	}

	.latest-news {
		padding-bottom: 90px;

	}

	main #articles .article h3 {
		color: #2D4B59;

	}



	#articles .categories a {
		padding: 10px;
		background: #2D4B59;
		color: #fff;
		font-size: 14px;
		border-radius: 35px;
		margin-top: auto;
		margin-right: 10px;
		padding-left: 20px;
		padding-right: 20px;
		text-decoration: none;
		border: 2px solid #2d4b59;
	}


	.categories {
		flex-direction: row;
		margin-top: 20px;
	}

	article div div {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 5px 0px;
	}


	#articles .categories a:hover {
		background: #fff;
		border: 2px solid #2d4b59;
		color: #2d4b59;
	}




	@media only screen and (max-width: 570px) {

		section#content div.row  .latest-news div#articles article,
		html.archive section#content div.row main .latest-news div#articles article {
			width: 100%;
		}

	}

	/*//// Featured Content ////*/

	section#content .featured-content .container {
		position: relative;
		min-height: 400px;
		padding: 0px;
		background: #fff;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0px;
		margin-left: 0px;
	}

	.featured-content-paragraph {
		margin-bottom: 40px;
	}

	.featured-content.row {
		margin-bottom: 80px;
		margin-top: 40px;
	}


	.featured-content-text-container {
		width: 50%;
		color: inherit;
		font-size: 120%;
		z-index: 2;
	}

	.featured-content-text {
		margin-left: auto;
		padding: 80px 50px;
		position: relative;
	}


	.featured-content-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;

	}


	.featured-content-text p {
		margin-bottom: 10px;
	}


	.featured-content-image {
		position: relative;
		width: 50%;
	}


	.featured-content-text-container::before {
		display: block;
		position: absolute;
		top: 0;
		left: -9px;
		right: auto;
		content: "";
		height: 100%;
		width: 20px;
		background: url(https://areable.org.au/wp-content/themes/areable/assets/graphic-elements/journey-line-single.svg);
		background-repeat: repeat-y;
		background-size: 18px auto;
		z-index: 3;
	}



	.featured-content-text {
		border-image: linear-gradient(to right, #69B3E7 25%, #69B3E7 25%, #ffdc85 25%) 5;
		border-top: 10px solid;
	}

	#featured-content-row {
		width: 100%;
	}



	section#content .featured-content.left-position .container {
		flex-direction: row-reverse;
	}

	section#content .featured-content.left-position .container .featured-content-text-container::before {
		left: auto;
		right: -11px;
	}



	@media (max-width:1100px) {
		.featured-content-image {
			width: 100%;

		}


		.featured-content-text-container {
			width: 100%;

		}

		.featured-content-text {
			max-width: 100%;
		}

		.featured-content {
			max-height: none;
			flex-wrap: wrap-reverse;
		}
	}




	#featured-content {
		position: relative;
		top: 0px;
		overflow: hidden;
		display: flex;
		min-height: 400px;
		margin-top: 30px;
		margin-bottom: 30px;

	}

	.featured-content-photo-container {
		width: 50%;
		height: auto;
		object-fit: cover;
		overflow-y: hidden;
		position: relative;
	}

	.featured-content-photo-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.featured-content-text-wrapper {
		position: relative;
		padding: 50px;
		z-index: 1;
	}




	@media (max-width:768px) {
		#featured-content {
			flex-wrap: wrap;
			max-height: auto;
		}

		.featured-content-text-container {
			min-width: 100%;
		}

		.featured-content-text-wrapper {
			min-width: 100%;
		}

		.featured-content-photo-container {
			min-width: 100%;
		}

		.featured-content-photo-container {
			width: 100%;
			height: auto;
			object-fit: cover;
			position: relative;
		}

		.featured-content-photo-container:before {
			content: none;
		}

	}


	/*//// Simple Repeater Box ////*/


	.simple-repeater-boxes {
		margin-top: 40px;
	}


	.simple-repeater-box {
		display: flex;
		list-style-type: none;
		margin-left: 0;
		flex-wrap: wrap;

	}

	.simple-repeater-box li {
		min-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.simple-repeater-box-photo {
		padding: 0px 20px 0px 0px;
	}

	.simple-repeater-box-photo img {
		max-width: 100%;
		width: 100%;
		height: auto;
		object-fit: contain;
		max-height: 300px
	}

	.simple-repeater-box-text {
		width: 70%;
	}

	.simple-repeater-box-text-main {
		padding-top: 20px;
		padding-bottom: 20px;
	}




	@media (max-width:768px) {
		.simple-repeater-box-photo {
			width: 100%;
			padding: 0px 20px 0px 0px;
		}

		.simple-repeater-box-text {
			width: 100%;
		}

	}



	/*//// Testimonials ////*/

	.testimonial-slider-controls {
		display: flex;
	}

	.testimonials-slider-container .slick-arrow {
		border-radius: 50px;
	}

	section#content .testimonials-slider-container .container {
		min-height: 300px;
		padding: 0;
	}

	#are-able main .content .slick-track li::before {
		display: none;
	}

	#are-able main .testimonials-text-container {
		transform: translatey(-50%);
		top: 50%;
		position: absolute;
	}

	.testimonials-slider-container .slick-slide {
		position: relative;
	}

	.testimonials-slider-container {
		margin-top: 120px;
		margin-bottom: 60px;
		position: relative;
	}

	.testimonials-slider-container h2 {}

	.testimonials-slider-container p {
		color: #2D4B59;
		font-weight: bold;
		line-height: 1.5;
		font-size: 120%;

	}

	.testimonials-slider-container p:after {
		font-family: Lufga, sans-serif;
		content: "\201F";
		font-size: 1000%;
		color: #F5F5F5;
		position: absolute;
		z-index: -1;
		top: 50px;
		left: -10px;
		transform: translatey(-50%);
		font-weight: bold;
	}


	.testimonials-slider-container ul {
		margin: 0;
	}

	.testimonials-text-container * {
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
		pointer-events: auto;
	}



	/*//// Footer ////*/


	body div.acknowledgments-container .container>div:first-of-type {
		width: 100%;
	}


	body div.values-container .container>div {
		width: 100%;
	}

	div.footer-links>ul>li>a {
		font-size: calc(.1vw + 16.2px);
		font-weight: bold;
	}



	footer>.container.footer-menu {
		color: #2D4B59;
	}


	footer>.container.footer-menu>.row>.col::before {
		font-size: 100%;
		font-weight: bold;
	}

	footer>.container.footer-menu>.row {
		justify-content: left;
		max-width: 1400px;
		margin: 0 auto;
	}

	footer>.container.footer-flags>.row {
		justify-content: left;
		max-width: 1400px;
		margin: 0 auto;
	}

	footer>.container>.row {
		max-width: 1400px;
		margin: 0 auto;
	}


	@media (max-width:768px) {

		ul.nav-footer.locations.col-16 li {
			width: 100%;
		}

		ul.nav-footer.locations.col-16 {
			max-height: 100%;
		}

		.footer-flags .col-16 {
			justify-content: center;
		}

		footer>.container {
			text-align: center;
		}

	}

	/* Scroll to Top */

	#scroll {
		bottom: 10px;
		color: #fff;
		cursor: pointer;
		display: none;
		font-size: 1.5625em;
		opacity: 1;
		width: 50px;
		height: 50px;
		position: fixed;
		right: 10px;
		z-index: 10000;
		background-color: #2D4B59;
		border-radius: 50px;
	}

	#scroll .fa {
		position: absolute;
		transform: translatey(-50%)translatex(-50%);
		top: 50%;
		left: 50%;
	}

	@media (max-width:968px) {
		#scroll {
			bottom: 80px;
		}
	}


	/* Footer Call to Action */

	.footer-cta {
		padding: 20px;
		background: #F5F5F5;
	}

	.footer-cta .cta {
		padding: 40px 0px;
		text-align: center;
		width: 33.3%
	}


	.footer-cta .cta.cta-phone a:before {
		content: "";
		background: url("/wp-content/themes/areable/assets/icons/phone.svg") no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
		display: inline-block;
		margin: 0 6px 0 0;
		transform: translatey(-50%);
		top: 50%;
		position: relative;
	}


	.footer-cta .cta.cta-location a:before {
		content: "";
		background: url("/wp-content/themes/areable/assets/icons/marker-pin.svg") no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
		display: inline-block;
		margin: 0 6px 0 0;
		transform: translatey(-50%);
		top: 50%;
		position: relative;
	}


	.footer-cta .cta.cta-enquire a:before {
		content: "";
		background: url("/wp-content/themes/areable/assets/icons/message-square.svg") no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
		display: inline-block;
		margin: 0 6px 0 0;
		transform: translatey(-50%);
		top: 50%;
		position: relative;
	}



	.footer-cta .cta a {
		font-size: 34px;
		font-weight: bold;
		text-decoration: none;
		color: #2D4B59;
	}

	.footer-cta .cta a:hover,
	.footer-cta .cta a:hover {
		text-decoration: underline;
	}

	.footer-cta .cta.cta-phone {
		border-right: 1px solid #2D4B59
	}

	.footer-cta .cta.cta-location {
		border-right: 1px solid #2D4B59
	}

	footer .container.footer-cta {
		padding-top: 40px;
		padding-bottom: 40px;
	}


	@media (max-width:1100px) {

		.footer-cta .cta {
			padding: 40px 0px;
			text-align: center;
			width: 100%;
		}

		.footer-cta .cta.cta-phone {
			border-right: none;
		}

		.footer-cta .cta.cta-location {
			border-right: none;
		}

	}

	/*/ Update CSS /*/

	html.blog section#content div.row,
	html.archive section#content div.row {
		display: flex;
		flex-direction: column;
	}

	html.blog section#content div.row main,
	html.archive section#content div.row main {
		display: flex;
		flex-direction: column;
	}

	html.blog section#content div.row main h1,
	html.archive section#content div.row main h1 {
		order: 1;
	}

	html.blog section#content div.row main div#articles,
	html.archive section#content div.row main div#articles {
		order: 3;
	}

	html.blog section#content div.row main div.pagination,
	html.archive section#content div.row main div.pagination {
		order: 2;
	}

	html.blog section#content div.row main div.pagination>ul,
	html.archive section#content div.row main div.pagination>ul {
		margin-left: auto;
	}

	html.blog section#content div.row main div.pagination ul li a,
	html.archive section#content div.row main div.pagination ul li a {
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	}

	.page-numbers.dots {
		pointer-events: none;
	}

	html.blog section#content div.row aside,
	html.blog section#content div.row main,
	html.archive section#content div.row aside,
	html.archive section#content div.row main {
		width: 100%;
		max-width: 100%;
		gap: 0px 40px;
		padding-bottom: 40px;
	}

	html.blog section#content div.row aside,
	html.archive section#content div.row aside {
		padding: 15px 0px;
		display: flex;
	}

	html.blog section#content div.row aside div.filter-container,
	html.archive section#content div.row aside div.filter-container {
		display: flex;
		flex-direction: column;
		text-align: left;
		width: 100%;
	}

	html.blog section#content div.row aside div.filter-container select,
	html.archive section#content div.row aside div.filter-container select {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
		margin-top: 0;
		font-size: 85%;
		line-height: 1.15;
		color: #363636;
		border-radius: 5px;
		border: 1px solid #E9E9E9;
		background-color: #F5F5F5;
		padding: 15px;
		font-weight: normal;
	}

	.filter-container select {
		box-sizing: border-box;
		max-width: 100%;
		width: 100%;
		margin-bottom: 0;
		margin-top: 0;
		font-size: 85%;
		line-height: 1.15;
		color: #363636;
		border-radius: 5px;
		border: 1px solid #E9E9E9;
		background-color: #F5F5F5;
		padding: 15px;
		font-weight: normal;
	}

	html.blog section#content div.row aside div.filter-container label,
	html.archive section#content div.row aside div.filter-container label {
		margin-bottom: 10px;
	}



	html.blog section#content div.row main div#articles article,
	html.archive section#content div.row main div#articles article {
		flex-basis: auto;
		padding: 0px;
		border: none;
		display: flex;
		flex-direction: column;
	}

	html.blog section#content div.row main div#articles article>a,
	html.archive section#content div.row main div#articles article>a {
		margin-bottom: 0px;
	}

	html.blog section#content div.row main div#articles article>div,
	html.archive section#content div.row main div#articles article>div {
		background-color: #fff;
		padding: 40px 25px 25px 25px;
		flex: 1;
		display: flex;
		justify-content: space-between;
		flex-direction: column;

	}

	html.blog section#content div.row main div#articles article>div>div:first-of-type>span,
	html.archive section#content div.row main div#articles article>div>div:first-of-type>span {
		color: #00b1e8;
		display: block;
		width: 100%;
		font-size: 13px;
	}

	html.blog section#content div.row main div#articles article>div>div:first-of-type>span>i,
	html.archive section#content div.row main div#articles article>div>div:first-of-type>span>i {
		display: inline-block;
		margin-left: 10px;
		color: #00b1e8;
	}


	html.blog section#content div.row main div#articles article>div>div:last-of-type>span,
	html.archive section#content div.row main div#articles article>div>div:last-of-type>span {
		margin-right: 10px;
		display: inline-block;
	}



	div.footer-links {
		width: 100%;
		background-color: #fff;
		padding: 40px 0px;
	}

	div.footer-links>ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0px;
		margin: 0px;
		list-style: none;
	}


	div.footer-links>ul>li:last-of-type {
		border-right: none;
	}

	div.footer-links>ul>li>span {
		font-weight: 700;
		display: block;
		margin-bottom: 25px;
	}

	div.footer-links>ul>li>a {
		background-color: #2D4B59;
		border-radius: 50px;
		text-align: center;
		color: #fff;
		display: block;
		width: 100%;
		padding: 15px;
		text-decoration: none;
		white-space: nowrap;
	}

	ul.services-contact-container {
		width: 100%;
		list-style: none;
		padding: 0px;
		margin: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	ul.services-contact-container>li {
		width: calc(100% / 3 - 20px);
		border: 2px solid #666;
		margin: 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		flex-direction: column;
		border-radius: 0;
	}

	ul.services-contact-container>li>a {
		display: block;
		width: 100%;
		box-shadow: none;
		text-decoration: none;
	}

	ul.services-contact-container>li>a>div {
		display: flex;
		align-items: center;
		width: 100%;
	}

	ul.services-contact-container>li>a>div img {
		display: block;
		width: 100%;
		max-width: 100%;
		object-fit: contain;
		height: 200px;
		margin: 0 auto;
		padding: 30px;
	}

	ul.services-contact-container>li>a>span {
		display: block;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 0px 20px;
		box-sizing: border-box;
		text-align: center;
		text-decoration: none;
	}



	@media only screen and (max-width: 570px) {

		html.blog section#content div.row main div#articles article,
		html.archive section#content div.row main div#articles article {
			width: 100%;
		}

		html.blog section#content div.row aside,
		html.archive section#content div.row aside {
			flex-direction: column;
		}

		html.blog section#content div.row aside div.filter-container,
		html.archive section#content div.row aside div.filter-container {
			width: 100%;
			margin-bottom: 15px;
			max-width: none;
		}

		ul.services-contact-container>li {
			width: calc(100% / 1 - 20px);
			border: 2px solid #666;
			margin: 10px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			flex-direction: column;
			border-radius: 0;
		}
	}





	/*//// Axcelerate Training Plugin ////*/


	/* Fixes prior education select field */

	.enroller-field-holder.PRIOREDUCATIONIDS .modifier-checkbox .chosen-single {
		height: 3.5em;
	}

	.enroller-field-holder.PRIOREDUCATIONIDS .ui-checkbox label {
		height: 3.5em;
	}

	.PRIOREDUCATIONIDS .enroller-modifier-holder {
		display: block;
	}


	@media only screen and (min-width: 1100px) {
		#TermsConditions_step .enroller-blurb-holder {
			max-width: 50em;
			width: 50em;
		}
	}

	.container {
		z-index: 10;
	}

	#TermsConditions_step .ui-link {
		color: #inherit;
	}

	.enroller-blurb-holder {
		color: inherit;
	}

	.enroller-blurb-holder li {
		color: inherit;
	}

	.ui-page-theme-b a:visited,
	html .ui-bar-b a:visited,
	html .ui-body-b a:visited,
	html body .ui-group-theme-b a:visited {
		color: #inherit;
	}

	.enroller-content.ui-page {
		margin-bottom: 15em;
	}

	.ax-cd-program-benefits {
		color: inherit;
	}

	.ax-course-content-list {
		color: inherit;
	}

	.ax-course-details.ax-no-style {
		color: inherit;
	}

	.ax-course-list-description {
		color: inherit;
	}

	.ax-course-code {
		margin-bottom: 20px;
	}

	.ax-course-name {
		font-size: 34px;
	}

	.ax-course-button a {
		white-space: nowrap;
	}

	div.enroller-widget.outer-720 div.enroller-blurb-holder {
		max-width: 65em;
	}

	.enroller-field-input {
		border: none;
	}

	#enroller.enquiry-widget .enroller-step {
		border: none;
	}


	.ui-input-text.ui-body-inherit.ui-corner-all.controlgroup-textinput.ui-btn.ui-shadow-inset.ui-last-child {
		background: white;
	}

	/* COURSE LIST CSS */

	/* Course list Find out more button */

	#are-able .ax-course-list-link a {
		background-color: #2D4B59;
		;
		color: #fff;
		padding: 0.9em 2em;
		border-radius: 50px;
		border: 2px solid #2D4B59;
		text-decoration: none;
	}

	/* Course list Find out more button padding */

	.ax-course-list-link {
		padding-top: 2em;
	}

	/* Course list Find out more hover colour */

	#are-able .ax-course-list-link a:hover,
	#are-able .ax-course-list-link a:focus {
		background-color: #1B2E35;
		color: #fff;
		border: 2px solid #1B2E35;
		border-radius: 50px;
	}

	/* Course list border */

	#are-able div.ax-list div.ax-course-list-record {
		margin-bottom: 1em;
		border: none;
		background: #f5f5f5;
		padding: 3em;

	}

	/* COURSE DETAILS CSS */

	/* featured image */

	#are-able .ax-cd-image img {
		width: 100%;
		object-fit: contain;
		max-height: 60vh;
	}

	#banner-modern #image-container {
		aspect-ratio:16/6;
	}

	#are-able .ax-cd-image {
		margin-top: 40px;
		margin-bottom: 60px;
	}

	/*enquiry button spacing fix */

	.enquiry {
		margin-top: 2em;
		margin-bottom: 2em;
	}

	/* instance list button */

	#are-able .ax-course-button a {
		background-color: #2D4B59;
		border: 2px solid #2D4B59;
		border-radius: 50px;
		box-shadow: none;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: Lufga, sans-serif;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.2;
		margin: 0;
		overflow: hidden;
		padding: 0.9em 1.5em;
		position: relative;
		text-decoration: none;
		z-index: 1;
	}


	/* instance list button hover */

	#are-able .ax-course-button a:hover {
		background-color: #1B2E35;
		border: 2px solid #1B2E35;

	}



	/*instance list background colour */

	.ax-course-instance-list.ax-table tbody {
		background-color: #ffffff;
	}

	.ax-table tr:nth-child(even) {
		background: #EDEDED;
	}

	/*instance list top border colour */

	.ax-course-instance-list.ax-table thead {
		background-color: #2D4B59;
		color: white;
	}

	/*instance list padding */

	.ax-course-instance-list.ax-table td {
		padding: 1em;
	}

	.ax-course-instance-list.ax-table td {
		text-align: left;
	}

	@media only screen and (max-width: 700px) {
		.single-tribe_events .tribe-events-cal-links a {
			margin-top: 0;
		}

		.instance_date:before {
			font-weight: bold;
			content: "Date: ";
		}

		.instance_time:before {
			font-weight: bold;
			content: "Time: "
		}

		.instance_location:before {
			font-weight: bold;
			content: "Location: "
		}

		.instance_vacancy:before {
			font-weight: bold;
			content: "Available Spaces: "
		}

		.instance_cost:before {
			font-weight: bold;
			content: "Price: "
		}

		.instance_start:before {
			font-weight: bold;
			content: "Start Date: "
		}

		.instance_finish:before {
			font-weight: bold;
			content: "End Date: "
		}

		div.ax-course-instance-list.ax-table tr {
			background: #f7f7f7;
			margin: 5% 0;
			padding: 5%
		}

		.ax-course-instance-list.ax-table a.button {
			display: block;
		}

		div.ax-course-instance-list table,
		div.ax-course-instance-list td {
			border: none;
			padding: 0.25em;
		}

		.ax-course-instance-list.ax-table table tbody tr td {
			text-align: center;
		}

		div.ax-course-instance-list td:first-child {
			font-weight: bold;
			text-decoration: underline;
		}
	}




	/* Axcelerate Layout Fixes */

	.ax-popup-holder {
		width: 100%;
		position: absolute;
	}

	.workshopOutlineData img {
		max-width: 100%;
	}

	.row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0px;
		margin-left: 0px;
	}


	.col,
	.col-1,
	.col-10,
	.col-11,
	.col-12,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-auto,
	.col-lg,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-auto,
	.col-md,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-auto,
	.col-sm,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-auto,
	.col-xl,
	.col-xl-1,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-auto {
		position: inherit;
		width: initial;
		min-height: 1px;
		padding-right: 0px;
		padding-left: 0px
	}


	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: Lufga, sans-serif;
		font-weight: bold;
	}


	body {
		font-family: Lufga, sans-serif;
	}

	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: Lufga, sans-serif;
		font-weight: bold;
	}


	#are-able main .content .enroller-content ul li::marker {
		content: "";
	}


	dl,
	ol,
	ul {
		margin-top: initial;
		margin-bottom: initial;
	}


	img {
		vertical-align: initial;
		border-style: none
	}



	@media (min-width: 576px) {
		.container {
			max-width: 100%;
		}
	}

	@media (min-width: 768px) {
		.container {
			max-width: 100%;
		}
	}

	@media (min-width: 992px) {
		.container {
			max-width: 100%;
		}
	}

	@media (min-width: 1200px) {
		.container {
			max-width: 100%;
		}
	}






/* Temp */
body .custom-course-notification {
	width:100%;
	top:0;
	left:0;
	background-color:#e26663!important;
	font-size:inherit!important;
}

body .ax-course-list-description span{
	font-size:inherit!important;
	font-size: 15px; white-space: wrap!important;
}


.ax-course-details .row.max-width .wrapper.medium {
	min-width:100%;
}


iframe.wp-embedded-content {
	box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	border:none;
	}

.wpsl-info-window strong a {
	font-size:18px;
}

.wpsl-info-window  {
	font-size:16px;
}

.row.max-width .wrapper.medium {
	justify-content: space-between;
}

header #top .col.search .fa {
	background:none;
	border:0;
} 

.store-categories {
    display: flex;
    gap: 10px;
	margin-bottom:20px;
}

ul.store-categories {
    list-style-type: none;
    padding-left: 0;
} 

.store-categories li a{
    padding:10px 20px;
	background:#2D4B59;
	color:#fff;
	text-decoration:none;
	border-radius:50px;
}

.store-categories li a:hover{
	background:#1B2E35;
	color:#fff;
}

@media (max-width: 675px) {
    #wpsl-result-list p, #wpsl-wrap #wpsl-result-list li {
        padding-left: 10px;
    }
}



#content .row.max-width:first-of-type.no-margin {
	margin-top:0px;
	
}

section#breadcrumbs .container{
	padding: 0 20px;
}

.wpsl-gmap-canvas {
	margin-bottom:0px;
}
#location-list {
		 display: grid;
  grid-template-columns: repeat(auto-fill,minmax(360px, 1fr));
	grid-gap:20px;
} 

.wpsl-locations-details strong{
	font-size:calc(.30vw + 20px);
}
#content .row.max-width:first-of-type{
	margin-top:70px;
}

.featured-box-container.borderless{
	text-align:center;
}

.featured-box-container.borderless *{
	width:100%;
}

#outreach-sites {
	 display: grid;
  grid-template-columns: repeat(auto-fill,minmax(240px, 1fr));
	grid-gap:20px;
}

#reports {
 display: grid;
  grid-template-columns: repeat(auto-fill,minmax(220px, 1fr));
		grid-gap:20px;
}

.testimonials-slider-container, .testimonials-slider  {
	min-width:100%!important;
}

#banner-modern .container {
	max-width:1400px;
}
body section .container {
	max-width:100%;
}

.row.max-width {
max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
} 
 
.row.max-width .wrapper.medium{
	margin-left:auto;
	margin-right:auto;
	max-width:80%;
	    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#general-content-row {
	margin-top:40px;
}

#general-content-row ul, #general-content-row ol{
	margin-bottom:20px
}



.row.max-width .wrapper.medium .testimonials-slider-container {
	max-width:none;
}

#featured-map-section-heading {
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
}
 

/* Featured Boxes */

.featured-box-container.borderless {
display:flex;	
	flex-wrap:wrap-reverse;
}
 



/* Map */
#wpsl-wrap a.wpsl-zoom-here, #wpsl-wrap a.wpsl-directions {
	padding:5px 15px;
	text-decoration:none;
	background:#2d4b59;
	color:#fff;
	border-radius:30px;
	margin-top:10px;
}

 #wpsl-wrap a.wpsl-zoom-here:hover, #wpsl-wrap a.wpsl-directions:hover {
  background: #1B2E35;
}

.location-map {
	margin-top:60px;
}

.wpsl-dropdown {
	width:120px;
}

body #wpsl-search-btn{
	border-radius:40px;
	box-shadow:none;
	border:none;
	color:#fff;
	background:#2d4b59;
	padding:10px 30px;
	font-weight:bold;
}
 
.wpsl-search {
	background:#fff;
}

body .wpsl-input label, body #wpsl-radius label, body #wpsl-category label {
	width:auto;
}



	.locations_list {
		display: inline;
	}
	.locations_list ul {
		overflow-y: scroll;
    	overflow-x: hidden;
		height: 50rem;
		max-height: 50rem
	}
	.locations_list ul li {
		width: 45%;
		background-color: #00a5e3;
		list-style: none;
		float: left;
		padding: 20px;
		margin: 10px;
		border-radius: 20px;
		height: auto;
	}
	.locations_list ul li h3 {
		margin-bottom: 10px
	}
	.locations_list ul li div {
		color: #fff !important;
		min-height: 150px;
	}
	.locations_list ul li div p,
	.locations_list ul li div a,
	.locations_list ul li div {
		margin-bottom: 5px
	}
	.locations_list ul li div .address_telephone {
		color: #fff !important;
		box-shadow: inset 0 -0.0625rem 0 rgb(255 255 255) !important
	}
	.locations_list ul li div .address_telephone i {
		margin-right: 10px
	}
	.address-btn {
		background-color: #fff;
		border: 1px solid #fff;
		border-radius: .625rem;
		box-shadow: none;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-family: Lato,sans-serif;
		font-size: 90%;
		font-weight: 400;
		line-height: 1;
		margin: 0;
		overflow: hidden;
		padding: .9em 2.75em;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		transition: .3s ease-in-out;
    	z-index: 1;
	}
	.address-btn:hover {
		color: #fff;
		border: 1px #fff solid;
		background-color: #00a5e3
	}
	.wpsl-dropdown {
		width: 110px !important
	}
	#wpsl-search-wrap div {
		margin-right: 20px !important
	}

	#wpsl-wrap, .wpsl-search {
		margin-bottom:0px;
	}


	#are-able #wpsl-search-btn {
	background: #2E5665;
    border:2px solid #2E5665;
    border-radius: 50px;
    box-shadow: none;
  	color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Lufga, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    padding: 0.9em 1.5em;
    position: relative;
    text-decoration: none;
    z-index: 1;
margin-right:10px;
}


#are-able #wpsl-search-btn:focus, #are-able #wpsl-search-btn:hover {
	background: #1B2E35;
    border:2px solid #1B2E35;
}


#are-able  #wpsl-gmap {
	margin:0;
}

#are-able #wpsl-wrap .wpsl-search {
	padding-bottom:20px;
	padding-top:20px;
}


#are-able #wpsl-wrap #wpsl-search-wrap label  {
	line-height:62px;
}


#are-able #wpsl-search-input, #are-able  .wpsl-selected-item {
	line-height:45px
}

#are-able #wpsl-search-wrap {
	  display: flex;
  align-items: center;
  justify-content: center;
}

#are-able #wpsl-category, #are-able .wpsl-input, #are-able .wpsl-select-wrap {
	margin-bottom:0px;
}


#are-able .wpsl-input label, #are-able  #wpsl-radius label, #are-able  #wpsl-category label {
	width:auto;
}

#are-able #wpsl-result-list {
	margin-right:0px;
}



#are-able  #wpsl-search-btn-wrap {

	width:380px;
}



/* Ordered List Styling */


.incremental ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.incremental li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.incremental li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

.incremental li li {
  margin: 0;
}

.incremental li li:before {
  content: counters(item, ".") " ";
}


/* Layout */

.container.footer-menu li {
	padding-top:5px;
	padding-bottom:5px;
}


.table-of-content ul {
	  scrollbar-width: none;
}

.ax-course-instance-list.ax-table {
  white-space: none; 
	overflow-x: scroll;
	max-width:85vw;
} 

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

section#content  {
	padding-bottom:80px;
}

article .gallery, main .gallery {
	margin-bottom:20px;
}

.page-template-page-training-course-details #general-content-row {
	width:100%;
}



.page-template-page-training-course-details section#content .container  {
    padding: 0 20px;
    padding-top: 0px;
}



@media (min-width:1301px){
body #banner-modern .ax-course-image.hero {
	position:relative;
	width:100%
}
	
	.page-template-page-training-course-details #banner-modern {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
}

@media (max-width:1300px){
body #banner-modern .ax-course-image.hero {
	position:relative;
	width:100%
}
	.page-template-page-training-course-details section#content #banner-modern .container {
	padding:0px;
}
}



/* Posts */


img.hero{
max-width:100%;
	margin-bottom:2em;
}

.single-post  h1 {
	margin-bottom:.2em;
}

.single-post time {
		margin-bottom:2em;
}


/* Gravity Form */

.gform_confirmation_message {
	font-weight:bold;
}

#are-able .gform_wrapper.gravity-theme .gform_footer button+input,  
#are-able .gform_wrapper.gravity-theme .gform_footer input+button,
#are-able  .gform_wrapper.gravity-theme .gform_footer input+input,
#are-able  .gform_wrapper.gravity-theme .gform_page_footer button+input, 
#are-able .gform_wrapper.gravity-theme .gform_page_footer input+button, 
#are-able .gform_wrapper.gravity-theme .gform_page_footer input+input {
	margin-left:0px;
}

input[type=submit] {
	    background-color: #2D4B59;
    border: 2px solid #2D4B59;
    border-radius: 50px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Lufga, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    padding: 0.9em 1.5em;
    position: relative;
    text-decoration: none;
    z-index: 1;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
	display:flex;
}

#are-able .gform_wrapper.gravity-theme .gform_footer button, #are-able .gform_wrapper.gravity-theme .gform_footer input, #are-able .gform_wrapper.gravity-theme .gform_page_footer button, #are-able .gform_wrapper.gravity-theme .gform_page_footer input {
	margin-top:20px;
	margin-right:20px;
	line-height:1.5;
		margin-bottom:8px;
}

.gform_wrapper.gravity-theme .gf_progressbar_blue {
 -webkit-mask-image:url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-single.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size:100% 40px;
} 


.gform_wrapper.gravity-theme .gf_progressbar_blue span{
visibility:hidden;
}



/* Gravity Form Footer - Sentiment Check */

.container.footer-page-feedback {
  background:#2d4b59;
	color:#fff;
}

.container.footer-page-feedback .row .gform_wrapper{
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

.container.footer-page-feedback .row{
	justify-content: center;
}

.container.footer-page-feedback .gform_wrapper.gravity-theme .ginput_counter {
	color:#fff; 
}

/* Container for radio buttons */
.container.footer-page-feedback  .gfield_radio {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap; /* Optional: wrap on small screens */
} 

 

fieldset#field_74_3 {
	
 margin-left: auto;
    margin-right: auto;
}  

fieldset#field_74_3 .ginput_container_radio .gfield_radio div{
	
 margin-left: auto;
    margin-right: auto;
}    


/* Style the label as a custom button */
.container.footer-page-feedback  .gform-field-label--type-inline  {
  display: inline-block;
  padding: 0.6em 1.2em;
  border: 2px solid #FBD872;
  color: #FBD872;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 40px;
  font-weight: 500;
}

.container.footer-page-feedback .gform_button.button {
  display: inline-block;
  padding: 0.6em 1.2em;
  border: 2px solid #FBD872;
  color: #FBD872;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 40px;
  font-weight: 500;
}



/* Add hover effect */
.container.footer-page-feedback  .gform-field-label--type-inline:hover {
  background-color: #FBD872;
	color:#2d4b59;
}

.container.footer-page-feedback .gform_wrapper.gravity-theme .gfield-choice-input+label {
	max-width:100%;
}

body .container.footer-page-feedback  .gform_wrapper .gform_footer input[type=submit]:hover {
	 background-color: #FBD872;
	color:#2d4b59;
	border:2px solid #FBD872;
}

/* Style the selected (checked) radio */
.container.footer-page-feedback  .gfield-choice-input[type="radio"]:checked + .gform-field-label--type-inline {
  background-color: #FBD872;
  color: #2d4b59; /* Contrast text */
}




/* Completely hide the native radio input */
.container.footer-page-feedback  .gfield-choice-input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
}


div#gform_confirmation_wrapper_74, body .container.footer-page-feedback  .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	margin-left:auto;
	margin-right:auto;
}

.container.footer-page-feedback .gform_wrapper.gravity-theme .gfield_label {
	font-size:1.2em;
}

.container.footer-page-feedback .gform-field-label.gform-field-label--type-inline {
	font-size:1.2em;
}




/* Make each radio label a horizontal flex container */
.container.footer-page-feedback  .gfield_radio label {
  display: inline-flex;
  align-items: center;
  gap: 0.4em; /* spacing between icon and text */
  white-space: nowrap;
}

/* Ensure the SVG icons scale and align well */
.container.footer-page-feedback  .gfield_radio label svg.thumb-icon {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor; /* or set to #FBD872 */
  vertical-align: middle;
  flex-shrink: 0;
}


/* Ensure the SVG icons scale and align well */

.gform_confirmation_message_74 .gform_confirmation_message * {
margin:0;	
}






/* Featured File */

#featured-file img{
width:100%;	
}

#are-able main .content #featured-file li::marker {
	content:"";
}


section#content .container 
#featured-file li img {
    display: block;
    position: relative;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);

}

#featured-file h4{
	padding-top:10px;
}

section#content .container main #featured-file a{
text-decoration:none;
}


/* Reports */

#reports img{
width:100%;	
}

#reports h4{
	padding-top:10px;
}


/* Header */
header .logo img{
height:80px;
 max-width:100%;	
}   
 
a.logo {
	position:absolute;
		top:50%;
		transform:translatey(-50%);
}

.container.navigation {
	min-height:100px;
}

#top .container {
min-height:60px;
}

/* Accordion */

#are-able .accordion-content-wrapper  ul li::marker {
	    font-family: are-able_Webfont;
    content: "\e80f";
    color: #2D4B59;
}

.accordion-content ul{
	margin-left:20px;
	margin-bottom:40px;
}


.accordion-content ul ul{
	margin-left:20px;
	margin-bottom:15px;
}

.accordion .certification {
	max-width:400px;
	padding:40px;
}



.accordion-row.inactive {
    border-color:transparent;

}



.accordion-row.active {
    background: #F5F5F5;

}

.accordion {
	border: 1px solid #EBEBEB;
}

.accordion-row {
	background: transparent;
	color: inherit;
	cursor: pointer;
	padding: 25px 40px 25px 30px;
	width: 100%;
	text-align: left;
	transition: 0.4s;
	display: flex;
	align-content: stretch;
	justify-content: space-between;
	align-items: center;
	bottom: 0;
	z-index: 10;
	transition: 0.3s ease-in-out;
	position:relative;
	border:none;
}

#accordion-section {
    margin-top: 60px;
    margin-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
}





.accordion-row h2 {
	margin-bottom:0px;
}


.accordion-row:after {
	font-family: "are-able_Webfont";
	content: "\e80f";
	float: right;
	margin-left: auto;
	font-size: inherit;
	text-rendering: auto;
	font-size: 26px;
box-shadow:0px 2px 4px rgba(0, 0, 0, 0.10);
	min-width:40px;
	min-height:40px;
	background:#fff;
	border-radius:50px;
	text-align: center;
    line-height: 40px;
}

button.accordion-row.active:after {
	content: "\e80d";
	display:block;
	background:#2D4B59;
	color:#fff;

}


.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #F5F5F5;
	position:relative;
}

.accordion-content img {
	max-width: 100%;
	width:auto;
	object-fit: contain;
	margin: auto;
	display: block
}
.accordion-content p,
.accordion-content ul,
.accordion-content h1,
.accordion-content h2,
.accordion-content h3,
.accordion-content h4,
.accordion-content h5,
.accordion-content h6,
 {
	padding: 20px;
	margin: 0px;
}
.accordion-content p:first-of-type,
.accordion-content ul:first-of-type{
	margin-top: 10px;
}
.accordion-content a {
	margin-bottom: 10px;
	text-align: center;
	display: block
}

.accordion-content p a {
	margin-bottom: 0;
	text-align: center;
	display: inline-block;
}

#are-able .accordion-content .container{
	padding-bottom:40px;
	padding-top:40px;
	padding-left:0px;
	padding-right:0px;
}

.accordion-content-wrapper {
padding-top:20px;
padding-bottom:20px;
}


#are-able .accordion-content .container p, #are-able .accordion-content .container ul {
	padding:0;
}

#are-able .accordion-content .container  p:first-of-type, #are-able .accordion-content .container ul:first-of-type {
margin-top:0;
}

#are-able .accordion-content .container li {
	margin-left:20px;
}



/* Video Block Styling */


.video-block.col-8 > div{ 
margin-bottom:40px
}


body .video-block-content p:last-of-type {
	margin:0;
}

body .video-block-content {
	padding:0px 40px 40px 40px;
}

body .video-js .vjs-big-play-button {
	background:transparent;
border:none;
height:20vw;
margin:0;
padding:0;
transform:translatey(-50%)translatex(-50%);
}

body .vjs-loading-spinner {
	margin:0;
padding:0;
transform:translatey(-50%)translatex(-50%);
} 


body .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content:"";
	background: url(/wp-content/themes/areable/assets/icons/play.svg);
				background-size:contain;
	background-repeat:no-repeat;
			background-position:center;

}   
	 
 
body .video-js .vjs-big-play-button:focus,body .video-js:hover .vjs-big-play-button {
	background:transparent;
}


body:not(.single) #video-block-row:before {
		position:absolute;
	background:#2d4b59;
	content:"";
  width: 100vw;
	height:100%;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	z-index:-1;
	top:0;

}

body:not(.single) #video-block-row{
   list-style: none;
    padding: 80px 0;
	  margin-top: 40px;
	margin-bottom:80px;
	width:100%;
	display:flex;
			max-width:1400px;
	margin-left:auto;
	margin-right:auto;
		position:relative;
	z-index:99;
		color:#fff;
}

@media (max-width: 767px) {
	body .video-block-content  {
		padding-bottom:0;
	}
}



/* TOC Styling */
.table-of-contents li a.active{
	 background:#F5F5F5;
	border-bottom:10px solid #5EA7DC;
}
  .toc-placeholder {
            display: none;
            height: 0;
        }

 .toc-sticky-container.sticky {
	  background:#fff;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
	 			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}


 .toc-sticky-container{
	 			box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
}



#are-able main  .content .table-of-contents  ul li::marker {
	content:"";
}

.table-of-contents {
		background:#fff;
		position:relative;

}


.table-of-contents ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
	display:flex;
			flex-wrap:nowrap;
			max-width:1400px;
	margin-left:auto;
	margin-right:auto;
		position:relative;
	z-index:99;
overflow-x:auto;
	   scrollbar-width: none;
	
} 


.table-of-contents ul::-webkit-scrollbar{
    display: none;
	
  }



.table-of-contents ul:after {
	position:absolute;
	background:#fff;
	content:"";
  width: 100vw;
	height:100%;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
	z-index:1;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);

}

.table-of-contents li {
padding-left:0;
	margin:0;
	background:#fff;
	border:1px solid #F5F5F5;
			flex-wrap:nowrap;
		z-index:99;
}

.table-of-contents li a {
    text-decoration: none;
    color: inherit;
	padding:20px;
	width:100%;
	display:block;
	border-bottom:10px solid #fff;
	height:100%;
	white-space:nowrap;
}

.table-of-contents a:hover {
 background:#F5F5F5;
	border-bottom:10px solid #5EA7DC;
}

 

/* Row Styling */


#general-content-row>div{
	padding-bottom:20px;
}  


 


/* Related services */

.row .related-pages-posts-slider-container {

	margin-top:80px;
}

.related-pages-posts-slider li:before {
		display:block;
	position:absolute;
	top:-9px;
	left:0;
	content:"";
	height:50px; 
	width:100%;
background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-coral-yellow.svg);
		background-repeat:no-repeat;
	background-size:auto 20px;
		z-index:99;
}
 
 

.related-pages-posts-slider li {
	position:relative;
	overflow:visible;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
	background:#fff;
} 
  

.related-pages-posts-slider li .related-pages-posts-wrapper {
padding:40px;
} 


.related-pages-posts-slider h4 {
	min-height:100px;
}

.related-pages-posts-slider li h4 a{
text-decoration:none;
	color:inherit;
}

.related-pages-posts-slider li h4 a:hover,.related-pages-posts-slider li h4 a:focus{
text-decoration:underline;
}


.related-pages-posts-slider .slick-track {
	padding-top:40px;
	padding-bottom:40px;
}


  .related-pages-posts-slider .slick-slide {
      margin: 0 16px;
  }

 .related-pages-posts-slider   .slick-list {
      margin: 0 -16px;
  }



/* Header */

header #top .col.telephone{
    color: inherit;
    font-size: 100%;
    font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
	margin-righT:20px;
}

header #top .col.telephone a{
line-height:74px;
}




header #top .col.telephone {
    position:relative;   
}

header #top .telephone a:before {
    content: "\e833";
	font-family: "are-able_Webfont";
	margin-right:5px;
	font-size:120%;
} 


@media (max-width: 480px) {
    header #top .col.telephone {
        display: none;
    }
}

.active:after {
	display:none;
}

.modal-backdrop {
	display:none;
}

#page-outreach-sites ul.children{
	display:none;
}


/* Acknowledgements */

.acknowledgments-container {
	background:url(/wp-content/themes/areable/assets/img/acknowledgement.webp);
	background-size: cover;
	
} 

.acknowledgments-container p {
	background:#fff;
	color:#000;
	padding:5px;
	font-size:120%;
	display:inline-block;
	text-align:left;
	padding:20px;
}


.acknowledgments-container div {
    max-width: 1400px;
    margin: 0 auto;
}




/* Latest News */ 

 #articles .article * {
position:relative;
}

section#content div.row div#articles article > div:after {
	display:block;
	position:absolute;
	top:-9px;
	left:0;
	content:"";
	height:18px; 
	width:100%;
background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-single.svg);
		background-repeat:repeat-x;
	background-size:auto 18px;
		z-index:9;
}
section#content div.row main div#articles article > div {
position:relative;
	z-index:1;
}


 #articles .article .image {
	overflow:visible;
	max-width:100%
}  


/* Home Buttons */

.home-buttons .icon{
top:-30px;
	position:absolute;
	width:55px;
	right:-20px;
}

.home-buttons * {
	position:relative;
}


ul.home-buttons li {
	justify-content:space-between;
}








/* Header Navigation */

.clicky-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-contact a{
	line-height:40px;
background:#2D4B59;
	border-radius:50px; 
	transform:translatey(-50%);
	top:50%;
	position:relative;
	border:10px solid #2D4B59;
	color:#fff;
	padding-left:30px;
	padding-right:30px;
	height:auto;
} 

.clicky-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-contact a:hover,  
.clicky-menu li.menu-item.menu-item-type_post_type.menu-item-object-page.menu-item-contact a:focus{
	line-height:40px;
background:#1B2E35;
	border-radius:40px; 
	transform:translatey(-50%);
	top:50%;
	position:relative;
	border:10px solid #1B2E35;
}


.clicky-menu > .child-1:not(.has-sublist) a{
	display:inline-block;
	     border-bottom: 10px solid transparent;
    border-top: 10px solid transparent; 
	height:100%;
} 
 

.clicky-menu button {
padding:0;
}

.clicky-menu > .child-1:not(.has-sublist) a:hover{
    border-bottom: 10px solid #E77166;
    border-top: 10px solid #F5F5F5;
    color: #2D4B59;
    font-weight: bold;
    background: #F5F5F5;
}


/* Footer */

ul, menu, dir {
list-style-type: none;
} 

.footer-menu ::marker {
content:"";
}

.footer-menu a{
text-decoration:none;
 
}  

.footer-menu a:hover, 
.footer-menu a:focus{
text-decoration:underline;
 
}  


.footer-flags .col-16 {
	display:flex;
}

.footer-flags .col-16 div{
	width:40px;
	height:40px;
	margin-right:13px;
}
.footer-menu li{
	line-height:1.8;
}
.nav-footer.locations{
 display: grid;
  grid-template-columns: repeat(auto-fill,minmax(220px, 1fr));
}
   

div[data-title="Information"]  {
	margin-bottom:40px;
}

div[data-title="Locations"]  {
	margin-bottom:40px;
}
 
img.footer-value {
	max-height:60px
} 


footer > .container > .row .social-link a {
	text-decoration:none;
}


footer > .container > .row a.social-link[href*="facebook"]:before  {
color:#fff;
		    font-family: are-able_Webfont;
		    content: "\e819";
    max-width: 30px;
    max-height: 30px;
display:block;
	transform:translatey(-50%)translatex(-50%);
	top:50%;
	left:50%;
	position:relative;
} 


footer > .container > .row a.social-link[href*="instagram"]:before  {
color:#fff;
		    font-family: are-able_Webfont;
		    content: "\e824";
    max-width: 30px;
    max-height: 30px;
display:block;
	transform:translatey(-50%)translatex(-50%);
	top:50%;
	left:50%;
	position:relative;


} 


footer > .container > .row a.social-link[href*="linkedin"]:before  {
color:#fff;
		    font-family: are-able_Webfont;
		    content: "\e827";
    max-width: 30px;
    max-height: 30px;
display:block;
	transform:translatey(-50%)translatex(-50%);
	top:50%;
	left:50%;
	position:relative;

} 

  


footer > .container > .row a.social-link[href*="youtube"]:before  {
color:#fff;
		    font-family: are-able_Webfont;
		    content: "\e842";
    max-width: 30px;
    max-height: 30px;
display:block;
	transform:translatey(-50%)translatex(-50%);
	top:50%;
	left:50%;
	position:relative;

} 


footer > .container > .row .social-link {
width:60px;
	height:60px;
	background:#2D4B59;
	border-radius:100px;
		position:relative;
	display:inline-block;
text-align:center;
}

    footer > .container > .row .social-link:hover {
background:#1B2E35;
} 



/* Blockquote */

blockquote {
	background-color:#F5F5F5;
}     
  
blockquote:before {
		display:block;
	position:absolute;
	top:-9px;
	left:0;
	content:"";
	height:50px; 
	width:100%;
background: url(/wp-content/themes/areable/assets/graphic-elements/horizontal-journey-line-coral-yellow.svg);
		background-repeat:no-repeat;
	background-size:auto 20px;
		z-index:9;
}

/* Bulleted Lists */

#are-able  .content  ul.hours li::marker {
	content:"";
} 



/* Visually hide, but keep available to screen readers and keyboard */
.skip-link {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-200%);
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 10000;
  text-decoration: none;
}

/* Reveal when keyboard users tab to it */
.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
}

/* Let focus land on the main region without adding visible outline unless tabbed */
#main-content:focus {
  outline: none;
}





/* End additional styles */

/* Content list indentation (final precedence) */
article ul,
article ol,
main ul,
main ol {
  list-style-position: outside;
  padding-left: 1.25em;
}