/*
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

*/

.uk-padding-extra {
    padding: 80px 0px!important;
}

.uk-clear {
    clear: both;
}

@media print {
    .print-remove, .tm-header-mobile, .tm-toolbar, .tm-header, .slider.slider-nav {
    display: none!important;
}

.banner-slider .slider.slider-for {
    max-width: 100%!important;
    padding: 0px!important;
}

}

.uk-table th {
    font-weight: bold!important;
    color: #222;
    font-size: 14px;
}

.uk-background-cover {
    background-size: cover!important;
}

/* Search */

span.sf-count {
    display: none!important;
}

.car-link {
    margin-top: auto;
    padding-top: 15px;
}

form#search-filter-form-6730 label {
    display: inline;
}

form#search-filter-form-6730 li {
    display: inline;
}

form#search-filter-form-6730 li input {
    height: 80px;
    background: 0 0;
    font-size: 36px;
    box-sizing: border-box;
}

form#search-filter-form-6730 input.sf-input-text {
    width: 73%;
}

form#search-filter-form-6730 li input[type="submit"] {
    width: 25%;
    background: green;
    color: #fff;
    transition: ease all .3s;
}

form#search-filter-form-6730 li input[type="submit"]:hover {
    background: #222;
}

div#tm-mobile form#search-filter-form-6730 li input {
    height: 45px;
    width: 100%;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
}

div#tm-mobile form#search-filter-form-6730 input.sf-input-text {
    margin-bottom: 5px;
}

div#tm-mobile form#search-filter-form-6730 li label {
    padding: 0px;
}

.search .uk-card a {
    background: #ebebeb;
    display: block;
    padding: 25px;
    text-align: center;
    text-decoration: none;
    transition: ease all .3s;
}

.search .uk-card a:hover {
    background:  #222;
    color: #fff;
}

/* Header */

.uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: 0px!important;
}

.uk-modal input.uk-search-input.uk-text-center {
    border: 1px solid #efefef;
}

.widget-search a {
    min-height: 45px!important;
    padding: 0px!important;
    width: 45px!important;
    background-color: #efefef!important;
    color: #2d2e33!important;
    border-radius: 50%!important;
    /* display: inline-block; */
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.tm-toolbar .headerlinks a {
    text-decoration: none;
    background: #5c5c5c;
    display: block;
    padding: 5px 25px;
    color: #fff!important;
}

.headerlinks a, form#search-filter-form-1542 {
    display: inline-block;
}

form#search-filter-form-1542 ul li {
    display: inline;
}

form#search-filter-form-1542 li.sf-field-search input {
    width: 100px;
    height: 25px;
    border: 1px solid #ccc;
    padding: 0px 10px;
}

.uk-nav-parent-icon>.uk-parent>a::after {
    float: none;
    display: inline-block;
    vertical-align: top;
}

div#tm-mobile .uk-modal-close-full {
    color: #333;
    top: 25px;
    right: 25px;
    background: #ccc;
}

.tm-toolbar a {
    color: #5c5c5c!important;
}

div#tm-mobile .uk-nav-default>li>a {
    font-size: 22px;
    text-align: left;
}

div#tm-mobile ul.uk-nav-sub {
    padding: 0px;
    text-align: center;
    font-size: 20px;
}

.uk-navbar-toggle {
    background-color: #222222;
    color: #fff!important;
    width: 60px;
}

div#tm-mobile .uk-nav-default .uk-nav-sub a {
    text-align: left;
    font-size: 18px;
}

.uk-navbar-toggle svg {
    width: 25px;
}

.tm-toolbar {
	background-color: #ebebeb!important;
	color: #5c5c5c!important;
    font-size: 12px!important;
}

.tm-toolbar img {
    height: 35px!important;
    width: auto;
}

.uk-navbar-nav>li>a {
    position: relative;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    border-bottom: 1px solid #ebebeb;
}

.uk-navbar-nav>li>a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 0px;
    height: 4px;
    transition: ease all 0.3s;
}

.uk-navbar-nav>li.uk-active>a:after, .uk-navbar-nav>li>a:hover:after {
    width: 100%;
        background: #000;
}

