.btn {
    cursor: pointer !important;
}

.cf-gradient {
    background: linear-gradient(356deg, rgba(12,63,108,1) 0%, rgba(31,76,124,1) 100%);
    color: white !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 3px !important;
}

.cf-gradient:hover {
    background: linear-gradient(356deg, rgb(42,93,138) 0%, rgb(42,93,138) 100%);
    color: white !important;
}

.cf-gradient-border {
    background: white;
    color: rgb(42,93,138) !important;
    border: 1px solid rgb(42,93,138);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 3px !important;
}

.cf-gradient-border:hover {
    background: rgb(220,220,220);

}

.cf-warning-gradient {
    background: linear-gradient(356deg, rgba(253,153,51,1) 0%, rgba(270,180,51,1) 100%);
    color: white !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 3px !important;
}

.cf-warning-gradient:hover {
    background: linear-gradient(356deg, rgba(280,153,51,1) 0%, rgba(280,153,51,1) 100%);
    color: white !important;
}


.cf-gradient-light {
    /*background: rgba(12,63,108, 0.5) !important;*/
    background: linear-gradient(356deg, rgba(12,63,108,0.5) 0%, rgba(31,76,124,0.5) 100%);
    color: white !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 3px !important;
}
.cf-gradient-light:hover {
    background: linear-gradient(356deg, rgba(12, 63, 108, 0.2) 0%, rgba(12, 63, 108, 0.2) 100%);
    color: rgb(12, 63, 108) !important;
}


.cf-border {
    border: 1px solid rgb(12,63,108) !important;
}

.cf-border-warning {
    border: 1px solid rgba(253,153,51,1) !important;
}

.selected-truck {
    border: 3px solid rgba(253,153,51,1) !important;
}
.confirmed-truck {
    border: 3px solid forestgreen !important;
}

.cf-btn-outline {
    border: 1px solid rgb(12,63,108);
    background-color: white;
    cursor: pointer;
    color: rgb(12,63,108);
}

.cf-btn-outline:hover {
    background: rgb(42,93,138) !important;
    color: rgb(230, 230, 230) !important;
}

.cf-color {
    color: rgb(12,63,108) !important;
}

.cf-font {
    font-family: 'Lato', sans-serif;
}

.cf-text {
    color: rgb(12,63,108) !important;
    font-family: 'Lato', sans-serif;
}

.cf-font-subtitle {
    font-family: 'Lato', sans-serif;
}

.cf-text-no-color {
    font-family: 'Lato', sans-serif;
}

.cf-font-subtitle {
    font-family: 'Lato', sans-serif;
}

.cf-text-2 {
    color: rgb(12,63,108) !important;
    font-family: 'Lato', sans-serif;
}

.cf-text-warning {
    font-family: 'Lato', sans-serif;
    color: orange !important;
}

.cf-text-warning-subtitle {
    font-family: 'Lato', sans-serif;
    color: orange !important;
}

.cf-text-success {
    /*font-family: 'Overlock SC', cursive !important;*/
    font-family: 'Lato', sans-serif;
    color: green !important;
}

.badge-cf {
  color: #fff;
  background-color: rgb(12,63,108);
}

.badge-cf-info {
    color: #fff;
    background-color: orange !important;
}

.cf-link {
    text-decoration: none;
}

.cf-link:hover {
    color: rgba(12,63,108, 0.7) !important;
}

.circle-button {
    border-radius: 30px !important;
    font-weight: bold;
    font-size: 1rem;
    padding-left: 25px;
    padding-right: 25px;
}

.main-page-card-title {
    font-size: 2rem !important;
    font-weight: bold;
    font-family: 'Lato', 'sans-serif'
}

.main-page-card-text {
    font-size: 1.4rem !important;
    color: rgb(125, 125, 125);
}

/* PARSLEY SHIT */
li.parsley-custom-error-message {
    color: red !important;
    padding-top: 3px;
}

.topbar-button {
    height: 30px;
    line-height: 7px;
    z-index: 3000;
}

/* CARD CHANGES */

.card {
    box-shadow:
  0 4.3px 2.7px -27px rgba(0, 0, 0, 0.031),
  0 7.4px 6.4px -27px rgba(0, 0, 0, 0.045),
  0 9.6px 11.4px -27px rgba(0, 0, 0, 0.055),
  0 11.4px 18.9px -27px rgba(0, 0, 0, 0.065),
  0 13.2px 31.2px -27px rgba(0, 0, 0, 0.075),
  0 15px 54.6px -27px rgba(0, 0, 0, 0.089),
  0 17px 118px -27px rgba(0, 0, 0, 0.12)
    ;
    -webkit-box-shadow:
  0 4.3px 2.7px -27px rgba(0, 0, 0, 0.031),
  0 7.4px 6.4px -27px rgba(0, 0, 0, 0.045),
  0 9.6px 11.4px -27px rgba(0, 0, 0, 0.055),
  0 11.4px 18.9px -27px rgba(0, 0, 0, 0.065),
  0 13.2px 31.2px -27px rgba(0, 0, 0, 0.075),
  0 15px 54.6px -27px rgba(0, 0, 0, 0.089),
  0 17px 118px -27px rgba(0, 0, 0, 0.12)
    ;
    border: 1px solid rgb(12,63,108);
    border-radius: 3px;
}

