/* Chrome, Safari, Edge, Opera remove arrows for input type number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.v-nowrap{
    overflow: hidden;
    white-space: wrap;
    word-break: break-word;
}


/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.bg-rose, .btn.btn-rose {
    background: #ffbcce;
}
.bg-meander, .btn.btn-meander {
    background: #c9f2fd;
}
.bg-sky, .btn.btn-sky {
    background: #cde1ff;
}
.bg-cobalt, .btn.btn-cobalt {
    background: #b9d1ff;
}
.bg-green, .btn.btn-green {
    background: #d0ffb4;
}


/* font overrides */

.meta, .meta span, .meta a, .more, footer .meta a {
    color: #4a4a4a !important;
}

.meta a.text-white, .more .meta a.text-white,
.category a.bg-dark {
    color: #ffffff !important;
}

.font-color-gray{
    color: #4a4a4a !important;
}

    

.contact-drop-value{
 position: relative;
 bottom: 0.2em;
}

.toc-button{
    border: 0;
    margin-bottom: 0.5rem;
    margin-right: 0.25rem;
    padding-top: 0.89rem !important;
    font-size: 0.65rem;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1 !important;
    border-radius: 0.25rem;
    text-shadow: none;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    height: 2.4375rem !important;
}

.blog-post .page-title-wrapper{
    min-height: 28em;
}

.blog-post .image-wrapper h1{
    padding-top: 0.5em;
}

.blog-post .content h2{
    margin-top: 2rem;
}

.blog-post .content h3{
    margin-top: 2rem;
}


.blog-post ul.velolist li,
.blog-post ol.velolist li{
    font-size: 1rem !important;
    line-height: 1.8;
}

.blog-post ol.velolist li{
    margin-left: 2rem !important;
}

.blog-post .blog-post-img{
    display: block;
    width: 100%;
    margin:3em auto 3em auto
    /* border: 1px solid red; */
}

.blogpost-table-icon{
    display: block;
    width: 3em;
    margin-left:auto;
    margin-right:auto;
}


hr.double{
    border-bottom: 2px solid #ff8c53;
    margin-bottom: 2rem;
    padding-top: 1rem;
}

nav.section-nav{
    position: sticky;
    top: 4rem;
    align-self: start;
}

nav.section-nav .jam{
    font-size: 2rem;
    position: relative;
    top: 0.2rem;
}


nav.section-nav ol{
    margin-left: 1.8rem;
}

nav.section-nav .li-subitem{
    display: block;

    margin-left: 0.5rem;
  
}

nav.section-nav .active {
    color: #bb3e00 !important;
    text-decoration: underline !important;
  }

nav.section-nav a {
    text-decoration: none;
    display: block;
    padding: .125rem 0;
    font-size: 0.85rem;
    line-height: 1.2rem;
    color: #ccc;
    font-weight: 400;
    transition: all 50ms ease-in-out; /* 💡 This small transition makes setting of the active state smooth */
  }

/* FAQ PAGE */

.faq-category-sidebar{
    /* border-left: 1px solid #7c7c7c; */
}



/***** Index page *******/

.space200 {
    height: 10rem!important;
}

.space210{
    height: 11rem!important;
}

.space220{
    height: 12rem!important;
}

.space225{
    height: 12.5rem!important;
}

.space230{
    height: 13rem!important;
}


.disabled-btn{
    background-color: #9e9e9e !important;
}

.spinner-border{
    width: 0.75rem;
    height: 0.75rem;
}

.btn-processing-spin{
    /* display: none; */
}

.d-block{
    display: block !important;
}

.hidden{
    display: none;
}

p.lead.larger{
    font-size: 1.2rem !important;
    line-height: 1.4;
    font-family: 'Roboto Slab', serif;
}

.relative{
    position: relative;
}
.image-wrapper:not(.mobilem), .image-wrapper {
    background-attachment: local !important;
}

.blog-index-page .image-wrapper:not(.no-overlay) * {
    position: relative;
    /* z-index: 2; */
}

.index-page .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.35);
}

.gravel-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.25);
}

.cargo-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.35);
}

.tricycle-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.01);
}

.velomobile-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.2);
}

.electric-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}

.road-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}


.commuter-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}

.mountain-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}

.triathlon-bike-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}

.partner-index-landing .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.4);
}

.blog-author-page.denis .image-wrapper:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.2);
}
.commuter-bike-landing .bottom-quote-form-wrapper .display-1{
    margin-top: 5rem;
}

.getting-gravel-racing .blogpost-article-form-container .display-1{
    margin-top: 5rem;
}



.blog-index-page .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.45);
}

.insurance-reviews .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.1);
}

.guide-d2c-bikes .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.1);
}

.insurance-reviews .page-title-wrapper h1.display-1{
    margin-top: 5rem;
}

.insurance-reviews .space230{
    height: 34% !important;
}

/**************************/
/** Icons START *****/
/**************************/


.velosurance-sprite-homepage, .velosurance-sprite-homepage-sm{
    background-image: url('/assets/images/velosurance/shared/sprites-stripe1.webp');
}

.velosurance-sprite-homepage {
    width: 140px;
    height: 140px;
}

.velosurance-sprite-homepage-sm {
    width: 100px;
    height: 100px;
}

.full-value-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0 auto;
}

.crash-damage-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -100px 0;
    margin: 0 auto;
}


.theft-coverage-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -200px 0;
    margin: 0 auto;
}

.medical-coverage-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -300px 0;
    margin: 0 auto;
}

