/* Copied from the crownbridge.com theme (assets/css/homepage.css): Property Rentals and Vehicle Rentals sections. */

.cbl .hpVr, .cbl .hpVHr { position: relative; overflow: hidden; padding: 50px 0; }
.cbl .hpVr:not(.alt) { background: var(--primary); }
.cbl .hpVr__container { width: 1425px; }
.cbl .hpVr__container--title .sectionTitle h2 { font-size: min(15vw, 72px); }
.cbl .hpVr__container--desc { margin: 3em auto 4.714em; max-width: 1105px; }
.cbl .hpVr__container--feed { position: relative; }
.cbl .hpVr__slide { position: relative; z-index: 0; max-width: 450px; margin: 0 auto; }
.cbl .hpVr__slide.slick-initialized { font-size: 0; }
.cbl .hpVr__slide .single a { display: block; position: relative; }
.cbl .hpVr__slide .single a .inner .img { border-radius: 10px 10px 0 0; background: var(--primary); }
.cbl .hpVr__slide .single a .inner .img:before { content:''; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/hover-logo.png) center center no-repeat; background-size: auto 79.487%; opacity: 0 !important; }
.cbl .hpVr__slide .single a:hover .inner .img:before { opacity: 0.2; }
.cbl .hpVr__slide .single a .inner .img img { aspect-ratio: 350/195; opacity: 1; }
.cbl .hpVr__slide .single a:hover .inner .img img { opacity: 0.4; }
.cbl .hpVr__slide .single a .inner .det { background: #222; border: 1px solid #222; color: #fff; padding: 38px 10px 33px; border-radius: 0 0 10px 10px; }
.cbl .hpVr__slide .single a .inner .info { text-align: center; }
.cbl .hpVr__slide .single a .inner .address { font-size: 14px; }
.cbl .hpVr__slide .single a .inner .address span { display: block; font-weight: 600; text-transform: uppercase; font-size: 1.214em; letter-spacing: 0.020em; margin: 0 0 0.117em; }
.cbl .hpVr__slide .single a .inner .rate { color: var(--font-color-default); font-size: 12px; padding: 1em 0 0; }
.cbl .hpVr__slide .single a .inner .rate strong { color:#fff; font-size: 1.167em; }
.cbl .hpVr__slide .single a .inner .rate span { display: block; margin-bottom: 5px; letter-spacing: 0.025em; }
.cbl .hpVr__slide .single a .inner .feats { font-size: 10px; gap: 0.4em; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin: 1.6em 0 0; }
.cbl .hpVr__slide .single a .inner .feats span { background: #666; padding: 0.55em 1.329em; border-radius: 50em; white-space: nowrap; }
.cbl .hpVr__slide.alt .single a .inner .det { border: 1px solid #f4f4f4; background: none; color: var(--primary); }
.cbl .hpVr__slide.alt .single a .inner .rate { color: #7d7d7d; }
.cbl .hpVr__slide.alt .single a .inner .rate strong { color: var(--primary); }
.cbl .hpVr__slide.alt .single a .inner .feats span { background: #f4f4f4; }
.cbl .hpVr__arrows { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 30px; margin: 30px 0 0; }
.cbl .hpVHr { background: #f0f0f0; }
.cbl .hpVHr:not(.alt) { background: #131313; }
.cbl .hpVHr__container { width: 1425px; }
.cbl .hpVHr__container--title .sectionTitle h2 { font-size: min(15vw, 72px); }
.cbl .hpVHr__container--desc { margin: 3em auto 4.714em; max-width: 1105px; }
.cbl .hpVHr__container--feed { position: relative; margin: 84px 0 0; }
.cbl .hpVHr__slide { position: relative; z-index: 0; max-width: 450px; margin: 0 auto; }
.cbl .hpVHr__slide.slick-initialized { font-size: 0; }
.cbl .hpVHr__slide .single a { display: block; position: relative; }
.cbl .hpVHr__slide .single a:hover { z-index: 2; }
.cbl .hpVHr__slide .single a .inner .img { border-radius: 10px 10px 0 0; background: var(--primary); }
.cbl .hpVHr__slide .single a .inner .img:before { content:''; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/hover-logo.png) center center no-repeat; background-size: auto 79.487%; opacity: 0 !important; }
.cbl .hpVHr__slide .single a:hover .inner .img:before { opacity: 0.2; }
.cbl .hpVHr__slide .single a .inner .img img { aspect-ratio: 350/195; opacity: 1; }
.cbl .hpVHr__slide .single a:hover .inner .img img { opacity: 0.4; }
.cbl .hpVHr__slide .single a .inner .det { background: #222; border: 1px solid #222; color: #fff; padding: 38px 10px 33px; border-radius: 0 0 10px 10px; }
.cbl .hpVHr__slide .single a .inner .info { text-align: center; }
.cbl .hpVHr__slide .single a .inner .address { font-size: 14px; text-transform: uppercase; }
.cbl .hpVHr__slide .single a .inner .address span { display: block; font-weight: 600; font-size: 1.142em; letter-spacing: 0.020em; margin: 0 0 0.117em; }
.cbl .hpVHr__slide .single a .inner .rate { color: var(--font-color-default); font-size: 12px; padding: 1em 0 0; }
.cbl .hpVHr__slide .single a .inner .rate strong { color:#fff; font-size: 1.167em; }
.cbl .hpVHr__slide .single a .inner .bottom { margin: 16px 0 0; }
.cbl .hpVHr__slide .single a .inner .feats { font-size: 10px; gap: 0.4em; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.cbl .hpVHr__slide .single a .inner .feats span { background: #666; padding: 0.55em 1.329em; border-radius: 50em; white-space: nowrap; }
.cbl .hpVHr__slide .single a .inner .colors { margin: 20px 0 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 10px; }
.cbl .hpVHr__slide .single a .inner .colors > div button { pointer-events: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; border: 2px solid #929292; width: 20px; height: 20px; border-radius: 50rem; padding: 0 0; position: relative; }
.cbl .hpVHr__slide .single a .inner .colors > div button em { position: absolute; left: -50vw; right: -50vw; bottom: calc(100% + 0.429em); margin: 0 auto; font-size: 14px; background: var(--primary); color: #fff; text-transform: uppercase; max-width: max-content; font-style: normal; opacity: 0; padding: 0.429em 1.07em; border-radius: 50em; }
.cbl .hpVHr__slide .single a .inner .colors > div button:hover em { opacity: 1; }
.cbl .hpVHr__slide.alt .single a .inner .colors > div button em { background: var(--secondary); }
.cbl .hpVHr__slide.alt .single a .inner .det { border: 1px solid #c8c8c8; background: none; color: var(--primary); }
.cbl .hpVHr__slide.alt .single a .inner .address { color: #7d7d7d; }
.cbl .hpVHr__slide.alt .single a .inner .address span { color: var(--primary); }
.cbl .hpVHr__slide.alt .single a .inner .rate { color: #7d7d7d; }
.cbl .hpVHr__slide.alt .single a .inner .rate strong { color: var(--primary); }
.cbl .hpVHr__slide.alt .single a .inner .feats span { background: #c8c8c8; }
.cbl .hpVHr__arrows { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 30px; margin: 30px 0 0; }
@media only screen and (min-width: 992px) {
  .cbl .hpVr { padding: 112px 0 107px; }
  .cbl .hpVr__container.mw-container { max-width: calc(100% - 120px); }
  .cbl .hpVr__container--title { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
  .cbl .hpVr__slide { max-width: none; margin: 0 0; }
  .cbl .hpVr__slide .single a .inner .info { text-align: left; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; }
  .cbl .hpVr__slide .single a .inner .rate { padding: 0 0 0; font-size: min(0.777vw,12px); }
  .cbl .hpVr__slide:not(.slick-initialized) { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; opacity: 0; pointer-events: none; }
  .cbl .hpVr__slide:not(.slick-initialized) .single { width: calc(100% / 3); max-width: 350px; }
  .cbl .hpVr__slide:not(.slick-initialized) .single:nth-child(n + 4) { display: none; }
  .cbl .hpVr__slide.slick-initialized { margin: 0 max(-0.291vw,-4.5px); }
  .cbl .hpVr__slide.slick-initialized .single { padding: 0 min(0.291vw,4.5px); }
  .cbl .hpVr__slide .single a .inner .img { border-radius: min(0.647vw,10px) min(0.647vw,10px) 0 0; }
  .cbl .hpVr__slide .single a .inner .det { padding: min(2.46vw,38px) min(0.647vw,10px) min(2.136vw,33px); border-radius: 0 0 min(0.647vw,10px) min(0.647vw,10px); }
  .cbl .hpVr__slide .single a .inner .address { font-size: min(0.81vw,14px); }
  .cbl .hpVr__slide .single a .inner .feats { font-size: min(0.647vw,10px); justify-content: flex-start; }
  .cbl .hpVr__arrows { pointer-events: none; margin: 0 0 0; position: absolute; z-index: 1; top: 0; left: max(-1.618vw,-25px); right: max(-1.618vw,-25px); bottom: 0; justify-content: space-between; padding: min(3.236vw,50px) 0 0; }
  .cbl .hpVr__arrows button.siteArrow { font-size: min(0.777vw,12px); }
  .cbl .hpVHr { padding: 112px 0 107px; }
  .cbl .hpVHr__container.mw-container { max-width: calc(100% - 120px); }
  .cbl .hpVHr__container--title { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
  .cbl .hpVHr__slide { max-width: none; margin: 0 0; }
  .cbl .hpVHr__slide .single a .inner .info { text-align: left; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; }
  .cbl .hpVHr__slide .single a .inner .rate { padding: 0 0 0; font-size: min(0.777vw,12px); }
  .cbl .hpVHr__slide:not(.slick-initialized) { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; opacity: 0; pointer-events: none; }
  .cbl .hpVHr__slide:not(.slick-initialized) .single { width: calc(100% / 3); max-width: 350px; }
  .cbl .hpVHr__slide:not(.slick-initialized) .single:nth-child(n + 4) { display: none; }
  .cbl .hpVHr__slide.slick-initialized { margin: 0 max(-0.291vw,-4.5px); }
  .cbl .hpVHr__slide.slick-initialized .single { padding: 0 min(0.291vw,4.5px); }
  .cbl .hpVHr__slide .single a .inner .img { border-radius: min(0.647vw,10px) min(0.647vw,10px) 0 0; }
  .cbl .hpVHr__slide .single a .inner .det { padding: min(2.46vw,38px) min(0.647vw,10px) min(2.136vw,33px); border-radius: 0 0 min(0.647vw,10px) min(0.647vw,10px); }
  .cbl .hpVHr__slide .single a .inner .address { font-size: min(0.81vw,14px); }
  .cbl .hpVHr__slide .single a .inner .bottom { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
  .cbl .hpVHr__slide .single a .inner .colors { margin: 0 0 0; gap: min(0.647vw,10px); }
  .cbl .hpVHr__slide .single a .inner .colors > div button { border: min(0.129vw,2px) solid #929292; width: min(1.294vw,20px); height: min(1.294vw,20px); }
  .cbl .hpVHr__slide .single a .inner .colors > div button em { font-size: min(0.906vw,14px); }
  .cbl .hpVHr__slide .single a .inner .feats { font-size: min(0.647vw,10px); justify-content: flex-start; }
  .cbl .hpVHr__arrows { pointer-events: none; margin: 0 0 0; position: absolute; z-index: 1; top: 0; left: max(-1.618vw,-25px); right: max(-1.618vw,-25px); bottom: 0; justify-content: space-between; padding: min(3.236vw,50px) 0 0; }
  .cbl .hpVHr__arrows button.siteArrow { font-size: min(0.777vw,12px); }
}
@media only screen and (max-width: 991px) {
  .cbl .hpVr__slide:not(.slick-initialized) .single:not(:first-child) { display: none; }
  .cbl .hpVHr__slide:not(.slick-initialized) .single:not(:first-child) { display: none; }
}

/* Slider only (default): no section title, padding or background, so the
   slider sits inside your own page section. */
.cbl.cbl--slider-only { background: transparent; }
.cbl.cbl--slider-only .hpVr,
.cbl.cbl--slider-only .hpVHr { padding: 0; background: transparent; }
.cbl.cbl--slider-only .hpVHr__container--feed { margin-top: 0; }