/*! page-default.css */

/* update header truck for internal pages
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */
@keyframes scrolledFalseChangeTruck
{
    0% {background-image: url("/media/trucks/semi-truck-with-trailer-black.svg");}
    11.1110% {background-image: url("/media/trucks/semi-truck-with-trailer-black.svg");}

    11.1111% {background-image: url("/media/trucks/dump-truck-with-trailer-black.svg");}
    22.2221% {background-image: url("/media/trucks/dump-truck-with-trailer-black.svg");}

    22.2222% {background-image: url("/media/trucks/dump-truck-black.svg");}
    33.3332% {background-image: url("/media/trucks/dump-truck-black.svg");}

    33.3333% {background-image: url("/media/trucks/flat-truck-black.svg");}
    44.4443% {background-image: url("/media/trucks/flat-truck-black.svg");}

    44.4444% {background-image: url("/media/trucks/city-bus-driver-side-black.svg");}
    55.5554% {background-image: url("/media/trucks/city-bus-driver-side-black.svg");}

    55.5555% {background-image: url("/media/trucks/school-bus-driver-side-black.svg");}
    66.6665% {background-image: url("/media/trucks/school-bus-driver-side-black.svg");}

    66.6666% {background-image: url("/media/trucks/shuttle-bus-driver-side-black.svg");}
    77.7776% {background-image: url("/media/trucks/shuttle-bus-driver-side-black.svg");}

    77.7777% {background-image: url("/media/trucks/pickup-truck-hazmat-black.svg");}
    88.8887% {background-image: url("/media/trucks/pickup-truck-hazmat-black.svg");}

    88.8888% {background-image: url("/media/trucks/short-bus-driver-side-black.svg");}
    99.9999% {background-image: url("/media/trucks/short-bus-driver-side-black.svg");}

    100% {background-image: url("/media/trucks/semi-truck-with-trailer-black.svg");}
}










/* slide-ins
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */
.page-content-wrapper .observe
{
    transform: translate3d(0,3em,0);
    opacity: 0; visibility: hidden;
}

.page-content-wrapper .observe.in
{
    transform: translate3d(0,0,0);
    opacity: 1; visibility: visible;
}










/* page content wrapper
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* main container
==================================================================================================== */

/* main container */
.page-content-wrapper
{
    --page-margins: 17em;
    --page-background-margins: 5em;
}

/* responsive media queries */
@media only screen and (max-width: 1920px)
{
    .page-content-wrapper
    {
        --page-margins: 10em;
        --page-background-margins: 3em;
    }
}
@media only screen and (max-width: 1600px)
{
    .page-content-wrapper
    {
        --page-margins: 6em;
    }
}
@media only screen and (max-width: 1024px)
{
    .page-content-wrapper
    {
        --page-margins: 4em;
        --page-background-margins: 2em;
    }
}
@media only screen and (max-width: 768px)
{
    .page-content-wrapper
    {
        --page-margins: 3em;
    }
}
@media only screen and (max-width: 480px)
{
    .page-content-wrapper
    {
        --page-margins: 1.25em;
        --page-background-margins: 2em;
    }
}



/* background
==================================================================================================== */

/* default */
.page-content-wrapper::before,
.page-content-wrapper::after {top: 0; left: 0; display: block; float: left; height: calc(100% + 6em);}

/* color */
.page-content-wrapper::before {background: linear-gradient(to top left, var(--gray-norm), var(--white-lite));}

/* texture */
.page-content-wrapper::after
{
    background: linear-gradient(to top left, rgba(0,0,0,0), var(--white-lite)), url("/media/textures/angled-lines-black-alt.svg") repeat top left / auto;
    opacity: 0.025;
}










/* page content main
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* main container
==================================================================================================== */

/* main container */
.page-content-wrapper .page-content-main {width: calc(100% - (var(--page-margins) * 2)); min-height: calc(100vh - (var(--header-height) + var(--footer-height))); margin: 0 0 0 var(--page-margins);}





/* background
==================================================================================================== */

/* default */
.page-content-wrapper .page-content-main::before,
.page-content-wrapper .page-content-main::after {top: 0; left: calc(var(--page-background-margins) * -1); display: block; float: left; width: calc(100% + (var(--page-background-margins) * 2)); height: calc(100% + 6em);}

/* side borders */
.page-content-wrapper .page-content-main::before {border-width: 0 0.1rem; border-style: solid; border-color: rgba(0,0,0,0.1);}

/* background */
.page-content-wrapper .page-content-main::after
{
    background: linear-gradient(to top, var(--white-lite), rgba(0,0,0,0));
    opacity: 0.25;
}










/* page heading
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* main wrapper
==================================================================================================== */

/* main container
================================================== */
.page-content-wrapper .page-content-main .page-heading-wrapper
{
    z-index: 2;
    width: calc(100% + (var(--page-margins) * 2)); margin: 0 0 0 calc(var(--page-margins) * -1); padding: 2em var(--page-margins);
    color: var(--black-lite);
}

/* slide in */
.page-content-wrapper .page-content-main .page-heading-wrapper.observe {transform: translate3d(0,-3em,0);}
.page-content-wrapper .page-content-main .page-heading-wrapper.observe.in {transform: translate3d(0,0,0);}