.uk-navbar-nav>li>a {
    position: relative;
}

/* Nyhedsbrev */

div#pum_popup_title_2856 {
    font-size: 22px;
    line-height: 1.4;
    font-family: Ubuntu;
    font-weight: 700;
}

.pum-theme-1511 .pum-content, .pum-theme-default-theme .pum-content {
    font-family: Ubuntu!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.625!important;
    -webkit-text-size-adjust: 100%!important;
    color: #000!important;
}

input#mce-EMAIL {
    display: block;
    width: 100%;
    padding: 10px;
}

button.pum-close.popmake-close {
    background-color: #5c5c5c!important;
    width: 35px!important;
}

input#mc-embedded-subscribe, input.es_subscription_form_submit {
    display: block;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background: #168039;
    color: #fff;
    padding: 10px;
    font-family: 'Ubuntu';
    transition: ease all 0.3s;
}
input#mc-embedded-subscribe:hover, input.es_subscription_form_submit:hover {
cursor: pointer;
    background-color: #222;

    }

    #mc_embed_signup div.mce_inline_error {
    font-weight: normal!important;
    font-family: 'Ubuntu';
    font-size: 14px;
}

.pum-container .pum-content>:last-child, .pum-form__message:last-child {
    display: none;
}

.sign-up-car {
    border: 1px solid #aaa;
    padding: 15px;
    background: #fcfcfc;
}

input.ig_es_form_field_name, input.es_required_field.es_txt_email.ig_es_form_field_email {
    display: block;
    border: 1px solid #aaa;
    padding: 7px 10px;
    width: 100%;
    box-sizing: border-box;
}

.emaillist p {
    margin: 0px;
}

.es-field-wrap br {
    display: none;
}

table.ig-es-form-list-selection tbody {
    column-count: 2;
    display: inline-block;
}

/* Forside */

.frontpage-search .uk-tile-primary {
    background-color: rgb(0 0 0 / 80%)!important;
}

.alert .uk-tile {
    background: #fcf283;
}

/* Forside - Søgning */

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

form#search-filter-form-183 select, form#search-filter-form-183 label {
    display: block;
    width: 100%;
}

form#search-filter-form-183 select {
    height: 40px;
    border: none;
    padding: 0px 10px;
    font-family: 'Ubuntu';
    font-size: 18px;
}

form#search-filter-form-183 input[type="submit"] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #168039;
    color: #fff;
    font-size: 18px;
    font-family: 'Ubuntu';
    box-sizing: border-box;
    height: 40px;
    transition: ease all 0.3s;
}

form#search-filter-form-183 input[type="submit"]:hover, form#search-filter-form-183 input[type="submit"]:focus {
	cursor: pointer;
	background-color: #222;
}

@media (min-width: 960px) {
	form#search-filter-form-183 ul li {
    width: 25%;
    display: inline-block;
    padding: 0px 10px;
    box-sizing: border-box;
}
}

/* Biler */

a.toggle-seo-a {
    color: blue;
}

@media (min-width:  640px) {
    div#toggle-seo {
    display: block!important;
}
}

.search-filter-results .el-item {
    background: #ebebeb;
}

ul.udstyrsliste {
    width: 100%;
}

ul.udstyrsliste li {
	-moz-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}

.uk-alert-warning {
    background: #fcf283!important;
    border: 1px solid #222!important;
    color: #000!important;
}

a.uk-button.uk-button-filter {
    background-color: #ebebeb;
}

.car-item {
    background-color: #ebebeb;
    padding: 25px;
    text-align: center;
}

.car-item-slider ul li .el-item {
    position: relative;
}

span.label {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #034b83;
    color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
}

.car-item h3 {
    margin: 0px;
}

.searchandfilter ul {
    padding-left: 0px;
}

.searchandfilter li input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #555555;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.searchandfilter li label {
    padding-left: 5px;
    vertical-align: middle;
}

.searchandfilter h4 {
    padding: 0px;
    font-weight: 600;
}
.searchandfilter select.sf-input-select {
    height: 30px;
    padding: 0px 10px;
    font-family: 'Ubuntu';
    width: 200px;
    margin-top: 5px;
}

