/*
Theme Name:   Labourforce Professional
Description:  Custom theme based on the Blooom Framework for Bootstrap 4
Design:       BrandQuest
Author:       Blooom Creative / Tristan James
Author URI:   http://www.blooom.nz
Version:      1.0
*/
/*
BASE STYLES
======================================================
*/
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 300; color: #231f20; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #ed1c24; }

h6 { font-size: 0.9rem; }

.rt h2, .rt h3, .rt h4, .rt h5, .rt h6 { margin-bottom: 0.75rem; }

.rt p + h2, .rt ul + h2, .rt ol + h2, .rt blockquote + h2, .rt table + h2, .rt hr + h2, .rt iframe + h2, .rt embed + h2, .rt div + h2 { margin-top: 2.5rem; }

.rt p + h3, .rt ul + h3, .rt ol + h3, .rt blockquote + h3, .rt table + h3, .rt hr + h3, .rt iframe + h3, .rt embed + h3, .rt div + h3 { margin-top: 2.5rem; }

.rt p + h4, .rt ul + h4, .rt ol + h4, .rt blockquote + h4, .rt table + h4, .rt hr + h4, .rt iframe + h4, .rt embed + h4, .rt div + h4 { margin-top: 2.5rem; }

.rt p + h5, .rt ul + h5, .rt ol + h5, .rt blockquote + h5, .rt table + h5, .rt hr + h5, .rt iframe + h5, .rt embed + h5, .rt div + h5 { margin-top: 1.5rem; }

.rt p + h6, .rt ul + h6, .rt ol + h6, .rt blockquote + h6, .rt table + h6, .rt hr + h6, .rt iframe + h6, .rt embed + h6, .rt div + h6 { margin-top: 1.5rem; }

