.skip-link {
position: absolute;
top: -100px;
left: 20px;
z-index: 9999;
background: #ff6600;
color: #ffffff;
padding: 12px 16px;
text-decoration: none;
border: 2px solid #000000;
border-radius: 4px;
}
.skip-link:focus-visible {
top: 20px;
}
#main-content {
scroll-margin-top: 50px;
}
button.promagnifier:focus-visible {
height: 35px !important;
top: -3px !important;
right: -2px !important;
}
button.promagnifier:focus-visible::after {
top: -12px !important;
}
body.using-keyboard a:focus,
body.using-keyboard button:focus,
body.using-keyboard input:focus,
body.using-keyboard select:focus,
body.using-keyboard textarea:focus {
outline: 5px solid #ff6600 !important;
outline-offset: 2px;
}
.menu-item-has-children:focus-within > .sub-menu {
max-height: 1000px; }
.document-box .stretched-link:focus {
outline: none !important;
}
.document-box:focus-within {
outline: 5px solid #ff6600;
outline-offset: 2px;
border-radius: 35px;
}
.project-single-row {
padding-top: 10px;
} :root { --vvb-gray: #6E6E6E;
}
.breadcrumb a {
color: var(--vvb-blue);
border: 1px solid var(--vvb-blue);
}
.breadcrumb .current {
color: var(--vvb-black);
border: 1px solid var(--vvb-black);
}
.pve-btn.btn {
color: var(--vvb-blue);
border: 1px solid var(--vvb-blue);
background-color: #EBEBDF;
padding: 9px 16px !important;
}
.pve-btn.btn:hover {
color:#EBEBDF;
background-color:var(--vvb-blue);
}
.navbar .menu a:hover {
color: var(--vvb-blue);
}
div.asl_w .probox button.promagnifier:focus-visible .innericon:after {
top: -12px !important;
}
.gall-left-arr svg,
.gall-right-arr svg,
.carousel-left-arr svg,
.carousel-right-arr svg {
width: 40px;
height: 40px;
border: 1px solid var(--vvb-blue);
border-radius: 40px;
padding: 10px;
}
.gall-left-arr:hover svg,
.gall-right-arr:hover svg,
.carousel-left-arr:hover svg,
.carousel-right-arr:hover svg {
width: 40px;
height: 40px;
background: var(--vvb-blue);
border-radius: 40px;
padding: 10px;
}
.gall-right-arr svg path,
.gall-left-arr svg path,
.carousel-left-arr svg path,
.carousel-right-arr svg path {
fill: var(--vvb-blue) !important;
}
.gall-right-arr:hover svg path,
.gall-left-arr:hover svg path,
.carousel-left-arr:hover svg path,
.carousel-right-arr:hover svg path {
fill: white !important;
}
.gall-left-arr,
.gall-right-arr {
opacity: 1 !important;
}
.gall-left-arr svg,
.carousel-left-arr svg {
transform: rotate(180deg);
}
a.text-blue:hover {
color: #444;
}
.wpcf7-not-valid,
.wpcf7-form-control.error,
.wpcf7-acceptance.unchecked input {
border: 2px solid #dc3232 !important;
}
.wpcf7 .required,
.req-label .required,
.wpcf7-form .error-message,
.acceptance-error-text {
color:#dc3232 !important;
font-size: 13px;
line-height: 25px;
}
.mar-fix {
margin-bottom: -20px;
margin-top: 30px;
}
.wpcf7 input[type="checkbox"] {
opacity: 1 !important;
width: 26px !important;
height: 26px !important;
visibility: visible !important;
top: -14px;
border-radius: 3px;
}
.wpcf7 input[type=checkbox] + span:before,
.wpcf7 input[type=checkbox]:checked + span:after {
display: none !important;
}
.wpcf7 input[type="checkbox"] {
accent-color: var(--vvb-blue); }
.wpcf7 input[type="checkbox"] {
appearance: none;
opacity: 1 !important;
visibility: visible !important;
position: absolute !important;
width: 6px !important;
height: 6px !important;
border: 2px solid var(--vvb-black);
border-radius: 10px;
background: var(--vvb-light-gray);
position: relative;
top: -14px;
cursor: pointer;
padding: 12px;
}
.wpcf7 input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 8px;
top: 4px;
width: 6px;
height: 12px;
border: solid var(--vvb-blue);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.codedropz-upload-inner {
overflow: unset !important;
}
.req-label {
font-size: 12px;
color: var(--vvb-black);
margin-top: -10px;
}
.navbar .menu .sub-menu li a:hover {
color: var(--vvb-blue);
}
.accessibility-statement h2 {
margin-bottom: 20px;
color: var(--vvb-blue);
}
.accessibility-statement h3 {
margin-bottom: 10px;
}