html{
    font-size:calc(12px + 4 * (100vw - 1000px) / 816);
}
body {
    font-family: "Raleway", sans-serif;
    line-height: 1.5;
}

.site-header-util .btn{
    padding:0!important;
    border:0!important;
    margin:0!important;
    background-color:transparent!important;
}

@media(min-width:1800px){
    header a{ font-size:18px!important; }
}

@media(max-width:1000px){
    .site-header .col-xs-4,.site-header .col-md-8.site-desktop{
        /* width:100%; */
    }
}
@media(min-width:1000px){
    .site-header .col-xs-4,.site-header .col-md-8{ width:auto!important; }
    .site-header .col-xs-4{ flex:1; }
}

.site-header-util li:first-child{ display:none; }
.site-header-util ul{ margin-bottom:1rem!important; }

.site-header-util .menu li:not(:last-child)::after{
    font-weight:400!important;
}

.site-main-navigation li:last-child, .site-main-navigation li:last-child>a{ padding-right:0!important; }

.site-header-util ul, .site-header-util li, .site-header-util a{ line-height:1.5; font-size:1rem; }

header .container,footer .container{
    max-width: 1816px !important;
    padding-left: 5.5rem;
    padding-right: 5.5rem;
    width:100%!important;
}

.site-main-mobile-navigation{
    background-color:#266492;
    padding: 1rem 0;
}
.site-main-mobile-navigation ul{
    list-style: none;
}
.site-main-mobile-navigation li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-main-mobile-navigation li:last-child{
    border-bottom:none;
}
.site-main-mobile-navigation a{
    font-size: 15px;
    font-weight:400;
    color:#fff;
    display: block;
    padding: 12px 0;
}

header{
    padding: 2rem 0 1rem 0!important;
}

.site-header .col-xs-4{
    height: 105px;
    display: flex;
    align-items: center;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

.site-header-util li,.footer-bottom-middle{
    padding:0!important;
}

footer.site-footer .footer-bottom p, footer.site-footer .footer-bottom a{
    font-size: 1rem!important;
    font-weight:400!important
}

footer.site-footer .footer-bottom li{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin:0!important;
}

.footer-util-menu li:last-child{ padding-right:0!important; }
footer.site-footer .footer-bottom p{ margin:0!important; }

.site-footer{
    padding-top: 2rem!important;
}

footer{
    background-color:#266492!important;
}

footer .row,footer.site-footer .footer-top .footer-top-left img{ margin:0!important; }
footer.site-footer .footer-top .footer-top-left>a:last-child img{ margin-left:10px!important; }

footer.site-footer .footer-bottom{
    border-top:1px solid #8bc2eb!important;
}
.footer-top-left{
    padding:0!important;
    justify-content: left!important;
    margin-bottom:9px;
}
.footer-top-right,.footer-bottom-left{ padding:0!important }
@media (min-width: 992px) {
    .footer-bottom-left,.footer-bottom-middle {
        width: 50%;
    }
}
.footer-top-right>ul,.footer-bottom-middle>ul{
    justify-content: right!important;
}
.footer-bottom-right{
    display:none;
}
footer.site-footer .footer-bottom p, footer.site-footer .footer-bottom a{
    text-align: left!important;
}

.btn {
    display: inline-block;
    margin-bottom: 0.25rem;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase; 
    color: #000;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.657rem 2.585rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}

.btn.dropdown-toggle {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-transform: none;
   margin-bottom: 0;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.42857143;
}
p.form-control-static {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   font-weight: 400;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
    transition: none; } 
}
.btn:hover {
    color: #000;
    text-decoration: none; 
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 
}
.btn.disabled, .btn:disabled {
    opacity: 0.65; 
}
  
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none; 
}
  
.btn-default {
    color: #000 !important;
    background-color: #ffffff;
    border: 1px solid #dddddd !important;
    border-color: #dddddd !important;
}
.btn-default:hover {
    background-color: #eee;
    border-color: #000;
}
.btn-default:focus, .btn-default.focus {
    background-color: #eee;
    border-color: #000;
    box-shadow: 0 0 0 0.2rem rgba(55, 123, 161, 0.5);
}

.btn-primary {
    color: #fff !important;
    background-color: #146490;
    border: 1px solid #146490;
    border-color: #146490;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #0f4d6e;
    border-color: #0e4563; 
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff !important;
    background-color: #0f4d6e;
    border-color: #0e4563;
    box-shadow: 0 0 0 0.2rem rgba(55, 123, 161, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: #146490;
    border-color: #146490; 
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #0e4563;
    border-color: #0c3d58; 
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 123, 161, 0.5);
}
  