a { color: #8b0304; }

a:hover, a:focus { color: #270101; }

strong, b, .font-weight-bold { font-weight: 600; }

img { max-width: 100%; height: auto; }

/*
HEADER
======================================================
*/
header.site-header .header-banner { position: relative; background-color: #f4f4f4; }

header.site-header .header-banner.banner-single { height: 220px; }

header.site-header .header-banner .banner-image { background-position: center 10%; background-size: cover; background-repeat: no-repeat; }

header.site-header .header-banner.banner-single .banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

header.site-header .header-banner.banner-slider .banner-image { height: 41.5vw; min-height: 280px; }

header.site-header .header-banner .slider-overlay { position: absolute; bottom: -2px; left: -5px; padding-top: 22%; width: calc(100% + 10px); height: 0; background: transparent url(/images/red-arc.svg?v=1) bottom center no-repeat; background-size: contain; }

header.site-header .banner-icon { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform: translateY(55%); -ms-transform: translateY(55%); transform: translateY(55%); }

header.site-header .slider-overlay .banner-icon { top: 18%; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

header.site-header .banner-icon img { width: 120px; max-width: 15%; }

header.site-header .has-accent { border-style: solid; border-width: 0 0 14px; }

header.site-header .header-content { position: absolute; top: 0; left: 0; }

header.site-header .logo { width: 180px; background-color: #fff; }

header.site-header .logo a { border: 4px solid #fff; }

/*
NAVIGATION
======================================================
*/
nav.site-menu ul { margin: 0 auto; padding: 0; list-style: none; }

nav.site-menu li { position: relative; padding: 0.25rem 0; }

nav.site-menu a:not(.btn) { padding: 0.25rem; font-weight: 400; text-transform: uppercase; text-decoration: none !important; }

nav.site-menu a:not(.btn):hover, nav.site-menu a:not(.btn):focus { color: #ed1c24; }

nav.site-menu li a { display: block; color: #231f20; }

nav.site-menu li.current-menu-item a { color: #ed1c24; font-weight: 600; }

nav.site-menu a.phone-number { margin: 1rem 0 1.5rem; color: #ed1c24; font-size: 1.2rem; font-weight: 600; }

nav.site-menu a.phone-number:hover, nav.site-menu a.phone-number:focus { color: #970c11 !important; }

nav.site-menu a.current-jobs { margin-top: -0.25rem; }

nav.site-menu .nav-toggle.nav-bars { width: 34px; height: 34px; color: #fff !important; background-color: #ed1c24; }

nav.site-menu .nav-toggle.nav-bars:hover, nav.site-menu .nav-toggle.nav-bars:focus { background-color: #c61017; }

nav.site-menu .nav-toggle.nav-bars:active { background-color: #970c11 !important; }

nav.site-menu .nav-container .nav-toggle { position: absolute; top: 1rem; left: 1rem; color: rgba(0, 0, 0, 0.5); }

nav.footer-menu ul { padding: 0; margin: 0; list-style: none; }

nav.footer-menu li { position: relative; display: inline-block; }

nav.footer-menu li:not(:last-child)::after { content: "|"; position: absolute; top: 0.4em; right: -0.4em; color: #939598; }

nav.footer-menu a { display: block; padding: 0.5rem; font-size: 0.85rem; }

/*
CONTENT
======================================================
*/
h1 .heading-small { display: block; font-size: 1.5rem; }

.entry-box { border-top: 15px solid #73bb44; }

ul.fancy-bullets { margin: 0; padding: 0; list-style: none; }

ul.fancy-bullets span { padding-left: 1.5rem; }

ul.fancy-bullets i { position: absolute; left: 0; top: 0.75em; font-size: 0.6em; }

.team-member .team-bio { position: relative; padding-bottom: 1.5rem; height: 120px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: height 0.3s ease-out; -o-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }

.team-member .team-bio .toggle { position: absolute; bottom: 0; left: 0; width: 100%; height: 1.5rem; color: #939598; background-color: #fff; cursor: pointer; }

.team-member .team-bio .toggle:hover, .team-member .team-bio .toggle:focus { color: #606265; }

.team-bio .toggle i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; -o-transition: transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; }

.team-member .team-bio .toggle:before { content: ''; position: absolute; top: -50px; left: 0; width: 100%; height: 50px; opacity: 1; -webkit-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.team-bio.is-open .toggle i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.team-bio.is-open .toggle:before { opacity: 0; }

.team-member .team-photo { width: 300px; }

.team-member a.linkedin { color: #0077b5; }

.team-member a.linkedin:hover, .team-member a.linkedin:focus { color: #00344f; }

.branch-locations .branch-name a { padding-left: 0; text-decoration: none !important; -webkit-transition: padding-left 0.2s ease; -o-transition: padding-left 0.2s ease; transition: padding-left 0.2s ease; }

.branch-locations .branch-name a:hover, .branch-locations .branch-name a:focus { padding-left: 0.5rem; }

/*
FOOTER
======================================================
*/
footer.site-footer .footer-note { font-size: 0.8rem; }

.site-author a, .site-author a:hover, .site-author a:focus, .site-author a:active, .site-author a:visited { text-decoration: none; color: inherit; }

/*
OO & UTILITY STYLES
======================================================
*/
.text-white { color: #fff !important; }

.text-green { color: #8b0304 !important; }

.text-purple { color: #ed1c24 !important; }

.text-grey { color: #939598 !important; }

.text-default { color: #231f20 !important; }

.bg-white { background-color: #fff !important; }

.bg-grey-1 { background-color: #f1f1f2 !important; }

.bg-grey-2 { background-color: #e0e1e2 !important; }

.btn { border-radius: 0; }

.btn:not(.not-uppercase) { text-transform: uppercase; }

.btn-primary { color: #fff !important; border: none !important; background-color: #ed1c24; }

.btn-primary:hover, .btn-primary:focus { background-color: #c61017; }

.btn-primary:active { background-color: #970c11 !important; }

.btn-secondary { color: #fff !important; border: none !important; background-color: #8b0304; }

.btn-secondary:hover, .btn-secondary:focus { background-color: #590203; }

.btn-secondary:active { background-color: #270101 !important; }

.btn-group-sm > .btn, .btn-sm { padding: .25rem .75rem; }

.btn-group-lg > .btn, .btn-lg { padding: 0.75rem 1.5rem; font-size: 1.2rem; }

.form-control { border-radius: 0; }

/*
RESPONSIVE / MEDIA QUERIES
======================================================
*/
/* Mobile nav override */
@media (max-width: 991px) { .page-overlay { position: fixed; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: width 0s linear 0.3s, opacity 0.3s ease-out; -o-transition: width 0s linear 0.3s, opacity 0.3s ease-out; transition: width 0s linear 0.3s, opacity 0.3s ease-out; z-index: 99; }
  nav.site-menu .nav-container { position: fixed; top: 0; right: 0; width: 260px; height: 100%; background: #f1f1f2; z-index: 100; overflow: hidden; -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  nav.site-menu .scroll-container { margin-right: -50px; padding: 3rem 5rem 3rem 3rem; width: 310px; height: 100%; overflow-y: scroll; }
  body.js--nav-visible nav.site-menu .nav-container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  body.js--nav-visible .page-overlay { width: 100%; opacity: 1; -webkit-transition: width 0s linear, opacity 0.3s ease-out; -o-transition: width 0s linear, opacity 0.3s ease-out; transition: width 0s linear, opacity 0.3s ease-out; } }

/* SM: Small devices (landscape phones, 576px and up) */
@media all and (min-width: 576px) { header.site-header .logo a { border-width: 6px; } }

/* MD: Medium devices (tablets, 768px and up) */
@media all and (min-width: 768px) { h1 { font-size: 3rem; }
  header.site-header .header-banner.banner-single { height: 280px; }
  header.site-header .logo { width: 200px; }
  header.site-header .hero-headings { margin-top: -5vw; }
  header.site-header .banner-icon img { max-width: 12%; } }

/* LG: Large devices (desktops, 992px and up) */
@media (min-width: 992px) { header.site-header .has-accent { border-width: 0 0 20px; }
  header.site-header .header-banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  header.site-header .header-banner.banner-single { height: 300px; }
  header.site-header .hero-headings { margin-top: -7.5vw; }
  header.site-header .logo { width: 220px; }
  header.site-header .logo a { border-width: 10px; }
  header.site-header .banner-icon img { max-width: 10%; }
  nav.site-menu li { padding: 0 0.5rem; }
  nav.site-menu li:not(:last-child):after { content: ''; position: absolute; top: 20%; right: 0; width: 1px; height: 60%; background-color: #a69b9e; }
  nav.site-menu a.phone-number { margin: 0 0.75rem 0 0.25rem; }
  ul.fancy-bullets { font-size: 1.25rem; }
  .team-member .team-photo { width: auto; } }

/* XL: Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { header.site-header .header-banner.banner-single { height: 400px; }
  header.site-header .hero-headings { margin-top: -7.5vw; }
  header.site-header .hero-headings h1 { font-size: 3.5rem; }
  header.site-header .logo { width: 280px; }
  h1 .heading-small { font-size: 1.8rem; } }

/* XXL */
@media (min-width: 1600px) { header.site-header .header-banner.banner-single { height: 500px; }
  header.site-header .hero-headings { margin-top: -8.5vw; } }
/*# sourceMappingURL=style.css.map */