.searchandfilter li.sf-field-post-meta-pris_pr_md label {
    padding-left: 0px;
}

.searchandfilter li input:checked:after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    display: flex;
    align-items: center;
    justify-content: center;
}

.a2a_kit.a2a_kit_size_40.a2a_default_style, .car-actions .uk-button {
    display: inline-block;
}

.car-actions {
    float: right;
}

.car-data-ul li {
    display: inline-block;
}

.car-data-ul li .uk-width-small {
    width: auto;
}

.car-data-ul li .el-content.uk-panel:after {
    content: "";
    height: 1em;
    margin-left: 10px;
    margin-right: 10px;
    border-left: 1px solid transparent;
}

.car-data-ul li:nth-child(n+1):not(.uk-first-column) .el-content.uk-panel:after {
    border-left-color: #e5e5e7;
}

.car-data-ul li:last-child .el-content.uk-panel:after {
    content: none;
}

.car-actions .uk-button {
    vertical-align: top;
    height: 40px;
}

.a2a_kit.a2a_kit_size_40.a2a_default_style span {
    background: #444!important;
    border-radius: 0px!important;
}

/*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;
    position: relative;
}

.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(/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(/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 */

span.pris {
    background-color: #034b83;
    display: block;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

span.foerstegangs {
    background-color: #6c6c6c;
    display: block;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

.social {
    margin-top: 10px!important;
}

.car-nyhed .uk-panel {
    background: #fcf283;
    padding: 10px;
    text-transform: uppercase;
}

.mo-mailchimp-interest-container {
    margin: 0px!important;
}

.mo-mailchimp-interest-category-wrap {
    display: inline-block;
    vertical-align: top;
}

@media (min-width:  1080px) {
    .mo-mailchimp-interest-category-wrap {
    width: 20%;
}
}

@media (max-width:  1080px) and (min-width:  600px) {
    .mo-mailchimp-interest-category-wrap {
    width: 25%;
}
}


@media (max-width:  600px) {
    .mo-mailchimp-interest-category-wrap {
    width: 33.33%;
}
}

.mo-mailchimp-interest-choice-container span {
    margin-top: -5px;
    display: inline-block;
}

.mo-mailchimp-interest-category-label {
    font-weight: bold;
}

li.sf-field-post-meta-udstyr label {
    display: inline-block!important;
}

/* Breadcrumbs */

.breadcrumbs {
    padding: 10px 0px;
    background-color: #fcfcfc;
    border-bottom: 1px solid #ebebeb;
}

.uk-breadcrumb>*>* {
    font-size: 12px!important;
    color: #888!important;
    }

/*AD styles*/
.uk-navbar-nav>li:nth-child(1).uk-active>a:after, .uk-navbar-nav>li>a:hover:after {
    display:none;
}
.uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
    text-decoration:underline;
}

.uk-navbar-dropdown-nav .uk-nav-sub a {
    color: #222 !important;
    font-size: 14px;
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
    text-decoration:underline;
}

div.uk-navbar-dropdown.uk-navbar-dropdown-width-3.uk-navbar-dropdown-bottom-left > div > div:nth-child(3) > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.uk-parent > a {
	color:#222;
	font-size:18px;
}

div.uk-navbar-dropdown.uk-navbar-dropdown-width-3.uk-navbar-dropdown-bottom-left > div > div:nth-child(3) > ul > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.uk-parent > a:hover {
    text-decoration: none;
    cursor:auto;
}

.car-data li.el-item .uk-width-expand {
    min-width: 20px;
}

.slider-banner-image a.uk-icon-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Nye rettelser - 07-03-2023

li.sf-field-submit {
    vertical-align: bottom;
}

form#search-filter-form-183 input[type="submit"] {
    border-radius: 25px;
}

div#media_image-4 img {
    width: 140px;
    display: block;
    margin: 0px auto;
}

.tm-toolbar .headerlinks a {
    text-decoration: none;
    background: transparent;
    display: block;
    padding: 5px 25px;
    border-radius: 25px;
    background: #5c5c5c;
    color: #fff!important;
}

#tm-dialog .uk-offcanvas-bar .uk-icon-button {
    background: transparent;
    border: 1px solid #fff;
}

