.brand-slider {
overflow: hidden;
width: 100%;
background: transparent;
padding: 20px 0;
} .brand-slider-track {
display: flex;
align-items: center;
gap: 20px; transform: translateX(0);
will-change: transform;
} .brand-slide {
flex: 0 0 auto; height: 100px; display: flex;
justify-content: center;
align-items: center;
background: transparent;
} .brand-slide img {
width: 100%; height: 100%; object-fit: contain; opacity: 0.85;     
filter: grayscale(100%);
transition: all 0.3s ease;
background: transparent;
} .brand-slide:hover img {
opacity: 1;
filter: grayscale(0%);
transform: scale(1.05);
}.dion-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 20px 0;
} .dion-tab-menu {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
padding: 0;
margin-bottom: 16px;
}
.dion-tab-menu li.dion-tab {
padding: 8px 16px;
background-color: #eee;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
user-select: none;
}
.dion-tab-menu li.dion-tab.active {
background-color:#1eb600;
color: #fff;
} .dion-tab-content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 16px;
margin-bottom: 20px;
} .dion-card {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #ddd;
border-radius: 8px;
padding: 12px;
background-color: #ffffff;
text-align: center;
transition: transform 0.2s, box-shadow 0.2s;
}
.dion-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
} .dion-icon {
width: 60px;
height: 60px;
margin-bottom: 8px;
object-fit: contain;
} .dion-item-name {
font-size: 14px;
font-weight: 600;
margin: 4px 0;
} .dion-item-vol {
font-size: 12px;
color: #555;
margin-bottom: 8px;
} .dion-item-qty {
width: 60px;
padding: 4px;
font-size: 14px;
text-align: center;
border-radius: 4px;
border: 1px solid #ccc;
} .dion-summary {
flex: 1 1 220px;
min-width: 220px;
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
background-color: #fefefe;
height: fit-content;
}
.dion-summary h3 {
margin-top: 0;
font-size: 16px;
}
.dion-total-box {
font-size: 16px;
font-weight: bold;
background-color: #1eb600;
color: #fff;
text-align: center;
padding: 8px 0;
border-radius: 6px;
margin-bottom: 12px;
} .dion-summary input[type="text"],
.dion-summary input[type="email"] {
width: 100%;
padding: 6px 8px;
margin-bottom: 8px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 14px;
} .dion-send-btn {
width: 100%;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
color: #fff;
background-color: #1eb600;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
}
.dion-send-btn:hover {
background-color: #1beb00;
} @media (max-width: 768px) {
.dion-container {
flex-direction: column;
}
.dion-summary {
width: 100%;
}
}.vh-booking-form {
background: #f7f9fb;
padding: 25px;
border-radius: 12px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
max-width: 650px;
margin: 30px auto;
font-family: "Segoe UI", Arial, sans-serif;
}
.vh-booking-form h2 {
text-align: center;
color: #004aad;
margin-bottom: 15px;
}
.vh-booking-form p {
text-align: center;
margin-bottom: 25px;
color: #444;
}
.vh-booking-form label {
font-weight: 600;
color: #333;
display: block;
margin-bottom: 5px;
}
.vh-booking-form input,
.vh-booking-form textarea {
width: 100%;
border: 1px solid #ccc;
border-radius: 8px;
padding: 10px 12px;
margin-bottom: 15px;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.vh-booking-form input:focus,
.vh-booking-form textarea:focus {
border-color: #004aad;
box-shadow: 0 0 0 3px rgba(0, 74, 173, 0.2);
outline: none;
}
.vh-booking-form button {
display: block;
width: 100%;
background-color: #004aad;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.vh-booking-form button:hover {
background-color: #00327b;
}
.vh-booking-success {
background: #e6f9e6;
border: 1px solid #b2e0b2;
color: #2c662d;
padding: 20px;
border-radius: 8px;
text-align: center;
max-width: 600px;
margin: 25px auto;
font-weight: 500;
}.menu-item-object-language_switcher .trp-flag-image {
display: inline-block;
margin: -1px 5px;
vertical-align: baseline;
padding: 0;
border: 0;
border-radius:0;
}
#wp-admin-bar-wp-rocket .trp-flag-image {
width: 18px !important;
height: 12px !important;
} .trp-language-switcher{
height: 42px;
position: relative;
box-sizing: border-box;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding:4px 20px 3px 13px;
border: 1.5px solid #949494;
border-radius: 2px;
background-image: url(//verhuizingen.di-on.nl/wp-content/plugins/translatepress-multilingual/assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 3px) calc(1em + 0px);
background-size:
8px 8px,
8px 8px;
background-repeat: no-repeat;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 7px 12px;
border-radius: 3px;
text-decoration: none;
color: #1E1E1E;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
border-radius: 2px;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
padding: 4px 13px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
} #wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
content: '\f326';
top: 3px;
}
@media screen and ( max-width: 782px ) {
#wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
text-indent: 0;
}
#wpadminbar li#wp-admin-bar-trp_edit_translation {
display: block;
}
}