.btn-secondary {
    color: #212529 !important;
    background-color: #bed62f;
    border-color: #bed62f; 
}
.btn-secondary:hover {
    color: #212529 !important;
    background-color: #a5ba25;
    border-color: #9baf23; 
}
.btn-secondary:focus, .btn-secondary.focus {
    color: #212529 !important;
    background-color: #a5ba25;
    border-color: #9baf23;
    box-shadow: 0 0 0 0.2rem rgba(166, 187, 46, 0.5); 
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529 !important;
    background-color: #bed62f;
    border-color: #bed62f; 
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #212529 !important;
    background-color: #9baf23;
    border-color: #92a520; 
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(166, 187, 46, 0.5); 
}

.btn-tertiary {
    color: #fff !important;
    background-color: #333;
    border-color: #333; 
}
.btn-tertiary:hover {
    color: #fff !important;
    background-color: #202020;
    border-color: #1a1a1a; 
}
.btn-tertiary:focus, .btn-tertiary.focus {
    color: #fff !important;
    background-color: #202020;
    border-color: #1a1a1a;
    box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); 
}
.btn-tertiary.disabled, .btn-tertiary:disabled {
    color: #fff !important;
    background-color: #333;
    border-color: #333; 
}
.btn-tertiary:not(:disabled):not(.disabled):active, .btn-tertiary:not(:disabled):not(.disabled).active,
.show > .btn-tertiary.dropdown-toggle {
    color: #fff !important;
    background-color: #1a1a1a;
    border-color: #131313; 
}
.btn-tertiary:not(:disabled):not(.disabled):active:focus, .btn-tertiary:not(:disabled):not(.disabled).active:focus,
.show > .btn-tertiary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); 
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.help-block {
  font-size: 85%;
}

h1 {
    font-weight: 800;
    font-size: 50pt;
    margin-bottom: 30px;
}

h2 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
}

h3 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 20px;
}

h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

ul li::marker {
    color: #bed62f;
    font-size: 20px;
}

li {
    font-size: 20px;
    font-weight: 500;
}

.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6,
.font-white p,
.font-white a,
.font-white li {
    color: #fff;
}

.margin-auto {
    margin: auto;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.padding-none {
    padding: 0;
}

.text-center {
    text-align: center;
}

.gray-bg {
    background-color: #f7f7f7;
}

section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.swirl-bg {
    background-image: url(../images/swirl-background.png);
    background-size: cover;
    background-repeat: no-repeat;
}

header.site-header {
    padding:20px;
    position: relative;
    border-bottom: none;
}

.site-header-util ul,
.site-main-navigation ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
}

header .site-main-navigation li {
    padding-left: .5rem;
    padding-right: .5rem;
}

header .site-main-navigation li a {
    padding: 0.75rem 1rem;
}

header a {
    text-decoration: none;
    color: #000000;
    font-size: 1.125rem;
    font-weight: 500;
}

header a:hover {
    color: #266492;
    text-decoration: none;
}

.site-header-util .menu li:not(:last-child)::after {
    content: '|';
    margin: 0 0.5rem;
}

.site-header-util .menu li:first-child::after {
    content: '';
    margin: 0;
}

