@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');
@font-face {
    font-family: "Caxton-Book";
    src: local("/libraries/fonts/CaxtonBook"), url("/libraries/fonts/CaxtonBook/Caxton-Book.woff2");
}

@font-face {
    font-family: "Caxton-Bold";
    src: local("/libraries/fonts/CaxtonBold"), url("/libraries/fonts/CaxtonBold/Caxton-Bold.woff2");
}

body {
    background-color: #eee;
}

.navbar-brand .site-title-container {
    display: flex;
    flex-direction: row;
}

.navbar-brand .site-title {
    font-family: Caxton-Book;
    font-size: 42px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -1.5px;
    text-transform: none;
    /* font-family: roboto serif; */
}

.navbar-brand a.site-title {
    width: min-content;
}

.navbar-brand .site-slogan {
    font-weight: 700;
    font-size: 24px;
    margin-left: 1rem;
    line-height: 1;
    color: #013E77;
    background: -webkit-linear-gradient(#013E77, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-brand img {
    height: 99px;
    margin: 0;
}

header {
    background-color: #fff;
    padding: 0 2.5rem;
}

a {
    color: #013E77;
}

#block-b5vafinest-pagetitle h1 {
    font-family: Arial, Helvetica, sans-serif;
    /* font-size: 1.5rem; */
    color: #013E77;
    font-weight: bold;
    margin: 24px 16px 16px 24px;
}

h2 {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 115%;
    color: #A11017;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 7px;
    margin-left: 0px;
    text-indent: 0px;
}

article {
    padding: 0 24px;
    padding-bottom: 24px;
}

article.node--type-front-page {
    position: relative;
}

article.node--type-front-page .node__content {
    position: relative;
}

.page-node-type-front-page .region-content,
.page-node-type-front-page article {
    padding: 0;
}

.region-breadcrumb {
    height: 25px;
    min-height: 25px;
    background-color: #A11218;
    background-image: url(/vafinest/themes/custom/b5vafinest/assets/breadcrumb.jpg);
    background-repeat: repeat-x;
    -webkit-box-shadow: 0px 14px 5px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 14px 5px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 14px 5px 0px rgba(0, 0, 0, 0.14);
    z-index: 2;
}

.breadcrumb {
    padding: 0 55px;
    margin-bottom: 4px;
}

.breadcrumb-item a {
    color: #fff;
}

#block-b5vafinest-main-navigation ul {
    align-items: center;
}

main {
    display: flex;
    flex-direction: column;
    margin: 0 3.3rem;
    border-radius: 0 0 1.25rem 1.25rem;
    background-color: #fff;
    /* height: 100%; */
    -webkit-box-shadow: 3px 3px 4px #c5c5c5;
    box-shadow: 3px 3px 4px #c5c5c5;
}

#block-b5vafinest-main-navigation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
}

#block-b5vafinest-main-navigation .nav-item a.nav-link {
    color: #000;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding-right: 1em;
    padding-left: 0.9em;
}

#block-b5vafinest-main-navigation .nav-item a.nav-link:hover {
    color: #0053A0;
}


/* FRONT PAGE SEARCH */

.vafinest-search-mobile {
    display: none;
}

.front-page-search {
    position: absolute;
    /* background-color: rgba(255, 255, 255, 0.6); */
    background-color: transparent;
    background-image: url(/themes/custom/b5vafinest/assets/search-bg.png);
    top: 45px;
    right: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 999;
    width: 535px;
    height: 175px;
    float: right;
    border-style: none;
    border-radius: 88px 0 0 88px;
}

#searchform {
    position: relative;
    top: 105px;
    right: 50px;
    text-align: right;
    white-space: nowrap;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 5;
}

#querytext-mobile {
    height: 48px;
    width: 100%;
}

#searchform-bg-image {
    position: relative;
    top: 42px;
    right: -40px;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    z-index: 999;
    float: right;
    border-style: none;
}

.slide-container {
    display: none;
}

.slick-slide {
    height: 552px;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    display: none;
}

.slick-slide img {
    width: 100%;
    min-height: 136px;
    object-fit: cover;
    display: none;
}


/* CTA CARDS */

div.field--name-field-cta-cards .field__item {
    margin-right: 1rem;
}

div.field--name-field-cta-cards .field__item:last-of-type {
    margin-right: 0
}

.cta-container {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    padding: 1rem 2rem;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 999;
    border-radius: 0 0 1.25rem 1.25rem;
    justify-content: center;
}

.cta-card {
    background-color: #eaeaea;
    border-radius: 1.25rem;
    -webkit-box-shadow: 3px 3px 4px #c5c5c5;
    box-shadow: 3px 3px 4px #c5c5c5;
    padding: 1rem 0;
    min-width: 200px;
    min-height: 200px;
    height: 100%;
}

.cta-card-banner {
    background-color: #fff;
    padding: 0.75rem 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: nowrap;
}

