/*
Theme Name: YOOtheme Child
Theme URI: https://yootheme.com
Template: yootheme
Author: YOOtheme
Author URI: https://yootheme.com
Description: A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.
Version: 2.0.8.1588322302
Updated: 2020-05-01 10:38:22

*/


/* Custom */

a.uk-navbar-toggle {
    background: #016cb3;
    min-height: 36px;
    padding: 0px 15px;
}

.tm-header-mobile a.uk-navbar-toggle {
    min-height: 60px;
}

.uk-navbar-left:after {
    content: "";
    background: #fff;
    width: 100px;
    height: 80px;
    position: absolute;
    right: -100px;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.uk-navbar-left {
    padding-left: 40px;
    background: #fff;
    position: relative;
}

.tm-header-mobile .uk-container {
    padding-left: 0px;
}

.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
}

.tm-header-mobile .uk-navbar-left:after {
    content: "";
    background: #006cb6;
    width: 60px;
    height: 60px;
    position: absolute;
    right: -60px;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.tm-header-mobile .uk-navbar-left {
    padding: 0px;
    background: #006cb6;;
}

.tm-header-mobile .uk-navbar-item, .tm-header-mobile .uk-navbar-nav>li>a {
    min-height: 60px;
}

/* Brugte biler - Søgning */

form#search-filter-form-14098 ul {
    padding-left: 0px;
}

span.car.uk-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 15px 5px;
}

.searchandfilter label {
    width: 100%;
}

.searchandfilter select.sf-input-select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23343434%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23343434%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    vertical-align: middle;
    border-color: #efefef;
    border-radius: 6px;
    font-weight: bold;
    font-family: 'Rubik';
}

a.search-filter-reset {
    color: #666;
    text-decoration: none;
}

a.search-filter-reset:hover, a.search-filter-reset:focus {
    text-decoration: underline;
}

form#search-filter-form-530 ul {
    padding: 0px;
}


form#search-filter-form-530 ul li, form#search-filter-form-14098 ul li {
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
}

form#search-filter-form-530 li.sf-field-post-meta-price, form#search-filter-form-530 li.sf-field-post-meta-mileage {
    display: inline-flex;
    flex-direction: column;
    padding: 0px 5px;
}

.sf-meta-range.sf-meta-range-slider {
    order: -2;
}

li.sf-level-0 {
    width: 100%!important;
    padding: 10px 0px 10px 0px!important;
}

label.sf-label-checkbox {
    color: #fff;
}

li.sf-field-post-meta-stand label, li.sf-field-post-meta-maerke label, li.sf-field-post-meta-model label, li.sf-field-post-meta-model_ar label,
li.sf-field-post-meta-indretning label, li.sf-field-post-meta-varmetype label {
    width: 100%;
}

li.sf-field-post-meta-stand select, li.sf-field-post-meta-maerke select, li.sf-field-post-meta-model select, li.sf-field-post-meta-model_ar select,
li.sf-field-post-meta-indretning select, li.sf-field-post-meta-varmetype select {
    width: 100%;
    padding: 10px;
}

form#search-filter-form-530 ul li, form#search-filter-form-14098 ul li {
    width: 25%;
}

form#search-filter-form-530 ul li.sf-field-reset, form#search-filter-form-530 ul li.sf-field-submit {
    width: auto;
}

@media (max-width: 1100px) and (min-width: 560px) {
    form#search-filter-form-530 ul li, form#search-filter-form-14098 ul li {
    width: 50%;
}
}

@media (max-width: 560px) {
    form#search-filter-form-530 ul li, form#search-filter-form-14098 ul li {
    width: 100%;
}
}

form#search-filter-form-530 h4 {
    padding: 0px;
}

li.sf-field-post-meta-indretning input, li.sf-field-post-meta-indretning label, li.sf-field-post-meta-varmetype input, li.sf-field-post-meta-varmetype label,
li.sf-field-post-meta-vintervogn input, li.sf-field-post-meta-vintervogn label
 {
    display: inline;
    color: #1e1f1c;
}

li.sf-field-post-meta-indretning ul li, li.sf-field-post-meta-varmetype ul li, li.sf-field-post-meta-vintervogn ul li {
    padding: 0px!important;
}

.sf-meta-range.sf-meta-range-slider label {
    width: 40%;
}