header .site-header-util a {
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

header .site-header-util a:hover {
    color: #266492;
    text-decoration: none;
}

header li {
    list-style: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

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

.site-mobile-menu {
    display: none;
}

.showMobile {
    display: block !important;
}
  
.align-items-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.justify-content-center {
    display: flex;
    justify-content: center;
}

.site-hero {
    padding-top: 12rem;
    padding-bottom: 12rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/dirt_hero_img.jpg);
    min-height: 550px;
    display: flex;
    align-items: center;
}

.loginInput {
    margin-top: 5px;
    margin-bottom: 5px;
}

.loginBox {
    background: #fff;
    border-top: 8px solid #bed62f;
    padding: 30px;
    max-width: 400px;
}

.loginBox h2 {
    font-weight: 800;
    font-size: 30px;
    color:#146490;
}

.loginBox h5 {
    font-weight: 800;
    font-size: 20px;
}

.loginBox a {
    color: #146490;
}

.icon-link {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.icon-link a {
    color: #333333;
}

.icon-link p {
    padding-top: 5px;
}

.logged-in {
    display: none;
}

.quicklinks.logged-in {
    border-bottom: 1px solid #c6c6c6;
}

.logged-out {

}

.accordion {
    margin-right: 20px;
    margin-bottom: 20px;
}

.accordion:hover {
    cursor: pointer;
}

.accordionTitle {
    background-color: #146490;
    color: white;
    padding: 5px;
    display: flex;
    align-items: center;
}

.accordionTitle span {
    padding-right: 40px;
    font-size: 30px;
    line-height: 20px;
}

.accordionTitle p {
    margin-bottom: 0;
}

.accordionDescription {
    display: none;
}

.showAccordionDescription {
    display: block !important;
    margin: 20px;
}

.double-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.leftCTA {
    background-image: url(../images/green-bg.jpg);
    margin-right: 2px;
    background-size: cover;
    background-repeat: no-repeat;
}

.rightCTA {
    background-image: url(../images/blue-bg.jpg);
    margin-left: 2px;
    background-size: cover;
    background-repeat: no-repeat;
}

.leftCTA,
.rightCTA {
    padding: 3em 2em;
    width: calc(50% - 2px);
}

footer.site-footer {
    background-color: #353535;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

footer.site-footer ul {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    justify-content: center;
}

footer.site-footer ul li {
    list-style-type: none;
}

footer.site-footer .footer-top li{
    margin: 10px;
}

footer.site-footer .footer-top .footer-top-left {
    display: flex;
    justify-content: center;
}

footer.site-footer .footer-top .footer-top-left img {
    margin:10px;
}

footer.site-footer .footer-top {
    padding-bottom: 2rem;
}

footer.site-footer .footer-bottom {
    padding-top: 2rem;
    border-top: 1px solid #5d5d5d;
}

footer.site-footer .footer-bottom li,
footer.site-footer .footer-bottom p {
    margin: 5px;
}

footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    font-size: 13px;
    margin-bottom: 0;
    text-align: center;
}

footer.site-footer ul.footer-util-menu {
    justify-content: center;
}

.interior-page-title {
    background-image: url('../images/dirt-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 357px;
    display: flex;
    align-items: center;
}

.dropdown-menu {
  font-size: 14px;
}
.dropdown-menu li {
  font-size: 14px;
}
.dropdown-menu li a {
  font-size: 14px;
}

.list-group {
  font-size: 14px;
}

.list-group-item {
  font-size: 14px;
}

.main-menu-big-item {
  font-size: 130%;
}

.panel-title .glyphicon {
  margin-right: 0.5em;
}

.rotate-plus90 {
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(90deg); /* Firefox */
  -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg); /* Standard syntax */
}

@media (min-width: 1000px) {
    .site-mobile {
        display: none;
    }
}

@media (max-width: 1120px) {
    .site-hero {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
    /* header .site-logo {
        text-align: center;
    }
    .site-header-util ul, .site-main-navigation ul {
        justify-content: center;
        margin-top: 10px;
    } */
    header li {
        padding: 0 10px;
    }
    .site-hero h1 {
        text-align: center;
        margin-bottom: 2rem;
    }
    .accordion {
        margin-right: 0;
    }
}

@media(min-width:769.5px) and (max-width:1000px){
    .site-main-mobile-navigation .container{
        padding-left: 5.5rem!important;
        padding-right: 5.5rem!important;
    }
}
@media(max-width:769px){
    .container{
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
}
@media (max-width: 1000px) {
    .site-desktop {
        display: none;
    }
    .site-mobile {
        text-align: end;
    }
    .mobile-menu {
        padding-left: 0;
    }
    .site-mobile-menu {
        /* padding-top: 30px; */
        width: 100%;
    }
    #dirt_logo{
        max-width: 150px;
    }
    header.site-header{
        padding-top:1rem!important;
    }
    .site-header .col-xs-4{
        height:auto!important;
    }
    .site-main-mobile-navigation .container{
        width:100%!important;

    }

    .site-header-mobile-util ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .mobile-menu-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 5px 0;
    }
    h1 {
        font-size: 40px;
    }
    .leftCTA {
        margin-right: 0;
    }
    
    .rightCTA {
        margin-left: 0;
    }
    
    .leftCTA,
    .rightCTA {
        padding: 3em 2em;
        width: 100%;
    }
    footer.site-footer .footer-top-right,
    footer.site-footer .footer-top-left,
    footer.site-footer .footer-bottom-right,
    footer.site-footer .footer-bottom-middle,
    footer.site-footer .footer-bottom-left {
        width: 100%;
    }
}

@media (max-width: 500px) {
    h1 {
        font-size: 36px;
    }
    footer.site-footer ul.footer-main-navigation,
    footer.site-footer ul.footer-util-menu {
        flex-direction: column;
        align-items: center;
    }
}