body { font-family: Roboto, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: Roboto, Arial, sans-serif; }

h1 { color: #740923; }

h2 { color: #740923; }

h3 { color: #450515; }

p, li { color: #333; }

@media (max-width: 991.98px) { h1 { font-size: 28px; }
  h2 { font-size: 22px; }
  h3 { font-size: 18px; }
  p, li { font-size: 14px; } }

@media (min-width: 992px) { h1 { font-size: 34px; }
  h2 { font-size: 30px; }
  h3 { font-size: 20px; }
  p, li { font-size: 16px; } }

.cf-header { background: white; }

.cf-page-footer { background: #740923; }

.cf-page-footer-bottom { background: #740923; }

.cf-header .cf-header-phone, .cf-header .cf-header-email { font-size: 20px; color: #333; }

.cf-header .cf-header-slogan { color: #333; }

.cf-header .cf-header-logos { display: flex; padding: 0 15px; }

.cf-header .cf-header-logos img { align-items: center; margin-right: 5px; }

.cf-header .cf-header-branding { /* adjust to suit logo width */ }

.cf-header .cf-header-branding img { width: 110px; }

.cf-main-navigation { background: #740923; }

.cf-main-navigation .menu { display: flex; justify-content: space-between; }

.cf-main-navigation .menu > li { align-items: flex-start; width: auto; margin: 0; }

.cf-main-navigation .menu > li > a { background: #740923; text-align: center; padding: 12px 0; }

.cf-main-navigation .menu > li .sub-menu li a { background: #CF9C4A; }

@media (max-width: 991.98px) { .menu-icon.menu-open { color: #333; }
  .menu-icon.menu-open svg { fill: #333; }
  .menu-icon.menu-close { color: #FFF; }
  .menu-icon.menu-close svg { fill: #FFF; }
  .cf-header-logos { padding-top: 1rem; }
  .cf-main-navigation .menu a { color: #FFF; }
  .cf-main-navigation .menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }

@media (min-width: 992px) { .cf-main-navigation .menu a { color: #FFF; }
  .cf-main-navigation .menu > li .sub-menu li a { font-size: 14px; border-bottom: 1px solid #ccc; }
  .cf-main-navigation .menu > li:hover .sub-menu { display: block; }
  .cf-main-navigation .menu li:last-child { margin-right: 0; } }

.cf-hero-banner .overlay { background-color: rgba(0, 0, 0, 0.6); }

.cf-hero-banner h2 { font-size: 36px; color: #FFF; }

.cf-hero-banner p { color: #FFF; }

.cf-banners .swiper-pagination-bullet { background: #000; opacity: 0.2; }

.cf-banners .swiper-pagination-bullet-active { background: #740923; opacity: 1; }

.cf-banners .swiper-button-next, .cf-banners .swiper-button-prev { background-image: none; background-color: #ee2858; }

.cf-banners .swiper-button-next { /* color:lighten($c-primary, 30%); swiper 5.2.0 */ -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); }

.cf-banners .swiper-button-prev { /* color:lighten($c-primary, 30%); swiper 5.2.0 */ -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); }

.cf-social-links a.twitter svg { fill: #58071a; }

.cf-social-links a.twitter svg:hover { fill: #900b2c; }

.cf-social-links a.facebook svg { fill: #58071a; }

.cf-social-links a.facebook svg:hover { fill: #900b2c; }

.cf-social-links a.linkedin svg { fill: #58071a; }

.cf-social-links a.linkedin svg:hover { fill: #900b2c; }

.cf-social-links a.instagram svg { fill: #58071a; }

.cf-social-links a.instagram svg:hover { fill: #900b2c; }

.cf-social-links a.pinterest svg { fill: #58071a; }

.cf-social-links a.pinterest svg:hover { fill: #900b2c; }

.cf-social-links a.youtube svg { fill: #58071a; }

.cf-social-links a.youtube svg:hover { fill: #900b2c; }

.cf-page-footer h3 { font-size: 20px; font-weight: normal; color: #CF9C4A; }

.cf-page-footer p { font-size: 14px; color: #FFF; }

.cf-page-footer a { color: #FFF; }

.cf-page-footer svg, .cf-page-footer .cf-social-links a svg { fill: #FFF; }

.cf-page-footer .cf-foot-address, .cf-page-footer .cf-foot-opening { color: #FFF; }

.cf-page-footer .cf-page-footer-bottom .cf-page-footer-menu li { font-size: 12px; }

.cf-page-footer .cf-page-footer-bottom .copyright { color: #FFF; font-size: 12px; }

@media (max-width: 991.98px) { .cf-page-footer .cf-foot-address, .cf-page-footer .cf-foot-opening { font-size: 14px; } }

label { font-weight: bold; font-size: 14px; }

input[type="text"], input[type="email"], textarea { font-size: 12px; font-family: Roboto, Arial, sans-serif; color: #555; border: 1px solid #ced4da; }

input[type="submit"], .wpcf7-submit, .button, .cfs .btn-default, .media-tabs li { background-color: #CF9C4A; color: #FFF; font-size: 16px; border-color: #CF9C4A; }

input[type="submit"]:hover, .wpcf7-submit:hover, .button:hover, .cfs .btn-default:hover, .media-tabs li:hover { background: #b68330; color: #FFF; border-color: #8d6626; }

.button.large { font-size: 22px; }

.cfs.cf-stock-advert .product-box ul.media-tabs li.active { opacity: 0.7; background-color: #333; cursor: default; }

.cfs.cf-stock-advert .product-box ul.media-tabs li.active:hover { background-color: #333; }

.cfs.cf-stock-advert .gallery-thumb .caption { margin-top: 1rem; }

h1.caravan_stock, h1.motorhome_stock { padding-top: 60px; }

.cfs .cf-pagination { background: #CF9C4A; border-bottom: 3px solid #dab272; }

.cfs .cf-pagination div, .cfs .cf-pagination a { font-size: 14px; color: #FFF; }

.cfs .cf-pagination .cf-page-links .current { background: none; opacity: 50%; }

.cfs .cf-pagination .cf-page-links a { background: #b68330; }

.cfs .cf-stock-listing .product-box { border-bottom: 3px solid #a30d31; padding-bottom: 2rem; padding-top: 2rem; }

.cfs .cf-stock-listing .product-box.hover { background: #F2F2F2; opacity: 0.95; }

.cfs .cf-stock-listing .cf-title h2 { color: #450515; }

.cfs .cf-stock-listing .cf-title h6 { font-size: 16px; font-style: italic; color: black; }

.cfs .cf-stock-listing .price strong { color: #450515; }

.cfs .cf-stock-listing .badge { background: #740923; }

.cfs.cf-stock-advert { padding-top: 60px; }

.cfs.cf-stock-advert .cf-title h1 { color: #450515; }

.cfs.cf-stock-advert .cf-title h6 { color: #555; font-size: 18px; font-style: italic; color: black; }

.cfs.cf-stock-advert span.price { color: #450515; font-size: 28px; }

.cfs .panel { border-color: #CF9C4A; }

.cfs .panel .panel-heading { background: #740923; border-color: #740923; color: #FFF; }

.cfs .panel .panel-body a { color: #CF9C4A; }

.cfs .btn-default { border-color: #740923; }

.cfs .btn-default em { font-size: 20px; line-height: 26px; }