@charset "UTF-8";
   @font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
src: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-regular.eot);
src: local("Barlow Regular"), local("Barlow-Regular"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-regular.eot?#iefix) format("embedded-opentype"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-regular.woff2) format("woff2"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-regular.woff) format("woff"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-regular.ttf) format("truetype"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-regular.svg#Barlow) format("svg");
font-display: swap;
} @font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 800;
src: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-800.eot);
src: local("Barlow ExtraBold"), local("Barlow-ExtraBold"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-800.eot?#iefix) format("embedded-opentype"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-800.woff2) format("woff2"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-800.woff) format("woff"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-800.ttf) format("truetype"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/barlow-v4-latin-800.svg#Barlow) format("svg");
font-display: swap;
} @font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/oswald-v31-latin-700.eot);
src: local(""), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/oswald-v31-latin-700.eot?#iefix) format("embedded-opentype"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/oswald-v31-latin-700.woff2) format("woff2"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/oswald-v31-latin-700.woff) format("woff"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/oswald-v31-latin-700.ttf) format("truetype"), url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/fonts/oswald-v31-latin-700.svg#Oswald) format("svg");
font-display: swap;
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
text-decoration: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
font-family: "Barlow", sans-serif;
font-size: 18px;
font-weight: normal;
color: #a8a8a8;
line-height: 1.7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #fff;
font-weight: 800;
clear: both;
margin: 0 0 20px 0;
line-height: 1.2;
word-break: break-word;
}
h1 {
font-size: 52px;
}
h2 {
font-size: 42px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 20px;
}
p {
margin: 0 0 30px 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: right;
} *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background: linear-gradient(#1e1e1e, #2d2d2d) no-repeat;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
padding: 0 0 0 15px;
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-color: red;
}
th, td {
padding: 10px 20px;
border-bottom: 1px solid #6e6e6e;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.container {
max-width: 1210px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.col {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 678px) and (max-width: 992px) {
.col {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 768px) {
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
.narrow {
max-width: 600px;
}
.narrow.text-center {
margin: 0 auto;
}
.text-center {
text-align: center;
}
@media (min-width: 992px) {
.hide-desktop {
display: none;
}
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
.wpcf7-form {
text-align: center; }
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form .wpcf7-date,
.wpcf7-form .wpcf7-select,
.wpcf7-form .wpcf7-select_custom,
.wpcf7-form .wpcf7-number,
.wpcf7-form .wpcf7-quiz {
padding: 13px 20px;
margin: 5px 0 17px 0;
width: 100%;
color: #8a8a8a;
border: 2px solid #454545;
background: #373737;
}
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-textarea:focus,
.wpcf7-form .wpcf7-date:focus,
.wpcf7-form .wpcf7-select:focus,
.wpcf7-form .wpcf7-select_custom:focus,
.wpcf7-form .wpcf7-number:focus,
.wpcf7-form .wpcf7-quiz:focus {
color: #8a8a8a;
border-color: #cecece;
outline: none;
}
.wpcf7-form .wpcf7-textarea {
height: 167px;
padding-top: 13px;
}
.wpcf7-form .wpcf7-textarea:active, .wpcf7-form .wpcf7-textarea:focus {
border-color: #ccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.wpcf7-form .wpcf7-select,
.wpcf7-form .wpcf7-select_custom {
padding: 13px 20px;
background: #373737 url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/select-bg.png);
background-position: right 20px center;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-form .wpcf7-checkbox input,
.wpcf7-form .wpcf7-radio input,
.wpcf7-form .wpcf7-acceptance input {
width: 25px;
height: 25px;
color: #565563;
border: 1px solid #eee;
border-radius: 2px;
background-color: #f5f5f5;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
outline: none;
}
.wpcf7-form .wpcf7-checkbox input:checked,
.wpcf7-form .wpcf7-radio input:checked,
.wpcf7-form .wpcf7-acceptance input:checked {
background-color: #46c762;
border-color: #46c762;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/checkmark.svg);
background-size: 66%;
background-position: center;
background-repeat: no-repeat;
}
.wpcf7-form .wpcf7-checkbox input:checked:hover,
.wpcf7-form .wpcf7-radio input:checked:hover,
.wpcf7-form .wpcf7-acceptance input:checked:hover {
background-color: #46c762;
}
.wpcf7-form .wpcf7-checkbox input:hover,
.wpcf7-form .wpcf7-radio input:hover,
.wpcf7-form .wpcf7-acceptance input:hover {
background-color: #eee;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
position: absolute;
top: 4px;
left: 4px;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
position: relative;
margin: 0;
padding-left: 0;
text-align: left;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item label {
position: relative;
padding-left: 45px;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label {
margin: 0;
}
.wpcf7-form .wpcf7-submit {
padding: 0 50px;
}
.wpcf7-spinner {
position: absolute;
}
.wpcf7-form .ctf7-total {
width: 100%;
}
.wpcf7-form .ctf7-total,
.wpcf7-form .cf7-calculated-name {
position: relative;
text-align: center !important;
font-size: 26px;
font-weight: bold;
color: #fff;
}
.wpcf7-form .cf7-calculated-name::before {
position: relative;
content: "€";
margin-right: 5px;
}
.wpcf7-form label {
display: block;
margin-bottom: 5px;
color: #d2d2d2;
}
.wpcf7-form label > span {
margin-left: 20px;
font-size: 17px;
color: #b9b9b9;
}
.wpcf7-form input[readonly="readonly"] {
padding: 0;
text-align: center;
outline: none;
background: transparent;
border-color: transparent;
}
.wpcf7-form span.wpcf7-list-item {
display: inline-flex;
align-items: center;
}
.wpcf7-form .col-6 {
padding: 30px 15px 0 15px;
width: 100%;
}
.wpcf7-form .col {
padding: 30px 15px 0 15px;
flex: 0 0 100%;
max-width: 100%;
}
.wpcf7-form > [data-class="wpcf7cf_group"] {
border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}
.wpcf7-form .form-step + [data-class="wpcf7cf_group"] {
border-top: 1px solid rgba(250, 250, 250, 0.2);
}
.wpcf7-form.sent .offerte-fields {
display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
padding: 20px 30px;
margin: 0;
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: #59ab6e;
border-color: transparent !important;
}
.wpcf7-form-control-wrap.recaptcha {
display: inline-block;
margin-bottom: 30px;
}
.wpcf7 .ajax-loader {
position: absolute;
} .codedropz-upload-container {
padding: 17px 20px 25px;
}
.codedropz-upload-container h5 {
margin-bottom: 0;
font-size: 20px;
}
.codedropz-upload-handler {
border-color: #898989;
}
@media (min-width: 480px) {
.codedropz-upload-inner {
display: flex;
align-items: center;
justify-content: center;
}
.codedropz-upload-inner span {
margin: 0 15px;
}
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
position: relative;
display: inline-block;
margin-top: 5px;
padding: 5px 15px 6px 15px;
font-size: 14px;
font-weight: 700;
color: #fff;
border-radius: 3px;
border: 1px solid rgba(238, 238, 238, 0.22);
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.06);
background-color: rgba(255, 255, 255, 0.2);
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover {
background: rgba(255, 255, 255, 0.3);
}
.dnd-upload-status .dnd-upload-details .name {
padding-right: 40px;
color: #fff;
}
.dnd-upload-status .dnd-upload-details .name span {
padding-right: 30px;
}
.dnd-upload-status .dnd-upload-details .name em {
color: #eee;
font-size: 17px;
font-style: normal;
}
.dnd-upload-status .dnd-upload-image {
top: 6px;
border-color: transparent;
background: #fff;
}
.dnd-upload-status .dnd-upload-image span {
color: #fff;
}
.dnd-upload-status .dnd-upload-details .remove-file {
top: 5px;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: 'X';
color: #fff;
background: none;
}
.codedropz-upload-wrapper span.has-error-msg {
display: block;
margin-top: 20px;
}
.dnd-upload-counter {
right: 10px;
bottom: 10px;
font-size: 14px;
}
.offerte .wpcf7-form {
max-width: 900px;
margin: 0 auto;
}
.offerte .wpcf7-form .row {
align-items: center;
}
.offerte .cta-banner {
max-width: 1000px;
margin: 50px auto 0;
background: rgba(36, 36, 36, 0.65);
}
.offerte-titel {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
font-size: 28px;
}
@media (max-width: 678px) {
.offerte-titel {
padding: 0 20px;
}
}
body.page-template-default .wpcf7-form.sent .wpcf7-response-output {
margin-top: 40px;
} a {
color: #fff;
}
a:visited {
color: #fff;
}
a:hover,
a:focus,
a:active {
color: #fff;
}
a:focus,
a:hover,
a:active {
outline: 0;
}
.btn,
input[type="submit"],
.btQuoteBooking .btContactNext {
margin: 0 auto;
height: 55px;
padding: 15px 30px;
font-family: "Oswald", sans-serif;
font-weight: 800;
font-size: 15px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
text-align: center;
border-radius: 30px;
cursor: pointer;
outline: none;
border-color: transparent;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #e62e30;
background: linear-gradient(to right, #d23032, #af2324);
background-size: 200% 100%;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.btn:hover,
input[type="submit"]:hover,
.btQuoteBooking .btContactNext:hover {
border-color: transparent;
background-position: 100% 0;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} @media (max-width: 992px) {
.site-header {
padding: 15px 0;
}
}
@media (min-width: 992px) {
.site-header .navbar-collapse {
flex-grow: initial;
flex-basis: initial;
}
}
.site-header .navbar-toggle {
display: none;
}
@media (max-width: 992px) {
.site-header .navbar-toggle {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
padding: 0;
border: none;
border-radius: 2px;
cursor: pointer;
background-color: #d02d2e;
}
}
.site-header .navbar-toggle:hover, .site-header .navbar-toggle:focus, .site-header .navbar-toggle:active {
outline: none;
box-shadow: none;
}
.site-header .navbar-toggle-icon {
margin: 0 auto;
}
.site-header .navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
background-color: #fff;
}
.site-header .navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 992px) {
.site-header .collapse:not(.show) {
display: flex;
flex-shrink: 0;
}
}
.site-header .sub-menu {
display: block;
}
@media (min-width: 992px) {
.site-header .sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: -12px;
min-width: 200px;
z-index: 200;
box-shadow: 0 2px 10px rgba(50, 50, 50, 0.1);
-webkit-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
}
}
@media (min-width: 992px) {
.site-header .sub-menu > li {
display: block;
padding: 0;
line-height: 26px;
}
}
@media (min-width: 992px) {
.site-header .sub-menu > li:hover > a {
color: #fff;
}
}
@media (min-width: 992px) {
.site-header .sub-menu > li:first-of-type > a {
border-top: none;
}
}
.site-header .sub-menu > li.current-menu-item > a, .site-header .sub-menu > li.current_page_parent > a {
color: #fff;
}
.site-header .sub-menu > li > a {
display: block;
position: relative;
font-size: 18px;
font-weight: 800;
color: #999;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header .sub-menu > li ul.sub-menu {
margin-top: 0;
left: 100%;
top: 0;
}
@media (max-width: 992px) {
.site-header .sub-menu > li ul.sub-menu li > a {
padding-left: 70px;
}
}
.site-header .sub-menu .menu-item-has-children:hover > a::after {
border-color: transparent transparent transparent rgba(250, 250, 250, 0.4);
}
@media (min-width: 992px) {
.site-header .sub-menu .menu-item-has-children > a::after {
position: absolute;
top: calc(50% - 4px);
right: 25px;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent rgba(250, 250, 250, 0.2);
}
}
.site-header .main-navigation > ul {
padding: 0;
margin: 0;
list-style: none;
}
@media (max-width: 992px) {
.site-header .main-navigation > ul {
display: none;
}
}
.site-header .main-navigation > ul > li {
position: relative;
}
.site-header .main-navigation > ul > li > a {
position: relative;
display: block;
font-family: "Oswald", sans-serif;
font-size: 18px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
-webkit-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
}
@media (max-width: 992px) {
.site-header .main-navigation > ul > li > a {
padding: 8px 0;
}
}
@media (min-width: 992px) {
.site-header .main-navigation > ul > li > a {
padding: 20px;
color: #d0d0d0;
}
}
@media (min-width: 992px) {
.site-header .main-navigation > ul > li > a::after {
position: absolute;
content: "";
bottom: 0;
left: 20px;
right: 20px;
height: 5px;
background-color: transparent;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
}
@media (max-width: 992px) {
.site-header .main-navigation > ul > li:first-of-type > a {
border-top: none;
}
}
@media (max-width: 992px) {
.site-header .main-navigation > ul > li:last-of-type {
margin-bottom: 20px;
}
}
.site-header .main-navigation > ul > li:hover > a, .site-header .main-navigation > ul > li.current_page_item > a, .site-header .main-navigation > ul > li.current_page_parent > a {
color: #fff;
}
.site-header .main-navigation > ul > li:hover > a::after, .site-header .main-navigation > ul > li.current_page_item > a::after, .site-header .main-navigation > ul > li.current_page_parent > a::after {
background-color: #e62e30;
}
@media (min-width: 992px) {
.site-header .main-navigation > ul > li.menu-item-has-children > a::before {
position: absolute;
display: inline-block;
content: '';
width: 0;
height: 0;
top: 33px;
right: 0px;
margin-left: 7px;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: rgba(250, 250, 250, 0.3) transparent transparent transparent;
}
}
@media (min-width: 992px) {
.site-header .main-navigation .menu-item-has-children:hover > ul.sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
}
.site-header .main-navigation .sub-menu {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
}
@media (min-width: 992px) {
.site-header .main-navigation .sub-menu {
display: none;
visibility: visible;
opacity: 1;
position: absolute;
left: 0;
padding: 25px 30px;
border-radius: 2px;
background-color: #333333;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.2);
transition: opacity 200ms ease-in;
}
}
.site-header .main-navigation .sub-menu > li {
padding: 8px 0;
border-bottom: 1px solid rgba(250, 250, 250, 0.1);
}
.site-header .main-navigation .sub-menu > li > a {
font-family: "Oswald", sans-serif;
}
@media (max-width: 992px) {
.site-header .main-navigation .sub-menu > li > a {
padding-left: 20px;
font-size: 18px;
font-weight: 800;
color: #fff;
}
}
.site-header .main-navigation .sub-menu > li:first-of-type {
padding-top: 0;
}
.site-header .main-navigation .sub-menu > li:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
@media (max-width: 992px) {
.site-header .main-navigation .sub-menu > li ul.sub-menu {
left: auto;
}
}
@media (max-width: 992px) {
.site-header .buttons {
display: none;
}
}
@media (min-width: 992px) {
.site-header .buttons {
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
}
@media (min-width: 992px) {
.site-header .btn:first-of-type {
margin-right: 15px;
}
}
@media (min-width: 992px) {
.site-header .btn {
min-width: 170px;
}
} @media (max-width: 992px) {
.menu-toggle,
.main-navigation.toggled > ul {
display: block;
padding: 10px 30px 0px 30px;
background-color: #272727d9;
}
}
.menu-toggle {
position: absolute;
top: 10px;
right: 20px;
}
@media (min-width: 992px) {
.menu-toggle {
display: none;
}
} .site-header {
z-index: 50;
position: relative;
}
@media (min-width: 992px) {
.site-header {
position: absolute;
top: 0;
left: 0;
right: 0;
}
}
@media (min-width: 992px) {
.site-header > .container {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
}
.site-header .logo {
max-width: 205px;
}
@media (max-width: 992px) {
.site-header .logo .desktop {
display: none;
}
}
@media (min-width: 992px) {
.site-header .logo .mobile {
display: none;
}
}
@media (max-width: 992px) {
.site-header .buttons {
display: none;
}
}
@media (min-width: 992px) {
body.admin-bar .site-header {
top: 32px;
}
} .overflow-wrap {
position: relative;
overflow: hidden;
}
@media (min-width: 992px) {
.hide-desktop {
display: none !important;
}
}
@media (max-width: 992px) {
.hide-mobile {
display: none !important;
}
}
body.home .bg-image {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100vh;
opacity: 0;
z-index: -1;
background-size: auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/velg.png);
}
body.home.bg-visible .bg-image {
opacity: 0.1;
position: fixed;
top: 0;
background-position: center center;
transition: none;
}
.hero {
padding: 0 15px;
}
.hero > .container {
padding: 20px 0 50px 0;
}
@media (min-width: 992px) {
.hero > .container {
display: flex;
align-items: center;
justify-content: flex-start;
height: 750px;
height: 100vh;
max-height: 750px;
padding: 0;
}
}
.hero .hero-content {
position: relative;
text-align: center;
}
@media (min-width: 992px) {
.hero .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
width: 450px;
height: 276px;
left: 120px;
top: 50px;
}
}
@media (min-width: 992px) {
.hero .hero-content::before {
position: absolute;
content: "";
right: -211px;
top: -52px;
width: 240px;
height: 179px;
z-index: 2;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/arrows.svg);
background-position: bottom right;
background-repeat: no-repeat;
background-size: auto;
}
}
.hero .hero-image {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
@media (min-width: 992px) {
.hero .hero-image {
display: block;
flex-shrink: 0;
position: relative;
right: auto;
left: 160px;
top: 50px;
margin-right: -240px;
}
}
.hero .titel {
font-size: 32px;
}
@media (max-width: 567px) {
.hero .titel {
overflow: hidden;
}
}
@media (min-width: 568px) {
.hero .titel {
font-size: 42px;
}
}
@media (min-width: 992px) {
.hero .titel {
font-size: 52px;
margin-bottom: 30px;
}
}
.hero p {
color: #999;
font-size: 24px;
margin-bottom: 0;
}
@media (max-width: 992px) {
.hero p {
font-size: 18px;
}
}
.hero .buttons {
position: relative;
}
@media (min-width: 992px) {
.hero .buttons {
display: flex;
justify-content: flex-start;
align-items: center;
}
}
.hero .btn {
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 992px) {
.hero .btn:first-of-type {
margin-right: 15px;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.hero .btn {
margin: 0;
min-width: 170px;
}
}
@media (max-width: 992px) {
.hero .btn.btn-whatsapp {
margin-bottom: 20px;
}
}
.hero .btn svg {
width: 25px;
margin-right: 8px;
fill: #fff;
}
.word-wrap {
display: inline-block;
position: relative;
}
.word-wrap b {
display: inline-block;
position: absolute;
left: 0;
right: 0;
}
.word-wrap b.is-visible {
position: relative;
}
.titel.zoom .word-wrap {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.titel.zoom b {
opacity: 0;
}
@media (min-width: 992px) {
.titel.zoom b:last-of-type {
font-size: 42px;
}
}
.titel.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.titel.zoom b.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
}
.kenmerken {
position: relative;
padding-bottom: 50px;
}
.kenmerk {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
width: 50%;
flex-basis: 50%;
padding: 0 30px;
margin-bottom: 30px;
text-align: center;
}
@media (min-width: 992px) {
.kenmerk {
width: 25%;
flex-basis: 25%;
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.kenmerk:hover .icon {
-webkit-transform: scale(1.5);
transform: scale(1.15);
}
}
.kenmerk .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin-bottom: 20px;
border-radius: 100%;
background: linear-gradient(45deg, #31cd60 0%, #81e998 100%);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
}
.kenmerk .icon::before {
position: absolute;
content: "";
left: calc( 50% - 11px);
top: calc(50% - 7px);
width: 22px;
height: 15px;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/check.png);
}
.kenmerk .titel {
color: #fff;
font-size: 20px;
font-weight: 700;
margin: 0;
}
.diensten {
padding: 80px 0 40px 0;
border-top: 1px solid rgba(250, 250, 250, 0.2);
border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}
@media (min-width: 992px) {
.diensten {
padding: 100px 0 70px 0;
}
}
.dienst {
text-align: center;
margin: 0 auto 40px;
}
@media (min-width: 992px) {
.dienst {
width: 25%;
flex-basis: 25%;
margin-bottom: 0;
}
}
.dienst:hover .link::after {
opacity: 1;
}
.dienst:hover .image a::before {
-webkit-transform: translate(-50%, -50%) rotate(20deg);
transform: translate(-50%, -50%) rotate(20deg);
}
.dienst:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.dienst .image {
position: relative;
margin-bottom: 40px;
}
.dienst .image a {
position: relative;
display: block;
}
.dienst .image a::before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 238px;
height: 238px;
z-index: 2;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
-webkit-transition: transform 200ms ease-in;
transition: transform 200ms ease-in;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/ring-chrome.png);
}
.dienst .image img {
position: relative;
z-index: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.dienst .titel {
font-size: 24px;
margin-bottom: 0;
}
.dienst .link {
position: relative;
display: block;
margin-top: 10px;
}
@media (min-width: 992px) {
.dienst .link {
margin-top: 20px;
}
}
.dienst .link::after {
opacity: 0.2;
position: relative;
content: "";
display: inline-block;
top: 4px;
width: 24px;
height: 20px;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/arrow.png);
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
@media (min-width: 992px) {
.dienst .link::after {
top: 0;
}
}
.dienst .link span {
margin-right: 10px;
font-weight: bold;
font-size: 17px;
}
@media (min-width: 992px) {
.dienst .link span {
display: none;
}
}
.over-ons {
padding: 70px 0;
text-align: center;
}
@media (min-width: 992px) {
.over-ons {
padding: 100px 0 110px 0;
}
}
.over-ons p:last-of-type {
margin-bottom: 45px;
}
@media (max-width: 992px) {
.over-ons p > a {
font-size: 22px;
}
}
.over-ons .titel {
font-size: 38px;
}
@media (max-width: 992px) {
.over-ons .titel {
font-size: 22px;
}
} .page-header {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 200px;
text-align: center;
background-size: cover;
background-position: center center;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/page-header.jpg);
}
@media (min-width: 992px) {
.page-header {
padding-top: 110px;
height: 380px;
}
}
.page-header > .container {
z-index: 1;
}
.page-header::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 40%);
}
.page-header .page-title {
font-size: 52px;
margin: 0;
}
.shape {
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
}
.shape svg {
display: block;
width: calc(160% + 1.3px);
height: 160px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.shape .shape-fill {
fill: #202020;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
@media (min-width: 992px) {
.shape .shape-fill {
fill: #212121;
}
} .content-area {
position: relative;
padding: 50px 0;
}
@media (min-width: 992px) {
.content-area {
padding: 100px 0 70px 0;
}
}
.content-area::before {
position: fixed;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.1;
z-index: -1;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//rotaryvelgenherstel.nl/wp-content/themes/rotary/assets/images/velg.png);
}
.cta-banner {
padding: 40px;
margin-top: 100px;
background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
.cta-banner {
display: flex;
align-items: center;
justify-content: space-around;
margin-left: -200px;
margin-right: -200px;
}
}
.cta-banner p {
font-weight: bold;
font-size: 22px;
color: #fff;
}
@media (min-width: 992px) {
.cta-banner p {
margin: 0;
}
}
.cta-banner .btn {
margin: 0;
} .btQuoteBooking {
padding: 30px;
max-width: 800px;
margin: 50px auto 0;
background: rgba(36, 36, 36, 0.65);
}
@media (min-width: 992px) {
.btQuoteBooking {
padding: 60px;
margin-bottom: 50px;
}
}
.btQuoteBooking .ui-slider-horizontal {
height: 11px;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-handle {
top: -15px;
}
.btQuoteBooking .ui-slider {
border-color: #515151;
}
.btQuoteBooking .ui-slider .ui-slider-handle {
outline: none;
background-color: #e62e30;
}
.btQuoteBooking .btQuoteSliderValue {
font-size: 16px;
}
.btQuoteBooking .btTotalQuoteContactGroup.btActive {
max-height: inherit;
}
.btQuoteBooking .btQuoteItem {
padding: 0;
}
.btQuoteBooking .btQuoteItem label {
float: none;
width: auto;
padding: 0;
margin: 0 0 7px 0;
}
.btQuoteBooking .btQuoteSwitch {
float: none;
border-color: #696969;
margin: 0 auto;
}
.btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
background-color: #848484;
}
.btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner {
background-color: #3ac54b;
}
.btQuoteBooking .btQuoteBookingForm {
margin: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .boldBtn {
width: auto;
max-width: inherit;
margin-right: auto;
margin-left: auto;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext {
-webkit-transform: translate(0px);
transform: translate(0px);
}
.btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal {
display: none;
}
.btQuoteBooking .btQuoteTotal {
display: none;
margin-top: 0;
padding: 20px 0;
align-items: center;
justify-content: center;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background-color: #499e5f;
}
.btQuoteBooking .btQuoteTotal .btQuoteTotalText {
font-size: 20px;
font-weight: bold;
color: #fff;
}
.btQuoteBooking .btQuoteTotal .btQuoteTotalCurrency,
.btQuoteBooking .btQuoteTotal .btQuoteTotalCalc {
font-weight: bold;
color: #fff;
}
.btQuoteBooking .btQuoteTotal.visible {
display: flex;
}
.btQuoteBooking .btContactNext {
line-height: initial;
}
@media (min-width: 678px) {
.btQuoteBooking .btContactNext {
padding: 0 100px;
}
}
.btQuoteBooking .btContactNext:hover {
color: #fff;
box-shadow: none;
}
.btQuoteBooking .btTotalNextWrapper {
position: relative;
}
.btQuoteBooking .btTotalNextWrapper .boldBtn {
width: auto;
max-width: inherit;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
.btQuoteBooking .wpcf7 input[type="text"],
.btQuoteBooking .wpcf7 input[type="email"],
.btQuoteBooking .wpcf7 input[type="password"],
.btQuoteBooking .wpcf7 input[type="url"],
.btQuoteBooking .wpcf7 input[type="tel"],
.btQuoteBooking .wpcf7 input[type="number"],
.btQuoteBooking .wpcf7 input[type="date"] {
padding: 13px 20px;
margin: 5px 0 0 0;
width: 100%;
color: #8a8a8a;
line-height: inherit;
border: 2px solid #454545;
background: #373737;
}
.btQuoteBooking .wpcf7 input[type="text"]:focus,
.btQuoteBooking .wpcf7 input[type="email"]:focus,
.btQuoteBooking .wpcf7 input[type="password"]:focus,
.btQuoteBooking .wpcf7 input[type="url"]:focus,
.btQuoteBooking .wpcf7 input[type="tel"]:focus,
.btQuoteBooking .wpcf7 input[type="number"]:focus,
.btQuoteBooking .wpcf7 input[type="date"]:focus {
color: #8a8a8a;
border-color: #cecece;
outline: none;
box-shadow: none;
}
.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
padding: 9px 10px;
margin: 5px 0 0 0;
width: 100%;
color: #fff;
line-height: inherit;
border: 2px solid #454545;
background: #373737;
}
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
padding: 9px 10px;
margin: 5px 0 0 0;
border: 2px solid #cecece;
box-shadow: none;
background-color: #373737;
}
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddChild {
border-top: none;
}
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddChild {
border-bottom: none;
}
.btQuoteBooking .ddChild ul li span {
padding: 5px 20px;
}
.btQuoteBooking .ddTitle .arrow {
right: 25px;
}
.btQuoteBooking .ddTitleText .ddlabel {
color: #fff;
} body.single {
font-size: 19px;
}
body.single .narrow {
max-width: 800px;
}
@media (min-width: 768px) {
.blog-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 992px) {
.blog-grid {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px 30px;
}
}
.element-wrap {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
border-radius: 3px;
overflow: hidden;
background-color: rgba(50, 50, 50, 0.9);
}
.element-wrap:hover .element-category {
margin-bottom: -10px;
opacity: 1;
visibility: visible;
}
.element-image {
display: block;
width: 100%;
height: 100%;
min-height: 200px;
position: relative;
}
.element-image img {
width: 100%;
height: 100%;
vertical-align: bottom;
object-fit: cover;
}
.element-content {
position: absolute;
padding: 40px;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
}
.element-title {
font-size: 24px;
color: #fff;
margin: 5px 0 10px 0;
}
.element-date,
.element-category {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.element-date {
color: #fce738;
}
.element-category {
display: block;
margin-bottom: -30px;
opacity: 0;
visibility: hidden;
color: #999;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.nav-links {
display: flex;
align-items: center;
margin-top: 50px;
}
.nav-links .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
width: 60px;
margin-right: 5px;
font-size: 17px;
font-weight: 700;
color: #fff;
border-radius: 2px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #e62e30;
background: linear-gradient(to right, #d23032, #b31d1f);
}
.nav-links.next {
margin-left: auto;
} .site-footer {
padding: 40px 0;
font-size: 17px;
font-weight: bold;
background-color: #212121;
}
@media (min-width: 992px) {
.site-footer {
padding: 80px 0 60px 0;
}
}
.site-footer .row {
align-items: center;
}
.site-footer .row:last-of-type {
margin-top: 30px;
}
@media (min-width: 992px) {
.site-footer .row:last-of-type {
margin-top: 20px;
padding-top: 30px;
justify-content: space-between;
border-top: 1px solid #3a3a3a;
}
}
.site-footer .col {
padding: 0 15px;
text-align: center;
}
@media (min-width: 992px) {
.site-footer .col {
padding: 0;
width: 20%;
flex-basis: 20%;
}
}
.site-footer ul {
padding: 0;
list-style: none;
}
.site-footer a,
.site-footer p {
color: #a3a3a3;
}
.site-footer a:hover {
color: #fff;
}
.site-footer .menu li {
margin-bottom: 5px;
}
.site-footer .logo img {
max-width: 150px;
}
.site-footer .adres p {
margin-bottom: 5px;
}
.site-footer .outer-links {
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 992px) {
.site-footer .outer-links {
gap: 15px;
flex-direction: column;
margin: 0 auto;
}
}
.site-footer .ti-widget.ti-goog {
width: 100% !important;
}
.site-footer .sterkste-schakel {
display: block;
padding: 12px 25px;
color: #fff;
border-radius: 30px;
background-color: rgba(255,255,255,0.08);
transition: background-color 100ms ease;
}
.site-footer .sterkste-schakel:hover {
background-color: rgba(255,255,255,0.2);
}
.site-footer .google-reviews a {
display: block;
margin-top: 5px;
}
@media (max-width: 992px) {
.site-footer .social-media {
text-align: center;
margin: 20px auto 0;
padding: 0 20px;
}
}
@media (min-width: 992px) {
.site-footer .social-media {
display: flex;
align-items: center;
}
}
@media (max-width: 992px) {
.site-footer .social-links {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.site-footer .social-links {
margin-left: 15px;
}
}
.site-footer .social-links a {
display: inline-block;
}
.site-footer .social-links a:first-of-type {
margin-right: 5px;
}
.site-footer .social-links img {
width: 35px;
vertical-align: bottom;
}