
/* Default Styles */
#wpadminbar {
    display: none !important;
}
body {
    font-family: "Roboto",sans-serif;
        overflow-x: hidden;
}h1, h1 a {
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 2em;
    line-height: 1.1;
    margin: 25px 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .15rem;
}h2 {
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 1.8em;
    line-height: 1.1;
    margin: 25px 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .15rem;
}h3 {
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-size: 1.6em;
    line-height: 1.1;
    margin: 25px 0;
}h4 {
    font-family: 'Exo 2', sans-serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5rem;
    margin: 25px 0;
}p {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 16px;
    margin: 15px 0;
}ul {
    list-style-type: none;
}ul.icon-list {
    margin-left: 0;
}ul.icon-list li {
    color: #ffffff;
    line-height: 1.6;
    position: relative;
    padding-left: 30px;
}ul.icon-list li::before {
    content: "\f140";
    font-family: fontAwesome;
    position: absolute;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    top: 5px;
    color: #d69e00;
}main ol li {
    color: #ffffff;
    line-height: 1.6;
}
span.lower {
text-transform: lowercase;
}

/* HEADER & NAVIGATION */

.header-wrapper {
    position: relative;
}.header-wrapper.header-home {
    height: 100vh;
    overflow: hidden;
}#bgvid {
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index:-1;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}.header-bar {
    padding-top: 1vh;
    display: flex;
    align-items: center;
}header.header-inner {
    background: #0a0a0a;
}.header-inner .row.header-bar {
    padding: 2vh 0;
}.header-inner .logo-wrapper img {
    width: 160px;
}.top-bar {
    background: none;
}.top-bar-section ul li {
    background: none;
}.top-bar-section li:not(.has-form) a:not(.button) {
    background: none;
    font-family: 'Exo 2', sans-serif;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: none;
    color: #d69e00;
}.hero-content {
    position: absolute;
    top: 40%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}.hero-content::after {
    content: " ";
    height: 75px;
    width: 1px;
    background: #ffffff;
    position: absolute;
    left: calc(50% - 0.5px);
    bottom: -120px;
}img.home-logo {
    width: 320px;
    margin-bottom: 20px;
}.hero-content h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: .15rem;
    font-weight: 600;
    margin: 0 0 10px;
}.hero-content p {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    margin: 0;
}span.scroll-arrow {
    position: absolute;
    left: calc(50% - 25px);
    bottom: 5%;
    width: 52px;
    line-height: 52px;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 26px;
    cursor: pointer;
}span.scroll-arrow .fa {
    color: #ffffff;
    font-size: 30px;
    vertical-align: middle;
    animation: scrollDown 3s infinite,ease;
    position: relative;
    width: 50px;
}@keyframes scrollDown {
0%, 100% {
    transform: translateY(3px);
}50% {
    transform: translateY(-3px);
}
}



.row {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}.row.wide {
    max-width: 100rem;
}.row.full {
    max-width: 100%;
}.contain-to-grid {
    background: none !important;
}.contain-to-grid .top-bar {
    max-width: 75em;
}.page-wrapper {
    max-width: 75rem;
    clear: both;
}.dark-slant-bg {
    background-image: -webkit-linear-gradient(65deg,#0a0a0a 20%,transparent 0),-webkit- linear-gradient(295deg,#0a0a0a 20%,transparent 0);
    background-image: -ms-(65deg,#0a0a0a 20%,transparent 20%),-ms-(295deg,#0a0a0a 20%,transparent 20%);
    background-image: linear-gradient(65deg,#0a0a0a 20%,transparent 0),linear-gradient(295deg,#0a0a0a 20%,transparent 0);
    background-color: #111111;
}.now-hiring {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/workshopbanner.jpg);
    padding: 9vh 0;
}.now-hiring h2 {
    font-size: 40px;
    letter-spacing: 4px;
    line-height: 1;
}.inner-cta {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/cane-bg.jpg);
}.inner-cta-row {
    background: rgba(0,0,0,.5);
    padding: 3vh 0;
}.inner-cta-row h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 38px;
    text-shadow: 0 4px 10px rgba(0,0,0,0.8);
    margin: 0 0 15px;
}.inner-cta-row h3 {
    font-weight: 600;
    text-shadow: 0 4px 10px rgba(0,0,0,0.8);
    text-transform: uppercase;
    letter-spacing: 1p;
}.house-holder {
    padding: .9375rem;
}.candy-images img {
    width: calc(100% / 12);
    float: left;
}video.prankvid {
    max-width: 100%;
}