div#custom_html-7 {
    margin-top: -20px;
}

.car-item a.uk-position-cover, .search-filter-results .el-item a.uk-position-cover {
    border: 1px solid #ccc;
    transition: ease all 0.2s;
}

.car-item a.uk-position-cover:hover, .search-filter-results .el-item a.uk-position-cover:hover {
    border-color: #666;
}

.slider-banner-image {
    position: relative;
}


div#iRNERATRdF .mo-mailchimp-interest-label {
    font-size: 22px!important;
    line-height: 1.4;
    margin-bottom: 10px!important;
    font-weight: 700!important;
}

.mo-mailchimp-interest-container {
    margin-bottom: 20px!important;
}

@media (min-width: 600px) {

.mo-mailchimp-interest-choice-container {
    width: 33.333%;
    height: 275px;
    float: left;
    position: relative;
    text-align: center;
}

}

@media (max-width: 600px) {

.mo-mailchimp-interest-choice-container {
    width: 100%;
    height: 275px;
    position: relative;
    text-align: center;
    float: left;
}

}

.mo-mailchimp-interest-container input {
    border: 2px solid #ccc!important;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000;
    transition: ease all 0.4s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mo-mailchimp-interest-container input:hover {
    cursor: pointer;
    border-color: #27a745!important;
}

.mo-mailchimp-interest-container input:checked {
    border-color: #27a745!important;
}


.mo-mailchimp-interest-container input:hover:after, .mo-mailchimp-interest-container input:checked:after {
    content: "\f00c";
    color: #fff;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #27a745;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none!important;
}

.mo-mailchimp-interest-container input:after {
    content: "";
    font-family: fontawesome;
    z-index: 3000;
    display: block;
    opacity: 0;
    transition: ease all 0.4s;
}

input#iRNERATRdF_sidebar_submit_button {
    clear: both;
    float: left;
    margin-top: 20px!important;
}

.mo-mailchimp-interest-choice-container label:before {
    content: "";
    background-repeat: no-repeat;
    padding: 25px;
    display: block;
    margin: 40px auto 10px auto;
}