.liability-coverage-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -600px 0;
    margin: 0 auto;
}

.transit-coverage-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -400px 0;
    margin: 0 auto;
}

.ebike-class1-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -1000px 0;
    margin: 0 auto;
}

.ebike-class2-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -1100px 0;
    margin: 0 auto;
}

.ebike-class3-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -1200px 0;
    margin: 0 auto;
}

.race-coverage-icon-sm{
    background-size: auto 100px;
    background-repeat: no-repeat;
    background-position: -1600px 0;
    margin: 0 auto;
}


.covered-brand-icon img{
    display: block;
    width: auto;
    height: 5rem;
}


.brand-icon-pedego img{
    width: 10rem;
    margin-left: 1.5rem;
}

.brand-icon-specialized img{
    width: 8rem;
    margin-top: 0.7rem;
}

.brand-icon-juiced img{
    width: 9rem;
}



.brand-icon-santacruz img{
    width: 10rem;
}

.brand-icon-orbea img{
    height: auto;
    margin-top: 1.5rem;
    width: 8rem;
}

.brand-icon-super73 img{
    height: auto;
    margin-top: 0.2rem;
    width: 8rem;
}


.brand-icon-yamaha img{
    height: auto;
    margin-top: 1rem;
    width: 9rem;
}

.brand-icon-trek img{
    width: 11rem;
    margin-top: 1rem;
}

.brand-icon-lectric img{
    height: 6rem;
    margin-left: 2rem;
}


.insured-full-value-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.crash-damage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -140px 0;
    margin: 0 auto;
}

.theft-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -280px 0;
    margin: 0 auto;
}

.medical-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -420px 0;
    margin: 0 auto;
}

.loss-transit-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -560px 0;
    margin: 0 auto;
}

.liability-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -840px 0;
    margin: 0 auto;
}

.worldwide-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -980px 0;
    margin: 0 auto;
}

.network-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -1120px 0;
    margin: 0 auto;
}

.race-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2240px 0;
    margin: 0 auto;
}


.xcmtb-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2380px 0;
    margin: 0 auto;
}

.emtb-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2520px 0;
    margin: 0 auto;
}

.dhmtb-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2660px 0;
    margin: 0 auto;
}





.theft-coverage-card p,
.crash-damage-card p,
.transit-damage-card p,
.full-value-card p{
    min-height: 6.8em;
}

/* Bike icons */
.road-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4340px 0;
    margin: 0 auto;
}

.city-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -1820px 0;
    margin: 0 auto;
}

.electric-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -1960px 0;
    margin: 0 auto;
}

.ebike-class1-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -1400px 0;
    margin: 0 auto;
}

.ebike-class2-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -1540px 0;
    margin: 0 auto;
}

.ebike-class3-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -1680px 0;
    margin: 0 auto;
}

.commuter-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3220px 0;
    margin: 0 auto;
}

.mountain-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2380px 0;
    margin: 0 auto;
}

.cargo-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2100px 0;
    margin: 0 auto;
}

.triathlon-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2800px 0;
    margin: 0 auto;
}

.trike-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -2940px 0;
    margin: 0 auto;
}

.recumbent-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3080px 0;
    margin: 0 auto;
}

.on-a-car-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3360px 0;
    margin: 0 auto;
}

.bike-shipping-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3500px 0;
    margin: 0 auto;
}

.paved-trails-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3640px 0;
    margin: 0 auto;
}

.unpaved-trails-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3780px 0;
    margin: 0 auto;
}

.state-parks-number-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -3920px 0;
    margin: 0 auto;
}

.cyclist-rating-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4060px 0;
    margin: 0 auto;
}

.apparel-coverage-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4200px 0;
    margin: 0 auto;
}

.gravel-bike-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4480px 0;
    margin: 0 auto;
}

.bike-ownership-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4620px 0;
    margin: 0 auto;
}

.anylock-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4760px 0;
    margin: 0 auto;
}

.repval-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -4900px 0;
    margin: 0 auto;
}

.cov-247-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -5040px 0;
    margin: 0 auto;
}

.standalone-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -5180px 0;
    margin: 0 auto;
}

.uninsured-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -5320px 0;
    margin: 0 auto;
}

.permissive-icon{
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: -5460px 0;
    margin: 0 auto;
}


.icon-inline{
    display: inline-block;
}

.h2-with-icon{
    padding-left: 0.5em;
    /* padding-top: auto;
    padding-bottom: auto; */
    display: inline-block;
    position: relative;
    bottom:0.75em;
}



/**************************/
/** Icons END *****/
/**************************/

.claims-icon-header{
    display: inline-block;
    position: relative;
    bottom:1.75rem;
    padding-left: 1rem;
}

.claims-page-ul li{
    line-height: 1.8;
}


/* Icon color */

.comparison-icon-color-green{
    color: #1e824c;
}

.comparison-icon-color-red{
    color: #d50000;
}


.comparison-icon-color-yellow{
    color: #8d6708;
}


.comparison-icon-color-blue{
    color: #2574a9;
}


/* Cell font and color */
.table-cell-font{
    padding-left:0.5em;
    position: relative;
    bottom: 3px;
}

.table-cell-green{
    color: #1e824c;
}

.table-cell-red{
    color: #d50000;
}

.table-cell-yellow{
    color: #8d6708;
}

.table-cell-blue{
    color: #2574a9;
}


.btn-comparison-table{
    position: relative;
    right: 3.5em;
}