.svc-box#historian {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/historian.jpg);
}.svc-box#fundraiser {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/fundraiser.jpg);
}.svc-box#gingerbread {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/gingerbread.jpg);
}.svc-box#inventory {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/inventory.jpg);
}.svc-box#naughty {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/naughty.jpg);
}.svc-box#prankster {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/prankster.jpg);
}.svc-box#reindeer {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/reindeer.jpg);
}.svc-box#choir {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/choir.jpg);
}.svc-box#security {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/security2.jpg);
}.svc-box#mechanic {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/mechanic.jpg);
}.svc-box#sweet {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/sweet.jpg);
}.svc-box#toymaker {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/toymaker1.jpg);
}.svc-box#weather {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/weather.jpg);
}.svc-box#wrapping {
    background: center / cover no-repeat url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/wrapping.jpg);
}.svc-boxes {
    display: flex;
    flex-wrap: wrap;
}.svc-box {
    padding: 2vh 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height:250px;
    text-align:center;
    position: relative;
}.one-fifth {
    flex: 0 0 20%;
    max-width: 20%;
}.one-fourth {
    flex: 0 0 25%;
    max-width: 25%;
}.svc-box h3 {
    font-size: 22px;
    letter-spacing: 1px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}.svc-box:hover h3 {
    color: #f1b331;
}.svc-box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}.svc-box::before {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}.svc-box::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}.svc-box:hover::before, .svc-box:hover::after {
    width: 100%;
    height: 100%;
}.svc-box:hover::before {
    border-top-color: #f1b331;
    border-right-color: #f1b331;
    transition: width .25s ease-out,height .25s ease-out .25s;
}.svc-box:hover::after {
    border-bottom-color: #f1b331;
    border-left-color: #f1b331;
    transition: height .25s ease-out,width .25s ease-out .25s;
}.apply-btn {
    display: inline-block;
    color: #ffffff;
    font-family: 'Exo 2';
    font-weight: 600;
    letter-spacing: 1px;
    border: 2px solid #ffffff;
    background: #c10006;
    padding: 20px 40px;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}.apply-btn:hover {
    color: #000000;
}.apply-btn::before {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    width: 0;
    height: 0;
    top: -2px;
    left: -2px;
}.apply-btn::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    width: 0;
    height: 0;
    top: -2px;
    left: -2px;
}.apply-btn:hover::before, .apply-btn:hover::after {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}.apply-btn:hover::before {
    border-top-color: #000000;
    border-right-color: #000000;
    transition: width .25s ease-out,height .25s ease-out .25s;
}.apply-btn:hover::after {
    border-bottom-color: #000000;
    border-left-color: #000000;
    transition: height .25s ease-out,width .25s ease-out .25s;
}img.img-right {
    float: right;
    margin: 20px 0 20px 20px;
}.footer-wrapper {
    width: 100%;
    background: #0a0a0a;
}img.footer-logo {
    width: 280px;
}p.copyright {
    font-family: 'Exo 2', sans-serif;
    letter-spacing: 1px;
}.radio-bg {
    background: url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/radiotower.jpg) center center / cover no-repeat fixed;
}.choir-bg {
    background: url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/choir-bg.jpg) center center / cover no-repeat fixed;
}.reindeer-bg {
    background: url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/reindeer-bg.jpg) center center / cover no-repeat fixed;
}.prankster-bg {
    background: url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/prankster-bg.jpg) center center / cover no-repeat fixed;
}.mechanic-bg {
    background: url(https://northernpostcareersllc.com/wp-content/uploads/2020/12/mechanic-bg.jpg) center center / cover no-repeat fixed;
}.choir-puzzle {
    min-height: calc(100vh - 135px);
}a.audiofile {
    color: inherit;
    text-decoration: underline;
}a.audiofile:hover {
    color: #f1b331;
}form.post-password-form {
    max-width: 600px;
    display: block;
    margin: 0 auto;
    padding: 5vh .9375rem;
}form.post-password-form p {
    color: #000000;
}.testimonial {
    font-style: italic;
    border-bottom: 1px solid #d69e00;
}span.yellow {
    color: #d69e00;
}











.contactForm  {
    margin-top: 20px;
}.contactForm  label{
    font-weight: bold;
    display: block;
}.contactForm input {
    width: 100%;
    padding: 3px;
    margin-bottom: 5px;
}.contactForm textarea {
    width: 100%;
}.contactForm .captchaWrapper {
    margin-top: 10px;
}.contactForm .captchaRefresh {
    vertical-align: top;
}.contactForm .submitWrapper {
    text-align: center;
    margin-top: 30px;
}.contactForm .submitWrapper span.submit {
    font-size: inherit;
    font-weight: bold;
    background-color: #fafafa;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 3px 20px;
    cursor: pointer;
}.contactForm .submitWrapper span.submit:hover {
    background-color: #eaeaea;
}.emailConfirmation {
    margin: 0 auto;
}.emailConfirmation h1 {
    color: #00CC00;
}.slick-background-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    z-index: -1;
    width: 101% !important;
    overflow: hidden;
}