.mo-mailchimp-interest-container div:nth-child(2) label:before {
    background-image: url(https://www.bmcleasing.dk/wp-content/uploads/2023/07/lille.svg);
    width: 129px;
    height: 50px;
}

.mo-mailchimp-interest-container div:nth-child(3) label:before {
    background-image: url(https://www.bmcleasing.dk/wp-content/uploads/2023/07/mellem2.svg
);
    width: 132px;
    height: 50px;
}

.mo-mailchimp-interest-container div:nth-child(4) label:before {
    background-image: url(https://www.bmcleasing.dk/wp-content/uploads/2023/07/stor.svg);
    width: 153px;
    height: 50px;
}

span.mo-mailchimp-choice-label {
    font-weight: 700;
    margin-top: 5px;
}

.mo-mailchimp-interest-container div:nth-child(2) span.mo-mailchimp-choice-label:after {
    content: "Audi A1 \A Citoren C3 \A Hyundai I10 \A Opel Karl \A Peugeot 108 \A Volkswagen Polo";
    white-space: pre-wrap;
    font-weight: normal;
    margin-top: 5px;
    display: block;
}

.mo-mailchimp-interest-container div:nth-child(3) span.mo-mailchimp-choice-label:after {
    content: "Audi A3 \A Citroen C4 \A Ford Focus \A Mercedes A-Klasse \A Opel Astra \A Peugeot 308 \A Volkswagen Golf";
    white-space: pre-wrap;
    font-weight: normal;
    margin-top: 5px;
    display: block;
}

.mo-mailchimp-interest-container div:nth-child(4) span.mo-mailchimp-choice-label:after {
    content: "BMW X1 \A Renault Kadjar \A Renault Megane \A Volkswagen Passat \A Volswagen T-Roc";
    white-space: pre-wrap;
    font-weight: normal;
    margin-top: 5px;
    display: block;
}




.searchandfilter ul li.sf-field-sort_order {
    width: 50%;
    float: right;
}

.searchandfilter ul li.sf-field-sort_order label, .searchandfilter ul li.sf-field-sort_order input {
    width: auto;
    float: right;
}

.searchandfilter li.sf-field-post-meta-udstyr {
    width: 100%;
    background: #fcfcfc;
    border: 1px solid #efefef;
    margin: 10px 0px;
}

@media (min-width: 960px) {

.searchandfilter ul li {
    width: 25%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

.searchandfilter li.sf-field-post-meta-udstyr ul li {
    width: 20%;
    display: inline-flex;
}

}



@media (max-width: 960px) and (min-width: 500px) {

    .searchandfilter li.sf-field-post-meta-udstyr ul li {
    width: 25%;
    display: inline-flex;
}

.searchandfilter ul li {
    width: 50%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

}

@media (max-width: 500px) {

.searchandfilter li.sf-field-post-meta-udstyr ul li {
    width: 50%;
    display: inline-flex;
}

    }

.searchandfilter li label, .searchandfilter select.sf-input-select {
    width: 100%;
}

.searchandfilter li.sf-field-submit input {
    width: 100%;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    background-color: #168039;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
    font-family: Ubuntu;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 25px;
    background-origin: border-box;
    height: 40px;
}

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

.searchandfilter>ul>li[data-sf-combobox="1"] label {
    padding-left: 5px;
    margin-right: 5px;
}

span.tag {
    background: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 5px;
}

.uk-margin-top-small {
    margin-top: 10px;
}

form#search-filter-form-183 li.sf-field-submit {
    margin-top: 25px;
}

*/

/* --- Generel formular container --- */
.inquiry-form {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* Blød skygge for dybde */
    max-width: 900px;
    margin: 20px auto;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #333;
}

/* --- Layout Grid --- */
/* Sørger for at col-2 står ved siden af hinanden på PC, men under hinanden på mobil */
.inquiry-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.inquiry-col-1 {
    margin-bottom: 24px;
}

/* Mobil tilpasning */
@media (max-width: 768px) {
    .inquiry-col-2 {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .inquiry-form {
        padding: 20px;
    }
}

/* --- Input felter og Labels --- */
.inquiry-pair {
    display: flex;
    flex-direction: column;
}

.inquiry-pair label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #2c3e50;
    letter-spacing: 0.5px;
}

/* Styling af alle input typer */
.inquiry-pair input[type="text"],
.inquiry-pair input[type="email"],
.inquiry-pair input[type="tel"],
.inquiry-pair input[type="number"],
.inquiry-pair select,
.inquiry-pair textarea {
    padding: 12px 16px;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    font-size: 16px;
    background-color: #f9fafb;
    transition: all 0.2s ease;
    width: 100%; /* Sikrer de fylder boksen ud */
    box-sizing: border-box; /* Vigtigt for padding */
}

/* Focus state - når man klikker i feltet */
.inquiry-pair input:focus,
.inquiry-pair select:focus,
.inquiry-pair textarea:focus {
    outline: none;
    border-color: #0056b3; /* Ændr denne blå til jeres brand farve */
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(0, 86, 179, 0.1);
}

.inquiry-pair textarea {
    min-height: 120px;
    resize: vertical;
}

/* --- Checkbox og Radio styling --- */
/* Gør listerne pænere (Contact Form 7 laver ofte span wrappers) */
.wpcf7-list-item {
    display: block;
    margin: 8px 0;
}

.wpcf7-list-item label {
    font-weight: 400 !important; /* Lidt lettere tekst for valgmuligheder */
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Lille tekst under "Clever ladeboks" */
.inquiry-pair p {
    color: #666;
    margin-top: -4px;
    margin-bottom: 12px;
    line-height: 1.5;
}

/* --- Submit Knap --- */
input[type="submit"] {
    background-color: #0056b3; /* Primær farve */
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 16px 32px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s, transform 0.2s;
    margin-top: 20px;
}

input[type="submit"]:hover {
    background-color: #004494; /* Mørkere variant ved hover */
    transform: translateY(-2px); /* Lille løft effekt */
}

input[type="submit"]:active {
    transform: translateY(0);
}

/* --- Hjælpeklasser --- */
.hidden {
    display: none;
}