/* Featured blog posts */
.velosurance-homepage-blogpost{
    /* border: 1px solid red; */
}


/***** State landing page *******/
/** Trail section stats.*/


.state-trails-card{
    min-height: 11rem;
}

.counter p {
    font-size: 0.9rem;
    margin-bottom: 0;
    line-height: 1rem;
}


.progressbar.circle .progressbar-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 20;
    left: 0;
    margin: 0;
    font-size: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.progressbar.circle .progressbar-text {
    /* content: "%"; */
    display: none;
}

.progressbar.circle .progressbar-text:after {
    /* content: "%"; */
    display: none;
    font-size: 20px;
    padding-left: 2px;
}

.progressbar.circle{
    position: relative;
    top: 1em;
}

/****************Insert custom styles above. General overrides go below*****************************/

/** General overrides, not section specific.*/

/* Google reviews */
.es-widget-header-container, .es-widget-header-container-template {
    width: 50%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    background-color: #ffffff;
}

.es-widget-header-container-template{
    width: 12rem;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.reviews-sm-widget {
    border-radius: 0.5rem;
    height: 1.5rem;
    padding-top: 0.2rem;
}
.reviews-stars-star {
    background-image: url('/assets/images/velosurance/shared/star-full.svg') !important;
    height: 1rem;
    width: 5.2rem;
}

.es-widget-header-details-title{
    padding-left:0.5rem;
}


.es-widget-header-details-title,
.es-widget-header-details-text{
    color: #000000 !important;
}

.es-sm-widget-header-details-title,
.es-sm-widget-header-details-text{
    color: #ffffff !important;
}

.es-header-btn, .es-header-btn:active, .es-header-btn:focus {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    background-color: #0033ff;
    border: 0px solid #0033ff;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    overflow: hidden;
    padding: 6px 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all .15s ease-out;
    white-space: nowrap;
}

.es-header-border {
    background: #d6dae4;
    height: 44px;
    width: 1px;
}


.svg-comparison-yes{
    height: 1.1rem;
    fill: #1e824c;
}
.comparison-span-yes{
    color: #1e824c;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
}

.svg-comparison-no{
    height: 1rem;
    fill: #d50000;
}

.comparison-span-no{
    color: #d50000;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
}

.svg-black{
    fill: #000000 !important;
}

.svg-white{
    fill: #ffffff !important;
}

.svg-orange{
    fill:  #ed6824 !important;
}

.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -7.5 24 24" width="20" fill="white"><path d="M7.071 2.828l-4.95 4.95A1 1 0 0 1 .707 6.364L6.364.707a1 1 0 0 1 1.414 0l5.657 5.657a1 1 0 0 1-1.414 1.414l-4.95-4.95z"></path></svg>');
}

.navbar-nav.sm-collapsible .sub-arrow::before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -8 24 24" width="20" fill="white"><path d="M7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364l4.95 4.95z"></path></svg>');
    display: table-cell;
    vertical-align: middle;
}


.accordion-wrapper .card-header button.collapsed:before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -5 24 24" width="15" fill="black"><path d="M5.314 7.071l-4.95-4.95A1 1 0 0 1 1.778.707l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l4.95-4.95z"></path></svg>');
}

.accordion-wrapper .card-header button:before {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -7.5 24 24" width="15" fill="black"><path d="M7.071 2.828l-4.95 4.95A1 1 0 0 1 .707 6.364L6.364.707a1 1 0 0 1 1.414 0l5.657 5.657a1 1 0 0 1-1.414 1.414l-4.95-4.95z"></path></svg>');
}


/* full size */
.svg-comparison-maybe{
  height: 1rem;
  width: 1.2rem;
  fill: #8d6708;
}

.last-cell-padding{
    padding-right: 1rem !important;
}

.comparison-span-maybe{
    color: #8d6708;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
}

.svg-comparison-limited{
    height: 1.25rem;
    width: 1.3rem;
    fill: #2574a9;
}

.comparison-span-limited{
    color: #2574a9;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
}



.accordion-wrapper .card-header button{
    color: #ed6824;
}

.accordion-wrapper .card-header button.collapsed {
    color: #404040;
}

.accordion-wrapper .card-header button:hover{
    color: #ed6824 !important;
}

.velosurance-logo-img{
    width: 9rem !important;
    position: relative;
    bottom: 3px;
    width: 180px;
    height: 48px;
}

.hover-color-orange:hover{
    color: #ed6824 !important;
}

.comparison-table th{
    padding-left: 1rem !important;
}
.velo-tbody-font{
    font-size: 1.05rem !important;
    line-height: 1.8;

}

.velo-tbody-icon{
    font-size: 1.05rem !important;
    line-height: 1.8;
}
.velo-p-font{
    font-size: 1.05rem !important;
    line-height: 1.8;
    margin-bottom: 2rem !important;
}


.velo-card-title-font{
    color: #000000 !important;
    font-size: 1.45rem !important;
    margin-bottom: 1.6rem !important;
    line-height: 2rem;
}

.velo-card-font{
    color: #000000 !important;
    font-size: 1.03rem !important;
}

.velo-subtitle-font{
    font-size: 1.2rem !important;
    line-height: 2;
    font-family: 'Roboto Slab', serif;

}

.velo-paragraph-title-font{
    font-size: 1.6rem !important;
    line-height: 2;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Jost', sans-serif;
    color: #4a4a4a;
    font-size: 0.85rem;
    /* background: #f9fafb; */
    background: #fcfdfe;
    /* background: var(--color-white); */
    overflow-x: hidden;
    position: relative;
}