span.sf-range-min.sf-text-number, span.sf-range-values-seperator, span.sf-range-max.sf-text-number {
    display: inline;
    text-align: center;
    margin: 0px auto;
    color: #1e1f1c;
}

.sf-meta-range.sf-meta-range-slider {
    color: #fff;
}

li.sf-field-post-meta-indretning, li.sf-field-post-meta-varmetype, li.sf-field-post-meta-vintervogn {
    vertical-align: top;
    padding-top: 0px!important;
}

.searchandfilter .sf-range-max, .searchandfilter .sf-range-min {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    height: 50px;
    border-radius: 6px;
    text-align: center;
}

li.sf-field-submit input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #1F7334;
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    transition: ease all 0.4s;
}

li.sf-field-submit input:hover {
    cursor: pointer;
    background: #222;
}

div#search-filter-results-530 p.uk-h3 {
    background: #333;
    color: #fff;
    padding: 5px 15px;
}

span.sf-range-values-seperator {
    width: 17%;
    display: inline-block;
    color: #1e1f1c;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Rubik';
}

.searchandfilter .meta-slider {
    max-width: 96%;
    box-sizing: border-box;
}

.searchandfilter .noUi-connect {
    background-color: #2B8C44;
}

.uk-item .content {
    padding: 25px 15px;
}

.searchandfilter .sf-range-max, .searchandfilter .sf-range-min {
    border: 1px solid #efefef;
}

/* Brugte biler - Item */

.car-box > .uk-panel, .car-box-price .uk-panel {
    height: 100%;
}

.car-images a.el-slidenav {
    background: #222;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #fff;
}

.car-box-price .uk-panel {
    background-color: #089211;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    padding: 15px;
}

.car-box > .uk-panel, .car-box .uk-tile-default {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    padding: 15px;
}


.car-wrapper a.el-item {
    background: #f9f9f9;
    border: 1px solid #efefef;
}

form#search-filter-form-530 {
    font-family: 'Rubik';
}

.breadcrumb li.el-item a {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255,255,255,.4)!important;
}

.breadcrumb li.el-item:last-child a {
    color: #b4b5ba!important;
}
.breadcrumb li.el-item a:hover {
color:  rgba(255,255,255,.7)!important;
}

.breadcrumb li:before {
    border: none!important;
}

.breadcrumb li:nth-child(n+2)::before {
    content: "/";
    height: auto;
    font-size: 11px;
    color: #b4b5ba;
}

/*USE CSS for Slider*/

.vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}
.banner-slider .slider.slider-for {
    max-width: 84%;
    padding-right: 7px;
}
.banner-slider .slider.slider-nav {
    max-width: 16%;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
    width: 100%;
    float: left;
}
.banner-slider .slider.slider-nav {
    height: 610px;
    overflow: hidden;

}
.slider-banner-image {
    height: 610px;
}

.slider-nav .slick-slide.thumbnail-image .thumbImg{
    max-width: 178px;
    height: 110px;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width:100%;
    object-fit: cover;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
    border: 0;
    outline: 0;
}
.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
}
.slider-nav .slick-slide.slick-current span {
    color: #196DB6;
}
.slider-nav .slick-slide {
    text-align: center;
}
.slider-nav .slick-slide span {
    font-size: 14px;
    display: block;
    padding: 5px 0 15px;
}
.slick-arrow {
    width: 100%;
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}
.slick-prev {
   top: 0;
}
.slick-next {
   bottom: 0;
   background-color: #fff;
}
.slick-prev.slick-arrow {
    background-image: url(../images/black-up-arrow.png);
}
.slick-next.slick-arrow {
    background-image: url(../images/black-down-arrow.png);
}
/*End USE CSS for Slider*/

