/*
CSS: Table of Contents
---------
1)  BOOTSTRAP OVERRIDES 
2)  EMBEDDED FONTS
3)  LIGHTBOX - EKKO Styling
4)  FONTAWESOME  
5)  GENERAL STYLING
    - Headings H1-H5
    - Default Links
    - Button Link
    - Read More Link
    - Horizontal Rules
    - Wavy Lines
    - Social Media Links
    - Search Bar
    - Menu Icon 
    - Skill Role
6)  TOP NAV (NO JS: BACKUP MENU) 
    - Top Nav: Media Queries
7)  CONTAINERS
    - Top Logo/Menu Container
    - Added Content 
    - Main Menu Container (JS Menu Wrapper)
8)  MAIN MENU (Levels 0-4)
9)  SIDE MENU (Left Column)
10) PARALLAX STYLING SCRIPT (js/parallax.min.js)
11) CELL STYLINGS
12) DEFAULT COLOURS
    - Fixes the colors of Links for Background Color 0,1,7
    - Color Fixes for Read Me + Button Links 
    - Color Fixes for the Header   
13) CONTENT BODY
    - HEADER Styling
    - Content wrappers for all template pages
    - Breadcrumbs and Social Media Styling
    - Main Content Area Styling
      - Image Types
      - News Archive
14) FOOTER
15) HOMEPAGE TEMPLATE      
    - Header
    - CELL Homepage Styling
    - Template Specific Settings
    - Full Width Section
    - Homepage: Media Queries    
16) HISTORY TIMELINE
    - History Timeline: Media Queries
17) SEARCH RESULTS TEMPLATE    
18) GENERAL MEDIA QUERIES
    - Tablet Size (500px and up)
    - Small Devices (768px)
    - Medium Devices (992px)
    - Large Devices (1200px)
*/
/* ------------------------------------------------------- */
/* ----------------1) BOOTSTRAP OVERRIDES------------------ */
.container-fluid, .container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; }
.row { margin-right: 0; margin-left: 0; }
.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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}
.breadcrumb{ padding: 1%; }
/* Nav stacked (sidebar). Disabled a margin value not needed */
.nav-stacked>li+li { margin-top: 0; }
.btn{ padding:7px 12px; }
/* -------------------------END:1------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------2) EMBEDDED FONTS-------------------- */
@font-face {font-family: 'DIN-Light';src: url('https://railacademy.vic.gov.au/__data/assets/file/0015/118302/32B711_2_0.eot');src: url('https://railacademy.vic.gov.au/__data/assets/file/0015/118302/32B711_2_0.eot?#iefix') format('embedded-opentype'),url('https://railacademy.vic.gov.au/__data/assets/file/0018/118305/32B711_2_0.woff2') format('woff2'),url('https://railacademy.vic.gov.au/__data/assets/file/0017/118304/32B711_2_0.woff') format('woff'),url('https://railacademy.vic.gov.au/__data/assets/file/0016/118303/32B711_2_0.ttf') format('truetype');}
@font-face {font-family: 'DIN-Medium';src: url('https://railacademy.vic.gov.au/__data/assets/file/0019/118306/32B711_3_0.eot');src: url('https://railacademy.vic.gov.au/__data/assets/file/0019/118306/32B711_3_0.eot?#iefix') format('embedded-opentype'),url('https://railacademy.vic.gov.au/__data/assets/file/0004/118309/32B711_3_0.woff2') format('woff2'),url('https://railacademy.vic.gov.au/__data/assets/file/0003/118308/32B711_3_0.woff') format('woff'),url('https://railacademy.vic.gov.au/__data/assets/file/0020/118307/32B711_3_0.ttf') format('truetype');}
@font-face {font-family: 'DIN-Regular';src: url('https://railacademy.vic.gov.au/__data/assets/file/0011/118298/32B711_0_0.eot');src: url('https://railacademy.vic.gov.au/__data/assets/file/0011/118298/32B711_0_0.eot?#iefix') format('embedded-opentype'),url('https://railacademy.vic.gov.au/__data/assets/file/0014/118301/32B711_0_0.woff2') format('woff2'),url('https://railacademy.vic.gov.au/__data/assets/file/0013/118300/32B711_0_0.woff') format('woff'),url('https://railacademy.vic.gov.au/__data/assets/file/0003/118299/32B711_0_0.ttf') format('truetype');}
/* -------------------------END:2------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------ */
/* ------------3) LIGHTBOX - EKKO Styling --------------- */
.ekko-lightbox-nav-overlay a:focus,.ekko-lightbox-nav-overlay a>:focus{outline:0}
.ekko-lightbox-container{position:relative}
.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;width:100%;transition:opacity .5s ease-in-out;opacity:1}
.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}
.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}
.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}
.ekko-lightbox-nav-overlay a span{padding:0 30px}
.ekko-lightbox-nav-overlay a:last-child span{text-align:right}
.ekko-lightbox-nav-overlay a:hover{text-decoration:none}
.ekko-lightbox a:hover{opacity:1;text-decoration:none}
.ekko-lightbox .modal-footer{text-align:left}
.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}
.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}
.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}
.ekko-lightbox-nav-overlay a span{ color: #FFF; }
.ekko-lightbox-nav-overlay a, .ekko-lightbox-nav-overlay a:hover { text-decoration: none; }
/* -----------------------END:3-------------------------- */
/* ------------------------------------------------------ */
/* ------------------4) FONTAWESOME --------------------- */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.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(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;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{content:"\f002"}.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-remove:before,.fa-close: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-gear:before,.fa-cog: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-rotate-right:before,.fa-repeat: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-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.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{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.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-warning:before,.fa-exclamation-triangle: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-gears:before,.fa-cogs: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{content:"\f095"}.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-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.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-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard: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{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.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-unlink:before,.fa-chain-broken: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-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw: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-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try: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-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap: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-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-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-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-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-soccer-ball-o:before,.fa-futbol-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-shekel:before,.fa-sheqel:before,.fa-ils: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-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator: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:before,.fa-battery-full: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-stop-o:before,.fa-hand-paper-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-tv:before,.fa-television: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-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language: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-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-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:before,.fa-thermometer-full: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-bathtub:before,.fa-s15:before,.fa-bath: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}
/* -----------------------END:4-------------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------- */
/* ------------------5) GENERAL STYLING------------------- */
body {
    font-family: "DIN-Light", Helvetica, Arial, sans-serif;
    text-align: left; /* as backup */
	text-align: start;
	text-indent: 0px;
	font-size: 160%; /* 100% = 10px */
    color:#000;
}
html, body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
}

/* Main use to flip the color of the logo */
.invert{-webkit-filter: invert(100%); filter: invert(100%);}

/* Tint the header image to a darker shade. can this become a dynamic variable to be set when someone changes the header image? */
.tint-layer, .tint-layer2{ width: 100%; position: absolute; z-index: 2; }

/* Full screen layer that appears when menu sidebar opens */
.overlay {
   background-color: #000;
   filter:alpha(opacity=0);
   -moz-opacity:0;
   -khtml-opacity: 0;
   opacity: 0.0;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 999;
   width:100%;
   height:100%;
}

    /* ------------------Headings H1-H5------------------- */
    h1, h2, h3, h4, h5 { margin-top: 0; margin-bottom: 0; }

    h1{ /* Page Title */
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        font-size:180%;
        margin-bottom: 15px;
    }
    h2{ /* Secondary Page Title <article>  */
        font-family: "DIN-Medium", Helvetica, Arial, sans-serif;
        font-size:130%;
        height:initial;
        margin:20px 0 10px 0;
    }
    h3{ /* Third Page Title <article> */  
    	font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
    	font-size:120%;
        height:initial;
        margin:20px 0 10px 0;
    }
    h4{ /* CELL Titles */
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        font-size:150%;
        height:initial;
        margin:5px 0 10px 0;
    }
    h5{ /* Featured Content Title <main>  */
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        font-size:170%;
        height:initial;
        margin:0px 0 10px 0;
    }

    /* ------------------Default Links------------------- */
    a {	color: #1b242d; text-decoration: underline;}
    a:focus, a:hover { color: #3d5466; font-weight:800; text-decoration: underline; }
    a:active, a:hover { outline: 0; }
    /* White links */
    a.white { color: #FFF !important; text-decoration: none; }
    a:focus.white, a:hover.white { color: #FFF !important; text-decoration: underline; }

    h4 a{ color: #000; text-decoration: none; }
    h4 a:hover{ color: #000; text-decoration: underline; font-weight: inherit; }

    .cell-sm-txt a{ text-decoration: none; }
    .cell-sm-txt a:hover{ text-decoration: underline; font-weight: inherit; color:inherit; }

    /*a:hover .glyphicon-search{ 
        color:#8b98a6;*/  
    }

    .navbar-toggle:hover span{ background-color:#8b98a6; }
    .navbar-toggle:hover { border-color: #8b98a6; }

    a.findoutmore{
        border-radius: 10px;
        border: 2px solid #FFF;
        padding: 5px 10px;
        margin-top: 40px;
        font-family: "DIN-Light", Helvetica, Arial, sans-serif;
        font-size: 90%;
    }
    .breadcrumb a{ text-decoration: none; font-weight:inherit; }
    .breadcrumb a:hover{ text-decoration: underline; font-weight:inherit; }
    a.menu-btn{ color:#FFF; text-decoration: none; font-size: 90%;}
    a:hover.menu-btn{ color:#FFF; font-weight:inherit; text-decoration: underline;}

    a.btn-link, a:hover.btn-link{
        font-family: "DIN-Medium", Helvetica, Arial, sans-serif; 
        background-color: #3e5567; 
        color:#FFF; 
        text-decoration:none; 
    }
    a:hover.btn-link{ 
        text-decoration:underline; 
        font-weight:inherit;
    }

    a.rm-link, a:hover.rm-link{ 
        font-family: "DIN-Medium", Helvetica, Arial, sans-serif;
        color:#000;
        text-decoration:none; 
    }
    a:hover.rm-link{ text-decoration:underline; font-weight:inherit; }
    .sidebar-close-btn button:hover{
        color: #8b98a6;
    }
    .side-menu li a:hover{
        text-decoration: none;
        color:#3d5567;
        font-weight:inherit;
    }

    /* ---------------------Button Link------------------------- */
    .btn-link{
        padding:8px 28px;
        border-radius: 50px;
        cursor:pointer;
        position: relative;
        top: -4px;
    }

    .cell-link{
        position:absolute;
        bottom:5px;
        top:inherit;
        padding:6px 28px;
    }

    /* ---------------------Read More Link---------------------- */
    .rm-link{
        position:absolute; 
        bottom:20px;
        z-index: 100;
        width: 90%;    
    }
    .rm-icn{ /* Read More icon wrapper */
        color: #FFF;
        background-color: #3d5466;
        width: 20px;
        height:20px;
        border-radius:20px;
        padding:2px;
    }
    .rm-link span{padding-left: 7px;}

    /* ------------------Horizontal Rules------------------- */
    /* Used as a graphic above section titles */
    hr { /* graphic above page titles */
        display: block;
        text-align:left;
        border: 0;
        border-top: 4px solid #000;
        margin: 0;
        padding: 0;
        width: 50px;
    }

    /* ------------------Wavy Lines------------------- */
    .wavy-head, .wavy-cell, .wavy-cell-wide, .wavy-cell-home{
            background-image: url('https://railacademy.vic.gov.au/__data/assets/image/0005/116978/wavy-lines.png');
            background-repeat: no-repeat;
    }
    /* Wavy Line used for the Header element of all Template pages (except Homepage) */
    .wavy-head{
        background-size: 170%;
        background-position: 0% 70%;
    }
    /* Wavy Line used for the CELL elements of all Template pages (except Homepage) */
    .wavy-cell{
        background-size: 240%;
        background-position: 30% 65%;
    }
    /* Wavy Line used for the CELL elements that are Wide (except Homepage)  */
    .wavy-cell-wide{
        background-size: 250%;
        background-position: 30% 75%;
    }
    /* Wavy Line used for the CELL elements in the first section of Homepage */
    .wavy-cell-home{
        background-size: 250%;
        background-position: 40% 70%;
    }

    /* ------------------Social Media Links---------------- */
    .social-media li{
        padding: 0 5px;
    }
    .social-icon{
        border-radius: 30px;
        border: 2px solid #3b3a3a;
        color:#3b3a3a;
        background-color: #F5F5F5
    }
    .icon-wide{
        padding: 7px 10px;
    }
    a:hover.social-icon{
        border-color:#8c8c8c;
        color:#3b3a3a;
        background-color: #d4d4d4;
        -moz-box-shadow:    inset 0 0 20px #bdbdbd;
        -webkit-box-shadow: inset 0 0 20px #bdbdbd;
        box-shadow:         inset 0 0 20px #bdbdbd;
    }

    /* ------------------------Search Bar------------------------- */
    .sidebar .search-bar-field{
        width: 80%;
    }
    .sidebar input[type=search] {
        width: 65%;
        margin-left:10px;
    }  
    .search-bar-field{
        width:150px;
        height:30px;
        border-radius: 30px;
    }
    .search-bar-button{ 
        padding: 8px 7px 6px 7px;
        width: 30px;
        height:30px;
        border-radius: 30px;
        text-align: center;    
        float: right;   
    }
    .glyphicon-search{ top:-1px; }

    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }
    input[type=search] {
        background-color: #ecedf1;
        -webkit-appearance: textfield;
        width: 105px;
        color:black;
        margin-top: 3px;
        padding-left: 3px;
        border:none;
        margin-left:4px;
    }
    input[type=search]:focus {
        outline-color: #ecedf1;
    }
    div.menu-search{ background-color:#d3d7dd; }
    div.menu-search a{ color: #000; }
    div.menu-search { color: #fff; }

    /* -----------------------Menu Icon----------------------- */
    .navbar-toggle{
        position: absolute;
        float:none;
        top:1px;
        padding:0;
        margin:0;
        background-image: none;
        background-color: #24303c; /* just in case transparent fails */
        background-color: transparent;
        border: 2px solid #FFF;
        border-radius: 30px;
        width: 30px;
        height:30px;
        display: inline-block;
    }
    /*@-moz-document url-prefix() {*/
    .navbar-toggle { top: 12px; }
    /*}*/
    .navbar-toggle .icon-bar {
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 1px;
        background-color: #FFF;
    }
    .navbar-toggle span{
        margin-left:5px;
    }

    /* -----------------------Skill Role----------------------- */
    .role-data{ clear: both; margin-bottom: 30px; }
    .role-data .row { overflow: hidden; }
    .role-data p{ padding:20px; margin:0; }
    
    .role-data.qualification { margin-bottom: 0; }

    .role-left{
        background-color: #d9d9d9;
        vertical-align: middle;
        padding-bottom: 100%;
        margin-bottom: -100%;
    }
    .role-right{
        background-color: #e3e3e3;
        vertical-align: middle;
        padding-bottom: 100%;
        margin-bottom: -100%;
    }
    .role-spacer{
        height:10px;
        background-color: #F5F5F5;
    }
    p.role-content{ padding: 10px 0; margin: 0; }
/* -----------------------END:5-------------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* -----------6) TOP NAV (NO JS: BACKUP MENU) ----------- */
nav a{ text-decoration: none; }
nav a:hover{ text-decoration: none; }
.top-nav{
    z-index: 1000;
    background-color: #2c3e50;
    margin:0;
    padding: 0;
    border-radius: 0;
    border: 0;
    min-height:40px;
}
.top-nav .row{ min-height:40px; }
.top-nav nav a:hover{ text-decoration: none; font-weight:inherit; }
.top-nav nav {
  margin: 0;
  padding: 0;
  background-color: #2c3e50;
}
.top-nav nav:after {
  content: "";
  display: table;
  clear: both;
}
.top-nav nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  width:100%;
}
.top-nav nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #2c3e50;
}
.top-nav nav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 100%;
  line-height: 40px;
  text-decoration: none;
}
.top-nav nav ul li ul li:hover { background-color: #040216; color:#FFF; }
.top-nav nav a:hover { background-color: #040216; color:#FFF; }
.top-nav nav ul ul {
  display: none;
  position: absolute;
  top: 40px;
}
/*minor conflict*/
nav ul li:hover > ul { display: inherit; }
.top-nav nav ul ul li {
  width: 220px;
  float: none;
  display: list-item;
  position: relative;
}
.top-nav nav ul ul ul li {
  position: relative;
  top: -40px;
  left: 220px;
}
.top-nav li > a:after { content: ' +'; }
.toggle, [id^=drop] {
 display: none;
}
.top-nav li > a:only-child:after { content: ''; }

    /* --------------Top Nav: Media Queries------------------- */
    @media all and (max-width : 768px) {
        .top-nav nav { margin: 0; }
        .top-nav .toggle + a,
        .top-nav .menu { display: none; }
        .top-nav .link-toggle{
            padding-top:5px !important;
            text-align: center;
        }
        .top-nav .toggle {
          display: block;
          background-color: #283848;
          padding: 0 20px;
          color: #FFF;
          font-size: 100%;
          line-height: 40px;
          text-decoration: none;
          border: none;
          margin-bottom: 0;
        }
        .top-nav .toggle:hover { background-color: #212121; }
        [id^=drop]:checked + ul { display: block; }
        .top-nav nav ul li { display: block; width: 100%; }
        .top-nav nav ul ul .toggle,
         .top-nav nav ul ul a { padding: 0 20px; }
        .top-nav nav ul ul ul a { padding: 0 40px;}
        .top-nav nav a:hover { background-color: #212121;}
        .top-nav nav ul ul ul a { background-color: #3d5466; }     
        .top-nav nav ul li ul li .toggle {  padding-left: 30px; }
        .top-nav nav ul ul a { background-color: #455f73; padding-left: 30px;}
        .top-nav nav ul ul {
          float: none;
          position: static;
          color: #ffffff;
        }
        /*minor conflict*/
        nav ul ul li:hover > ul,
        nav ul li:hover > ul { display: none; }
        .top-nav nav ul ul li {
          display: block;
          width: 100%;
        }
        .top-nav nav ul ul ul li { position: static;}
    }/*END:Media768*/

/* -----------------------END:6-------------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* -------------------7) CONTAINERS---------------------- */
div.wrapper{ min-height:500px; }

    /* ----------------Added Content--------------------- */
    .added-content p{ text-align: right; }
    .added-content a{ margin-left:20px; }

    /* ----------Top Logo/Menu Container----------------- */
    .top-LM-wrap { position:relative; }
    .menu-row{ /* is 100px high */
        margin-left: 0px;
        position:absolute;
        top:0; 
        left:0; 
        z-index: 5; 
        width: 100%;
    }
    .top-LM-left{ text-align: center; margin-top: 16px; }
    .top-LM-left, .top-LM-right{ padding: 0; }
    .top-LM-left img{/*RA logo*/
        width:180px;
        height:70px;
    }
    .top-LM-right{
        text-align: center;
        padding-right: 0px;
        margin-top:20px;
    }
    .top-LM-right {
        margin-top: 0px;
        background-color: #24303c;
        padding: 5px 0 10px 0;
    }
    .menu-btn, .search-bar-wrap{
        display: inline-block;
    }
    .menu-btn{
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        margin-top: 15px;
    }
    .menu-btn span{ margin:0 5px 0 10px; }
    
    /* -----Main Menu Container (JS Menu Wrapper)------*/
    .sidebar .search-bar-wrap{
        padding: 20px 10px 40px 20px;
    }
    .sidebar-close-btn{ padding: 20px 10px; }
    .sidebar-close-btn button{        
        background:transparent;
        border: none;
        color:#d6dbe1;
        font-size:2.1em;
        float:right;
        font-weight:inherit;
        line-height: 20px;
        text-shadow: none;
        opacity: 1;
    }
    .sidebar {
      padding: 0;
      background-color: #152634;
      border-right: 1px solid #152634;
    }
    /* sidebar settings */
    .sidebar {
        position: fixed;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1000;
        min-height: 100%;
        max-height: none;
        overflow: auto;
    }
    /* animation class - optional: without it the sidebar would just pop in and out*/
    .sidebar-animate {
        -webkit-transition: -webkit-transform 300ms ease;
        -moz-transition: -moz-transform 300ms ease;
        -o-transition: transform 300ms ease;
        transition: transform 300ms ease;
    }
    .sidebar {
        -webkit-transform: translate(100%,0);
        -moz-transform: translate(100%,0);
        -ms-transform: translate(100%,0);
        -o-transform: translate(100%,0);
        transform: translate(100%,0);
    }
    .sidebar.sidebar-open {
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

/* -----------------------END:7-------------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ----------8) MAIN MENU (Levels 0-4)------------------- */
ul.mtree ul{ -webkit-padding-start: 0px !important; }
ul.mtree {
  opacity: 0;
  margin-left: 0;
  padding: 0;
}
ul.mtree ul { margin-left: 1em; }
ul.mtree li { list-style: none; }
ul.mtree a { display: block; }
ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
/* Firefox fix for a padding issue */
ul.mtree.default ul.mtree-level-1{ padding-left:0; }
ul.mtree.default ul.mtree-level-2{ padding-left:0; }
ul.mtree.default ul.mtree-level-3{ padding-left:0; }
ul.mtree.default ul.mtree-level-4{ padding-left:0; }
ul.mtree.default ul.mtree-level-5{ padding-left:0; }

/* "default" STYLING */
ul.mtree.default { background: #152634; }
ul.mtree.default ul { margin-left: 0; }
ul.mtree.default li.mtree-node { position: relative; }
ul.mtree.default li.mtree-node > a:before {
  color: #CCC;
  font-weight: normal;
  position: absolute;
  right: 20px;
}
ul.mtree.default li.mtree-open > a:first-child:before {
  /*content: '-';*/
  content: '˅';
}
ul.mtree.default li.mtree-closed > a:first-child:before {
  /*content: '+';*/
  content: '<';
}
ul.mtree.default ul > li:first-child { margin-top: 1px; }
ul.mtree.default li > a:hover, ul.mtree.default li.mtree-active > a { 
  background: #333;
  color: #FFF;
  text-decoration: none;      
}
ul.mtree.default li > a:focus{ text-decoration: none; }



ul.mtree.default li.mtree-node > ul > li:last-child { margin-bottom: .5em; }
ul.mtree.default li.mtree-node:last-child > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

/* Link styling for Levels 1-5 */
ul.mtree.default a {  /* LEVEL 1 */
  color: #FFF;
  font-size: 100%;
  text-transform: uppercase;
  font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
  padding: 10px 0px 10px 20px;
}
ul.mtree.default li li > a { /* LEVEL 2 */
  padding-left: 1em;
  color: #FFF;
  text-transform: inherit;
  font-family: "DIN-Light", Helvetica, Arial, sans-serif;
}
ul.mtree.default li li li > a { /* LEVEL 3 */
  padding-left: 1em;
  color: #FFF;
  text-transform: inherit;
  font-family: "DIN-Light", Helvetica, Arial, sans-serif;
}
ul.mtree.default li li li li > a { /* LEVEL 4 */
  padding-left: 1em;
  color: #FFF;
  text-transform: inherit;
  font-family: "DIN-Light", Helvetica, Arial, sans-serif;
}
ul.mtree.default li li li li li > a { /* LEVEL 5 */
  padding-left: 1em;
  color: #151a20;
  text-transform: inherit;
  font-family: "DIN-Light", Helvetica, Arial, sans-serif;
}

/* Hover for each Level */
/* ------------Level 0------------ */
ul.mtree.default li a:hover{ background-color: #090e12; }

/* ------------Level 1------------ */
ul.mtree.default ul.mtree-level-1 li a:hover{ background-color: #18364c; }
ul.mtree.default ul.mtree-level-1 li a{ background-color: #151a20; }

/* ------------Level 2------------ */
ul.mtree.default ul.mtree-level-2 li a:hover{ background-color: #142633; }
ul.mtree.default ul.mtree-level-2 li a{ background-color: #1e2f3c; }

/* ------------Level 3------------ */
ul.mtree.default ul.mtree-level-3 li a:hover{ background-color: #142633; }
ul.mtree.default ul.mtree-level-3 li a{ background-color: #32414f; }

/* ------------Level 4------------ */
ul.mtree.default ul.mtree-level-4 li a:hover{ background-color: #151a20; }
ul.mtree.default ul.mtree-level-4 li a{ background-color: #FFF; }

.link_hover{text-decoration: underline;}
/* ----------------------END:8--------------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------9) SIDE MENU (Left Column)---------------- */

.side-menu{ padding: 0 20px 0 0; }
.side-menu li{
    text-transform: uppercase;
    border-top: 1px solid #3d5567;
    font-family: "DIN-Medium", Helvetica, Arial, sans-serif;
}
.side-menu li a{
    text-decoration: none;
    color:#3d5567;
    font-weight:inherit;
}
.side-menu li.active{
    background-color:#e5e5e5;
    color:#7a7765;
}    
.side-menu ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  -webkit-padding-start: 5px;
  padding: 5px 0 10px 0;
  background-color:#F5F5F5;
}
ul.side-menu ul li { padding-left: 1em; text-indent: -1em; }
ul.side-menu ul li:before { content: ">"; padding-right: 10px; color:#3d5567; }

ul.side-menu p.current{ padding:10px 15px; margin:0; }
ul.side-menu li.sub{ border: none; padding:3px; padding-left: 25px;}

ul.side-menu li.sub a{ text-decoration: none; text-transform: none; }    
ul.side-menu li.sub a:hover{ text-decoration: underline; text-transform: none; }    

/* ----------------------END:9--------------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ---10) PARALLAX STYLING SCRIPT (js/parallax.min.js)--- */
.content-align { /* content centering styles */
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden;
    display:table;
}
.content-wrap { /* content centering styles */
    display:table-cell;
    position:relative;
    vertical-align: middle !important;
    text-align:center;
    z-index: 3;
}

/* Default settings for parallax tint and layer height */
.fw-styl{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment:initial !important;
    overflow: hidden;
    height:250px; 
    min-height:250px; 
}
.fw-styl.prlx-home{ height:358px; min-height: 358px; }  /* modified by CS - 15/08/17 - JIRA RA-43 */
/*.fw-styl.prlx-home{ height:400px; min-height: 400px; } original values */
.prlx-noJS{ /* Fallback code to load an image even if Javascript is disabled */
    background-image: url('https://railacademy.vic.gov.au/__data/assets/image/0011/116948/head-1.jpg'); 
    background-attachment:initial;
} 
.prlx-on-hidden{
    display: none!important;
}
/* -----------------------END:10-------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* -----------------11) CELL STYLINGS--------------------- */
/*
Naming convention explained
  lg  -> large size cell
  md  -> medium size cell
  sm  -> small size cell 
  txt -> contains text area
  img -> contains an image
  tall-> cells are stacked on top of each other

Avalable Cell Types
  cell-lg-txt          -> single large size cell with text
  cell-tall-img-txt         -> double cell large size, with an image area and text area (tall)
  cell-lg-img-txt      -> double cell large size, with an image area and text area (wide)
  cell-lg-txt-img      -> double cell large size, with a text area and image area (wide) 
  cell-md-txt          -> single cell medium size, with text area (wide)
  cell-md-img-txt      -> double cell medium size, with an image area and text area (wide)
  cell-md-txt-img      -> double cell medium size, with a text area and image area (wide)
  cell-sm-txt          -> single cell small size, with a text area (wide)
  cell-tall-wide    -> used to display organisations in the careers section
*/
.grid-item { padding:1%; display:block;}
div.grid-item{ margin-bottom: 0; }
/* Inner Text cell content styling */
.c-txt { padding: 30px 30px 40px 30px; position: relative; overflow: hidden; }
.c-txt p { padding-bottom:10px; overflow: hidden; margin-bottom: 0; }
/* Fixes scaling/aspect ratio problems for images on different mediaQ */
.c-img img{ overflow: hidden; object-fit: cover; width:100%;}

/* Large Wide/Tall Cell Styling */
.cell-tall-img-txt .c-txt{ padding: 10px 20px 40px 20px; margin: 4% 0 0% 0;}
.cell-lg-img-txt .c-img, .cell-lg-img-txt .c-txt { float: left; }
.cell-lg-txt-img .c-img, .cell-lg-txt-img .c-txt { float: left; }

.cell-lg-img-txt .c-txt{ width:100%;}
.cell-lg-txt-img .c-txt{ width:100%;}

/* Medium Wide Cell Styling */
.cell-md-img-txt .c-txt, .cell-md-txt-img .c-txt{ height:inherit; max-height: inherit;}

/* Small Wide Cell Styling */
.cell-sm-txt .c-txt{ padding:10px 30px; }
.cell-sm-txt a{ font-family: "DIN-Medium", Helvetica, Arial, sans-serif; font-size:120%; }

/* Career Other */
.cell-tall-wide{ padding-bottom: 50px !important; }
.cell-tall-wide .c-txt{ padding: 0 0 40px 0; }
.cell-tall-wide .c-img { height:120px; }
.cell-tall-wide .c-img img{
    overflow: hidden;
    object-fit: inherit;
    max-height:120px;
    width: auto;
}
/* Archive CELL */
.cell-sm-archive{ text-align:center; }
.cell-sm-archive a{ margin-right:20px; }
/* -----------------------END:11-------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------12) DEFAULT COLOURS------------------- */

/* Header Default */
.hue-0{ color:#FFF; background-color: #32414f; }
/* Dark Blue */
.hue-1{ color:#FFF; background-color: #3d5466; }
/* Gray */
.hue-2{ color:#000; background-color: #dfe0e2; }
/* Almost White */
.hue-3{ color:#000; background-color: #f3f3f4; }
/* Light Gray */
.hue-4{ color:#000; background-color: #e4e5e6; }
/* Faded Green */
.hue-5{ color:#000; background-color: #82c6b7; }
/* Faded Blue */
.hue-6{ color:#000; background-color: #8b98a6; }
/* Dark Green */
.hue-7{ color:#FFF; background-color: #017362; }
/* Faded Brown */
.hue-8{ color:#000; background-color: #ccc7bb; }
/* Gray 2 */
.hue-9{ color:#000; background-color: #bdc6d1; }
/* Yellow */
.hue-10{ color:#000; background-color: #f5eedc; }
/* Dark Gray */
.hue-11{ color:#000; background-color: #b0c0c9; }
/* Mid Green */
.hue-12{ color:#000; background-color: #7cc798; }
/* Brown */
.hue-13{ color:#000; background-color: #b0aa8a; }
/* Dark faded Green */
.hue-14{ color:#000; background-color: #b2c78e; }
/* Dark Gray */
.hue-15{ color:#000; background-color: #959a8e; }
/* Brown 2 */
.hue-16{ color:#000; background-color: #d9d7c4; }
/* Light Blue */
.hue-17{ color:#000; background-color: #c7e9f5; }
/* Gray 3 */
.hue-18{ color:#000; background-color: #c6d2d9; }
/* Brown Light */
.hue-19{ color:#000; background-color: #d9d9d9; }
/* Brown Light 2 */
.hue-20{ color:#000; background-color: #e3e3e3; }


    /* ------------Fixes the colors of Links for Background Color 0,1,7-------------- */
    .hue-0 a, .hue-0 a:hover, .hue-1 a, .hue-1 a:hover, .hue-7 a, .hue-7 a:hover{ color: #FFF; }
    .hue-0 hr, .hue-1 hr, .hue-7 hr{ border-color: #FFF; }

    /* --------------Color Fixes for Read Me + Button Links------------------------ */
    .hue-1 a.btn-link, .hue-1 a:hover.btn-link{background-color: #8b98a6; color:#000;} 
    .hue-1 .rm-icn{ background-color: #8b98a6; }

    .hue-5 a.btn-link, .hue-5 a:hover.btn-link{background-color: #017362; color:#FFF;} 
    .hue-5 .rm-icn{ background-color: #017362; }

    .hue-7 a.btn-link, .hue-7 a:hover.btn-link{background-color: #7cc798; color:#000;} 
    .hue-7 a.rm-link, .hue-7 a:hover.rm-link{color:#FFF;} 
    .hue-7 .rm-icn{ background-color: #7cc798; }

    .hue-12 a.btn-link, .hue-12 a:hover.btn-link{background-color: #017362; color:#FFF;} 
    .hue-12 .rm-icn{ background-color: #017362; }

    /* ----------------Color Fixes for the Header --------------------------------- */

    /* WHITE VERSION */
    .search-bar-field{ background-color: #ecedf1; color:#5a6e7f; }
    .search-bar-button{ background-color:#d6dbe1; }
    input[type=search] { background-color: #ecedf1; }
    input[type=search]:focus { outline-color: #ecedf1; }
    /* END:WHITE VERSION */

/* ------------------------END:12------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ---------------------13) CONTENT BODY----------------- */
div.date{ 
    font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
    font-size:100%;
    text-align: left; 
    padding-bottom: 20px;     
}


/* -------------------- HEADER Styling------------------- */
header{ min-height:155px; }
.header-wrap{ margin-top:155px; }

.header-content{ padding: 20px 15px 20px 26px; }
span.section-title{ /* Section Title <header> */  
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        font-size:260%;
        margin-bottom: 10px;
    }
.header-content p{ 
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif; 
        font-size: 110%; 
    }

/* --------Content wrappers for all template pages------- */
.wrapper{ background-color: #F5F5F5; padding: 20px 10px; }
.wrapper-over{ position: relative; top:0; }

/* ---------Breadcrumbs and Social Media Styling--------- */
.social-media{ text-align: right; }
.social-media li{ display: inline; list-style-type: none; }

/*-------------Main Content Area Styling----------------- */
.main-row{ margin-top:20px; }
article.main-content{ margin-bottom: 30px; }
aside.aside-right{ padding: 0 0 0 50px; }
.transcript-link{ text-align: center; padding:5px 0; }
.embed-responsive{ margin-left: 1%; margin-right: 1%; } 
.error-content{ margin: 0 2%; }

    /*-------------Main Content Image Types-------------- */
.main-content img{ padding:20px 1%;
 /*   display:table;
    width:100%;*/
    max-width: 100%;
}
.main-content .grid-item img {padding: 0;}
/*.main-content { display: table; width:100%;}*/
.main-content { display: block; width:100%;}


    .main-content .img-fullwidth{ width:auto; padding: 20px 0 !important; }
    .main-content .img-align-left{ width:100%; padding: 5px 0px !important; }
    .main-content .img-align-right{ width:100%; padding: 5px 0 !important; }

    /*-------------News Archive Page Styling------------- */
    .archive-month { padding-left: 0; list-style: none; }
    .archive-date{ font-size: 140%; margin-top:30px; font-weight: 800;}
    .archive-date:first-of-type{ margin-top:0px;}
    .archive-list{ padding-left: 0; list-style: none; }
    .archive-list li{ margin-bottom: 5px; }
    .archive-list a{ text-decoration: none; }
/* -------------------------END:13----------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* -----------------------14) FOOTER--------------------- */
footer{ background-color: #017463; color:#FFF; margin-top:0px; }

.footer-over-fix{
    height:100px; 
    background-color: #F5F5F5; 
    position: relative; 
    top:-100px;
    z-index: -1;
}

.footer-text{ margin:30px 0; }
/*.footer-copy{ font-weight:800;}*/
.footer-logo{ text-align: right; text-align: -webkit-right; margin-top:30px; }

footer .nav>li>a { padding: 10px 30px 10px 0; }
footer .nav-pills a{ color:#FFF; text-decoration: none; font-size: 120%; }
footer .nav-pills a:hover{ color:#FFF; text-decoration: underline; background-color: transparent; font-weight: inherit; }
footer .nav>li.disabled>a{color:#c6c4c4;}
footer .nav-pills a:focus{background-color: transparent;}
footer .nav-pills>li { width: 100%; }
    
/* Styling and footer positioning fixes when using OVER */
.footer-wrap{ padding:40px 10px 130px 10px; }
.footer-wrap.footer-over{ padding:40px 10px 30px 10px; }
.footer-over{ position: relative; top: -100px; }
/* END:Styling and footer positioning fixes when using OVER */

/* ------------------------END:14--------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ----------------15) HOMEPAGE TEMPLATE-------------------- */
    
    /* ------------------------Header----------------------- */
    .home-head-txt{
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        font-size:200%;
        color: #FFF;
        margin-bottom: 20px; 
        margin-top: 140px;
        text-decoration: none;
        cursor: pointer;
        display: inline-block; /* modified by CS - 15/08/17 - JIRA RA-43 */
        
    }
    .home-head-txt:hover{
        font-weight: inherit;
        cursor: pointer;
        color: #FFF;
    }
    /*---------------------CELL Homepage Styling--------------------------*/
    /*
    Naming convention explained
      home-> cells found only on the homepage
      txt -> contains text area
      img -> contains an image
      tall-> cells are stacked on top of each other

    Avalable Cell Types
      home-txt          -> single large cell with text
      home-tall-img-txt -> double cell large, with an image area and text area (tall)
      home-img-txt      -> double cell large, with an image area and text area (wide)
      home-txt-img      -> double cell large, with a text area and image area (wide) 
    */
    .cell-home-bk{ background-color: #e1e1e4; }
    .grid-item-home .c-txt.hue-1 hr, .grid-item-home .c-txt.hue-7 hr{ border-top: 4px solid #FFF; }

    .featured{ clear:both; }
    .featured-home{ padding: 0 5%; }
    .cell-home-bk .c-txt {
        /*padding: 30px 20px;*/
        padding: 8% 5%;
        position: relative;
        min-height:250px;
    }

    .grid-item-home{ padding:1% 5%; display:block;}

    .home-tall-img-txt .c-txt{ margin-bottom:30px; border-bottom: solid 1px; }
    .home-txt .c-txt, .home-img-txt .c-txt, .home-txt-img .c-txt{ padding: 30px 40px 40px 40px; }

    /* Wide Cell Styling */
    .home-img-txt .c-txt, .home-txt-img .c-txt{ width: 100%; }
    .home-img-txt .c-img, .home-img-txt .c-txt, .home-txt-img .c-img, .home-txt-img .c-txt { float: left; }

    .cell-home-bk .rm-link{ bottom:5px; }
    .cell-home-bk .btn-link{ bottom:10px; }

    /* ----------------Template Specific Settings------------------ */
    /* Sets the background image to appear, in the case that JS is disabled. If JS is enabled this gets overrides */  
    .prlx-home h1{color:#FFF;}
    .prlx-home .tint-layer{ background-color: rgba(36, 48, 60,0.8); }
    .prlx-home .tint-layer2{ background-color: rgba(36, 48, 60,0.6); }
      
    .prlx-home.prlx-noJS{ /* Fallback code to load an image even if Javascript is disabled */
        background-image: url('https://railacademy.vic.gov.au/__data/assets/image/0011/116948/head-1.jpg');
    } 

    /* ---------------------Full Width Section------------------------- */    
    /* Up to you if you want to set as either CSS or inline styling of image link */
    .fw-home{ 
        height:inherit; /* allows the fw section to increase in height */ 
        background-image: url('https://railacademy.vic.gov.au/__data/assets/image/0005/116951/head-4.jpg'); 
    } 
    .fw-home .tint-layer{ 
        background-color: rgba(26, 131, 117,0.9); 
        z-index:1; 
        height:100%;
    }
    .fw-home p{
        color: #FFF;
        margin:0;
        font-family: "DIN-Regular", Helvetica, Arial, sans-serif;
        line-height: 100%;
        font-size: 160%;
        padding: 5% 10%;
    }
    .fw-home .fw-logos{margin-bottom:30px;}
    .fw-home .fw-logos div img{
        height:100px; /* max height for the logo images */
        margin:auto; /*center the image */
    }

    /* -----------Homepage: Media Queries------------------- */
    /* Tablet Size (500px and up) Used to set some extra padding so images don't scale too high */
    @media screen and (min-width: 500px) {
        .home-img-txt .c-txt, .home-txt-img .c-txt{ width: 100%; } 
        .grid-item-home { padding: 1% 15%; }
        .featured-home{ padding: 0 5%; }
        .main-content img{ padding:20px 0;     max-width: 100%; }
    } 
    /* Small devices (tablets, 768px and up) */
    @media screen and (min-width: 768px) {   
        /* Cell Styling */
        .home-img-txt .c-txt, .home-txt-img .c-txt{ width: 100%; }
        .grid-item-home{ padding:1%; }
        .home-tall-img-txt .c-img img, .home-img-txt .c-img img, .home-txt-img .c-img img { height:250px; max-height: 250px; }
        .home-txt .c-txt, .home-tall-img-txt .c-txt, .home-img-txt .c-txt, .home-txt-img .c-txt { height:250px; max-height: 250px; }
        .home-tall-img-txt .c-txt{ margin-bottom:0px; border:none; }

        .home-tall-img-txt .c-img{ height:265px; }
        .home-img-txt .c-img{ height:265px; }
        .home-txt-img .c-img{ height:265px; }
        .home-img-txt .c-img img{ height:265px; max-height:265px; }
        .home-txt-img .c-img img{ height:265px; max-height:265px; }
        /* END:Cell Styling */
        /* HEADER */
        .home-head-txt {
            margin-bottom: 20px;
            margin-top: 100px;
            font-size: 270%;
        }
        a.findoutmore{
            border-radius: 15px;
            padding: 10px 20px;
            margin-top: 30px;
            font-size: 100%;
        }/* END:header */
        .main-content img{ padding: 20px 0;    max-width: 100%;}

    } /* END:MediaQ 768 */

    /* Medium devices (desktops, 992px and up) */
    @media screen and (min-width: 992px) {  

        /* Cell Styling */
        .home-tall-img-txt .c-img{ height:250px; }
        .home-img-txt .c-img{ height:250px; }
        .home-txt-img .c-img{ height:250px; }
        .home-img-txt .c-img img{ height:250px; max-height:250px; }
        .home-txt-img .c-img img{ height:250px; max-height:250px; }

        .home-img-txt .c-img, .home-img-txt .c-txt { width: 50%; }
        .home-txt-img .c-img, .home-txt-img .c-txt { width: 50%; }
        /* END:Cell Styling */
        .featured-home{ padding: 0 10%; }
        /* HEADER */
        .home-head-txt {
            margin-bottom: 30px;
            margin-top: 80px;
            font-size: 290%;
        }
        /* END:HEADER */
        .fw-logos p{ font-size: 220%; }
        .fw-home .fw-logos div img{ height:100px; /* max height for the logo images */ }
    } /* END:MediaQ 992 */

    /* Large devices (large desktops, 1200px and up) */
    @media screen and (min-width: 1200px) {
        /* HEADER */
        .home-head-txt{
            margin-bottom: 40px;
            margin-top: 80px;
            font-size: 400%;
            line-height: 75px
        }
        /* END:HEADER */ 
        .fw-logos p{ font-size: 250%; }
    } /* END:MediaQ 1200 */

/* ------------------------END:15--------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ---------------16) HISTORY TIMELINE---------------------- */ 
.is-hidden{ display:none; }

.cd-container {
/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 90%;
}
.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}
.cd-timeline-content h4{
    margin:0;
    padding:0;
    font-size:130%;
}
#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 10px;
    background: #ccc7bb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ccc7bb, #b0aa8e, #ccc7bb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc7bb, #b0aa8e, #ccc7bb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc7bb, #b0aa8e, #ccc7bb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc7bb, #b0aa8e, #ccc7bb); /* Standard syntax */
}
.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}
.cd-timeline-block::after {
    clear: both;
    content: "";
    display: table;
}
.cd-timeline-block:first-child {
    margin-top: 0;
}
.cd-timeline-block:last-child {
    margin-bottom: 0;
}
.cd-timeline-bullet {
    position: absolute;
    top: 8px;
    left: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ccc7bb, inset 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.cd-timeline-block .cd-timeline-bullet{
    background: #b0aa8e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #b0aa8e, #ccc7bb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #b0aa8e, #ccc7bb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #b0aa8e, #ccc7bb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #b0aa8e, #ccc7bb); /* Standard syntax */
}
.cd-timeline-block:nth-child(even) .cd-timeline-bullet{
    background: #ccc7bb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #ccc7bb, #b0aa8e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #ccc7bb, #b0aa8e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #ccc7bb, #b0aa8e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #ccc7bb, #b0aa8e); /* Standard syntax */
}
.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #ccc7bb;
    padding: 15px;
}
.cd-timeline-content::after {
    clear: both;
    content: "";
    display: table;
}
.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ccc7bb;
}
.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.3;
}
.cd-timeline-content .cd-date {
    display: inline-block;
    padding: 0;
}
.cd-timeline-content .cd-image{
    float: right;
    margin: 20px 0px 10px 10px;
    width: 120px;
    height: 100px;
    overflow: hidden;
    object-fit: cover;
    padding:0;
}

    /* -----History Timeline: Media Queries----------------- */
    @media only screen and (min-width: 1200px) {
        #cd-timeline {
           margin-top: 3em;
           margin-bottom: 3em;
        }
        #cd-timeline::before {
           left: 50%;
           margin-left: -5px;
        }
        .cd-timeline-bullet {
           width: 30px;
           height: 30px;
           left: 50%;
           margin-left: -15px;
           margin-top:8px;
           /* Force Hardware Acceleration in WebKit */
           -webkit-transform: translateZ(0);
           -webkit-backface-visibility: hidden;
        }
        .cd-timeline-content {
           margin-left: 0;
           padding: 20px;
           width: 45%;
        }
        .cd-timeline-content::before {
           top: 24px;
           left: 100%;
           border-color: transparent;
           border-left-color: #ccc7bb;
        }
        .cd-timeline-content .cd-date {
           position: absolute;
           width: 100%;
           left: 122%;
           top: 4px;
           font-size:120%;
           font-weight: 800;
           padding-top:15px;
        }
        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
           left: auto;
           right: 122%;
           text-align: right;
        }
        .cd-timeline-block:nth-child(even) .cd-timeline-content {
           float: right;
        }
        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
           top: 24px;
           left: auto;
           right: 100%;
           border-color: transparent;
           border-right-color: #ccc7bb;
        }
    }/* END:MEDIA 1200 */
/* ------------------------END:16--------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------17) SEARCH RESULTS TEMPLATE---------------- */
ul.search-result{ list-style-type: none; padding-left:0; }
ul.search-result li{ margin-bottom: 40px; }
.search-result h2{ text-transform: uppercase; }
.search-result strong{ background: #f5eedc; padding: 0.25em;}
.search-nav a{ padding: 0 3px; }
/* ------------------------END:17--------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------18) GENERAL MEDIA QUERIES------------------ */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Tablet Size (500px and up) Used to set some extra padding so images don't scale too high */
@media screen and (min-width: 500px) {
    div.wrapper{ min-height:600px; } 
    .grid-item { padding: 1% 15%; }
    .breadcrumb { padding: 0; }
    .featured h5 { padding: 1% 15%; }
    /* Wavy lines (used as background) */   
    .wavy-cell{ background-size: 220%; background-position: 40% 80%; }
    .wavy-cell-wide{ background-size: 180%; background-position: 40% 75%; }
    /*END:Wavy lines (used as background) */
    footer .nav-pills>li { width: inherit; }
    .header-content{ padding-left:46px; }
} 

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    div.wrapper{ min-height:700px; } 
    header{ min-height:115px; }
    .header-wrap{ margin-top:120px; }
    div.date{ text-align: right;}
    .social-media{ text-align: right; }
    .wrapper{ padding: 20px 20px; }
    .wrapper-over, footer{ top:-100px; }
    .fwImg { height: 350px; min-height:350px; } /*Full width images*/
   /* .fw-styl{ height:480px; min-height:480px; } desk 147146 */
    .error-content{ margin: 0 20%; }
    .sidebar-close-btn{ padding: 40px 10px; }
    .sidebar .search-bar-wrap { padding: 40px 10px 40px 20px; }
    .featured h5{ padding: 1% 1% 0 1%;}
    .main-content .img-align-left{ width:50%; padding: 0px 20px 10px 0px !important; float:left; clear:both; }
    .main-content .img-align-right{ width:50%; padding: 0 0 10px 20px !important; float:right; clear:both; }
    .sidebar input[type=search] { width: 65%;}
    
    /* Cell Styling */
    .grid-item { padding:1%; }
    .breadcrumb { padding: 1%; }

    .c-txt { padding: 30px 40px 40px 40px; }
    .cell-tall-img-txt .c-txt{ padding: 20px 30px 30px 20px; margin: 4% 0 0% 0;}
        
    .cell-lg-img-txt .c-img, .cell-lg-img-txt .c-txt { width: 50%; } 
    .cell-tall-img-txt .c-img img, .cell-lg-img-txt .c-img img { height:300px; max-height: 300px; }
    .cell-lg-txt .c-txt, .cell-tall-img-txt .c-txt, .cell-lg-img-txt .c-txt { height:300px; max-height: 300px; }

    .cell-lg-txt-img .c-img, .cell-lg-txt-img .c-txt { width: 50%; } 
    .cell-tall-img-txt .c-img img, .cell-tall-img-txt .c-txt { height:300px; max-height: 300px; }
    .cell-lg-img-txt .c-img img, .cell-lg-img-txt .c-txt { height:300px; max-height: 300px; }
    .cell-lg-txt-img .c-img img, .cell-lg-txt-img .c-txt { height:300px; max-height: 300px; }
    .cell-lg-txt .c-txt{ height:300px; max-height: 300px; }

    .cell-md-img-txt .c-txt, .cell-md-txt-img .c-txt{ height:200px; max-height: 200px;}
    .cell-md-img-txt .c-img img, .cell-md-txt-img .c-img img{ height:200px; max-height: 200px; background-size: cover; }
    /* END:Cell Styling */

    /* Wavy lines (used as background) */   
    .wavy-head{ background-size: 120%; background-position: 0% 75%; }
    .wavy-cell{ background-size: 300%; background-position: 40% 80%; }
    .wavy-cell-wide{ background-size: 180%; background-position: 50% 65%; }
    /*END:Wavy lines (used as background) */

  /* Menu Elements - Wrappers and Graphics */
    /* Top Logo/Menu Container Styling */
    .top-LM-left, .top-LM-right { padding: 0px 5px; /*width: 50%;*/ }
    .top-LM-left { text-align: left; }
    .top-LM-right { text-align: right; background-color: transparent; margin-top: 35px; position: relative}
    .menu-btn span { margin: 0 3px 0 5px; }
    /* END:Top Logo/Menu Container Styling */

    /* Menu Graphics */
    .top-LM-left img{ width:220px; height:84px; }
    .glyphicon-search{ top:1px; }
    .navbar-toggle .icon-bar { width: 19px; margin-left: 6px; }
    .navbar-toggle{
        top:1px;
        border-radius: 35px;
        width: 35px;
        height:35px;
        position: absolute;
        right: 0px;
        
    }
    /*@-moz-document url-prefix() {*/
    .navbar-toggle { top: 5px; }
    /*}*/
    .search-bar-field{
        width:200px;
        height:35px;
        border-radius: 35px;
    }
    .search-bar-button{ 
        padding: 8px 7px 6px 7px;
        width: 35px;
        height:35px;
        border-radius: 35px;
    }
    input[type=search] {
        width: 150px;
        margin-top: 6px;
        padding-left: 4px;
    }
    /*END:Menu Graphics*/

    /* Color Fixes when the background is a dark color */
    header.hue-0 a, header.hue-0 a:hover, header.hue-1 a, header.hue-1 a:hover, header.hue-7 a, header.hue-7 a:hover{ color: #FFF; }
    header.hue-0 hr, header.hue-1 hr, header.hue-7 hr{ border-color: #FFF; }
    .hue-0 .search-bar-button a, .hue-1 .search-bar-button a, .hue-7 .search-bar-button a{ color:#000; }
    .hue-0 .search-bar-button, .hue-1 .search-bar-button, .hue-7 .search-bar-button{ background-color:#d6dbe1; }
    .hue-0 .navbar-toggle, .hue-1 .navbar-toggle, .hue-7 .navbar-toggle{ background-color: transparent; }

    /* Homepage - Default header-right colours */
    .home-head .search-bar-field{ background-color: #ecedf1; color:#5a6e7f; }
    .home-head .search-bar-button{ background-color:#d6dbe1; }
    .home-head .search-bar-button a{ color: #000; }
    .home-head a.menu-btn{ color: #FFF; }
    .home-head a:hover.menu-btn{ color: #FFF; }
    .home-head .navbar-toggle{ background-color: transparent;}
    .home-head .btn-search-submit { background-color: #d6dbe1; color: #000;}
    /* END:Hompage */

    /* Dark Version - Default header-right colours */
    .search-bar-field{ background-color: #ecedf1; }
    .search-bar-button{ background-color:#262626; }
    .search-bar-button a{ color: #FFF; }
    a.menu-btn{ color: #000; margin-right: 35px;}
    a:hover.menu-btn{ color: #000; }
    .navbar-toggle{ background-color: #000;}
    /* END:Dark Version */

  /*END:Menu Elements*/

}/* END:MediaQ 768 */


/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) { 	
    .wrapper{ padding: 20px 50px; }
    .breadcrumb{ padding: 8px 15px 8px 0; }
    .prlx{ background-attachment:fixed; }
    .sidebar input[type=search] { width: 70%;}
    /* Wavy lines (used as background) */   
    .wavy-head{ background-size: 100%; background-position: 0% 75%; }
    .wavy-cell{ background-size: 250%; background-position: 20% 80%; }
    .wavy-cell-wide{ background-size: 150%; background-position: 55% 80%; }
    /*END:Wavy lines (used as background) */

    .cell-md-img-txt .c-txt, .cell-md-txt-img .c-txt{ height:280px; max-height: 280px;}
    .cell-md-img-txt .c-img img, .cell-md-txt-img .c-img img{ height:280px; max-height: 280px; background-size: cover; }

}/* END:MediaQ 992 */


/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    .sidebar input[type=search] { width: 75%;}
    /* Wavy lines (used as background) */   
    .wavy-head{ background-size: 70%; background-position: 0% 72%; }
    .wavy-cell{ background-size: 250%; background-position: 30% 80%; }
    .wavy-cell-wide{ background-size: 108%; background-position: 200% 80%; }
    /*END:Wavy lines (used as background) */

    .cell-md-img-txt .c-txt, .cell-md-txt-img .c-txt{ height:250px; max-height: 250px;}
    .cell-md-img-txt .c-img img, .cell-md-txt-img .c-img img{ height:250px; max-height: 250px; background-size: cover; }

}/* END:MediaQ 1200 */

/* -----------------------END:18---------------------------- */
/* --------------------------------------------------------- */

/* DEDJTR FIXES */

/* For site search - JIRA RA-21 */

.frm-search {display: inline; margin-left: -35px;}

.btn-search-submit, .btn-menu-search-submit {
  padding: 0;
  margin: 0;
  border: 0;
  height:20px;
  color: #1b242d;
}

.btn-search-submit,.btn-menu-search-submit {
background: #d3d7dd;
}
button:hover .glyphicon-search{ 
  color:#8b98a6;
}

.btn-menu-search {
  color:#000 !important

}
@media screen and (min-width: 768px) {
.hue-2 .btn-search-submit, .hue-3 .btn-search-submit, .hue-4 .btn-search-submit, .hue-5 .btn-search-submit, .hue-6 .btn-search-submit, .hue-8 .btn-search-submit, .hue-9 .btn-search-submit, .hue-10 .btn-search-submit, .hue-13 .btn-search-submit, .hue-16 .btn-search-submit, .hue-18 .btn-search-submit{
  background: #262626;
  color: #fff;
  
 }
.btn-menu-search-submit {
  color: #000;
  
 }

}
/* End search fixes */

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #e5e5e5;
  color: #676856;
}

/* Table Designs */

table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  border: 1px solid #7A7765;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 20px;
  margin-bottom: 10px;
  max-width: 100%;
}

table td, table th {
  padding: 6px 10px;
}

table thead th {
  background-color: #E5E5E5;
  color: #000000;
  font-size: 130%;
  font-weight: bold;
  border-left: 1px solid #7A7765;
}

table thead th:first-child {
  border: none;
}

table tbody td {
  color: #000000;
  border-left: 1px solid #7A7765;
 
  border-bottom: 1px solid #7A7765;
  font-weight: normal;
}

table tbody td:first-child {
  border-left: none;
}

table tbody tr:last-child td {
  border-bottom: none;
}

.breadcrumb > .active {
  color: #1b242d;
  }

.responsive-table {
  max-width: 100%;
  overflow-x: auto;
}
  
  /* START Search results */
#searchresults {
    *height: 1180px !important;
}
#searchresults .gsc-control-cse, #searchresults .gsc-control-cse .gsc-table-result, #searchresults .gsc-control-cse .gs-spelling, #searchresults .gsc-control-cse .gs-result .gs-title, #searchresults .gsc-control-cse .gs-result .gs-title *, #searchresults .gsc-control-cse .gsc-result-info {
    font-family: "DIN-Light", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
#searchresults .gsc-control-cse .gsc-table-result {
    color: #333;
}
@media (min-width: 992px) {
    #searchresults .gsc-control-cse, #searchresults .gsc-control-cse .gsc-table-result, #searchresults .gsc-control-cse .gs-spelling, #searchresults .gsc-control-cse .gs-result .gs-title, #searchresults .gsc-control-cse .gs-result .gs-title *, #searchresults .gsc-control-cse .gsc-result-info {
        font-size: 13px;
    }
}
@media (min-width: 1200px) {
    #searchresults .gsc-control-cse, #searchresults .gsc-control-cse .gsc-table-result, #searchresults .gsc-control-cse .gs-spelling, #searchresults .gsc-control-cse .gs-result .gs-title, #searchresults .gsc-control-cse .gs-result .gs-title *, #searchresults .gsc-control-cse .gsc-result-info {
        font-size: 16px;
    }
}
@media (min-width: 1600px) {
    #searchresults .gsc-control-cse, #searchresults .gsc-control-cse .gsc-table-result, #searchresults .gsc-control-cse .gs-spelling, #searchresults .gsc-control-cse .gs-result .gs-title, #searchresults .gsc-control-cse .gs-result .gs-title *, #searchresults .gsc-control-cse .gsc-result-info {
        font-size: 18px;
    }
}
#searchresults form.gsc-search-box {
    display: none !important;
}
#searchresults .gsc-above-wrapper-area{
    padding: 0 !important;
    border: 0 none !important;
}
#searchresults .gsc-above-wrapper-area-container {
    margin: 0 !important;
    border: none;
}
#searchresults .gsc-result-info-container {
    padding-left: 0 !important;
    padding-top: 0 !important;
    border: 0 none !important;
}
#searchresults .gsc-webResult .gsc-result {
    border-bottom: 0 none !important;
    padding: 0 !important;
}
#searchresults .gs-webResult div.gs-visibleUrl-long {
    display: block !important;
    font-size: 90%;
    font-style: italic;
}
#searchresults .gs-webResult div.gs-visibleUrl-long b {
    font-weight: normal !important;
}
#searchresults .gsc-resultsHeader {
    display: none !important;
}
#searchresults .gs-result .gs-title, #searchresults .gs-result .gs-title * {
    /*color: #337ab7;*/
    font-weight: 500;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-family: "DIN-Medium",Helvetica,Arial,sans-serif !important;
    font-size: 110% !important;
    /*font-size: 110% !important;
    line-height: 120% !important;*/
    margin-bottom: 0.4em !important;
}
#searchresults .gs-result .gs-title:hover, #searchresults .gs-result .gs-title:hover *,#searchresults .gs-result .gs-title:focus, #searchresults .gs-result .gs-title:focus * {
    text-decoration: underline !important;
    color: #3d5466;
}
#searchresults .gs-result .gs-title b, #searchresults .gs-result .gs-title b * {
    /*font-size: 16px !important;
    font-weight: normal !important;*/
}
#searchresults .gsc-result {
    margin-bottom: 30px !important;
}
#searchresults .gsc-result .gs-title {
    height: auto !important;
}
#searchresults .gsc-table-result {
    margin: 0 !important;
    border: 0 none !important;
}
#searchresults .gsc-table-cell-snippet-close {
    border: 0 none !important;
    padding: 0 !important;
}
#searchresults .gsc-result-info{
    padding: 0 !important;
    color: #1b242d;
    font-family: "DIN-Light",Helvetica,Arial,sans-serif;
}
#searchresults .gsc-cursor-page {
    margin-right: 20px !important;
}
#searchresults .gsc-cursor-current-page {
    cursor: text !important;
    color: #1b242d !important;
    background-color: #f5f5f5 !important;
}
#searchresults .gsc-cursor-current-page:hover {
    text-decoration: none !important;
}
#searchresults .gs-spelling {
    /*font-size: 110% !important;*/
    padding: 0 !important;
}
#searchresults .gsc-webResult .gsc-result .gsc-promotion {
    padding: 0 !important;
}
#searchresults .gs-promotion-text-cell {
    border-bottom: 0 none !important;
}
#searchresults .gs-promotion {
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #CCCCCC !important;
    padding: 0 !important;
    margin: 0 !important;
}
#searchresults .gs-promotion-text-cell .gs-visibleUrl-long {
    display: block !important;
    margin-top: 3px !important;
}
#searchresults div.loading-invisible {
    display: none !important;
}
#searchresults .cse .gsc-control-cse, #searchresults .gsc-control-cse {
    padding: 0 !important;
}
#searchresults .gcsc-branding-img-noclear {
    margin: 0 !important;
    max-width: inherit !important;
    display: block !important;
    padding-top: 0 !important;
}
#searchresults td.gcsc-branding-img-noclear {
    /* width: 51px !important; */
    padding-top: 2px !important;
}
#searchresults .gs-no-results-result .gs-snippet, #searchresults .gs-error-result .gs-snippet {
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #595959 !important;
    background-color: #ffffff !important;
}
#searchresults .gsc-table-result, #searchresults .gsc-thumbnail-inside, #searchresults .gsc-url-top {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#searchresults .gcsc-branding {
    padding: 4px 8px 12px !important;
}
#searchresults .gsc-result-info {
    margin-bottom: 1.5em !important;
}
#searchresults .gsc-table-cell-thumbnail {
    border: 0 none !important;
}
#searchresults .gcsc-branding {
    padding-right: 0 !important;
}
#searchresults .cse .gsc-control-cse, #searchresults .gsc-control-cse {
    border: 0 none !important;
}
#searchresults .gs-result .gs-snippet {
    margin-bottom: 0.2em;
}
.main-content #loading img{
    padding: 0;   
}
/* END Search results */
a.show-more-link:focus{
    color: inherit;
    font-weight: inherit;
}
.off-page{
  position: absolute !important;
  left: -9999px !important;
}
.home-hide{

}

/* Breadcrumbs Override */

.breadcrumb>li:after {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
 
.breadcrumb>li:last-child:after {
    padding: 0;
    color: #ccc;
    content: "";
}
 
.breadcrumb>li+li:before {
    padding: 0;
    color: #ccc;
    content: "";
}

#menu-search-field, #header-search-box{
    max-height: 26px;
}