/* PADDING CLASSES */

.strip-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}.vertical-padding-xs {
    padding-top: 3vh;
    padding-bottom: 3vh;
}.top-padding-xs {
    padding-top: 3vh;
}.bottom-padding-xs {
    padding-bottom: 3vh;
}.vertical-padding-small {
    padding-top: 6vh;
    padding-bottom: 6vh;
}.top-padding-small {
    padding-top: 6vh;
}.bottom-padding-small {
    padding-bottom: 6vh;
}.vertical-padding-medium {
    padding-top: 8vh;
    padding-bottom: 8vh;
}.top-padding-medium {
    padding-top: 8vh;
}.bottom-padding-medium {
    padding-bottom: 8vh;
}.vertical-padding-large {
    padding-top: 10.5vh;
    padding-bottom: 10.5vh;
}.top-padding-large {
    padding-top: 10.5vh;
}.bottom-padding-large {
    padding-bottom: 10.5vh;
}.vertical-padding-x-large {
    padding-top: 13.5vh;
    padding-bottom: 13.5vh;
}.top-padding-x-large {
    padding-top: 13.5vh;
}.bottom-padding-x-large {
    padding-bottom: 13.5vh;
}.horizontal-padding-medium {
    padding-left: 7.5vw;
    padding-right: 7.5vw;
}.horizontal-padding-small {
    padding-left: 3.75vw;
    padding-right: 3.75vw;
}

/* ANIMATIONS */

.scrollfade, .animated {
    opacity: 0;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    -webkit-transition: all 1200ms ease;
    transition: all 1200ms ease;
}.scrollfade.complete,.animated.complete{
   opacity:1;
}.from-bottom.scrollfade {
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}.from-bottom.animated {
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}.from-bottom.scrollfade.complete {
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}.from-bottom.animated.complete {
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}.from-top.scrollfade {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}.from-top.animated {
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}.from-top.scrollfade.complete {
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}.from-top.animated.complete {
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}.from-left.scrollfade {
    -moz-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}.from-left.animated {
    -moz-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}.from-left.scrollfade.complete {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}.from-left.animated.complete {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}.from-right.scrollfade {
    -moz-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}.from-right.animated {
    -moz-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}.from-right.scrollfade.complete {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}.from-right.animated.complete {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