.card .card-title {
    color: rgb(12,63,108) !important;
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
}
.card .card-title a {
    color: rgb(12,63,108) !important;
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
}


.card .card-title:hover {
    text-decoration: none;
    color: rgb(42,93,138) !important;
}
.truck-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
}
/* .card a:hover {
    text-decoration: none;
    color: rgb(42,93,138) !important;
} */

.btn-sm {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding: 8px 11px 8px 11px;
}

.btn-danger {
    cursor: pointer;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0;
    color: #fff;
    background: #e51c23 -webkit-gradient(linear, left top, left bottom, from(#e73e44), to(#e51c23)) repeat-x;
    background: #e51c23 linear-gradient(180deg, #e73e44, #e51c23) repeat-x;
    border-color: #e51c23;
}

.btn-danger:hover {
  color: #fff;
  background: #c4161d -webkit-gradient(linear, left top, left bottom, from(#cd393f), to(#c4161d)) repeat-x;
  background: #c4161d linear-gradient(180deg, #cd393f, #c4161d) repeat-x;
  border-color: #b9151b;
}

.square_truck {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    text-align: center;
    color: #fff;
    position: relative;
    height: 30vw;
    font-size: 14px;
    width: 35vw;
    overflow: hidden;
}

.square_link:hover {
    text-decoration: none;
    background-color: rgb(32,32,32);
}
.square_truck h5 {
    text-shadow: 2px 2px 2px black;
}

.book_truck_inline {
    width: 60vw;
    display: none;
    margin: 0 auto;
}

.book_truck_inline_medium {
    width: 80vw;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .square_truck {
        height: 12vw;
        font-size: 14px;
        width: 14vw;
        overflow: hidden;
    }
    .book_truck_inline_medium {
        display: none;
    }
}

@media (max-width: 575px) {
    .square_truck {
        height: 55vw;
        font-size: 14px;
        width: 60vw;
        overflow: hidden;
    }
    .book_truck_inline {
        display: block;
    }
    .book_truck_inline_medium {
        display: none;
    }
}

.square_overlay {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    background-color: rgba(0,0,0,0.2);
}

.square_truck:hover {
    background-color: rgba(0,0,0,0.3) !important;
}

.square_truck img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    max-height: 150%;
    max-width: 150%;
    z-index: -2
}

.header_image_container {
    overflow: hidden;
    max-height: 90vh;
    width: 100vw;
    text-align: center;
    height: 60vh;
    min-height: 0 !important;
    position: relative;
}

.header_image {
    width: 100%;
    height: auto !important;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    min-width: 1100px;
}

@media(max-width: 776px) {
    .header_image_container {
        height: 40vh;
    }
    .header_image {
        height: auto !important;
        margin: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.header_image_container_blog_post {
    overflow: hidden;
    width: 100vw;
    min-height: 0 !important;
    height: 80vh;
    position: relative;
}

.header_image_blog_post {
    width: 100vw;
    height: auto !important;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .header_image_container_blog_post {
        height: 25vh; !important;
    }
}

.share-on-facebook {
    display: inline;
    padding: 0;
    margin: 0;
    float: right;
}

.share-on-twitter {
    padding: 0;
    margin: 0;
    display: inline;
    float: right;
}

.navbar-blog {
    background-color: rgb(12,63,108) !important;
}

.navbar-blog .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(12,63,108)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-blog .blog-navbar-nav {
    line-height: 0 !important;
}

.book-truck-nav {
    border: 1px solid white;
    color: white;
    border-radius: 5px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-weight: bold;
    cursor: pointer;
}


.book-truck-nav:hover {
    background-color: red;
}

/*.nav-item:hover .dropdown-menu {*/
    /*display: block !important;*/
/*}*/

/*.dropdown-menu:hover {*/
    /*display: block;*/
/*}*/


.fc-event-container {
    cursor: pointer;
}

.home-page-separator {
    width: 87%;
    height: 1px;
    background-color: rgb(230,230,230);
    margin: 0 auto;
    z-index: 40;
}


select[name="event-list_length"] {
  padding: 0.5rem 0.5rem !important;
}

select[name="report_length"] {
  padding: 0.5rem 0.5rem !important;
}

@media(min-width: 1280px) {
     .locations {
        display: block;
        justify-content: center;
    }
}

@media(min-width: 1280px) {
     .locations i {
        font-size: 18px !important;
    }
}


@media(min-width: 1280px) {
     .location-card {
        margin-right: 40px !important;
    }
}


#event-list_filter input {
    border: 1px solid rgb(42,93,138);
    border-radius: 10px;
    padding: 10px;
}

#report_filter input {
    border: 1px solid rgb(42,93,138);
    border-radius: 10px;
    padding: 10px;
}

#report_wrapper {
    z-index: 1 !important;
}

.why {
    padding-left: 35px !important;
    padding-right: 35px !important;
    max-width: 660px;
    margin: 0 auto;
}

.why p {
    font-size: 16px;
}

.why h1 {
    margin-bottom: 25px !important;
}