.search-dropdown-menu{
    position: absolute;
    left: 0px;
    margin-top: 2em;
}

.divider-icon {
    border: 0;
    position: relative;
    padding-top: 2.3rem;
    padding-bottom: 3.5rem;
}


.divider-icon i{
    color: rgba(var(--rgb-black), 0.7);
}

.divider-icon:before, .divider-icon:after {
    border-top: 1px solid rgba(var(--rgb-black), 0.7);
}

.icofont-bicycle-alt-1:before {
    font-size: 50px;
}

.colorado-cycling .image-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}


.blog-post .image-wrapper:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(var(--rgb-dark), 0.3);
}

.float-left{
    float: left;
}

/* .faq-breadcrumb-link{
    padding-left: 1em;
    font-size: 1em;
}
.faq-breadcrumb-row{
    width: 100%;
    clear:both;
    padding-top: 0em;
}

.faq-breadcrumb-row img{
    width: 1.5em;
} */

ul.faq-section-card-links > li{
    text-align: left;
    position: relative !important;
    margin-top: 1em;
}

ul.faq-section-card-links li i.jam-chevron-right {
    position: absolute !important;
    left: -1.3em;
    top: 0.4em;
}

.faq-answers-btn{
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 1.5em;
}

.faq-sidebar-list{
    text-align: left;
}
.color-faq-bullet
{
  color:  #ed6824 !important;
}

.btn.btn-orange{
    background: #ed6824;
}

.color-orange, .bullet-orange>li:before, .bullet-orange i {
    color: #ed6824 !important;
}

.faq-section-icon{
    fill:  #ed6824 !important;
}


.faq-sidebar-row{
    width: 100%;
    clear:both;
    padding-top: 1.5em;
}

.faq-sidebar-row img{
    width: 2em;
}


.faq-sidebar-link{
    padding-left: 1em;
    font-size: 1.5em;
}

.btn {
    color: var(--color-white);
    background: var(--color-default);
    border: 0;
    margin-bottom: 0.5rem;
    margin-right: 0.25rem;
    padding: 0.9rem 1rem 0.8rem;
    font-size: 0.65rem;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    border-radius: 0.25rem;
    text-shadow: none;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}

.add-partner-link{
    position: relative;
    bottom: 3px;
    padding-left: 5px;
}

.btn-primary,
.btn-velosurance-orange {
    color: #fff!important;
    /* background-color: #ed6824 !important; */
    background-color: #C84C0E;
    font-size: 1.2rem;
    font-weight: bold;
}

.btn-primary:hover,
.btn-velosurance-orange:hover {
    color: #fff!important;
    background-color: #bb3e00 !important;
}

.color-velosurance-orange{
    color: #bb3e00;
}

.color-black{
    color: #000000 !important;
}
.font-sans-serif{
    font-family: 'Jost', sans-serif !important;
}

.text-black{
    color:#000000;
}

.text-white{
    color:#FFFFFF;
}


/* Quote form */
.quote-form-card{
    position: static;
    max-width: 22rem !important;
}


.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 0rem 0.75rem;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(2.2rem + 2px);
  line-height: 1;
}

.form-floating>label {
  padding: 0.5rem 0.75rem;
  color: #676767;
}

.form-floating>small {
    /* padding: 0.5rem 0.75rem; */
    color: #676767;
  }


.section-title {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
}



/** Utility classes */

.no-underline{
    text-decoration: none !important;
}

.hover-underline:hover{
    text-decoration: underline !important;
    color:#bb3e00 !important;
}

.m-auto{
    display: block;
    margin:auto;
}


.mr-03{
    margin-right: 0.3em;
}

.mr-04{
    margin-right: 0.4em;
}
.mr-05{
    margin-right: 0.5em;
}


.mr-1{
    margin-right: 1em;
}

.mr-2{
    margin-right: 2em;
}

.mr-3{
    margin-right: 3em;
}



/* Margin Left */

.ml-03{
    margin-left: 0.3em;
}

.ml-04{
    margin-left: 0.4em;
}
.ml-05{
    margin-left: 0.5em;
}


.ml-1{
    margin-left: 1em;
}

.ml-2{
    margin-left: 2em;
}

.ml-3{
    margin-left: 3em;
}




/* Margin Top */
.mt-0{
    margin-top:0em !important;
}

.mt-1{
    margin-top:1em !important;
}

.mt-2{
    margin-top:2em !important;
}

.mt-3{
    margin-top:3em !important;
}

.mt-4{
    margin-top:4em !important;
}

.mt-45{
    margin-top:4.5em !important;
}

.mt-5{
    margin-top:5em !important;
}

.mt-6{
    margin-top:6em !important;
}

.mt-7{
    margin-top:7em !important;
}


/* Margin Bottom */
.mb-1{
    margin-bottom:1em !important;
}



.mb-2{
    margin-bottom:2em !important;
}

.mb-3{
    margin-bottom:3em !important;
}

.mb-37{
    margin-bottom:3.7em !important;
}

.mb-4{
    margin-bottom:4em !important;
}

.mb-45{
    margin-bottom:4.5em !important;
}

.mb-46{
    margin-bottom:4.6em !important;
}

.mb-47{
    margin-bottom:4.7em !important;
}


.mb-5{
    margin-bottom:5em !important;
}

.mb-6{
    margin-bottom:6em !important;
}