.cta-card-banner.h1 {
    background-color: #fff;
    padding: 0.75rem 0.5rem;
    margin-bottom: 1rem;
    font-size: 120%;
    line-height: 32px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cta-banner-icon {
    height: 35px;
    width: 35px;
    float: right;
    background-size: 35px;
    background-repeat: no-repeat;
}

.cta-card-copy {
    margin: 1rem;
}

footer {
    padding: 1rem 2.5rem;
}

footer .region-footer {
    display: flex;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 4px #c5c5c5;
    box-shadow: 3px 3px 4px #c5c5c5;
    flex-direction: column;
    align-items: center;
    /* border: 1px solid #333; */
    border-radius: 1.25rem;
    padding: 1rem;
}

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

.callout .items {
    margin-bottom: -30px;
}

.callout .item {
    margin-bottom: 30px;
    padding: 0;
}

.callout .item .card {
    flex-direction: row;
    border: none;
    border-radius: var(--borderRadius);
    overflow: hidden;
}

.callout .item.reverse .card {
    flex-direction: row-reverse;
}

.callout .item .card .image {
    position: relative;
    /* width: 40%; */
}

.callout .item .card .video {
    position: relative;
    width: 40%;
    display: flex;
    align-items: center;
}

.callout .item .card .image img {
    width: auto;
    height: auto;
}

.callout .item.reverse .card-body {
    position: relative;
    padding: 0;
    padding-right: 24px;
    margin-right: auto;
}

.callout .item .card-body {
    position: relative;
    padding: 0;
    padding-left: 24px;
    margin-left: auto;
}

.card-body ul li {
    padding: 1rem;
}

.card-body ul li:first-child {
    padding-top: 0;
}

.slick-slider {
    display: flex;
}

.slick-list {
    border-radius: 0 0 1.25rem 1.25rem;
    overflow: hidden;
}

ul li.checklist-item {
    padding-left: 14px;
    list-style-image: url(/themes/custom/b5vafinest/assets/icons/check-icon.png);
    list-style-type: none;
    list-style-position: outside;
    padding-right: 2px;
    margin-left: 10px;
}

@media (max-width: 1100px) {
    .cta-container {
        padding: 1rem;
    }
}

@media (max-width: 1080px) {
    .navbar-brand .site-title-container {
        display: block;
    }
    .navbar-brand .site-slogan {
        margin-left: 0;
        line-height: normal;
    }
}

@media screen and (max-width:992px) {
    main {
        height: unset;
        margin: unset;
        border-radius: 0;
    }
    .cta-container {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 1rem 2rem;
        position: unset;
        width: 100%;
        /* bottom: 16px; */
        z-index: 999;
        justify-content: center;
    }
    .divider {
        display: none;
    }
    div.field--name-field-cta-cards .field__item {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .slick-list {
        border-radius: 0;
    }
    .slick-slide {
        height: unset;
    }
    footer {
        padding: 1rem 0;
    }
    footer .region-footer {
        border-radius: 0;
    }
    footer .container-fluid {
        padding: 0;
    }
}

@media (max-width: 868px) {
    .front-page-search {
        top: 25px;
    }
}

@media (max-width: 768px) {
    .field--name-field-hero-slider {
        position: relative;
    }
    .callout .item.reverse .card {
        flex-direction: column-reverse;
    }
    .callout .item .card {
        flex-direction: column;
    }
    .callout .item .card .image {
        text-align: center;
    }
    .front-page-search {
        display: none;
    }
    .menu--main {
        margin-top: 1rem;
    }
    .vafinest-search-mobile form {
        position: relative;
        display: flex;
        flex-direction: row;
    }
    .vafinest-search-mobile {
        position: absolute;
        bottom: 0;
        display: flex;
        flex-direction: column;
        padding: 0.5rem 2rem;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 99;
    }
    #goButton-mobile {
        position: absolute;
        right: 0;
        height: 100%;
    }
    #mmd-search .search-container {
        flex-wrap: wrap;
    }
    #mmd-search .search-container #keyword {
        margin-bottom: 1rem;
    }
    #mmd-search .search-container button {
        margin-left: 0;
        margin-right: 1rem;
    }
}

@media (max-width: 574px) {
    header {
        padding: 0;
    }
}

@media (max-width: 542px) {
    .navbar-brand img {
        height: 66px;
    }
    .navbar-brand .site-title {
        font-size: 32px;
    }
    .navbar-brand .site-slogan {
        font-size: 18px;
    }
}

@media (max-width: 475px) {
    .navbar-brand .site-slogan {
        /* display: none; */
        font-size: 16px;
    }
    .navbar-expand-lg .container-fluid.d-flex {
        padding: 0.25rem;
    }
}

body.maintenance-page {
    background-color: white;
}

body.maintenance-page .site-name a {
    text-decoration: none;
}

.mmd-search-submit,
.mmd-search-reset {
    background-color: #013e77;
    border: 1px solid #013e77;
    color: #fff;
    max-width: 120px;
}

.mmd-search-submit .spinner-border {
    display: none;
    margin-left: 0.5rem;
    --bs-spinner-vertical-align: unset;
}

.mmd-search-submit .spinner-border:active {
    border-color: #013e77;
}

.mmd-search-submit:hover,
.mmd-search-reset:hover {
    border: 1px solid #013e77;
    color: #013e77;
}

.noProducts,
.noCertificationTypes,
.noAbout,
.noEmail,
.noPhone,
.noWebsite,
.noBusinessTypes,
.noContact {
    display: none;
}

ul.businessTypes {
    flex-wrap: wrap;
}

ul.businessTypes li {
    margin-bottom: 4px;
}

#block-b5vafinest-vafinestsearchblock {
    margin: auto 1.5rem;
}

#mmd-search .search-container {
    display: flex;
    flex-direction: row;
}

.results.row {
    margin-bottom: 1rem;
}

.results.row a {
    text-decoration: none;
}

.pagination {
    display: none;
}

.page-selector {
    position: relative;
    /* display: block; */
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: #013E77;
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    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;
}

.page-link {
    height: 100%;
    color: #013E77;
}

#search-results {
    margin-top: 1rem;
}

.va-agency-bar-container {
    z-index: 9999!important;
}