/*
Theme Name: Novaride Child
Template:   novaride
Theme URI: https://1.envato.market/nLr31o
Description: Novaride Child Theme
Author: Awaiken
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: novaride-child
*/

body {
  --e-global-color-accent: #C0212F !important; /* your new accent color */
}


/* Remove template icon from hero-section title */
.elementor-heading-title.elementor-size-default::before, .how-work-img::before {
  display: none !important;
}

.section-title .elementor-heading-title {
  padding-left: 0px;
}

.collapse ul li {
	margin-left: 25px !important;
}

.btn-wraper svg rect {
	fill: #C0212F !important;
}

.elementskit-post-body .btn-wraper a::before {
	display: none !important;
}

.elementskit-post-body .btn-wraper a svg, .car-type-list .btn-wraper a svg {
	margin-right: 6px !important;
}

.car-type-list .btn-wraper a svg {
	margin-left: 6px !important;
}

.page-single-post .comment-box {
	display: none !important;
}

.perfect-fleet-item .image-box img {
	height: 231px !important;
	width: 100% !important;
	object-fit: contain !important;
}

.perfect-fleet-item .perfect-fleet-body, .perfect-fleet-item .perfect-fleet-footer {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.perfect-fleet-item .image-box img {
		scale: 1.4 !important;
	}
	
	.car-slider-reserveren {
		position: relative !important;
		margin: auto !important;
	}
	
	.lees-google {
		position: relative !important;
		margin: 20px auto 0 auto !important;
	}
} 

@media (min-width: 993px) {
  .car-rental-public-booking .appform > .row > div {
    flex: 0 0 1 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
  }
}

/* Scroll to top button - OttOkars */
#ok-scroll-top {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 64px;
    height: 64px;
    border-radius: 999px;
    border: none;
    background: #C0212F; /* primary color */
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
    z-index: 9999;
}

#ok-scroll-top span {
    display: block;
    font-size: 22px;
    line-height: 1;
    margin-top: -2px; /* klein optisch centreren */
}

#ok-scroll-top:hover,
#ok-scroll-top:focus {
    background: #a31c28; /* iets donkerdere tint */
    outline: none;
}

#ok-scroll-top.ok-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}