.mb-7{
    margin-bottom:7em !important;
}


/* Padding Top */
.pt-0{
    padding-top:0em !important;
}

.pt-1{
    padding-top:1em !important;
}

.pt-2{
    padding-top:2em !important;
}

.pt-3{
    padding-top:3em !important;
}

.pt-4{
    padding-top:4em !important;
}

.pt-5{
    padding-top:5em !important;
}

.pt-6{
    padding-top:6em !important;
}

.pt-7{
    padding-top:7em;
}

.pt-05{
    padding-top: 0.5rem;
}

/* Padding Bottom */
.pb-0{
    padding-bottom:0em;
}

.pb-1{
    padding-bottom:1em;
}

.pb-2{
    padding-bottom:2em;
}

.pb-3{
    padding-bottom:3em;
}

.pb-4{
    padding-bottom:4em;
}

.pb-5{
    padding-bottom:5em;
}


/* Padding Left */

.pl-05{
    padding-left:0.5em !important;
}
.pl-1{
    padding-left:1em !important;
}

.pl-2{
    padding-left:2em !important;
}

.pl-3{
    padding-left:3em !important;
}

.pl-4{
    padding-left:4em !important;
}

.pl-5{
    padding-left:5em !important;
}

/* Padding Right */
.pr-1{
    padding-right:1em !important;
}

.pr-2{
    padding-right:2em !important;
}

.pr-3{
    padding-right:3em !important;
}

.pr-4{
    padding-right:4em !important;
}

.pr-5{
    padding-right:5em !important;
}


/* Width */
.w-100{
    width:100%;
}

.w-90{
    width:90%;
}

.w-80{
    width:80%;
}

.w-70{
    width:70%;
}

.w-60{
    width:60%;
}

.w-50{
    width:50%;
}


.w-55{
    width:55%;
}
.w-40{
    width:40%;
}

.w-30{
    width:30% !important;
}


/* Borders */

.border-1-red{
    border:1px solid red;
}

.border-1-green{
    border:1px solid green;
}

.border-1-black{
    border:1px solid black;
}

.text-bold{
    font-weight: bold;
}


/* .velosurance-figure{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
} */

/* Image max */
.img-max-100 {
    max-width: 100px
  }

.img-max-200 {
max-width: 200px
}

.img-max-300 {
max-width: 300px
}

.img-max-350 {
max-width: 300px
}

.img-max-300 {
max-width: 300px
}
.img-max-400 {
max-width: 400px
}

.img-max-500 {
max-width: 500px
}


.quote-form-card-article .small-email {
    display: block;
    text-align:left;
}

.quote-form-card-article .small-bikes {
    display: block;
    text-align:left;
}



.blogpost-quote-form{
    height: 34em;
}

/* Mobile overrides */

.color-toggle-blue{
    color: #425eff;
}

/* Multistep form */

.wizard-step-form-wrapper.step1 .form-floating>.form-select {
    height: calc(2.2rem + 2px);
    line-height: 1.1;
    padding-top: 1rem;
    padding-bottom: 0.225rem;
    color: #4a4a4a !important;
    font-size: .875rem;
}

.apt-toggle-wrapper span{
    position: relative;
    bottom: 1rem;
}

.rider-toggle-wrapper span{
    position: relative;
    bottom: 1rem;
}

.hover-pointer:hover{
    cursor: pointer;
}

.form-label-multistep { 
    
    font-size: 1.15rem;
    font-weight: 400;
}

.rem-fixed{
    max-width: 45rem;
    margin: auto;
}

.multistep-header-wrapper{
    /* border: 1px solid red; */
    width: 100%;
}

.multistep-header-inner {
    padding: 20px 40px;
    /* border-bottom: 1px solid blue; */
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}



/* Multistep body */

.color-velosurance-orange-light{
    color:#ed6824;

}

.wizard-quick-quote-value{
    border: 2px solid #ed6824;
    padding: 1rem; 
    /* border-radius: 50%; */
}

.quote-wizard-add-bike,
.quote-wizard-memo{
    border: 2px solid #ed6824;
}


.btn-edit-bike.active{
    color:  #ffffff !important;
    background-color: #ed6824 !important;
    border-color: #ed6824 !important;
}

.btn-edit-bike.active:hover{
    border-color: #ed6824 !important; 
}

.btn-edit-bike.active svg{
    fill: #ffffff;
}

.btn-edit-bike{
    border: 1px solid #ed6824;
    background-color: #ffffff !important;
    color: #ed6824 !important;
}



.btn-remove-bike{
    border: 1px solid #ed6824;
    background-color: #ffffff !important;
    color: #ed6824;
    text-decoration: none;
}


.btn-edit-bike:hover,
.btn-remove-bike:hover{
    color: #ed6824;
    border-color: #ed6824 !important; 
}

