/* Fonts Included */
/*@font-face {
    font-family: 'league spartan';
    src: url('../fonts/leaguespartan-bold-webfont.woff2') format('woff2'),
         url('../fonts/leaguespartan-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'myriad pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
         url('../fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'myriad pro';
    src: url('../fonts/MyriadPro-Light.woff2') format('woff2'),
         url('../fonts/MyriadPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'myriad pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
         url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriad pro';
    src: url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
         url('../fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'verdana';
    src: url('../fonts/Verdana-Bold.woff2') format('woff2'),
         url('../fonts/Verdana-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'verdana';
    src: url('../fonts/Verdana.woff2') format('woff2'),
         url('../fonts/Verdana.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*/
.font-myriad{
    /*font-family: 'myriad pro';*/
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
.font-league{
    /*font-family: 'league spartan';*/
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
    font-weight: bold;
}
.font-verdana{
    /*font-family: 'verdana';*/
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}




/*** Helper CSS ***/
:root {
    --primary: #509735;
    --secondary: #565656;
    --tertiary: #e28a00;
    --quaternary: #f2f2f2;
    --fourth: #898989;
    --fifth: #44af24;
    --sixth: #dddddd;
    /* var(--primary); */
}
.text-primary,
.placeholder-primary::placeholder,
.hover\:text-primary:hover{color: var(--primary);}
.bg-primary,
.hover\:bg-primary:hover{background: var(--primary);}
.border-primary,
.hover\:border-primary:hover{border-color: var(--primary);}


.text-secondary,
.placeholder-secondary::placeholder,
.hover\:text-secondary:hover{color: var(--secondary);}
.bg-secondary,
.hover\:bg-secondary:hover{background: var(--secondary);}
.border-secondary,
.hover\:border-secondary:hover{border-color: var(--secondary);}

.text-tertiary,
.placeholder-tertiary::placeholder,
.hover\:text-tertiary:hover{color: var(--tertiary);}
.bg-tertiary,
.hover\:bg-tertiary:hover{background: var(--tertiary);}
.border-tertiary,
.hover\:border-tertiary:hover{border-color: var(--tertiary);}

.text-quaternary,
.placeholder-quaternary::placeholder,
.hover\:text-quaternary:hover{color: var(--quaternary);}
.bg-quaternary,
.hover\:bg-quaternary:hover{background: var(--quaternary);}
.border-quaternary,
.hover\:border-quaternary:hover{border-color: var(--quaternary);}

.text-fourth,
.placeholder-fourth::placeholder,
.hover\:text-fourth:hover{color: var(--fourth);}
.bg-fourth,
.hover\:bg-fourth:hover{background: var(--fourth);}
.border-fourth,
.hover\:border-fourth:hover{border-color: var(--fourth);}

.text-fifth,
.placeholder-fifth::placeholder,
.hover\:text-fifth:hover{color: var(--fifth);}
.bg-fifth,
.hover\:bg-fifth:hover{background: var(--fifth);}
.border-fifth,
.hover\:border-fifth:hover{border-color: var(--fifth);}

.text-sixth,
.placeholder-sixth::placeholder,
.hover\:text-sixth:hover{color: var(--sixth);}
.bg-sixth,
.hover\:bg-sixth:hover{background: var(--sixth);}
.border-sixth,
.hover\:border-sixth:hover{border-color: var(--sixth);}

.text-2xs{font-size: 0.65em;}
.text-3xs{font-size: 0.55em;}
.text-4xs{font-size: 0.45em;}

.tracking-wider{letter-spacing: 3px;}
.tracking-widest{letter-spacing: 6px;}

.rounded-15{border-radius: 15px;}

.-z-10 {z-index: -10;}
.-z-20 {z-index: -20;}
.-z-30 {z-index: -30;}
.-z-40 {z-index: -40;}
.-z-50 {z-index: -50;}

.h-72 {height: 18rem;}
.h-80 {height: 20rem;}
.h-88 {height: 22rem;}
.h-96 {height: 24rem;}
.h-104 {height: 26rem;}
.h-112 {height: 28rem;}
.h-120 {height: 30rem;}
.h-128 {height: 32rem;}
.h-136 {height: 34rem;}
.h-144 {height: 36rem;}
.h-152 {height: 38rem;}
.h-180 {height: 40rem;}

.min-h-64 {min-height: 16rem;}
.min-h-72 {min-height: 18rem;}
.min-h-80 {min-height: 20rem;}
.min-h-88 {min-height: 22rem;}
.min-h-96 {min-height: 24rem;}
.min-h-104 {min-height: 26rem;}
.min-h-112 {min-height: 28rem;}
.min-h-120 {min-height: 30rem;}
.min-h-128 {min-height: 32rem;}
.min-h-136 {min-height: 34rem;}
.min-h-144 {min-height: 36rem;}
.min-h-152 {min-height: 38rem;}
.min-h-180 {min-height: 40rem;}

.w-full-05 {width: 105%;}
.w-full-10 {width: 110%;}
.w-full-15 {width: 115%;}
.w-full-20 {width: 120%;}
.w-full-25 {width: 125%;}
.w-full-30 {width: 130%;}
.w-full-35 {width: 135%;}
.w-full-40 {width: 140%;}
.w-full-45 {width: 145%;}
.w-full-50 {width: 150%;}

.max-w-0 {max-width: none;}
.max-w-2xs {max-width: 18rem;}
.max-w-3xs {max-width: 16rem;}
.max-w-4xs {max-width: 14rem;}
.max-w-5xs {max-width: 12rem;}
.max-w-6xs {max-width: 10rem;}


:not(.no-transition):hover{
    -webkit-transition: all ease 0.1s;
    -moz-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

.green-gradient{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c9a20+0,2d8a11+100 */
    background: #3c9a20; /* Old browsers */
    background: -moz-linear-gradient(top,  #3c9a20 0%, #2d8a11 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3c9a20 0%,#2d8a11 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3c9a20 0%,#2d8a11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9a20', endColorstr='#2d8a11',GradientType=0 ); /* IE6-9 */
}

ul.arrow-list{
    list-style: none;
}
ul.arrow-list li{
/*    background-image: url("../images/list_arrow.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 16px;
    padding-left: 30px;
*/}

.inset-shadow{
    background-image: url("../images/shadow_inset_top.png");
    background-position: left top;
    background-repeat: repeat-x;
}

.carousel-images > span{
    border-radius: 8px;
    overflow: hidden;
    margin: 0.25rem;
}

.offices-images > span {
    border: 2px solid var(--fourth);
    border-radius: 15px;
    overflow: hidden;
    margin: 0.5rem;
    background: #fff;
    padding: 0 10px;
}

.bg-howitworks{
    background-image: url("../images/howitworks.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-foryourself{
    background-image: url("../images/foryourself.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.btn-shadow{
    -webkit-box-shadow: 5px 8px 16px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 8px 16px rgba(0,0,0,0.25);
    box-shadow: 5px 8px 16px rgba(0,0,0,0.25);
}

/*** Landing Page ***/

html{
    font-size: 11px;
}
@media (max-width: 400px) {
    .hidden-xs{
        display: none;
    }
}
@media (max-width: 640px) {

    .carousel-images > span{
        max-width: calc(33.333% - 16px);
        margin: 8px;padding: 0.25rem;
    }
}
@media (min-width: 480px) {
    html{
        font-size: 12px;
    }
}

@media (min-width: 640px) {
    html{
        font-size: 13px;
    }

    ul.arrow-list li{
/*        background-size: 22px;
        padding-left: 40px;
*/    }
}

@media (min-width: 1024px) {
    html{
        font-size: 14px;
    }
}

@media (min-width: 1280px) {
    html{
        font-size: 16px;
    }
}
@media (min-width: 1600px) {
    html{
        font-size: 18px;
    }
}

input[type="text"]::placeholder {
    opacity: 0.3;
}

.footer-fine-print {
    font-size: 12px;
    color: #999;
}

.footer-fine-print a:hover {
    color: #ccc;
    text-decoration: underline;
}