@media screen and (max-width : 991px) {

    .banner-slider .slider.slider-for,
    .banner-slider .slider.slider-nav {
        max-width: 100%;
        float: none;
    }
    .banner-slider .slider.slider-for {
        padding-right: 0;
    }
    .banner-slider .slider.slider-nav {
        height: auto;
    }
    .slider-banner-image {
        height: 500px;
    } 
    .slider.slider-nav.thumb-image {
        padding: 10px 30px 0;
    }
    .slider-nav .slick-slide span {
        padding: 5px 0;
    }
    .slick-arrow {
        padding: 0;
        width: 30px;
        height: 30px;
        top: 50%;
        bottom: 0;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    .slick-prev {
        left: 0;
        right: unset;
    }
    .slick-next {
        left: unset;
        right: 0;
        background-color: transparent;
    }
    .vehicle-detail-banner .car-slider-desc {
        max-width: 340px;
    }
    .bid-tag {
        padding: 10px 0 15px;
    }
    .slider.slider-nav.thumb-image {
       white-space: nowrap;
    }
    .thumbnail-image.slick-slide {
        padding: 0px 5px;
        min-width: 75px;
        display: inline-block;
        float: none;
    }
}

@media screen and (max-width : 767px) {
    .slider-banner-image {
        height: 400px;
    }
    .slider.slider-nav.thumb-image {
        padding: 0px 20px 0;
        margin: 10px 0px 0;
    }
    .slider-nav .slick-slide.thumbnail-image .thumbImg {
        max-width: 140px;
        height: 80px;
    }
    .slick-prev.slick-arrow {
        background-position: center 10px;
    }
    .slick-next.slick-arrow {
        background-position: center 10px, center;
    }
    .slider-nav .slick-slide span {
        font-size: 12px;
        white-space: normal;
    }
}

@media screen and (max-width: 580px) {
    .slider-banner-image {
        height:340px;
    }
}

@media screen and (max-width : 480px) {
    .slider-banner-image {
        height:280px;
    }
}

.slider.slider-nav.thumb-image.uk-margin-top {
    margin-top: 0px!important;
}

button.slick-prev.slick-arrow {
    background: #444444b8;
    background-image: url('https://011.dk/niels/wp-content/themes/yootheme-child/builder/slideshow_item_biler/images/chevron-up-regular.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 30px;
    background-size: 24px;
}

button.slick-next.slick-arrow {
    background: #444444b8;
    background-image: url('https://011.dk/niels/wp-content/themes/yootheme-child/builder/slideshow_item_biler/images/chevron-down-regular.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 30px;
    background-size: 24px;
}

.slick-vertical .slick-slide {
    border: none!important;
}

button.slick-prev.slick-arrow:hover, button.slick-next.slick-arrow:hover, .thumbImg img:hover {
    cursor: pointer;
}

/* Slider end */

/* Santander */

#scbdkdealerexternalcalc.priceLabel {
    width: 100%!important;
    margin:  0px!important;
}

#scbdkdealerexternalcalc {
    color: #303030 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    background: #E9EBE5 !important;
    text-align: left !important;
}

#scbdkdealerexternalcalc.priceLabel #santander_spinner {
    position: absolute !important;
    top: 20px !important;
    left: 0 !important;
    z-index: 100 !important;
    background: url(Loader.gif) no-repeat center center !important;
    width: 300px !important;
    height: 186px !important;
}

#scbdkdealerexternalcalc #santander_error {
    overflow: hidden !important;
    color: #ffffff !important;
    position: fixed;
    background-color: red;
    opacity: 0.9;
    line-height: 1.5;
    margin: 0px;
    width: 280px;
    padding: 10px;
}

#scbdkdealerexternalcalc .santander_content {
    display: block !important;
    height: 50px !important;
    line-height: 15px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
    text-align: left !important;
    width: 270px !important;
}

#btnPriceLabelApply {
    cursor: pointer;
}

#scbdkdealerexternalcalc.priceLabel .santander_header {
    color: #FFFFFF !important;
    line-height: 50px !important;
    font-size: 16px !important;
    text-align: center !important;
    background-color: #ec0000 !important;
    background-image: url(https://api.scb.nu/SCBDK.Dealer.ExternalCalc/v2/Content/santander-logo-mini.svg), url(https://api.scb.nu/SCBDK.Dealer.ExternalCalc/v2/Content/sml-arrow-white.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: 25px, 40px;
    background-position: 5%, right;
    height: 50px !important;
    padding-left: 7px;
}

#scbdkdealerexternalcalc *, *:before, *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#scbdkdealerexternalcalc .calcRow {
    padding: 15px;
}

#scbdkdealerexternalcalc.priceLabel .smallText {
    line-height: 1.3 !important;
    font-size: 8pt !important;
    color: #5c5c5c !important;
}

#scbdkdealerexternalcalc.priceLabel #btn {
    display: none;
}