.btn-group-sm button{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


.wizard-bike-title{
    /* font-size: 1rem; */
    font-size: calc(0.7rem + 0.3vw);

    font-weight: 500;
}


.cell-font-lg{
    font-size: calc(0.7rem + 0.2vw);
    font-weight: 500;
}

.wizard-bike-price{
    font-size: calc(0.7rem + 0.3vw);
    font-weight: 500;
}


.insured-value-memo{
    font-size: 1.2rem;
}

.wizard-quick-quote-value .est-title{
    font-size: 1.2rem;
    
}
.wizard-quick-quote-value .est-mo{
    font-size: 2rem;
    padding-top: 1rem;
}
.wizard-quick-quote-value .est-year{
    font-size: 1rem;
    padding-top: 1rem;
}

.est-memo{
    font-size: 0.9rem;
}


.margin-x-auto{
    margin-left: auto;
    margin-right: auto;
}

.bottom-btns{
    margin-left: auto;
    margin-right: auto;
}

.btn-add-bike{
    /* width: 12rem; */
    color: #6c757d !important;
    border: 1px solid #6c757d;
    border-color: #6c757d !important;
    background-color: #ffffff !important;
}

.btn-discard-bike{
    width: 10rem;
    color: #6c757d !important;
    border: 1px solid #6c757d;
    border-color: #6c757d !important;
    background-color: #ffffff !important;
}

.btn-add-bike:hover,
.btn-discard-bike:hover{
    background-color: #6c757d !important;
    color: #ffffff !important;
}


.btn-next-step{
    width: 11rem;
    border: 1px solid #ed6824;
/* font-size: 1rem; */
}


.btn-step3-submit{
    width: 12rem;
}

/* Add a bike accordion */
#accordionAddBike .accordion-button,#accordionAddBike .accordion-button:not(.collapsed){
    /* background-color:#e3e3e3 !important; */
    background-color:#ffe2d2  !important;
    font-size: calc(0.7rem + 0.3vw);
    font-weight: 500;
    /* color: #4a4a4a !important; */
    color: #ed6824 !important;
}

#accordionAddBike .accordion-button::after {
    display: none;
}

#accordionAddBike  .accordion-button.collapsed::before {
    flex-shrink: 0;
    padding-right: 1rem;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23ed6824'><path d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/></svg>") !important;
    background-repeat: no-repeat;
    background-size: 0.6rem !important;
    transition: var(--bs-accordion-btn-icon-transition);
}

#accordionAddBike .accordion-button::before {
    flex-shrink: 0;
    padding-right: 1rem;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ed6824'><path d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/></svg>") !important;
    background-repeat: no-repeat;
    background-size: 1rem !important;
    transition: var(--bs-accordion-btn-icon-transition);
}

.step-bikes-list


/* Multistep steps widget */



.steps-wrapper {
    /* padding: 0px 40px; */
    border-bottom: 0px;
}

.steps-container {
    margin: 30px 0px;
    position: relative;
}

