/* @group Vendors
------------------------------------ */
.vendors-widget { margin: 0 0 7rem; }
.vendors-widget h2 { color: var(--navy-blue); font-size: 3em; line-height: 1em; letter-spacing: 0.2rem; text-transform: uppercase; margin: 0 0 3rem; }
.vendors-widget .vendor { margin-bottom: 3rem; }
.vendors-widget .box { display: block; box-shadow: 0px 1rem 1rem 0px rgba(0, 0, 0, 0.07); height: 100%; }
.vendors-widget .img-box { background: rgba(216, 216, 216, 0.25); height: 25rem; margin: 0 0 3rem; }
.vendors-widget .txt-box { padding: 0 3rem; height: calc(100% - 28rem); display: flex; flex-wrap: wrap; }
.vendors-widget .box h3 { color: var(--navy-blue); font-size: 2.5em; line-height: 1em; letter-spacing: 0.2rem; text-transform: uppercase; margin: 0 0 1.5rem; }
.vendors-widget .box p { color: var(--navy-blue); font-size: 1.6em; font-weight: 500; line-height: 1.5em; letter-spacing: 0.2rem; margin: 0 0 6.7rem; }
.vendors-widget .box button { background: none var(--navy-blue); color: var(--white); font-size: 2em; font-weight: 700; line-height: 1.6em; letter-spacing: 0.2rem; text-transform: uppercase; margin-top: auto; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.07); padding: 1.3rem 0 1.2rem; width: calc(100% + 6rem); margin-left: -3rem; margin-right: -3rem; }
@media only screen
and (min-width : 961px) {
    .vendors-widget { margin: 0 0 12rem; }
    .vendors-widget h2 { font-size: 4.5em; margin: 0 0 5rem; }
    .vendors-widget .col-36-34 .row { margin-left: -3.2rem; width: calc(100% + 6.4rem); }
    .vendors-widget .vendor { padding: 0 3.2rem; }
    .vendors-widget .box p { font-size: 2em; line-height: 1.35em; margin: 0 0 5rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .vendors-widget .vendor { padding: 0; }
}
/* @end */