/* responsive media queries */
@media only screen and (max-width: 480px)
{
    .page-content-wrapper .page-content-main .page-heading-wrapper {padding: 1.25em var(--page-margins);}
}





/* backgrounds
================================================== */

/* default */
.page-content-wrapper .page-content-main .page-heading-wrapper::before,
.page-content-wrapper .page-content-main .page-heading-wrapper::after {top: 0; left: 0; display: block; float: left;}

/* color */
.page-content-wrapper .page-content-main .page-heading-wrapper::before
{
    background: linear-gradient(to top right, var(--ps-gold-norm), var(--ps-gold-lite));
    box-shadow: inset 0 0.2rem 0.4rem 0 rgba(0,0,0,0.1), 0 0.2rem 0.4rem 0 rgba(0,0,0,0.035), 0 0.5rem 0.5rem 0 rgba(0,0,0,0.035);
}

/* texture */
.page-content-wrapper .page-content-main .page-heading-wrapper::after
{
    background: linear-gradient(to top right, var(--ps-gold-norm), rgba(0,0,0,0)), url("/media/textures/angled-lines-black.svg") repeat top left / auto;
    opacity: 0.05;
}



/* main container
==================================================================================================== */
/*.page-content-wrapper .page-content-main .page-heading-wrapper .page-heading {}*/



/* heading
==================================================================================================== */
.page-content-wrapper .page-content-main .page-heading-wrapper .page-heading h1
{
    margin: 0; padding: 0;
    text-transform: uppercase;
    font-family: var(--oswald); font-weight: 500; font-size: 3em; line-height: 1.5em;
}

/* responsive media queries */
@media only screen and (max-width: 1280px)
{
    .page-content-wrapper .page-content-main .page-heading-wrapper .page-heading h1 {font-size: 2em;}
}
@media only screen and (max-width: 768px)
{
    .page-content-wrapper .page-content-main .page-heading-wrapper .page-heading h1 {font-size: 1.6em;}
}
@media only screen and (max-width: 480px)
{
    .page-content-wrapper .page-content-main .page-heading-wrapper .page-heading h1 {font-size: 1.4em;}
}










/* page content block
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* main container
==================================================================================================== */

/* main container */
.page-content-wrapper .page-content-main .page-content-block
{
    z-index: 1;
    padding: 5em 0;
}

/* responsive media queries */
@media only screen and (max-width: 1280px)
{
    .page-content-wrapper .page-content-main .page-content-block {padding: 4em 0;}
}
@media only screen and (max-width: 1024px)
{
    .page-content-wrapper .page-content-main .page-content-block {padding: 3em 0;}
}
@media only screen and (max-width: 900px)
{
    .page-content-wrapper .page-content-main .page-content-block {padding: 3em 0 8em 0;}
}
@media only screen and (max-width: 640px)
{
    .page-content-wrapper .page-content-main .page-content-block {padding: 3em 0 7em 0;}
}
@media only screen and (max-width: 400px)
{
    .page-content-wrapper .page-content-main .page-content-block {padding: 3em 0 6.5em 0;}
}










/* internal page elements
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* default block
==================================================================================================== */

/* main container */
/*.page-content-wrapper .block {}*/



/* section wrapper
==================================================================================================== */

/* main container */
.page-content-wrapper .block.section-wrapper {margin: 0 0 5em 0;}
.page-content-wrapper .page-content-block > :last-child {margin: 0!important;}

/* responsive media queries */
@media only screen and (max-width: 1280px)
{
    .page-content-wrapper .block.section-wrapper {margin: 0 0 4em 0;}
}
@media only screen and (max-width: 768px)
{
    .page-content-wrapper .block.section-wrapper {margin: 0 0 3em 0;}
}
@media only screen and (max-width: 480px)
{
    .page-content-wrapper .block.section-wrapper {margin: 0 0 2em 0;}
}



/* section block
==================================================================================================== */

/* main container */
/*.page-content-wrapper .block.block-section {}*/



/* section heading
==================================================================================================== */

/* main container */
/*.page-content-wrapper .block.section-heading {}*/

/* heading */
/* this rule is run in bundle-config-excludes because bundle config doesn't like it */
/*
.page-content-wrapper .block.section-heading :is(h1,h2,h3,h4,h5,h6)
{
    margin: 0 0 1em 0; padding: 1em 0 0 0;
    font-weight: 500; font-size: 2.2em; line-height: 1.5em;
    color: var(--ps-blue-lite);
    border-width: 0.1rem 0 0 0; border-style: solid; border-color: rgba(0,0,0,0.1);
}
*/

/* responsive media queries */
/* this rule is run in bundle-config-excludes because bundle config doesn't like it */
/*
@media only screen and (max-width: 1024px)
{
    .page-content-wrapper .block.section-heading :is(h1,h2,h3,h4,h5,h6) {font-size: 1.8em;}
}
@media only screen and (max-width: 768px)
{
    .page-content-wrapper .block.section-heading :is(h1,h2,h3,h4,h5,h6) {font-weight: 600; font-size: 1.6em;}
}
*/



/* section content
==================================================================================================== */

/* main container */
/*.page-content-wrapper .block.section-content {}*/










/* footer wrapper
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* take margin away from footer on internal pages */
.footer-wrapper {margin: 0!important;}