.steps-list {
    position: absolute;
    top: -14px;
    left: 0px;
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.steps-line {
    height: 100%;
    background: #ed6824;
    border-radius: 4px;
    transition: all 0.15s ease-in 0s;
}

.steps-border {
    background: #eaeaea;
    width: 100%;
    height: 6px;
    border-radius: 4px;
}


.step-enabled {
    height: 2rem;
    width: 2rem;
    transform: scale(1);
    border-radius: 50%;
    border: 2px solid #ed6824;
    background: #ed6824;
    transition: all 0.15s ease-in 0s;
    text-align: center;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.step-enabled a, .step-enabled svg {
    display: block;
    font-size: 1em;
    color: white;
    transition: all 0.15s ease-in 0s;
}


.step-disabled {
    height: 2rem;
    width: 2rem;
    transform: scale(1);
    border-radius: 50%;
    border: 2px solid rgb(234, 234, 234);
    background: rgb(234, 234, 234);
    transition: all 0.15s ease-in 0s;
    text-align: center;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}


.wizard-step-header{
    margin-top: 2rem;
}

.wizard-step-header h1{
    font-size: 2rem;
}


.tooltip-inner{
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ed6824;
    max-width: 20rem;
}

.bs-tooltip-auto{
    border: none !important;
}

.tooltip-arrow{
   display: none;
}

/* Coverages */

.memo-bg-light{
    background-color: #ffdac6;
}
.wizard-coverages-memo-title{
    
    font-size: 1rem;
    font-weight: 400;
}




/* Quote review step */


.wizard-total-premium{

}

.review-step-quoteprice .quote-memo{
    /* color; */
}

.quote-review-bike-accordion .accordion-header{
    /* width: 50%; */
}

.quote-review-bike-accordion .accordion-header span{
    /* color: #ed6824 !important; */
    color: #425eff;
}

/* *************************/
/* Review step div tables */
/* *************************/
.quote-review-div-table {
    display: table;
    width: 100%;
    overflow: scroll;
    background-color: #eee;
    border-spacing: 2px;
    border-radius:4px;
}

.trow {
    display: table-row;
    /* width: 110%; */
}

.tcolumn {
    display: table-cell;
    vertical-align: top;
    background-color: #fff;
    padding: 10px 8px
}

.tcolumn1 {
    padding-left: 1rem;
    width: 25rem;
    font-size: calc(0.7rem + 0.3vw);
}

.tcolumn2{
    padding-left: 1rem;
    font-size: calc(0.7rem + 0.3vw);
}

.column-grey{
    background-color: #f4f4f4 !important;
}

.column-orange{
    background-color: #ed6824;
    color: #ffffff;
}


.cell-font-sm{
    width: 85%;
    font-size: 0.8rem;
}


.wizard-card-icon{
    width: 15%;
    padding-top: 0.25rem;
    
}

.calendar-icon-btn{
    background: #c4c4c4;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}


/*
*
* ==========================================
* CUSTOM Datepicker  CSS
* ==========================================
*
*/
.datepicker-input{
    font-size: 0.8rem;
}

.datepicker td:hover, .datepicker th:hover {
    cursor: pointer;
}
.datepicker td, .datepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.7rem;
    padding-left: 1rem;
}

.datepicker {
    margin-bottom: 3rem;
}

.datepicker-switch{
    text-align: center !important;
    padding-right: 1rem;
}


.wait1hr-image img{
    display: block;
    width: 25%;
}

.quote-delayed-clock svg{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bg-lightgrey{
    background-color: #eeeeee;
}

.bikeindex-logo img{
    width: 8rem;
}


.multistep-wizard-footer{
    font-size: 0.7rem;
}

.blogpost-category-author{
    position: relative;
    z-index: 3;
}


/* scroll bar */
/* ::-webkit-scrollbar {
width: 12px;
background-color: #e2e2e2;
}
  
::-webkit-scrollbar-thumb {
background: #646464;
} */

/*  */

.scmargin {
    scroll-margin-top: 10rem;
}


/* Search results */

#lunrsearchresults {padding-top: 0.2rem;}
.lunrsearchresult {padding-bottom: 1rem; padding-top: 1rem;}
.lunrsearchresult .title {color: #1a0dab;    font-size: 1.3rem;}
.lunrsearchresult .url {color: #3e70ff;}

.search-result-title {
    color: #1a0dab;
    text-decoration: none;
    display: block;
    margin-bottom: 0.2rem;
}

.search-result-title:hover{
    text-decoration: underline;
    text-decoration-color: #1a0dab;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}


#lunrsearchresults ul{
    list-style-type: none !important;
    padding-left: 0 !important;
}

.lunrsearchresult span.body{
    font-size: 1rem;
}


/* Trusted partners section - Google map*/
#partner-map{
    width: 100%;
    height: 35rem;
}

.become-partner{
    color: #2c7be5;
    font-size: 1.3rem;
    text-decoration: none;
}

.become-partner:hover{
    color: #1a67ca !important;
    text-decoration: underline !important;
    text-decoration-color: #1a67ca !important;
    text-underline-offset: 20px;
}

.become-partner svg{
    fill: #2c7be5 ;
    margin-bottom: 0.3rem;
}
.become-partner svg:hover{
    fill: #1a67ca;
}

.become-partner.active svg,.become-partner.active svg:hover{
    fill: #ed6824 !important;
}


.partner-nav-wrapper{
    border-bottom: 1px solid #9f9f9f;
}

.partner-tab{
    text-decoration: none !important;
    font-size: 1.5rem;
}

.partner-tab-active{
    color: #ed6824;
    /* border-bottom: 2px solid #ed6824; */
    text-decoration: underline !important;
    text-decoration-color: #ed6824 !important;
    text-underline-offset: 18px;

}
.partner-tab-active:hover{
    color: #ed6824;
}

.partner-tab-inactive,.partner-tab-inactive:hover{
    color: #000000;
}

.partner-tab-inactive:hover{
    text-decoration: underline !important;
    text-decoration-color: #ed6824 !important;
    text-underline-offset: 18px;
}

.partner-tab-active svg{
    fill: #ed6824 !important;
}

.legal-statefilter{
    text-align: left;
    padding-left: 15px;
}


ul.legal-stateslist{
    list-style: none;
    text-align: left;
}


.legal-stateslist a{
    color: #2c7be5;
}
.legal-attorney{
    padding: 1rem;
    /* border: 1px solid red; */
    /* margin-top: 1rem; */
}

.legal-attorney h3{
    text-align: left;
}
.legal-attorney p{
    text-align: left;
    margin-bottom: 0.2rem;
}


/* makes insurance section with grid of logos */
.makes-grid .makes-logo img{
    display: block;
    width: 70% !important;
}

.makes-grid .makes-title {
    text-align: center;
}

.makes-grid .makes-title a{
    padding-top: 0.5rem;
    color: #000000;
    text-decoration: none;
    font-size: 1.3rem;
    text-align: center;
}

.makes-grid .makes-title a:hover{
    color: #ed6824;
    text-decoration: underline;
}

.velosurance-plus-make .plus-sign{
    font-size: 3rem;
    color: #ed6824;
    padding-left: 1rem;
    padding-right: 1rem;
}

.models-grid .models-title{
    font-size: 1.6rem;
    text-align: center;
    padding-top: 0.5rem;
    color: #000000;
}

.models-quote{
    position: relative;
    min-height: 3rem;
}

.models-quote .btn-velosurance-orange{
    position: absolute;
    bottom: 0;
}

.models-coverage{
    font-size: 1.4rem;
    position: relative;
    bottom: 2rem;
    text-align: center;
}

.mw-100{
    max-width: 100%;
}


.svg-event-dates{
    fill: #5f9df4 !important;
    height: 1rem;
}

.svg-event-location{
    fill: #5f9df4 !important;
    height: 1rem;
}

.svg-event-distance{
    fill: #5f9df4 !important;
    height: 1rem;
    width: 1.6rem;
    padding-right: 0.1rem;
}

.svg-location-distance{
    fill: #5f9df4 !important;
    height: 1rem;
    width: 2.6rem;
    padding-right: 0.1rem;
}

.svg-event-elevation{
    fill: #5f9df4 !important;
    height: 1rem;
}

.svg-event-time{
    fill: #5f9df4 !important;
    height: 0.9rem;
    width: 1.9rem;
}

.svg-event-dates-lg{
    fill: #5f9df4 !important;
    height: 2rem;
}

.svg-event-location-lg{
    fill: #5f9df4 !important;
    height: 2rem;
}

.destination-img-left{
    width: 100%;
    padding: 0 2rem 1.5rem 0rem;
}

.destination-img-right{
    width: 100%;
    padding: 0 0 2rem 1.5rem;
}

.destination-image-width{
    max-width: 60%;
}


/* Small devices landscape phones*/
@media (max-width: 575.98px) { 
   
   .index-page .quote-form-card{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100%;
   }

    .index-page  .row>* {
        flex-shrink: inherit;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

    .pr-60{
        padding-right: 1rem !important;
    }

    .h2-with-icon{
        margin-top: 2rem;
    }

    /* Comparison table for mobile */

    .velo-tbody-font {
        font-size: 0.8rem !important;
        line-height: 1.8;
    }

    .velosurance-comparison-table .velosurance-table-logo{
        display: block;
        width: 80%;
    }

    .btn-comparison-table{
        margin-left: 1rem;
    }
    
    .velosurance-comparison-table th strong{
        font-size: 0.9rem !important;
    }

    .blogpost-cta-block.image-wrapper:not(.no-overlay) * {
        position: relative !important;
        z-index: 2;
    }

    .blogpost-content-wrapper {
        margin-top: 14rem;
    }

    .sm-mt-1{
        margin-top: 1rem !important;
    }

    .sm-mt-2{
        margin-top: 2rem !important;
    }

    .blogpost-cta-bt-container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .blogpost-category-author{
        display: none;
        /* margin-top: 16rem !important; */
    }

    .btn-velosurance-orange{
        /* width: 100% !important; */
    }


    .float-end {
        width: 100%;
    }

    .destination-image-width{
        max-width: 100%;
    }

    
 }

 @media (min-width: 576px){
    .d-sm-none {
        display: none !important;
    }

    .pl-sm-0{
        padding-left: 0rem !important;
    }

}


@media (min-width: 576px) and (max-width: 767.98px){

    .blogpost-category-author{
        display: none;
    }

     .blogpost-content-wrapper {
        margin-top: 12rem !important;
    }

    .float-end {
        width: 100%;
    }

}

 @media (max-width: 767.98px) { 
   
    .container, .navbar .container {
        padding-left: 20px;
        padding-right: 20px;
        justify-content: space-between !important;
    }

    .btn-add-bike{
        padding-top: 0.55rem !important;
        padding-bottom: 0.55rem !important;
    }

    .partner-tab, .become-partner{
        font-size: 0.9rem;
        font-weight: bold;
    }

    .partner-tab-active {
        text-underline-offset: 14px;
    }

    .legal-attorney .d-flex .pl-1{
        padding-left: 0rem !important;
    }

    #pac-card{
        left:0.5rem !important;
        width: 95%;
    }

    #pac-input{
        width: 16rem !important;
    }

 }


 @media (min-width: 767.98px) {  
   /* medium and up */
    .accepted-cards-label{
        display: none;
    }

    
    .how-we-compare .page-title-wrapper h1.relative,
    .how-we-compare .page-title-wrapper p.lead{
        position: relative;
        top:9rem !important;
    }


 }

 @media (max-width: 991px) { 
    .svg-comparison-yes,.svg-comparison-no,.svg-comparison-maybe,.svg-comparison-limited{
        display: none;
    }

    .svg-comparison-yes.always-show{
        display: block;
    }

    .container, .navbar .container {
        justify-content: space-between !important;
    }

    .destination-image-width{
        max-width: 100%;
    }

    .destination-img-right{
        padding-left: 0rem !important;
    }


   
 }

 @media (min-width: 991px) { 
    .partner-tab-active,.partner-tab-active,.become-partner,.partner-tab-inactive,.partner-tab-inactive:hover {
        text-underline-offset: 14px !important;
    }
 }

 /* VERY Small devices landscape phones, 576px and up*/
@media (max-width: 400.98px) { 

    #pac-input{
        width: 15rem !important;
    }
}

 /* VERY Small devices landscape phones, 576px and up*/
 @media (max-width: 376px) { 

    #pac-input{
        width: 14rem !important;
    }

    .blogpost-content-wrapper {
        margin-top: 15.5rem!important;
    }
}

 /* VERY Small devices landscape phones, 576px and up*/
 @media (max-width: 330.98px) { 

    #pac-input{
        width: 14rem !important;
    }

    .blogpost-content-wrapper {
        margin-top: 18rem!important;
    }
}


 /* VERY Small devices landscape phones, 576px and up*/
 @media (max-width: 297.98px) { 

    .blogpost-content-wrapper {
        margin-top: 20rem!important;
    }
}



 /* Oly for geo landings and up*/
 @media (max-width: 1297.98px) { 
    /* meta rows for events */
    .event-item .meta .row-2{
        /* border: 1px solid red; */
        flex-direction: column;
    }
    .event-item .meta .row-2 div{
        margin-left: 0rem !important;
        padding-top: 0.5rem;
    }

    .event-item .meta .row-2 svg{
        padding-left: 0rem !important;
    }
    .svg-event-distance{
        margin-left: -0.35rem !important;
    }

    .svg-event-time{
        margin-left: -0.45rem !important;
    }
}


.fs-18{
    font-size: 1.2rem !important;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 1 !important;
}


.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    line-height: 1;
    height: calc(2.5rem + 2px) !important;
    font-size: 1rem;
}

.form-floating > label {
    padding: 0.6rem 0.75rem !important;
    color: #757575;
    font-size: 1rem;
}

.form-floating>small {
    color: #676767;
    font-size: 0.93rem;
}