progress, sub, sup {
vertical-align: baseline
}
button, hr, input {
overflow: visible
}
[type=checkbox], [type=radio], legend {
padding: 0;
box-sizing: border-box
}
*, legend {
box-sizing: border-box
}
body, button, input[type=text] {
margin: 0
}
.container--relative, sub, sup {
position: relative
}
.category-search form:after, .clearfix:after, .container-fluid:after, .container:after, .content-types ul:after, .footer-bottom:after, .footer:after, .form-search-content form:after, .form-search-content:after, .info:after, .jurisdictions__menu li:after, .nav-breadcrumb ul:after, .page-404 .products-highlighted > ul:after, .page-level-high .category-search-wrapper:after, .page-level-high .search:not(.header__search) form:after, .products-highlighted .product:after, .products-new .products-list:after, .row:after, .search form:after {
clear: both
}
.webshop, html {
-moz-osx-font-smoothing: grayscale
}
a, abbr[title] {
text-decoration: underline
}
.depth-1 {
z-index: 100 !important
}
.depth-2 {
z-index: 90 !important
}
.depth-3 {
z-index: 80 !important
}
.depth-4 {
z-index: 70 !important
}
.depth-5 {
z-index: 60 !important
}
.depth-6 {
z-index: 50 !important
}
.depth-7 {
z-index: 40 !important
}
.depth-8 {
z-index: 30 !important
}
.depth-9 {
z-index: 20 !important
}
.depth-10 {
z-index: 10 !important
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active, a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
button, input, optgroup, select, textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: 700
}
button, select {
text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: ButtonText dotted 1px
}
fieldset {
border: 1px solid silver
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
textarea {
overflow: auto
}
[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-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
@media (min-width:768px) {
.container-fluid {
width: 750px
}
}
@media (min-width:992px) {
.container-fluid {
width: 970px
}
}
@media (min-width:1200px) {
.container-fluid {
width: 1170px
}
}
.container--padded {
padding: 0 15px
}
ol, ul {
margin-bottom: 1.5rem;
margin-top: 0
}
button:focus, input:focus, select:focus, textarea:focus {
outline: 0
}
input[type=text] {
padding: 4px
}
.container, .container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.container:after, .container:before {
display: table;
content: " "
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.container-fluid:after, .container-fluid:before {
display: table;
content: " "
}
.row {
margin-right: -15px;
margin-left: -15px
}
.row-no-gutters {
margin-right: 0;
margin-left: 0
}
.row-no-gutters [class*=col-] {
padding-right: 0;
padding-left: 0
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@-ms-viewport {
width: device-width
}
.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
display: none !important
}
@media (max-width:479px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table !important
}
tr.visible-xs {
display: table-row !important
}
td.visible-xs, th.visible-xs {
display: table-cell !important
}
.visible-xs-block {
display: block !important
}
.visible-xs-inline {
display: inline !important
}
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table !important
}
tr.visible-sm {
display: table-row !important
}
td.visible-sm, th.visible-sm {
display: table-cell !important
}
.visible-sm-block {
display: block !important
}
.visible-sm-inline {
display: inline !important
}
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table !important
}
tr.visible-md {
display: table-row !important
}
td.visible-md, th.visible-md {
display: table-cell !important
}
.visible-md-block {
display: block !important
}
.visible-md-inline {
display: inline !important
}
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
.visible-lg {
display: block !important
}
table.visible-lg {
display: table !important
}
tr.visible-lg {
display: table-row !important
}
td.visible-lg, th.visible-lg {
display: table-cell !important
}
.visible-lg-block {
display: block !important
}
.visible-lg-inline {
display: inline !important
}
.visible-lg-inline-block {
display: inline-block !important
}
.hidden-lg {
display: none !important
}
}
@media (max-width:479px) {
.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none !important
}
}
.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
table.visible-print {
display: table !important
}
tr.visible-print {
display: table-row !important
}
td.visible-print, th.visible-print {
display: table-cell !important
}
}
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
.hidden-print {
display: none !important
}
}
@media (max-width:480px) {
.col-offset-1 {
margin-left: 8.33333%
}
.col-1 {
width: 8.33333%
}
.col-offset-2 {
margin-left: 16.66667%
}
.col-2 {
width: 16.66667%
}
.col-offset-3 {
margin-left: 25%
}
.col-3 {
width: 25%
}
.col-offset-4 {
margin-left: 33.33333%
}
.col-4 {
width: 33.33333%
}
.col-offset-5 {
margin-left: 41.66667%
}
.col-5 {
width: 41.66667%
}
.col-offset-6 {
margin-left: 50%
}
.col-6 {
width: 50%
}
.col-offset-7 {
margin-left: 58.33333%
}
.col-7 {
width: 58.33333%
}
.col-offset-8 {
margin-left: 66.66667%
}
.col-8 {
width: 66.66667%
}
.col-offset-9 {
margin-left: 75%
}
.col-9 {
width: 75%
}
.col-offset-10 {
margin-left: 83.33333%
}
.col-10 {
width: 83.33333%
}
.col-offset-11 {
margin-left: 91.66667%
}
.col-11 {
width: 91.66667%
}
.col-offset-12 {
margin-left: 100%
}
.col-12 {
width: 100%
}
.col-offset-none {
margin-left: 0
}
}
.row--flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.row--flex > .col {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.row:after, .row:before {
content: " ";
display: block
}
.category-search form:after, .category-search form:before, .clearfix:after, .clearfix:before, .content-types ul:after, .content-types ul:before, .footer-bottom:after, .footer-bottom:before, .footer:after, .footer:before, .form-search-content form:after, .form-search-content form:before, .form-search-content:after, .form-search-content:before, .info:after, .info:before, .jurisdictions__menu li:after, .jurisdictions__menu li:before, .nav-breadcrumb ul:after, .nav-breadcrumb ul:before, .page-404 .products-highlighted > ul:after, .page-404 .products-highlighted > ul:before, .page-level-high .category-search-wrapper:after, .page-level-high .category-search-wrapper:before, .page-level-high .search:not(.header__search) form:after, .page-level-high .search:not(.header__search) form:before, .products-highlighted .product:after, .products-highlighted .product:before, .products-new .products-list:after, .products-new .products-list:before, .search form:after, .search form:before {
content: " ";
display: table
}
.no-scroll {
overflow: hidden !important
}
.is-hidden {
visibility: hidden !important;
opacity: 0 !important;
transition: opacity .2s linear, visibility 0s linear .3s
}
.is-visible {
visibility: visible !important;
opacity: 1 !important;
transition: opacity .2s linear, visibility 0s linear
}
.media-image-video-wrapper img.hide, .media-image-video-wrapper__overlay.hide, header .search .header__search-btn-clear:not(.shown), header .search:not(.open) {
opacity: 0;
pointer-events: none
}
.is-collapsed {
max-height: 0 !important;
overflow: hidden
}
.search label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.search .btn-submit {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent
}
.archive .type, .lato, .lato-black, .lato-bold, .webshop, body, input[type=checkbox] + label, input[type=radio] + label {
font-family: lato, sans-serif
}
.category-search .search-form::after, .webshop, html {
-webkit-font-smoothing: antialiased
}
.bar {
display: block;
background: #F6F6F6
}
@media (min-width:768px) {
.bar {
display: none
}
}
.bar.top {
height: 30px;
border-radius: 4px;
margin-bottom: 2.5rem
}
.meta {
display: block;
color: #4e4040
}
.bg-grey {
background-color: #F6F6F6
}
.bg-dark-grey {
color: #fff;
background-color: #464646
}
.bg-dark-grey a {
color: #fff
}
.page-404 .products-highlighted .module-title {
position: relative;
padding-left: 60px
}
.page-404 .products-highlighted .module-title:before {
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background: #E5E5E5;
left: 0;
top: -5px
}
.flex-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.align-center {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@font-face {
font-family: lato;
src: url(/themes/custom/sdu_theme/assets/fonts/Lato-Regular.eot);
src: url(/themes/custom/sdu_theme/assets/fonts/Lato-Regular.eot#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/Lato-Regular.woff) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/Lato-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: lato;
src: url(/themes/custom/sdu_theme/assets/fonts/Lato-Bold.eot);
src: url(/themes/custom/sdu_theme/assets/fonts/Lato-Bold.eot#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/Lato-Bold.woff) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/Lato-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: lato;
src: url(/themes/custom/sdu_theme/assets/fonts/Lato-Black.eot);
src: url(/themes/custom/sdu_theme/assets/fonts/Lato-Black.eot#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/Lato-Black.woff) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/Lato-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal
}
@font-face {
font-family: calibri;
src: url(/themes/custom/sdu_theme/assets/fonts/Calibri.eot?sdu=);
src: url(/themes/custom/sdu_theme/assets/fonts/Calibri.eot?sdu=#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/Calibri.woff?sdu=) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/Calibri.ttf?sdu=) format("truetype"), url(/themes/custom/sdu_theme/assets/fonts/Calibri.svg?sdu=) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: scalasans;
src: url(/themes/custom/sdu_theme/assets/fonts/ScalaSans.eot?sdu=);
src: url(/themes/custom/sdu_theme/assets/fonts/ScalaSans.eot?sdu=#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/ScalaSans.woff?sdu=) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/ScalaSans.ttf?sdu=) format("truetype"), url(/themes/custom/sdu_theme/assets/fonts/ScalaSans.svg?sdu=) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: scalasans;
src: url(/themes/custom/sdu_theme/assets/fonts/ScalaSans-Bold.eot?sdu=);
src: url(/themes/custom/sdu_theme/assets/fonts/ScalaSans-Bold.eot?sdu=#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/ScalaSans-Bold.woff?sdu=) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/ScalaSans-Bold.ttf?sdu=) format("truetype"), url(/themes/custom/sdu_theme/assets/fonts/ScalaSans-Bold.svg?sdu=) format("svg");
font-weight: 700;
font-style: normal
}
.lato-bold {
font-weight: 700
}
.lato-black {
font-weight: 900
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: scalasans, sans-serif !important
}
html {
font-size: 16px
}
body {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.52941;
line-height: 1.625rem;
color: #4A4A4A
}
p {
margin-bottom: 1.25rem;
margin-top: 0
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.2;
margin-top: 0
}
.h1, .h2, .h3, .h4, .h5, .h6 {
display: block
}
.h1, h1 {
font-size: 32px;
font-size: 2rem;
line-height: .75;
line-height: 1.5rem;
font-weight: 700;
margin-bottom: 2.25rem;
text-align: center
}
@media (min-width:768px) {
.h1, h1 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.16667;
line-height: 2.625rem;
padding-top: .625rem;
margin-bottom: 1.375rem;
text-align: left
}
}
.h2, h2 {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.5;
line-height: 2.4375rem;
margin-bottom: 1.5rem
}
@media (min-width:768px) {
.h2, h2 {
font-size: 32px;
font-size: 2rem;
line-height: 1.5;
line-height: 3rem
}
#sdu-eaad-lead-gen-submit-btn, .btn-fill-lg, .button--primary.form-submit {
max-width: 310px
}
}
.h3, h3 {
font-size: 21px;
font-size: 1.3125rem;
line-height: 1.14286;
line-height: 1.5rem;
margin-bottom: 1.875rem
}
.h4, .h5, .h6, h4, h5, h6 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
line-height: 1.5rem;
margin-bottom: 1.25rem
}
.heading-huge {
font-size: 240px;
font-size: 15rem;
line-height: .1;
line-height: 1.5rem;
line-height: 1em;
font-weight: 100
}
.title--hidden {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
font-size: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important
}
.webshop .h1, .webshop .h2, .webshop .h3, .webshop .h4, .webshop .h5, .webshop .h6, .webshop h1, .webshop h2, .webshop h3, .webshop h4, .webshop h5, .webshop h6 {
margin-bottom: 18px;
font-weight: 700
}
a {
color: #0089CF
}
.webshop a, a:hover, a:visited {
text-decoration: none
}
a[name]:not([href]) {
display: block;
top: -80px;
position: relative;
visibility: hidden
}
@media (max-width:992px) {
a[name]:not([href]) {
top: -64px
}
}
.page-wrapper--with-submenu a[name]:not([href]) {
top: -140px
}
@media (max-width:992px) {
.page-wrapper--with-submenu a[name]:not([href]) {
top: -124px
}
}
.toolbar-horizontal a[name]:not([href]), .toolbar-vertical a[name]:not([href]) {
top: -119px
}
@media (max-width:992px) {
.toolbar-horizontal a[name]:not([href]) {
top: -103px
}
}
.toolbar-tray-open a[name]:not([href]) {
top: -159px
}
.toolbar-horizontal .page-wrapper--with-submenu a[name]:not([href]), .toolbar-vertical .page-wrapper--with-submenu a[name]:not([href]) {
top: -179px
}
@media (max-width:992px) {
.toolbar-horizontal .page-wrapper--with-submenu a[name]:not([href]) {
top: -163px
}
}
.toolbar-tray-open .page-wrapper--with-submenu a[name]:not([href]) {
top: -219px
}
.toolbar-tray-open.toolbar-vertical .page-wrapper--with-submenu a[name]:not([href]) {
top: -179px
}
.text-align-center {
text-align: center
}
.webshop {
font-size: 14px;
line-height: 18px;
color: #333
}
.webshop .h1, .webshop h1 {
font-size: 21px;
padding: 0
}
.webshop .h2, .webshop h2 {
font-size: 16px
}
.webshop .h3, .webshop h3 {
font-size: 14px
}
.webshop .h4, .webshop h4 {
font-size: 13px
}
.webshop .h5, .webshop h5 {
font-size: 12px
}
.webshop .h6, .webshop h6 {
font-size: 11px
}
.webshop a {
color: #0089CF
}
@font-face {
font-family: sdu-icons;
src: url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/sdu-icons.eot?57832085=);
src: url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/sdu-icons.eot?57832085=#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/sdu-icons.woff2?57832085=) format("woff2"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/sdu-icons.woff?57832085=) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/sdu-icons.ttf?57832085=) format("truetype"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/sdu-icons.svg?57832085=#sdu-icons) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: sdu-webshopicons;
src: url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/webshop-icons/webshop-icons.eot?47832084=);
src: url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/webshop-icons/webshop-icons.eot?47832084=#iefix) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/webshop-icons/webshop-icons.woff2?47832084=) format("woff2"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/webshop-icons/webshop-icons.woff?47832084=) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/webshop-icons/webshop-icons.ttf?47832084=) format("truetype"), url(/themes/custom/sdu_theme/assets/fonts/sdu-icons/webshop-icons/webshop-icons.svg?47832084=#sdu-icons) format("svg");
font-weight: 400;
font-style: normal
}
.archive .type:before, .btn-filters:after, .button-modal:before, .filters .content-type-list li.is-active:before, .form-search-content .custom-text:after, .link-back:before, .nav-breadcrumb li:before, .opmaat li:before, .styled-select-dark:before, .styled-select-light:before, [class*=" icon-"]:before, [class*=icon-ws-]:before, [class^=icon-]:before, [class^=icon-ws-]:before, input[type=checkbox] + label:before, input[type=radio] + label:before {
font-family: sdu-icons;
font-style: normal;
font-weight: 400;
speak: none;
position: relative;
display: inline-block;
text-decoration: inherit;
margin-right: .2em;
text-align: center;
width: 1em;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-right:before {
content: '\e800'
}
.icon-search:before {
content: '\e801'
}
.icon-ok:before {
content: '\e802'
}
.icon-left:before {
content: '\e803'
}
.icon-down-open:before {
content: '\e804'
}
.icon-th-thumb:before {
content: '\e805'
}
.icon-left-open:before {
content: '\e806'
}
.icon-right-open:before {
content: '\e807'
}
.icon-up-open:before {
content: '\e808'
}
.icon-down:before {
content: '\e809'
}
.icon-up:before {
content: '\e80a'
}
.icon-left-open-mini:before {
content: '\e80b'
}
.icon-right-open-mini:before {
content: '\e80c'
}
.icon-up-open-mini:before {
content: '\e80d'
}
.icon-down-open-mini:before {
content: '\e80e'
}
.icon-document:before {
content: '\e80f'
}
.icon-form:before {
content: '\e810'
}
.icon-magazine:before {
content: '\e811'
}
.icon-menu:before {
content: '\e812'
}
.icon-shop-basket:before {
content: '\e88a'
}
.icon-shop-basket-new:before {
content: '\e813'
}
.icon-shop-profile:before {
content: '\e814'
}
.icon-layout-rows:before {
content: '\e815'
}
.icon-layout-blocks:before {
content: '\e816'
}
.icon-circle-closed:before {
content: '\e817'
}
.icon-circle-open:before {
content: '\e818'
}
.icon-cancel:before {
content: '\e819'
}
.icon-close:before {
content: '\e844'
}
.icon-down-dir:before {
content: '\e81a'
}
.icon-up-dir:before {
content: '\e81b'
}
.icon-pencil:before {
content: '\e81c'
}
.icon-phone:before {
content: '\e81d'
}
.icon-twitter:before {
content: '\e908'
}
.icon-facebook:before {
content: '\e90b'
}
.icon-linkedin:before {
content: '\f0e1'
}
.icon-youtube-play:before {
content: '\f16a'
}
.icon-instagram:before {
content: '\f16d'
}
[class*=icon-ws-]:before, [class^=icon-ws-]:before {
font-family: sdu-webshopicons
}
.icon-ws-group:before {
content: '\e900'
}
.icon-ws-phone:before {
content: '\e901'
}
.icon-ws-mail:before {
content: '\e902'
}
.icon-ws-cancel:before {
content: '\e903'
}
.icon-ws-down-open:before {
content: '\e904'
}
.icon-ws-faq:before {
content: '\e905'
}
.icon-ws-attention:before {
content: '\e906'
}
.icon-icon-telephone:before {
content: '\e907'
}
.icon-ws-twitter:before {
content: '\e908'
}
.icon-ws-pinterest:before {
content: '\e909'
}
.icon-ws-angle-right:before {
content: '\e90a'
}
.icon-ws-facebook:before {
content: '\e90b'
}
.icon-ws-mail-filled:before {
content: '\e90c'
}
.icon-ws-google:before {
content: '\e90d'
}
.icon-ws-left-open:before {
content: '\e90e'
}
.icon-ws-right-open:before {
content: '\e90f'
}
.icon-ws-calendar:before {
content: '\e910'
}
.icon-ws-ok-circled:before {
content: '\e911'
}
.icon-ws-transport:before {
content: '\e912'
}
.icon-ws-euro:before {
content: '\f153'
}
.icon-ws-question:before {
content: '\f29c'
}
#sdu-eaad-lead-gen-submit-btn, #sdu-eaad-lead-gen-submit-btn.grey, .btn-fill-lg, .btn-fill-lg.grey, .btn-fill-sm, .btn-filters, .btn-secondary, .btn-stroke-sm, .button--primary.form-submit, .button--primary.form-submit.grey, .button-modal, .nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link.button, header .button-menu {
margin-bottom: 1.25rem;
cursor: pointer;
display: inline-block;
font-family: scalasans, sans-serif !important;
font-weight: 400;
padding: 12px 24px;
text-align: center;
text-decoration: none;
transition: all 350ms ease;
vertical-align: middle
}
#sdu-eaad-lead-gen-submit-btn.icon-arrow, #sdu-eaad-lead-gen-submit-btn.icon-menu, .btn-fill-lg.icon-arrow, .btn-fill-lg.icon-menu, .btn-fill-sm.icon-arrow, .button--primary.form-submit.icon-arrow, .button--primary.form-submit.icon-menu {
padding-right: 44px;
position: relative
}
#sdu-eaad-lead-gen-submit-btn.icon-arrow:before, #sdu-eaad-lead-gen-submit-btn.icon-menu:before, .btn-fill-lg.icon-arrow:before, .btn-fill-lg.icon-menu:before, .btn-fill-sm.icon-arrow:before, .button--primary.form-submit.icon-arrow:before, .button--primary.form-submit.icon-menu:before {
display: block;
position: absolute
}
.icon-arrow#sdu-eaad-lead-gen-submit-btn:before, .icon-arrow.btn-fill-lg:before, .icon-arrow.btn-fill-sm:before, .icon-arrow.button--primary.form-submit:before {
content: '\e800';
font-size: 15px;
height: 20px;
line-height: 20px;
margin-top: -10px;
right: 20px;
text-align: right;
top: 50%;
width: 20px
}
.icon-menu#sdu-eaad-lead-gen-submit-btn, .icon-menu.btn-fill-lg, .icon-menu.btn-fill-sm.icon-arrow, .icon-menu.button--primary.form-submit {
padding-right: 55px
}
.icon-menu#sdu-eaad-lead-gen-submit-btn:before, .icon-menu.btn-fill-lg:before, .icon-menu.btn-fill-sm.icon-arrow:before, .icon-menu.button--primary.form-submit:before {
content: '\e812';
line-height: 20px;
margin-top: -10px;
right: 15px;
text-align: right;
top: 50%
}
.icon-menu#sdu-eaad-lead-gen-submit-btn:after, .icon-menu.btn-fill-lg:after, .icon-menu.btn-fill-sm.icon-arrow:after, .icon-menu.button--primary.form-submit:after {
background: rgba(255, 255, 255, .15);
bottom: -1px;
content: '';
display: block;
position: absolute;
right: -1px;
top: -1px;
width: 56px
}
#sdu-eaad-lead-gen-submit-btn, .btn-fill-lg, .button--primary.form-submit {
background-color: #0079B2;
border: 1px solid #0079B2;
border-radius: 2px;
color: #fff;
min-height: 52px;
width: 100%;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
line-height: 1.25rem;
padding: 15px 32px
}
#sdu-eaad-lead-gen-submit-btn:hover, .btn-fill-lg:hover, .button--primary.form-submit:hover {
background-color: #006899;
box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .2);
color: #fff
}
#sdu-eaad-lead-gen-submit-btn:focus, .btn-fill-lg:focus, .button--primary.form-submit:focus {
box-shadow: inset 0 0 0 1px #fff;
outline: 0
}
#sdu-eaad-lead-gen-submit-btn.grey, .btn-fill-lg.grey, .button--primary.form-submit.grey {
background-color: #EBEAEA;
border: 1px solid #EBEAEA;
border-radius: 2px;
color: #464646;
min-height: 44px;
padding: 11px 24px;
width: 100%;
text-transform: none
}
#sdu-eaad-lead-gen-submit-btn.grey:hover, .btn-fill-lg.grey:hover, .button--primary.form-submit.grey:hover {
background-color: #DDDCDC;
box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .2);
color: #464646
}
#sdu-eaad-lead-gen-submit-btn.grey:focus, .btn-fill-lg.grey:focus, .button--primary.form-submit.grey:focus {
box-shadow: inset 0 0 0 1px #fff;
outline: 0
}
.btn-secondary, .button--primary.form-submit {
background-color: #EBEAEA;
border: 1px solid #EBEAEA;
border-radius: 2px;
color: #464646;
min-height: 52px;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
line-height: 1.25rem;
display: inline-block;
padding: 15px 32px;
width: auto
}
.btn-secondary:hover, .button--primary.form-submit:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .2);
background-color: #DDDCDC;
border-color: #DDDCDC;
color: #464646
}
.btn-secondary:focus, .button--primary.form-submit:focus {
outline: 0;
border-color: #464646;
box-shadow: none
}
.btn-fill-sm {
background-color: #0079B2;
border: 1px solid #0079B2;
border-radius: 2px;
color: #fff;
min-height: 36px;
width: 100%;
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
padding: 7px 16px
}
.btn-fill-sm:hover {
background-color: #006899;
box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .2);
color: #fff
}
.btn-fill-sm:focus {
box-shadow: inset 0 0 0 1px #fff;
outline: 0
}
.btn-stroke-sm {
background-color: #fff;
border: 1px solid #fff;
border-radius: 2px;
color: #0079B2;
min-height: 52px;
width: 100%;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
line-height: 1.25rem;
display: inline-block;
padding: 15px 32px
}
.btn-stroke-sm:hover {
background-color: #fff;
border-color: #fff;
box-shadow: none;
color: #31B4F1;
text-decoration: underline
}
.btn-stroke-sm:focus {
outline: 0;
border-color: #31B4F1;
box-shadow: none
}
.load-more {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.05882;
line-height: 1.125rem;
margin-bottom: .75rem;
background: 0 0;
border: none;
color: #0089CF;
cursor: pointer;
padding: 10px 15px 10px 0;
position: relative
}
.load-more:before {
font-size: 16px;
font-size: 1rem;
line-height: 1.125;
line-height: 1.125rem;
position: absolute;
right: 0
}
.link-back {
margin-bottom: 2.5rem;
display: inline-block;
text-decoration: none
}
.link-back:before {
content: '\e80b';
margin-right: 10px
}
.link--with-arrow {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #0079B2;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
text-decoration: none;
transition: color .2s ease
}
.link--with-arrow:hover {
color: #31B4F1
}
.link--with-arrow:focus {
color: #005780
}
.link--with-arrow .icon {
margin-left: 10px
}
.link--with-arrow .icon:before {
display: block;
font-size: 26px;
line-height: 20px;
margin: 0;
width: auto
}
.button-modal {
background: #4A4A4A;
border: none;
color: #fff;
height: 55px;
position: absolute;
right: 10px;
top: 0;
width: 55px
}
.button-modal:before {
font-size: 17px;
font-size: 1.0625rem;
line-height: 3.23529;
line-height: 3.4375rem;
content: '\e819';
margin: 0
}
.button-modal span {
display: none
}
@media (min-width:768px) {
#sdu-eaad-lead-gen-submit-btn.grey, .btn-fill-lg.grey, .btn-fill-sm, .btn-secondary, .btn-stroke-sm, .button--primary.form-submit, .button--primary.form-submit.grey {
max-width: 310px
}
.button-modal span {
font-size: 17px;
font-size: 1.0625rem;
line-height: 3.23529;
line-height: 3.4375rem;
color: #4A4A4A;
display: block;
position: absolute;
right: 70px;
top: 0
}
.btn-filters {
max-width: 310px
}
}
.btn-filters, .btn-filters:hover {
background-color: #EBEAEA;
color: #464646
}
.btn-filters {
border: 1px solid #EBEAEA;
border-radius: 2px;
min-height: auto;
padding: 11px 24px;
width: 100%;
font-size: 17px;
font-size: 1.0625rem;
line-height: 3.82353;
line-height: 4.0625rem;
text-transform: none
}
.block-text .block-title, .products-new .h2 {
text-transform: uppercase
}
.btn-filters:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .2)
}
.btn-filters:focus {
box-shadow: inset 0 0 0 1px #fff;
outline: 0
}
.btn-filters:after {
content: '\e804';
margin-left: 10px;
top: 1px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
content: '\a0';
display: inline-block;
margin-top: 2px;
margin-right: 9px;
line-height: 1em;
vertical-align: baseline
}
.btn-filters.btn-collapsed:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.btn-filters.btn-expanded:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
input[type=checkbox], input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
margin-top: 2px
}
input[type=checkbox]:checked + label:before {
background: url(/themes/custom/sdu_theme/assets/svg/icons/checkmark.svg) left 1px no-repeat
}
input[type=checkbox] + label:before {
width: 17px;
height: 17px;
border: 1px solid #4A4A4A
}
input[type=radio]:checked + label:before {
background-color: #4A4A4A
}
input[type=radio] + label:before {
width: 15px;
height: 15px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 1px #4A4A4A
}
.styled-select-dark, .styled-select-light {
position: relative;
overflow: hidden
}
.styled-select-dark:before, .styled-select-light:before {
content: '\e804';
position: absolute;
right: 20px
}
.is-closed:after, header .button-menu-icon:after, header .button-menu-icon:before {
content: ''
}
.styled-select-dark select, .styled-select-light select {
font-size: 17px;
font-size: 1.0625rem;
line-height: 2.23529;
line-height: 2.375rem;
padding: 0 20px 0 15px;
width: 130%;
border: none;
box-shadow: none;
background: 0 0;
-webkit-appearance: none;
cursor: pointer
}
.styled-select-dark select:focus, .styled-select-light select:focus {
outline: 0
}
.styled-select-light {
width: 140px;
height: 40px;
background: #fff;
border: 1px solid #E5E5E5
}
.styled-select-light:before {
line-height: 40px
}
.styled-select-light select {
height: 100%
}
.styled-select-dark {
width: 100%;
height: 55px;
background: #4A4A4A
}
.styled-select-dark:before {
color: #fff;
line-height: 55px
}
.styled-select-dark select {
width: 100%;
height: 100%;
color: #fff;
font-size: 17px;
font-size: 1.0625rem;
line-height: 3.05882;
line-height: 3.25rem
}
@media (max-width:991px) {
.paragraph__media img {
height: auto;
width: 100%
}
}
.media-image-video-wrapper {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
line-height: 0;
position: relative
}
@media screen and (max-width:991px) {
.media-image-video-wrapper {
width: 100%
}
}
.media-image-video-wrapper img {
left: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
z-index: 20
}
.media-image-video-wrapper video {
min-width: 100%;
position: relative;
z-index: 10
}
.media-image-video-wrapper video:not(:hover)::-webkit-media-controls {
-webkit-appearance: none !important;
appearance: none !important;
display: none !important
}
.media-image-video-wrapper__play-button {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: 0 0;
border: none;
color: #fff;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
line-height: 20px;
padding: 0;
position: relative;
text-align: center;
transition: .2s color ease;
z-index: 40
}
.media-image-video-wrapper__play-button:hover {
color: #ee3224
}
.media-image-video-wrapper__play-button-icon {
display: block;
fill: currentColor;
height: 33px;
margin-bottom: 11px;
width: 33px
}
.media-image-video-wrapper__overlay {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: rgba(38, 38, 38, .75);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
width: 100%;
z-index: 30
}
.page-wrapper {
padding-top: 80px
}
.page-wrapper--with-submenu {
padding-top: 164px
}
.page--with-hero .page-wrapper--with-submenu {
padding-top: 140px
}
@media (max-width:992px) {
.page-wrapper {
padding-top: 64px
}
.page-wrapper--with-submenu {
padding-top: 139px
}
.page--with-hero .page-wrapper--with-submenu {
padding-top: 124px
}
}
@media (min-width:768px) {
.page-level-high main .container-fluid {
margin-bottom: 5.3125rem
}
.page-404 .aside, .page-404 .main, .page-level-mid .aside, .page-level-mid .main {
margin-top: .9375rem
}
.page-404 .main, .page-level-mid .main {
padding-top: 2.375rem
}
}
.page-404 main .container-fluid > .row:last-child {
padding-top: 1.875rem;
margin-top: 12px;
border-top: 1px solid #E5E5E5;
background: #fff
}
@media (min-width:768px) {
.page-404 main .container-fluid > .row:last-child {
padding-top: 4.375rem;
margin-top: 25px;
background: 0 0
}
}
.page--article .article-title {
padding-bottom: 1.375rem;
border-bottom: 1px solid #E5E5E5
}
.p-404 .section--padding {
padding: 60px 0
}
@media (max-width:768px) {
.p-404 .section--padding {
padding: 20px 0
}
.p-404 .section--padding .flex-row {
display: block
}
.p-404 .section--padding .align-center {
text-align: left
}
.p-404 .section--padding .heading-huge {
font-size: 60px;
font-size: 3.75rem;
line-height: 1.33333;
line-height: 5rem;
margin-bottom: 10px
}
.p-404 .section--padding h1 {
text-align: left;
line-height: 1.3em
}
}
.logo {
display: block;
-webkit-flex: 0 0 32px;
-ms-flex: 0 0 32px;
flex: 0 0 32px;
line-height: 0;
margin-right: 16px
}
.logo img {
height: 32px
}
.is-closed {
position: relative
}
.is-closed:after {
display: block;
position: absolute;
width: 100%;
height: 13%;
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dffffff', endColorstr='#ffffff', GradientType=0)
}
header #button-menu-state {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px)
}
header .button-menu {
position: relative;
width: 46px;
height: 42px;
margin-bottom: 0;
padding: 0 5px;
top: 0;
right: 0;
background: #fff;
border: 1px solid #c7c7c7;
color: #464646
}
@media (min-width:768px) {
header .button-menu {
display: none
}
}
header .button-menu-icon, header .button-menu-icon:after, header .button-menu-icon:before {
position: absolute;
top: 50%;
left: 8px;
height: 2px;
width: 24px;
transition: all .25s;
background: #464646
}
header .button-menu-icon:before {
top: -7px;
left: 0
}
header .button-menu-icon:after {
top: 7px;
left: 0
}
header #button-menu-state:checked ~ .button-menu {
border: 1px solid #fff;
border-bottom: 1px solid rgba(0, 0, 0, .05);
background: #ececec;
height: 49px
}
header #button-menu-state + .button-menu:before {
display: none
}
header #button-menu-state:checked + .button-menu .button-menu-icon {
height: 0;
background: 0 0
}
header #button-menu-state:checked + .button-menu .button-menu-icon:before {
top: -4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
header #button-menu-state:checked + .button-menu .button-menu-icon:after {
top: -4px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.menu-wrapper {
margin-bottom: 1.25rem;
float: left;
width: 100%;
max-height: none;
transition: max-height .2s ease-in-out
}
@media (max-width:768px) {
.menu-wrapper {
overflow: hidden;
background-color: transparent
}
}
.page--with-hero .menu-wrapper {
margin-bottom: 0
}
.block-text {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
line-height: 1.5rem;
background: #F6F6F6;
padding: 20px 20px 10px;
margin: 0 0 20px
}
.pager .pager__items, .pager .pager__items li {
display: inline;
padding: 0 3px
}
.block-text a {
cursor: pointer
}
.block-text .block-title {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
line-height: 1.5rem;
margin-bottom: 10px
}
.block-text .block-subtitle {
font-weight: 700;
color: #262626
}
.pager {
text-align: center
}
.pager .pager__items {
margin: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0;
list-style: none
}
.pager .pager__items li.is-active {
font-weight: 700
}
.pager .pager__items li a {
text-decoration: none;
color: #333
}
.pager .pager__items li a:hover {
color: #0089CF
}
.pager .pager__items li a.btn-stroke-sm {
width: 175px;
display: inline-block
}
@media (min-width:768px) {
.pager .pager__items li a.btn-stroke-sm {
margin-left: 50px
}
}
.jurisdictions__menu, .jurisdictions__menu > li, .jurisdictions__submenu ul, .jurisdictions__submenu ul > li {
list-style: none;
margin: 0;
padding: 0
}
.button-close, .button-return, .jurisdictions__link {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
vertical-align: top
}
.button-close {
color: inherit
}
.button-close:focus .button-close__box:after, .button-close:focus .button-close__box:before, .button-close:hover .button-close__box:after, .button-close:hover .button-close__box:before {
width: 44px
}
.button-close__label {
display: none;
vertical-align: middle;
padding: 10px 20px
}
@media (min-width:768px) {
.button-close__label {
display: inline-block
}
}
.button-close__box {
display: inline-block;
vertical-align: middle;
position: relative;
width: 55px;
height: 55px;
background-color: #fff
}
.button-close__box:after, .button-close__box:before, .button-return__arrow {
position: absolute;
top: 50%;
left: 50%;
content: '';
display: block
}
.button-close__box:after, .button-close__box:before {
background-color: #0089CF;
height: 2px;
width: 15px;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transition: width 350ms cubic-bezier(.645, .045, .355, 1)
}
.button-close__box:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}
.button-return {
width: 55px;
height: 55px;
background-color: rgba(255, 255, 255, .25);
font-size: 15px
}
.button-return:focus:after, .button-return:focus:before, .button-return:hover:after, .button-return:hover:before {
width: 44px
}
.button-return:focus .button-return__arrow, .button-return:hover .button-return__arrow {
-webkit-transform: translateX(-85%) translateY(-50%);
-ms-transform: translateX(-85%) translateY(-50%);
transform: translateX(-85%) translateY(-50%)
}
.button-return__arrow {
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
transition: transform .3s cubic-bezier(.645, .045, .355, 1);
transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)
}
.content-types .module-title:before, .products-highlighted .module-title:before {
margin-bottom: .25rem;
content: '';
display: block;
width: 100px;
height: 2px;
background-color: #E5E5E5
}
.module {
margin-bottom: 1.25rem;
margin-top: 20px
}
.module li {
margin-bottom: .625rem
}
.aside .module .module-title {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.18182;
line-height: 1.625rem
}
@media (min-width:768px) {
.content-types .module-title:before, .products-highlighted .module-title:before {
display: none
}
.module {
margin-top: 20px
}
.module .module-title {
padding: 0;
text-align: left
}
.aside .module {
margin-bottom: .9375rem;
margin-right: 0;
margin-left: auto;
padding: 34px 30px 12px;
border: 1px solid #E5E5E5
}
.rechtsgebieden {
text-align: right
}
}
.page-404 .aside .module, .page-level-mid .aside .module {
margin-left: 0
}
.page-404 .aside .module.filters, .page-level-mid .aside .module.filters {
padding-bottom: 3.4375rem
}
.rechtsgebieden.module {
margin-bottom: 0
}
.aside .rechtsgebieden.module {
border: none;
margin: 0;
padding: 0
}
.rechtsgebieden .btn-fill-lg {
margin: 0
}
.products-highlighted {
padding-bottom: 0
}
.products-highlighted .module-title {
padding-bottom: .3125rem
}
@media (min-width:768px) {
.rechtsgebieden .btn-fill-lg {
display: block;
margin: 5.3125rem 60px 5.3125rem 0
}
.aside .rechtsgebieden .btn-fill-lg {
margin: 0;
max-width: 100%
}
.products-highlighted .module-title {
margin-bottom: 1.25rem;
padding-bottom: 1.0625rem;
border-bottom: 1px solid #E5E5E5
}
}
.products-highlighted ul {
margin: 0;
padding: 0
}
.products-highlighted .product {
margin-bottom: 1.5625rem;
list-style: none
}
.products-highlighted .product:nth-child(even) .product-image {
float: right
}
.products-highlighted .product-description, .products-highlighted .product-error, .products-highlighted .product-image {
float: left
}
.products-highlighted .product-image {
width: 30%;
min-height: 30px
}
.products-highlighted img {
width: 100%;
height: 100%
}
.products-highlighted .product-description {
width: 70%;
padding: 0 20px
}
@media (min-width:768px) {
.products-highlighted .product {
margin-bottom: 1.25rem
}
.products-highlighted .product:nth-child(even) .product-image {
float: left
}
.products-highlighted .product-description {
padding-right: 0
}
.page-404 .products-highlighted {
position: relative
}
}
.products-highlighted .product-title {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.05882;
line-height: 1.125rem;
margin-bottom: .75rem
}
.products-highlighted .product-title a {
color: #000;
text-decoration: none
}
.products-highlighted .price, .products-highlighted .product-title a:hover {
color: #0089CF
}
.products-highlighted .btn-fill-sm {
margin-bottom: 10px;
background-color: #52C15A;
border-color: #52C15A
}
.products-highlighted .btn-fill-sm:before {
width: 35px;
height: 35px;
top: 0;
right: 0;
margin-right: -10px;
margin-top: -10px;
background-color: #7fd185;
border-radius: 50%;
text-align: center;
line-height: 35px
}
.page-404 .products-highlighted .module-title {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.18182;
line-height: 1.625rem;
border-bottom: none
}
@media (min-width:768px) {
.page-404 .products-highlighted > ul {
padding-left: 40px
}
.page-404 .products-highlighted .product {
float: left;
width: 50%;
height: 176px
}
}
.page-404 .products-highlighted .product .product-description {
padding: 20px 20px 0
}
.page-404 .products-highlighted .btn-fill-sm {
width: 210px;
display: inline-block;
margin: 0 auto 20px
}
@media (min-width:768px) {
.page-404 .products-highlighted .btn-fill-sm {
margin: 0 0 10px 20px;
left: 50%
}
}
.products-new {
margin-bottom: 1.25rem;
padding: 15px 10px;
background: #F6F6F6
}
@media (min-width:768px) {
.products-new {
margin-bottom: .625rem
}
}
.products-new .products-list {
max-width: 300px;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center
}
.products-new .item {
margin-bottom: 1.25rem;
position: relative
}
.products-new a {
color: #333
}
.products-new img {
margin-bottom: .625rem;
display: block;
margin-left: auto;
margin-right: auto
}
@media (min-width:768px) {
.products-new .products-list {
max-width: none;
text-align: left;
padding: 0 50px
}
.products-new .item {
float: left;
width: 25%;
padding-right: 20px
}
.products-new img {
margin-top: .625rem;
margin-left: 0;
margin-right: 0
}
}
.products-new .price-label {
position: absolute;
top: 0;
right: 45px;
background: #0089CF;
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center;
padding: 20px 0 10px;
color: #fff
}
.opmaat {
display: none
}
@media (min-width:768px) {
.opmaat {
background: #F6F6F6;
display: block
}
.opmaat.affix {
position: fixed;
top: 20px
}
.opmaat .btn-fill-sm {
width: 100%
}
}
.opmaat ul {
padding-left: 25px;
list-style: none
}
.opmaat li {
position: relative
}
.opmaat li:before {
content: '\e802';
position: absolute;
top: 4px;
left: -30px;
color: #52C15A
}
.opmaat .login {
margin-bottom: .4375rem;
display: block;
text-align: center
}
@media (min-width:768px) {
.content-types {
margin-bottom: 3.25rem
}
}
.content-types ul {
padding: 0
}
.content-types li {
list-style: none;
margin: 0
}
@media (min-width:768px) {
.content-types li {
float: left;
width: 50%
}
.content-types li:nth-child(odd) {
padding-right: 20px
}
}
.content-types .btn-fill-lg {
margin-bottom: .625rem;
max-width: 100%;
text-align: left;
width: 100%
}
.content-types .btn-fill-lg:before {
color: #F6F6F6
}
.search {
display: block
}
@media (min-width:768px) {
.search {
margin-bottom: 1.875rem;
display: block
}
}
.search form {
position: relative;
width: 95%;
margin-left: 5%
}
.search .btn-submit, .search input[type=text] {
font-size: 16px;
font-size: 1rem;
line-height: 2.8125;
line-height: 2.8125rem;
height: 42px
}
.search input[type=text] {
padding: 4px 70px 4px 10px;
width: 100%;
line-height: 1.2em;
border: 1px solid #bfbfbf;
border-radius: 0
}
.search .btn-submit {
position: absolute;
top: 0;
right: 0;
border: none;
background: #bcbcbc;
cursor: pointer
}
.search .btn-submit:hover {
color: #fff;
background-color: #464646
}
.search .btn-submit span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.search .btn-submit span:before {
color: #fff
}
header .search {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: calc(100% - 2px);
margin: auto;
position: absolute;
right: 16px;
top: 0;
transition: opacity .2s ease;
width: calc(100% - 80px);
z-index: 20
}
header .search:not(.open) {
visibility: hidden
}
header .search form {
margin-left: 0;
width: 100%
}
header .search .header__search-form {
position: relative
}
@media (min-width:992px) {
header .search .header__search-form {
margin: 0 auto;
max-width: 520px;
position: relative;
width: 100%
}
}
@media (max-width:992px) {
header .search {
left: 0;
padding: 11px 12px;
right: auto;
width: 100%;
z-index: 500
}
header .search .header__search-form {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 16px
}
}
header .search input[type=text] {
font-size: 16px;
font-size: 1rem;
line-height: 2.5;
line-height: 2.5rem;
background: #F7F7F7;
border-radius: 2px;
border: 1px solid transparent;
color: #464646;
padding: 11px 40px;
transition: all .2s ease
}
@media (max-width:992px) {
header .search input[type=text] {
padding-right: 14px
}
header .search .header__search-btn-clear {
display: none
}
}
header .search input[type=text]:focus {
border-color: #bbb
}
header .search button.btn-submit, header .search input[type=text] {
height: 42px
}
header .search button.btn-submit {
background: 0 0;
left: 0;
padding: 0;
width: 40px
}
header .search button.btn-submit:hover {
background: 0 0
}
header .search button.btn-submit span:before {
font-size: 14px;
line-height: 14px;
color: #969696
}
header .search .btn-clear {
background: 0 0;
border: none;
cursor: pointer;
padding: 0
}
@media (min-width:992px) {
header .search .btn-clear {
position: absolute;
right: 0
}
header .search .btn-clear span:before {
color: #969696;
transition: color .2s ease
}
header .search .btn-clear:hover span:before {
color: #464646
}
}
header .search .header__search-btn-clear {
transition: opacity .2s ease;
width: 40px
}
header .search .header__search-btn-clear span {
line-height: 42px
}
header .search .header__search-btn-clear span:before {
font-size: 12px;
line-height: 12px
}
header .search .header__search-btn-close [class*=icon]:before {
font-size: 16px;
line-height: 16px
}
header .search .header__search-btn-close .btn-text {
display: none
}
@media (max-width:992px) {
header .search .header__search-btn-close {
margin-left: auto
}
header .search .header__search-btn-close [class*=icon] {
display: none
}
header .search .header__search-btn-close .btn-text {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
display: block;
cursor: pointer;
color: #0079B2
}
}
@media (min-width:768px) {
header .search form.search-form {
margin-top: .75rem;
margin-right: 0;
width: 100%
}
}
header .search .search-suggestions-container {
left: 0;
position: absolute;
top: 100%;
width: 100%
}
header .search .search-suggestions-container:not(.open) {
height: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
visibility: hidden
}
header .search .search-suggestions-container.open {
z-index: 300
}
header .search .search-suggestions-results {
background: #fff;
border: 1px solid #bbb;
border-top-width: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, .15);
list-style: none;
margin: 0;
max-height: 85vh;
overflow-y: auto;
padding: 0
}
header .search .search-suggestions-group {
margin: 0
}
header .search .search-suggestions-group-title {
color: #0089cf;
font-family: lato, sans-serif !important;
font-size: 11px;
font-style: italic;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.42857143;
margin: 0
}
header .search .search-suggestions-group:last-child .search-suggestions-item:last-child {
border-bottom: none
}
header .search .search-suggestions-group-title, header .search .search-suggestions-item {
display: block;
padding: 5px 10px
}
header .search .search-suggestions-item {
border-bottom: 1px solid #F7F7F7;
color: #333;
display: block;
font-size: 14px;
line-height: 1.45;
padding: 5px 10px;
text-decoration: none
}
header .search .search-suggestions-item:hover {
background: #e8e8e8
}
header .search .search-suggestions-item--content, header .search .search-suggestions-item--product, header .search .search-suggestions-item--results {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
header .search .search-suggestions-item--results {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
header .search .search-suggestions-item--results .search-suggestions-item-text {
color: #999
}
header .search .search-suggestions-item-title {
font-family: lato, sans-serif !important;
font-size: 14px;
font-weight: 400;
margin: 0
}
header .search .search-suggestions-item-price {
font-family: lato, sans-serif;
font-size: 14px;
font-weight: 700;
margin: 5px 0
}
header .search .search-suggestions-item-image {
-webkit-flex: 0 0 45px;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
height: 45px;
margin-left: 5px;
margin-right: 10px;
object-fit: cover;
object-position: center;
width: 45px
}
.category-search form, .page-level-high .search:not(.header__search) form {
width: 100%;
position: relative
}
header .search .search-suggestions-item-breadcrumb {
color: #929292;
display: block;
font-size: 12px;
font-style: italic;
margin-bottom: 2px
}
@media (min-width:768px) {
.page-level-high .search:not(.header__search) {
margin-bottom: 7.5rem
}
.page-level-high .search:not(.header__search) form {
margin: 85px 0 0 auto
}
}
.page-level-high .search:not(.header__search) .btn-submit, .page-level-high .search:not(.header__search) input[type=text] {
height: 55px
}
.page-level-high .category-search-wrapper {
margin-bottom: 2.8125rem
}
@media (max-width:768px) {
header .search .search-suggestions-results {
max-height: 75vh
}
.page-level-high .category-search-wrapper {
background: 0 0 !important
}
}
.page-level-high .category-search {
position: relative
}
@media (min-width:768px) {
.page-level-high .category-search-wrapper {
margin-bottom: 3.875rem;
margin-left: 10px;
margin-right: 10px;
padding: 0 40px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden
}
.page-level-high .category-search {
padding-right: 40px;
margin-bottom: 1.25rem
}
}
.page-level-high .category-search form {
margin-bottom: 5.3125rem
}
@media (max-width:768px) {
.page-level-high .category-search form {
margin: 0
}
}
.category-search form {
margin: 0
}
.category-search .btn-submit {
width: 50px;
text-indent: -999em
}
.category-search .search-form {
position: relative
}
.category-search .search-form::after {
content: '\e801';
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
margin-left: .2em;
margin-right: .2em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: sdu-icons;
font-style: normal;
font-weight: 400;
speak: none;
text-decoration: inherit;
text-align: center;
width: 1em;
font-variant: normal;
text-transform: none;
line-height: 1em;
color: #fff
}
.search-noresult {
margin-top: 4.375rem;
margin-bottom: 4.6875rem;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.47059;
line-height: 1.5625rem;
text-align: center
}
.search-noresult .search-term {
color: #0089CF
}
.form-search-content {
margin-bottom: 1.25rem;
border: 10px solid #EFEFEF
}
.form-search-content .fsc-button, .form-search-content .fsc-button button, .form-search-content .fsc-category, .form-search-content .fsc-input {
height: 44px
}
.form-search-content .fsc-button, .form-search-content .fsc-category {
margin-left: -1px;
float: left
}
.form-search-content .fsc-input {
float: left;
width: 60%;
border: 1px solid #909090
}
@media (min-width:768px) {
.form-search-content {
margin-bottom: 2.5rem
}
.form-search-content .fsc-input {
width: 58.3%
}
}
.form-search-content .fsc-input input {
width: 100%;
padding: 0 10px;
border: 0;
background: 0 0;
height: 42px;
line-height: 42px
}
.form-search-content .fsc-category {
border: 1px solid #909090;
width: 40%
}
@media (min-width:768px) {
.form-search-content .fsc-category {
width: 21.041666666666668%
}
}
.form-search-content .fsc-category select {
width: 100%;
height: 28px;
font-size: 16px;
line-height: 28px;
border: 0;
padding: 3px
}
.form-search-content .fsc-category select option {
height: 16px;
font-size: 13px;
padding: 3px;
color: #333
}
.form-search-content .fsc-category select option.level_0 {
font-weight: 700
}
.form-search-content .fsc-category select option.level_1 {
padding-left: 10px;
font-size: 12px
}
.form-search-content .fsc-button {
border: 0;
width: 100%
}
@media (min-width:768px) {
.form-search-content .fsc-button {
width: 20.8333335%
}
}
.form-search-content .fsc-button button {
font-size: 15px;
font-size: .9375rem;
line-height: 2.93333;
line-height: 2.75rem;
color: #fff;
background: #909090;
border: #909090;
text-transform: uppercase
}
.form-search-content .custom-text {
overflow: hidden;
padding: 15px 10px 10px;
height: 42px;
line-height: 1;
cursor: pointer;
display: inline-block;
z-index: 10
}
.form-search-content .custom-text:after {
content: '\e81a';
position: absolute;
right: 10px
}
.form-search-content .done select {
height: 1px;
width: 1px;
border: none;
background: 0 0;
padding: 0;
margin: 0;
position: relative;
left: -2px;
z-index: -10;
outline: 0;
-webkit-appearance: none
}
.form-search-content .select-list {
position: absolute;
line-height: 25px;
background: #fff;
font-size: 14px
}
.form-search-content .select-list ul {
list-style: none;
padding: 0
}
.form-search-content .select-list li {
color: #666;
cursor: pointer
}
.form-search-content .select-list li:hover {
color: #333
}
.form-search-content .active .select-list li:first-child {
display: none
}
.form-search-content .custom-select {
position: relative;
z-index: 10
}
.form-search-content .custom-scroll {
width: 101%;
border: 1px solid #909090;
top: 42px !important;
left: -1px;
padding: 2px 0 2px 10px;
overflow: hidden
}
.archive {
padding-top: 1.5625rem;
position: relative;
padding-right: 25px;
padding-left: 25px
}
@media (min-width:768px) {
.archive {
padding: 3.75rem 0 3.125rem
}
.archive .module-title {
padding-bottom: 2.1875rem;
border-bottom: 1px solid #E5E5E5
}
}
.archive .archive-item {
margin-bottom: .625rem;
position: relative;
margin-left: -35px;
margin-right: -35px;
background: #fff;
padding: 1.6875rem 35px 2.8125rem
}
.archive .archive-item .archive-title {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
@media (min-width:768px) {
.archive .archive-item {
margin-bottom: 1.25rem;
border: 1px solid #E5E5E5;
box-shadow: 0 0 3px #DEDEDE;
height: 400px;
margin-left: 0;
margin-right: 0
}
.archive .count {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.16667;
line-height: 1.75rem;
position: absolute;
left: 210px;
top: 60px
}
}
@media (min-width:992px) {
.archive .archive-item {
height: 340px
}
}
.archive .archive-item-link {
text-decoration: none;
color: #464646
}
.archive .archive-item-link:hover .archive-title {
color: #0089CF
}
.archive .archive-title {
margin-bottom: 1.0625rem
}
.archive .date {
margin-bottom: .8125rem
}
.archive .type {
position: absolute;
bottom: 15px;
left: 35px
}
.archive .type:before {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1;
line-height: 1.4375rem;
margin: 0 10px 0 0;
top: 2px
}
.archive .type.type-form:before, .archive .type.type-formulieren:before {
content: '\e810'
}
.archive .type.type-document:before, .archive .type.type-documenten:before {
content: '\e80f'
}
.archive .type.type-magazine:before, .archive .type.type-magazines:before {
content: '\e811'
}
.archive .btn-stroke-sm {
margin-top: 1.25rem;
display: block;
margin-left: auto;
margin-right: auto
}
@media (min-width:768px) {
.archive .btn-stroke-sm {
margin-top: 1.5625rem
}
.archive.is-layout-rows .row > div {
width: 100%
}
.archive.is-layout-rows .archive-item {
height: auto
}
.page-level-mid .archive {
margin-bottom: 3.75rem;
padding-top: 0
}
.page-level-mid .archive-article {
padding-left: 25px
}
.page-level-mid .archive-article .article-title {
margin-left: -25px
}
}
.archive-article {
border-bottom: 1px solid #E5E5E5
}
.page-404 .archive-article, .page-level-mid .archive-article {
border-bottom: none
}
.archive-article.is-closed:after {
bottom: 79px
}
.archive-article h2 {
margin-bottom: .5em;
line-height: 1.3;
font-size: 1.5em
}
.article-meta {
overflow: hidden
}
.article-meta .meta-header {
margin-bottom: 2.1875rem
}
.article-meta table.meta {
color: inherit
}
.article-meta .module-title, .article-meta img {
display: inline-block;
vertical-align: middle
}
.article-meta td, .article-meta th {
vertical-align: top
}
.article-meta img {
width: 30%;
max-width: 65px
}
.article-meta .module-title {
position: relative;
width: 68%;
margin: 0;
padding-left: 20px;
text-align: left
}
.article-meta .module-title:after {
content: '';
position: absolute;
right: -32px;
bottom: -12px;
left: 20px;
width: 150%;
height: 1px;
background: #E5E5E5
}
.article-meta table {
margin-bottom: .9375rem;
table-layout: fixed;
width: 100%
}
.article-meta table, .article-meta tbody, .article-meta td, .article-meta th, .article-meta tr {
display: block
}
.article-meta th {
text-align: left
}
.article-meta td {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 6px
}
.article-meta li, .article-meta ol, .article-meta ul {
padding: 0;
margin: 0
}
.article-meta li {
list-style: none
}
.hidden {
display: none
}
.page--article .aside {
padding-left: 25px
}
.page--article .aside .module {
margin-left: 0
}
.filters {
padding-top: 1.25rem;
position: relative;
transition: max-height .5s cubic-bezier(.445, .05, .55, .95);
overflow: hidden
}
.filters .module-title {
margin-bottom: 1.875rem
}
@media (min-width:768px) {
.filters {
background: #fff
}
.filters .module-title {
margin-bottom: 1.25rem;
padding-bottom: 1.0625rem;
border-bottom: 1px solid #E5E5E5
}
}
.filters ul {
margin: 0;
padding: 0;
list-style: none
}
.filters ul.collapsed {
height: 0;
overflow: hidden
}
.filters li {
border-bottom: 1px solid #E5E5E5
}
.filters li:last-child {
border: none
}
.filters li a {
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.17647;
line-height: 1.25rem;
padding-bottom: .625rem;
color: #4A4A4A;
display: block;
text-decoration: none
}
.filters li label {
display: block;
margin-top: .625rem;
margin-bottom: .625rem
}
.filters fieldset {
margin: 0 0 1.875rem;
padding: 0;
border: none
}
@media (min-width:768px) {
.filters li {
border: none
}
.filters fieldset {
margin-bottom: 0
}
}
.filters .filter-set {
margin-bottom: 1.875rem
}
.filters .filter-set a[data-js-collapse], .filters .filter-set > ul {
padding-left: 35px
}
.filters .content-type-list li.is-active:before {
content: '\e817';
position: absolute;
margin-left: -35px;
line-height: 19px
}
.filters .content-type-list a:hover {
color: #0089CF
}
.filters .btn-filters {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0;
z-index: 10
}
.toolbar-articles {
display: none
}
@media (min-width:768px) {
.filters .filter-set a[data-js-collapse], .filters .filter-set > ul {
padding-left: 0
}
.filters .sort {
display: none
}
.filters .content-type-list li {
padding-left: 35px;
border: none
}
.toolbar-articles {
margin-bottom: 1.875rem;
padding-bottom: 1.875rem;
display: block;
border-bottom: 1px solid #E5E5E5
}
.toolbar-articles .col {
float: left;
padding: 0 10px
}
.toolbar-articles .col.col-first {
width: 60%
}
.toolbar-articles .col.col-second, .toolbar-articles .col.col-third {
width: 40%
}
.toolbar-articles .h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.14286;
line-height: 2rem
}
}
@media (min-width:768px) and (min-width:768px) {
.toolbar-articles .h2 {
margin: 0
}
}
@media (min-width:768px) {
.toolbar-articles .label, .toolbar-articles label {
font-size: 17px;
font-size: 1.0625rem;
line-height: 2.35294;
line-height: 2.5rem;
padding: 0 10px
}
.toolbar-articles .sort .styled-select, .toolbar-articles .sort label {
float: left
}
.toolbar-articles .layout {
float: right
}
.toolbar-articles .layout .buttons, .toolbar-articles .layout .label {
float: left
}
.toolbar-articles .layout .buttons {
position: relative;
border: 1px solid #E5E5E5
}
.toolbar-articles .layout .buttons:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-top: -7px;
width: 1px;
height: 14px;
background-color: #E5E5E5
}
.toolbar-articles .layout button {
font-size: 17px;
font-size: 1.0625rem;
line-height: 2.05882;
line-height: 2.1875rem;
display: block;
float: left;
width: 35px;
height: 40px;
background: #fff;
border: none;
cursor: pointer;
color: #F6F6F6
}
.toolbar-articles .layout button.active {
color: #0089CF
}
}
@media (max-width:992px) {
.nav-main {
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease
}
.nav-main.submenu-open {
-webkit-transform: translateX(-100vw);
-ms-transform: translateX(-100vw);
transform: translateX(-100vw)
}
}
.nav-main .menu {
margin: 0;
padding: 0
}
.nav-main .menu-item {
list-style: none
}
.nav-main .menu-item__description {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
color: #717171;
margin-top: 4px
}
@media (min-width:992px) {
.nav-main .menu-item__description {
font-size: 14px;
font-size: .875rem;
line-height: 1.28571;
line-height: 1.125rem;
max-width: 320px
}
}
.nav-main .menu-item-link {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
color: #262626;
display: block;
text-decoration: none
}
.nav-main .menu-level--0 {
margin: 0;
max-width: 100%;
padding: 0
}
@media all and (min-width:992px) and (-ms-high-contrast:none), (min-width:992px) and (-ms-high-contrast:active) {
.nav-main .menu-item-level--9:hover > .menu-item-link {
text-shadow: 0 0 .5px #262626, 0 0 .5px #262626
}
}
@media (min-width:992px) {
.nav-main .menu-level--0 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none
}
.nav-main .menu-item-level--9 {
margin-right: 24px
}
.nav-main .menu-item-level--9:hover > .menu-item-link {
border-color: #ee3224;
-webkit-text-stroke: .5px #262626;
text-stroke: .5px #262626
}
.nav-main .menu-item-level--9:hover > .menu-item-link.nav-item--webshop {
color: #ee3224;
-webkit-text-stroke: .5px #ee3224;
text-stroke: .5px #ee3224
}
.nav-main .menu-item-level--9:hover:after {
opacity: 1;
visibility: visible
}
.nav-main .menu-item-level--9:after {
background: rgba(0, 0, 0, .3);
content: '';
display: block;
height: calc(100% - 80px);
left: 0;
margin-top: 25px;
opacity: 0;
pointer-events: none;
position: fixed;
transition: all .2s ease;
visibility: hidden;
width: 100%
}
}
@media (max-width:992px) {
.nav-main .menu-item-level--9 {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.nav-main .menu-item-level--9:not(:last-of-type) {
margin-bottom: 18px
}
.nav-main .menu-item-level--9 > .menu-item-link {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
line-height: 1.25rem
}
.nav-main .menu-item-level--9 > .menu-item-link + .sub-toggle {
color: #969696;
cursor: pointer;
display: block;
font-size: 15px
}
}
.nav-main .menu-item-level--9 > .menu-item-link.nav-item--webshop {
color: #ee3224
}
@media (min-width:992px) {
.nav-main .menu-item-level--9 > .menu-item-link {
border-bottom: 2px solid transparent;
padding: 4px 0;
position: relative;
transition: all .2s
}
.nav-main .menu-item-level--9 > .menu-item-link:before {
content: '';
display: block;
height: 100%;
opacity: 0;
position: absolute;
top: 100%;
width: 100%
}
.nav-main .menu-item-level--9.expanded:not(:hover) > ul {
opacity: 0;
pointer-events: none;
visibility: hidden
}
}
.nav-main .menu-item-subtoggle {
display: none
}
@media (max-width:992px) {
.nav-main .menu-item-subtoggle {
color: #969696;
cursor: pointer;
display: block;
font-size: 15px
}
}
.nav-main .menu-item-subtoggle--back {
display: none
}
@media (max-width:992px) {
.nav-main .menu-item-subtoggle--back {
cursor: pointer;
display: block;
left: 22px;
position: absolute;
top: 35px
}
.nav-main .menu-item-subtoggle--back [class*=icon]:before {
color: #969696;
display: block;
font-size: 18px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
}
@media (min-width:992px) {
.nav-main .menu-level--1 {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, .05), 0 10px 20px rgba(0, 0, 0, .1);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
overflow: hidden;
padding: 0;
position: absolute;
top: 100%;
transition: all .2s ease;
z-index: 100
}
}
@media (max-width:992px) {
.nav-main .menu-level--1 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 0;
left: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -32px;
-webkit-transform: translateX(100%) translateX(-24px);
-ms-transform: translateX(100%) translateX(-24px);
transform: translateX(100%) translateX(-24px);
transition: all .2s ease;
width: 100vw
}
.nav-main .menu-level--1.open {
height: auto;
min-height: calc(100vh - 64px);
opacity: 1;
overflow: auto;
pointer-events: auto
}
}
@media (min-width:992px) {
.nav-main .menu-item-level--1 {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 40px
}
}
@media (max-width:992px) {
.nav-main .menu-item-level--1 {
padding: 32px 24px;
position: relative
}
.nav-main .menu-item-level--1:first-of-type > .menu-item-link {
margin-left: 32px
}
}
.nav-main .menu-item-level--1.menu-item--background-grey {
background: #F7F7F7
}
@media (min-width:992px) {
.nav-main .menu-item-level--1.menu-item--background-grey {
-webkit-flex: 0 2 auto;
-ms-flex: 0 2 auto;
flex: 0 2 auto;
padding-top: 60px
}
.nav-main .menu-item-level--1.menu-item--background-grey > .menu-item-link {
margin-bottom: 33px
}
}
.nav-main .menu-item-level--1.menu-item--background-grey > .menu-item-link {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
line-height: 1.25rem
}
@media (max-width:992px) {
.nav-main .menu-item-level--1.menu-item--background-grey {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.nav-main .menu-item-level--1.menu-item--background-grey > .menu-item-link {
margin-bottom: 16px
}
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2:not(:last-of-type) {
margin-bottom: 2px
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link {
color: #464646;
font-weight: 400
}
@media (min-width:992px) {
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2:not(:last-of-type) {
margin-bottom: 8px
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 {
line-height: 20px
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link {
display: inline
}
}
@media (max-width:992px) {
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem
}
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link.button {
background-color: #D60F00;
border: 1px solid #D60F00;
border-radius: 2px;
color: #fff;
min-height: 44px;
padding: 11px 24px;
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
margin: 13px 0 0;
white-space: nowrap;
width: auto
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link.button:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .2);
color: #fff;
background-color: #980A00;
border-color: #980A00
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link.button:focus {
box-shadow: inset 0 0 0 1px #fff;
outline: 0
}
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 .menu-item__description {
display: none
}
.nav-main .menu-item-level--1 > .menu-item-link {
display: block;
font-family: scalasans, sans-serif;
font-weight: 700
}
.nav-main .menu-item-level--1 > .menu-item-link::first-letter {
text-transform: uppercase
}
@media (min-width:992px) {
.nav-main .menu-item-level--1 > .menu-item-link {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.09524;
line-height: 2.875rem;
margin-bottom: 24px;
white-space: nowrap
}
}
.nav-main .menu-item-level--1 > .menu-item-link.hide-title {
opacity: 0;
overflow: hidden;
visibility: hidden;
white-space: nowrap;
width: 10px
}
@media (max-width:992px) {
.nav-main .menu-item-level--1.menu-item--background-grey + .menu-item--background-grey.menu-item--hide-title {
margin-top: -32px;
padding-top: 2px
}
.nav-main .menu-item-level--1 > .menu-item-link {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.16667;
line-height: 1.75rem;
margin-bottom: 32px
}
.nav-main .menu-item-level--1 > .menu-item-link.hide-title {
display: none
}
}
.nav-main .menu-level--2 {
margin: 0;
padding: 0
}
.nav-main .menu-level--2 .menu-item-link {
display: inline-block;
font-weight: 700
}
@media (min-width:992px) {
.nav-main .menu-level--2 .menu-item-link {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
border-bottom: 1px solid transparent;
transition: all .2s
}
.nav-main .menu-level--2 .menu-item-link:hover {
text-decoration: underline
}
}
@media (max-width:992px) {
.nav-main .menu-level--2 .menu-item-link {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem
}
}
.nav-main .menu-level--2 .description {
font-size: 14px;
font-size: .875rem;
line-height: 1.28571;
line-height: 1.125rem;
color: #717171;
margin-top: 4px
}
.nav-main .menu-item-level--2:not(:last-of-type) {
margin-bottom: 13px
}
@media (max-width:992px) {
.nav-main .menu-level--2 .description {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem
}
.nav-main .menu-item-level--2:not(:last-of-type) {
margin-bottom: 24px
}
.nav-submenu .menu-item-parent-title {
cursor: pointer
}
}
.nav-submenu .menu {
color: #fff;
margin: 0;
padding: 0
}
.nav-submenu .menu-item {
list-style: none
}
.nav-submenu .menu-item-parent-title {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
line-height: 1.25rem;
display: block;
font-weight: 700
}
@media (min-width:992px) {
.nav-submenu .menu-item-parent-icon {
display: none
}
}
@media (max-width:992px) {
.nav-submenu .menu-item-parent {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.nav-submenu .menu-item-parent .button {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
background: #0079B2;
border-radius: 2px;
display: inline-block;
padding: 8px 14px
}
.nav-submenu .menu-item-level--9:not(:last-of-type) {
margin-bottom: 18px
}
}
.nav-submenu a {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
color: #fff;
display: block;
text-decoration: none
}
@media (min-width:992px) {
.nav-submenu .menu-item-level--9 {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.nav-submenu .menu-level--1 {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
@media (max-width:992px) {
.nav-submenu .menu-level--1 {
display: none;
margin-bottom: 12px;
margin-top: 37px
}
}
@media (min-width:992px) {
.nav-submenu .menu-item-level--1 {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.nav-submenu .menu-item-level--1:not(:first-of-type) {
margin-left: 24px
}
.nav-submenu .menu-item-level--1 > a:not(.button) {
transition: all .2s ease
}
.nav-submenu .menu-item-level--1 > a:not(.button).is-active:not([href*="#"]), .nav-submenu .menu-item-level--1 > a:not(.button):hover {
text-decoration: underline
}
}
@media (min-width:992px) and (min-width:992px) {
.nav-submenu .menu-item-level--1 > a.button {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem;
background: #0079B2;
border-radius: 2px;
padding: 8px 16px;
transition: background .2s ease
}
.nav-submenu .menu-item-level--1 > a.button:hover {
background: #006899
}
}
@media (max-width:992px) {
.nav-submenu .menu-item-level--1:not(:first-of-type) > a {
margin-top: 16px
}
.nav-submenu .menu-item-level--1 > a {
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
line-height: 1.25rem
}
}
.nav-webshop li, .nav-webshop ul {
margin: 0;
padding: 0
}
.nav-webshop ul {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none
}
.nav-webshop li:not(:last-of-type) {
margin-right: 16px
}
.nav-webshop a, .nav-webshop span {
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none
}
.nav-webshop a:before, .nav-webshop span:before {
color: #969696;
display: block;
font-size: 18px;
line-height: 18px;
margin: 0;
transition: color .2s ease
}
.nav-webshop a:hover:before, .nav-webshop span:hover:before {
color: #262626
}
.nav-breadcrumb a:hover, .nav-breadcrumb li.is-active a {
color: #4A4A4A
}
@media (min-width:768px) {
.nav-main .menu-item-level--1.menu-item--background-grey .menu-item-level--2 > .menu-item-link.button {
max-width: 310px
}
.nav-breadcrumb {
margin: 0
}
}
.nav-breadcrumb ul {
font-size: 16px;
font-size: 1rem;
line-height: 1.1875;
line-height: 1.1875rem;
list-style: none;
padding: 0;
margin: 0
}
.nav-breadcrumb li {
position: relative;
float: left;
margin-right: 10px
}
.nav-breadcrumb li:before {
content: '\e80c';
position: absolute;
top: 2px;
left: -22px;
line-height: 18px
}
.nav-breadcrumb li:first-child:before {
display: none
}
.nav-breadcrumb a {
padding: 10px 10px 10px 0;
text-decoration: none
}
.jurisdictions {
z-index: 100;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #0089CF;
color: #fff;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: .5s cubic-bezier(.645, .045, .355, 1);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
.jurisdictions a {
color: #fff
}
.jurisdictions .button-close {
float: right
}
.jurisdictions .button-return {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition: -webkit-transform .3s cubic-bezier(.785, .135, .15, .86) 150ms;
transition: transform .3s cubic-bezier(.785, .135, .15, .86) 150ms;
transition: transform .3s cubic-bezier(.785, .135, .15, .86) 150ms, -webkit-transform .3s cubic-bezier(.785, .135, .15, .86) 150ms
}
.jurisdictions .jurisdictions__submenu-column-0, .jurisdictions .jurisdictions__submenu-column-1, .jurisdictions .jurisdictions__subtitle {
opacity: 0;
visibility: hidden
}
@media (min-width:480px) {
.jurisdictions .button-return {
display: none
}
.jurisdictions .jurisdictions__link, .jurisdictions .jurisdictions__submenu-column-0, .jurisdictions .jurisdictions__submenu-column-1, .jurisdictions .jurisdictions__subtitle, .jurisdictions .jurisdictions__title {
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
transition-duration: .3s;
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-property: visibility, opacity, -webkit-transform;
transition-property: visibility, transform, opacity;
transition-property: visibility, transform, opacity, -webkit-transform;
transition-delay: .3s
}
.jurisdictions .jurisdictions__submenu-column-0, .jurisdictions .jurisdictions__submenu-column-1, .jurisdictions .jurisdictions__subtitle {
transition-delay: .4s
}
}
@media (min-width:768px) {
.jurisdictions .jurisdictions__link, .jurisdictions .jurisdictions__submenu-column-0, .jurisdictions .jurisdictions__submenu-column-1, .jurisdictions .jurisdictions__subtitle, .jurisdictions .jurisdictions__title {
transition-duration: .4s;
transition-delay: .4s
}
.jurisdictions .jurisdictions__submenu-column-0, .jurisdictions .jurisdictions__subtitle {
transition-delay: .5s
}
.jurisdictions .jurisdictions__submenu-column-1 {
transition-delay: .6s
}
}
.jurisdictions.is-open-complete .jurisdictions__link, .jurisdictions.is-open-complete .jurisdictions__submenu-column-0, .jurisdictions.is-open-complete .jurisdictions__subtitle, .jurisdictions.is-open-complete .jurisdictions__title {
transition-delay: 0s
}
.jurisdictions.is-open-complete .jurisdictions__submenu-column-1 {
transition-delay: .1s
}
.jurisdictions.is-open {
display: block;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.jurisdictions.is-open .is-active .jurisdictions__submenu-column-0, .jurisdictions.is-open .is-active .jurisdictions__submenu-column-1, .jurisdictions.is-open .is-active .jurisdictions__subtitle, .jurisdictions.is-open .jurisdictions__link, .jurisdictions.is-open .jurisdictions__title {
z-index: 10;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible
}
@media (max-width:479px) {
.jurisdictions .jurisdictions__menu, .jurisdictions .jurisdictions__title {
transition: .5s cubic-bezier(.785, .135, .15, .86);
transition-property: opacity, visibility, -webkit-transform;
transition-property: transform, opacity, visibility;
transition-property: transform, opacity, visibility, -webkit-transform
}
.jurisdictions.is-submenu-open .jurisdictions__menu, .jurisdictions.is-submenu-open .jurisdictions__title {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.jurisdictions.is-submenu-open .button-return {
display: inline-block;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.jurisdiction__scroll-container {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto
}
.jurisdiction__scroll-container > .container {
-webkit-transform: translateZ(0);
transform: translateZ(0);
padding-bottom: 100px
}
.jurisdictions__subtitle, .jurisdictions__title {
display: block;
text-align: center;
font-size: 22px;
color: rgba(255, 255, 255, .25);
margin: 44px 0 56px
}
.jurisdictions__menu-container {
position: relative;
overflow: hidden
}
.jurisdictions__menu {
display: block;
width: 100%;
position: relative;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible
}
.jurisdictions__menu li {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, .25)
}
.jurisdictions__submenu {
position: absolute;
left: 0;
top: -124px;
width: 100%;
padding: 0 10px;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
@media (min-width:480px) {
.jurisdictions__subtitle, .jurisdictions__title {
text-align: left;
color: #fff;
font-size: 20px;
margin-left: 25px
}
.jurisdictions__menu li {
border-bottom: none
}
.jurisdictions__submenu {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.jurisdictions__submenu.is-active {
z-index: 20
}
.jurisdictions__link {
position: relative;
display: block;
padding: 16px 22px
}
.jurisdictions__link svg {
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.jurisdictions__link path {
fill: rgba(255, 255, 255, .25)
}
@media (min-width:480px) {
.jurisdictions__link {
padding: 8px 25px
}
.jurisdictions__link svg {
display: none
}
.jurisdictions__link:before {
content: '';
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: rgba(255, 255, 255, .25);
position: absolute;
left: 6px;
top: 50%;
-webkit-transform: translateX(-10px) translateY(-50%);
-ms-transform: translateX(-10px) translateY(-50%);
transform: translateX(-10px) translateY(-50%);
opacity: 0;
transition: .2s cubic-bezier(.215, .61, .355, 1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform
}
.jurisdictions__link.is-active:before, .jurisdictions__link:focus:before, .jurisdictions__link:hover:before {
opacity: 1;
-webkit-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%)
}
}
.is-selected .jurisdictions__link path {
fill: #fff
}
.jurisdictions__background {
height: 0;
min-height: 100%;
min-width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0
}
.jurisdictions__background .row > div:nth-of-type(2):before, .jurisdictions__background .row > div:nth-of-type(3):before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100vh;
background-color: #1a95d3
}
.jurisdictions__background .row > div:nth-of-type(3) {
display: none
}
.jurisdictions__background .row > div:nth-of-type(3):before {
width: 100vw
}
.jurisdictions__background .row > div:nth-of-type(3):after {
opacity: .25
}
@media (min-width:768px) {
.jurisdictions__background .row > div:nth-of-type(3) {
display: block
}
}
.jurisdictions__background .row > div:after {
z-index: 2;
content: '';
display: block;
width: 1px;
height: 300vh;
position: absolute;
left: 0;
top: -100vh;
background-color: #fff
}
.jurisdictions__controls {
position: relative;
overflow: hidden;
z-index: 99
}
.modal, .modal-overlay {
position: fixed;
display: none
}
.modal {
padding: 95px 35px 15px;
z-index: 200;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #fff
}
@media (min-width:768px) {
.modal {
width: 476px;
height: 300px;
padding-top: 82px;
left: 50%;
top: 50%;
bottom: auto;
margin-left: -238px;
margin-top: -150px;
text-align: center
}
}
.header, .highlighted img {
width: 100%
}
.header, .modal-overlay {
top: 0;
z-index: 100;
left: 0
}
.modal .modal-title {
margin-bottom: 1.5625rem
}
.modal p {
margin-bottom: 2.5rem;
color: #4e4040
}
.info .block-text, .info .block-text a {
color: #464646
}
.modal .btn-fill-sm {
display: block;
margin-left: auto;
margin-right: auto
}
@media (min-width:768px) {
.modal .btn-fill-sm {
margin-bottom: 12px
}
}
.modal .login {
text-align: center;
display: block
}
.modal-overlay {
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5)
}
.introduction {
text-align: center
}
.introduction .title-h1 {
margin: 0;
text-align: center
}
.introduction h2 {
font-size: 14px
}
.info {
margin-bottom: 0
}
@media (min-width:768px) {
.info {
margin: 0 5px
}
.info [class^=col-] {
padding: 0 5px
}
.info .block-text {
margin-bottom: .625rem
}
}
.info .block-text p {
margin-bottom: .625rem
}
.info .block-text a:hover {
color: #131313
}
.info [class^=icon-] {
text-align: center;
font-size: 15px;
margin-right: 5px
}
.info .icon-ws-mail {
font-size: 12px
}
.module.info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width:768px) {
.module.info [class^=col-] {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.module.info .block-text {
height: 100%
}
}
.header {
background: #fff;
border-bottom: 1px solid #EBEAEA;
height: 80px;
position: fixed
}
@media (max-width:992px) {
.header {
height: 64px
}
}
.header:after {
background: rgba(0, 0, 0, .3);
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 80px;
transition: opacity .2s ease, visibility .2s ease;
visibility: hidden;
width: 100%;
z-index: -1
}
.header.search-opened:after {
opacity: 1;
visibility: visible
}
.page--with-hero .header {
margin-bottom: 0
}
@media (max-width:992px) {
.header:after {
top: 64px
}
.header .container-fluid {
padding-left: 24px;
padding-right: 24px
}
}
.header__main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 24px 0
}
.header__menu {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.header__menu-service {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
@media (max-width:992px) {
.header__main {
padding: 16px 0
}
.header__menu {
background: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, .05), 0 10px 20px rgba(0, 0, 0, .1);
height: calc(100% - 64px);
left: -100%;
overflow: hidden;
padding: 32px 24px;
position: fixed;
top: 64px;
transition: left .2s ease;
width: 100%;
z-index: 1500
}
.header__menu.open {
left: 0;
overflow-x: hidden;
overflow-y: auto
}
.header__menu-service {
margin-left: auto
}
}
@media (min-width:992px) {
.header__menu, .header__menu-service {
transition: opacity .2s ease
}
.search-opened .header__menu, .search-opened .header__menu-service {
opacity: 0
}
}
.header__submenu {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #464646;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 60px;
padding: 12px 0
}
@media (max-width:992px) {
.header__submenu .container-fluid {
padding-left: 24px;
padding-right: 24px
}
}
@media (max-width:768px) {
.header__submenu .container-fluid {
width: 100%
}
}
.header-mobile-toggle {
background: 0 0;
border: none;
display: none;
margin: 0;
padding: 0
}
.toolbar-horizontal .header {
top: 39px
}
.toolbar-horizontal .header:after {
top: 119px
}
@media (max-width:992px) {
.header-mobile-toggle {
cursor: pointer;
display: block;
height: 100%;
margin: 0 18px 0 0;
padding: 0;
width: 20px
}
.header-mobile-toggle span {
background: #969696;
border-radius: 1px;
display: block;
height: 2px;
transition: all .2s ease;
width: 100%
}
.header-mobile-toggle span:not(:last-of-type) {
margin-bottom: 4px
}
.header-mobile-toggle.open {
z-index: 350
}
.header-mobile-toggle.open span:nth-of-type(1) {
-webkit-transform: rotate(45deg) translate(5px, 5px);
-ms-transform: rotate(45deg) translate(5px, 5px);
transform: rotate(45deg) translate(5px, 5px)
}
.header-mobile-toggle.open span:nth-of-type(2) {
opacity: 0;
width: 0
}
.header-mobile-toggle.open span:nth-of-type(3) {
-webkit-transform: rotate(-45deg) translate(3px, -4px);
-ms-transform: rotate(-45deg) translate(3px, -4px);
transform: rotate(-45deg) translate(3px, -4px)
}
.toolbar-horizontal .header:after {
top: 103px
}
}
.toolbar-vertical .header {
top: 39px
}
@media (min-width:992px) {
.toolbar-vertical .header:after {
top: 119px
}
.toolbar-tray-open .header {
top: 79px
}
.toolbar-tray-open .header:after {
top: 159px
}
}
.toolbar-tray-open.toolbar-vertical .header {
top: 39px
}
@media (min-width:992px) {
.toolbar-tray-open.toolbar-vertical .header:after {
top: 119px
}
.toolbar-oriented .toolbar-bar {
position: fixed
}
}
.footer {
padding-top: 1.5625rem;
margin: 0;
color: #C7C7C7;
background: #464646
}
.footer a {
color: #C7C7C7;
text-decoration: none
}
.footer a:hover {
color: #fff
}
.footer .block-text {
padding: 20px 0 10px;
background: #464646
}
.footer .block-title {
color: #fff;
font-weight: 700;
font-family: scalasans, sans-serif !important
}
.footer-bottom {
margin: 0;
background: #262626;
color: #C7C7C7;
padding: 1.25rem 20px
}
.footer-bottom a {
color: #C7C7C7
}
.footer-bottom .copyright {
font-size: 16px;
font-size: 1rem;
line-height: 1.125;
line-height: 1.125rem
}
.footer-bottom .footer-links {
float: right;
list-style: none;
margin: 0;
padding: 0
}
.footer-bottom .footer-links li {
float: left;
margin: 0
}
.footer-bottom .footer-links a {
display: inline-block;
margin: 0 15px
}
#sdu-eaad-leadgeneration {
font-family: Lato, Arial, sans !important;
width: 100%
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start label {
display: inline-block;
margin-bottom: 1.25rem
}
@media screen and (min-width:651px) {
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start label[for] {
width: 30%
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start label:not([for]) + label:not([for]) {
margin-left: 30px
}
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start input[type=checkbox] + label {
width: 100%
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start input {
display: inline-block;
padding-right: 40px;
width: 70%
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start select {
width: 70%
}
@media screen and (max-width:650px) {
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start label {
display: block;
margin-bottom: .5rem;
width: 100%
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start label[for] + input {
margin-bottom: 1.25rem
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start input, #sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start select {
width: 100%
}
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start input[type=radio] {
margin-right: 10px;
position: relative;
width: 16px
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start span {
margin-right: 40px
}
#sdu-eaad-leadgeneration #sdu-eaad-leadgeneration-start span:last-child {
margin-right: 0
}
#sdu-eaad-leadgeneration #sdu-eaad-lead-gen-submit-btn {
display: inline-block;
width: auto
}
#sdu-eaad-leadgeneration i.widget-icon.widget-error:before, #sdu-eaad-leadgeneration i.widget-icon.widget-passed:before {
display: inline-block;
font-family: sdu-icons;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
height: 17px;
line-height: 1em;
margin-left: .2em;
margin-right: .2em;
right: 10px;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
vertical-align: .2em;
width: 1em;
font-weight: 400
}
#sdu-eaad-leadgeneration .sdu-eaad-lead-gen-error {
color: #ee3224;
font-size: 14px;
left: 30%;
margin-top: -7px;
position: relative
}
@media screen and (max-width:650px) {
#sdu-eaad-leadgeneration .sdu-eaad-lead-gen-error {
left: 0;
margin-top: 0
}
}
#sdu-eaad-leadgeneration i.widget-icon.widget-error {
color: #ee3224;
position: relative
}
#sdu-eaad-leadgeneration i.widget-icon.widget-error:before {
content: '\e819';
position: absolute
}
#sdu-eaad-leadgeneration i.widget-icon.widget-passed {
color: #10b910;
position: relative
}
#sdu-eaad-leadgeneration i.widget-icon.widget-passed:before {
content: '\e802';
position: absolute
}
#sdu-eaad-placeholder input[type=checkbox] {
clip: auto;
height: 20px;
opacity: 0;
width: 20px;
z-index: 20
}
.webform-element-description {
font-size: 15px;
font-style: italic
}
.webform-submission-form {
margin: 0 auto;
max-width: 768px
}
.webform-submission-form .js-form-item {
margin-bottom: 20px
}
.webform-submission-form label {
color: #262626;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: 400;
margin-bottom: 6px;
padding: 7px 15px 0 0;
text-align: left
}
.webform-submission-form .input-text, .webform-submission-form input[type=date], .webform-submission-form input[type=datetime-local], .webform-submission-form input[type=email], .webform-submission-form input[type=number], .webform-submission-form input[type=password], .webform-submission-form input[type=search-md], .webform-submission-form input[type=search], .webform-submission-form input[type=tel], .webform-submission-form input[type=text], .webform-submission-form input[type=time], .webform-submission-form input[type=url], .webform-submission-form textarea {
border: 1px solid #c7c7c7;
border-radius: 0;
box-shadow: none;
font-size: 15px;
height: auto;
margin: 0;
padding: 12px 25px
}
.webform-submission-form textarea {
min-height: 17rem;
padding: 20px;
resize: none
}
.sdu-input--30, .sdu-input--50, .sdu-input--70 {
display: inline-block;
padding-right: 10px
}
.webform-submission-form required em {
color: #f15c22;
margin-right: 4px
}
.webform-options-display-three-columns div.form-item, .webform-options-display-two-columns div.form-item {
margin-bottom: 8px
}
.sdu-input--30 {
width: calc(30% - 20px)
}
.sdu-input--50 {
width: calc(50% - 20px)
}
.sdu-input--70 {
width: calc(70% - 20px)
}
.sdu-input--30 input, .sdu-input--30 label, .sdu-input--50 input, .sdu-input--50 label, .sdu-input--70 input, .sdu-input--70 label {
width: 100% !important
}
.js-form-item input, .js-form-item textarea {
width: calc(100% - 47px)
}
.fieldgroup, fieldset {
border-width: 0;
margin: 0 2px 0 0;
padding: .35em .625em .75em 0
}
blockquote, h1, h2, h3, h4, h5, h6, html, ol, p, ul {
color: #464646
}
.h2, .h3, .h4, .lnr, h2, h3, h4 {
font-weight: 400
}
.container, .container-fluid, .flexembed, .section .row {
overflow: hidden
}
html {
font-family: Lato, sans-serif
}
.font--secondary {
font-family: Calibri, serif
}
.section--fullwidth h2, .section--two-column h2 {
font-size: 29px;
font-size: 1.8125rem;
line-height: 1.2069;
line-height: 2.1875rem;
margin-top: 0;
margin-bottom: 24px
}
.btn--inline, .section p:last-child {
margin-bottom: 0
}
@font-face {
font-family: Linearicons;
src: url(/themes/custom/sdu_theme/assets/fonts/linearicons/Linearicons.eot?w118d=);
src: url(/themes/custom/sdu_theme/assets/fonts/linearicons/Linearicons.eot#iefixw118d) format("embedded-opentype"), url(/themes/custom/sdu_theme/assets/fonts/linearicons/Linearicons.woff2?w118d=) format("woff2"), url(/themes/custom/sdu_theme/assets/fonts/linearicons/Linearicons.woff?w118d=) format("woff"), url(/themes/custom/sdu_theme/assets/fonts/linearicons/Linearicons.ttf?w118d=) format("truetype"), url(/themes/custom/sdu_theme/assets/fonts/linearicons/Linearicons.svg?w118d=#Linearicons) format("svg");
font-weight: 400;
font-style: normal
}
.lnr {
font-family: Linearicons;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.lnr-home:before {
content: "\e800"
}
.lnr-apartment:before {
content: "\e801"
}
.lnr-pencil:before {
content: "\e802"
}
.lnr-magic-wand:before {
content: "\e803"
}
.lnr-drop:before {
content: "\e804"
}
.lnr-lighter:before {
content: "\e805"
}
.lnr-poop:before {
content: "\e806"
}
.lnr-sun:before {
content: "\e807"
}
.lnr-moon:before {
content: "\e808"
}
.lnr-cloud:before {
content: "\e809"
}
.lnr-cloud-upload:before {
content: "\e80a"
}
.lnr-cloud-download:before {
content: "\e80b"
}
.lnr-cloud-sync:before {
content: "\e80c"
}
.lnr-cloud-check:before {
content: "\e80d"
}
.lnr-database:before {
content: "\e80e"
}
.lnr-lock:before {
content: "\e80f"
}
.lnr-cog:before {
content: "\e810"
}
.lnr-trash:before {
content: "\e811"
}
.lnr-dice:before {
content: "\e812"
}
.lnr-heart:before {
content: "\e813"
}
.lnr-star:before {
content: "\e814"
}
.lnr-star-half:before {
content: "\e815"
}
.lnr-star-empty:before {
content: "\e816"
}
.lnr-flag:before {
content: "\e817"
}
.lnr-envelope:before {
content: "\e818"
}
.lnr-paperclip:before {
content: "\e819"
}
.lnr-inbox:before {
content: "\e81a"
}
.lnr-eye:before {
content: "\e81b"
}
.lnr-printer:before {
content: "\e81c"
}
.lnr-file-empty:before {
content: "\e81d"
}
.lnr-file-add:before {
content: "\e81e"
}
.lnr-enter:before {
content: "\e81f"
}
.lnr-exit:before {
content: "\e820"
}
.lnr-graduation-hat:before {
content: "\e821"
}
.lnr-license:before {
content: "\e822"
}
.lnr-music-note:before {
content: "\e823"
}
.lnr-film-play:before {
content: "\e824"
}
.lnr-camera-video:before {
content: "\e825"
}
.lnr-camera:before {
content: "\e826"
}
.lnr-picture:before {
content: "\e827"
}
.lnr-book:before {
content: "\e828"
}
.lnr-bookmark:before {
content: "\e829"
}
.lnr-user:before {
content: "\e82a"
}
.lnr-users:before {
content: "\e82b"
}
.lnr-shirt:before {
content: "\e82c"
}
.lnr-store:before {
content: "\e82d"
}
.lnr-cart:before {
content: "\e82e"
}
.lnr-tag:before {
content: "\e82f"
}
.lnr-phone-handset:before {
content: "\e830"
}
.lnr-phone:before {
content: "\e831"
}
.lnr-pushpin:before {
content: "\e832"
}
.lnr-map-marker:before {
content: "\e833"
}
.lnr-map:before {
content: "\e834"
}
.lnr-location:before {
content: "\e835"
}
.lnr-calendar-full:before {
content: "\e836"
}
.lnr-keyboard:before {
content: "\e837"
}
.lnr-spell-check:before {
content: "\e838"
}
.lnr-screen:before {
content: "\e839"
}
.lnr-smartphone:before {
content: "\e83a"
}
.lnr-tablet:before {
content: "\e83b"
}
.lnr-laptop:before {
content: "\e83c"
}
.lnr-laptop-phone:before {
content: "\e83d"
}
.lnr-power-switch:before {
content: "\e83e"
}
.lnr-bubble:before {
content: "\e83f"
}
.lnr-heart-pulse:before {
content: "\e840"
}
.lnr-construction:before {
content: "\e841"
}
.lnr-pie-chart:before {
content: "\e842"
}
.lnr-chart-bars:before {
content: "\e843"
}
.lnr-gift:before {
content: "\e844"
}
.lnr-diamond:before {
content: "\e845"
}
.lnr-linearicons:before {
content: "\e846"
}
.lnr-dinner:before {
content: "\e847"
}
.lnr-coffee-cup:before {
content: "\e848"
}
.lnr-leaf:before {
content: "\e849"
}
.lnr-paw:before {
content: "\e84a"
}
.lnr-rocket:before {
content: "\e84b"
}
.lnr-briefcase:before {
content: "\e84c"
}
.lnr-bus:before {
content: "\e84d"
}
.lnr-car:before {
content: "\e84e"
}
.lnr-train:before {
content: "\e84f"
}
.lnr-bicycle:before {
content: "\e850"
}
.lnr-wheelchair:before {
content: "\e851"
}
.lnr-select:before {
content: "\e852"
}
.lnr-earth:before {
content: "\e853"
}
.lnr-smile:before {
content: "\e854"
}
.lnr-sad:before {
content: "\e855"
}
.lnr-neutral:before {
content: "\e856"
}
.lnr-mustache:before {
content: "\e857"
}
.lnr-alarm:before {
content: "\e858"
}
.lnr-bullhorn:before {
content: "\e859"
}
.lnr-volume-high:before {
content: "\e85a"
}
.lnr-volume-medium:before {
content: "\e85b"
}
.lnr-volume-low:before {
content: "\e85c"
}
.lnr-volume:before {
content: "\e85d"
}
.lnr-mic:before {
content: "\e85e"
}
.lnr-hourglass:before {
content: "\e85f"
}
.lnr-undo:before {
content: "\e860"
}
.lnr-redo:before {
content: "\e861"
}
.lnr-sync:before {
content: "\e862"
}
.lnr-history:before {
content: "\e863"
}
.lnr-clock:before {
content: "\e864"
}
.lnr-download:before {
content: "\e865"
}
.lnr-upload:before {
content: "\e866"
}
.lnr-enter-down:before {
content: "\e867"
}
.lnr-exit-up:before {
content: "\e868"
}
.lnr-bug:before {
content: "\e869"
}
.lnr-code:before {
content: "\e86a"
}
.lnr-link:before {
content: "\e86b"
}
.lnr-unlink:before {
content: "\e86c"
}
.lnr-thumbs-up:before {
content: "\e86d"
}
.lnr-thumbs-down:before {
content: "\e86e"
}
.lnr-magnifier:before {
content: "\e86f"
}
.lnr-cross:before {
content: "\e870"
}
.lnr-menu:before {
content: "\e871"
}
.lnr-list:before {
content: "\e872"
}
.lnr-chevron-up:before {
content: "\e873"
}
.lnr-chevron-down:before {
content: "\e874"
}
.lnr-chevron-left:before {
content: "\e875"
}
.lnr-chevron-right:before {
content: "\e876"
}
.lnr-arrow-up:before {
content: "\e877"
}
.lnr-arrow-down:before {
content: "\e878"
}
.lnr-arrow-left:before {
content: "\e879"
}
.lnr-arrow-right:before {
content: "\e87a"
}
.lnr-move:before {
content: "\e87b"
}
.lnr-warning:before {
content: "\e87c"
}
.lnr-question-circle:before {
content: "\e87d"
}
.lnr-menu-circle:before {
content: "\e87e"
}
.lnr-checkmark-circle:before {
content: "\e87f"
}
.lnr-cross-circle:before {
content: "\e880"
}
.lnr-plus-circle:before {
content: "\e881"
}
.lnr-circle-minus:before {
content: "\e882"
}
.lnr-arrow-up-circle:before {
content: "\e883"
}
.lnr-arrow-down-circle:before {
content: "\e884"
}
.lnr-arrow-left-circle:before {
content: "\e885"
}
.lnr-arrow-right-circle:before {
content: "\e886"
}
.lnr-chevron-up-circle:before {
content: "\e887"
}
.lnr-chevron-down-circle:before {
content: "\e888"
}
.lnr-chevron-left-circle:before {
content: "\e889"
}
.lnr-chevron-right-circle:before {
content: "\e88a"
}
.lnr-crop:before {
content: "\e88b"
}
.lnr-frame-expand:before {
content: "\e88c"
}
.lnr-frame-contract:before {
content: "\e88d"
}
.lnr-layers:before {
content: "\e88e"
}
.lnr-funnel:before {
content: "\e88f"
}
.lnr-text-format:before {
content: "\e890"
}
.lnr-text-format-remove:before {
content: "\e891"
}
.lnr-text-size:before {
content: "\e892"
}
.lnr-bold:before {
content: "\e893"
}
.lnr-italic:before {
content: "\e894"
}
.lnr-underline:before {
content: "\e895"
}
.lnr-strikethrough:before {
content: "\e896"
}
.lnr-highlight:before {
content: "\e897"
}
.lnr-text-align-left:before {
content: "\e898"
}
.lnr-text-align-center:before {
content: "\e899"
}
.lnr-text-align-right:before {
content: "\e89a"
}
.lnr-text-align-justify:before {
content: "\e89b"
}
.lnr-line-spacing:before {
content: "\e89c"
}
.lnr-indent-increase:before {
content: "\e89d"
}
.lnr-indent-decrease:before {
content: "\e89e"
}
.lnr-pilcrow:before {
content: "\e89f"
}
.lnr-direction-ltr:before {
content: "\e8a0"
}
.lnr-direction-rtl:before {
content: "\e8a1"
}
.lnr-page-break:before {
content: "\e8a2"
}
.lnr-sort-alpha-asc:before {
content: "\e8a3"
}
.lnr-sort-amount-asc:before {
content: "\e8a4"
}
.lnr-hand:before {
content: "\e8a5"
}
.lnr-pointer-up:before {
content: "\e8a6"
}
.lnr-pointer-right:before {
content: "\e8a7"
}
.lnr-pointer-down:before {
content: "\e8a8"
}
.lnr-pointer-left:before {
content: "\e8a9"
}
.flexembed {
position: relative;
height: 0;
padding: 0
}
.flexembed embed, .flexembed iframe, .flexembed object, .flexembed__item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.flexembed--16by9 {
padding-bottom: 56.25%
}
.flexembed--4by3 {
padding-bottom: 75%
}
.section img, .section video {
height: auto;
max-width: 100%
}
.bg-gray, .section--bg-gray {
background-color: #f5f5f5
}
.bg-white, .section--bg-white {
background-color: #fff
}
.paragraph.bg-image {
background-repeat: no-repeat;
background-size: cover
}
.paragraph--type--fullwidth-text + .paragraph--type--multi-column .section:not(.section--bg-gray) .container--padding {
position: relative;
padding-top: 0;
margin-top: -20px
}
.paragraph--type--hero-category + .bg-gray {
margin-top: 40px
}
.container {
width: 100%
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.container--padding {
padding-top: 25px;
padding-bottom: 25px
}
@media (min-width:768px) {
.container--padding-large {
padding-top: 50px;
padding-bottom: 50px
}
.container--padding-huge {
padding-top: 75px;
padding-bottom: 75px
}
}
.header .container-fluid {
overflow: visible
}
.bg-gray + .bg-gray .container--padding, .bg-gray + .bg-gray .container--padding-large, .bg-white + .bg-white .container--padding, .bg-white + .bg-white .container--padding-large {
position: relative;
margin-top: -20px;
padding-top: 0
}
.btn--red {
background-color: #D60F00;
border-color: #D60F00;
color: #fff
}
.btn--red:hover {
background-color: #980A00;
border-color: #980A00
}
.btn--white, .btn--white:hover {
background-color: #fff;
border-color: #fff
}
.btn--white {
color: #0079B2
}
.btn--white:hover {
color: #31B4F1;
text-decoration: underline
}
.btn--white:focus {
border-color: #31B4F1;
box-shadow: none
}
.btn--gray {
background-color: #EBEAEA;
border-color: #EBEAEA;
color: #464646
}
.btn--gray:hover {
background-color: #DDDCDC;
border-color: #DDDCDC;
color: #464646
}
.btn--gray:focus {
border-color: #464646;
box-shadow: none
}
.btn--inline {
display: inline-block;
max-width: none;
width: auto
}
.button--social-media {
background-color: #bebebe;
color: #fff;
display: inline-block;
height: 48px;
position: relative;
text-decoration: none;
text-indent: -999em;
transition: background-color .2s;
width: 48px;
font-size: 28px;
font-size: 1.75rem;
line-height: 1;
line-height: 1.75rem
}
.button--social-media::before {
left: 50%;
margin: 0;
position: absolute;
text-indent: 0;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.button--social-media.icon-facebook:hover {
background-color: #3b5998
}
.button--social-media.icon-linkedin:hover {
background-color: #0077b5
}
.button--social-media.icon-twitter:hover {
background-color: #1ea1f2
}
.button--social-media.icon-youtube-play:hover {
background-color: #ff2600
}
.button--social-media.icon-instagram:hover {
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, red, #ff0)
}
.tabs-system {
list-style: none;
margin: 20px 0;
padding: 0;
text-align: center
}
.tabs-system li {
display: inline-block;
margin-right: 5px
}
.tabs-system li a {
background-color: #f6f6f6;
border-radius: 5px;
color: #464646;
display: block;
padding: 5px 10px;
text-decoration: none
}
.tabs-system li a:hover {
background-color: #464646;
color: #fff
}
.section--hero {
position: relative
}
.section--hero .hero__visual {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 524px;
overflow: hidden;
padding: 102px 0;
position: relative
}
@media (max-width:992px) {
.section--hero .hero__visual {
min-height: 300px;
padding: 32px 0
}
.section--hero .hero__visual .container {
padding-left: 24px;
padding-right: 24px
}
}
.section--hero .hero__visual .hero__text {
color: #fff;
position: relative;
text-align: left;
z-index: 10
}
.section--hero .hero__visual .hero__text h1, .section--hero .hero__visual .hero__text h2 {
font-size: 32px;
font-size: 2rem;
line-height: 1.125;
line-height: 2.25rem;
color: #fff;
font-weight: 700;
margin-bottom: 0;
padding: 0;
text-align: left
}
.section--hero .hero__visual .hero__text p {
color: #fff
}
.section--hero .hero__visual .hero__text .btn-fill-lg, .section--hero .hero__visual .hero__text .btn-large {
margin: 16px 16px 0 0;
width: auto
}
.section--hero .hero__visual .hero__text .btn-fill-lg:last-child, .section--hero .hero__visual .hero__text .btn-large:last-child {
margin-right: 0
}
@media (min-width:992px) {
.section--hero .hero__visual .hero__text {
max-width: 592px
}
.section--hero .hero__visual .hero__text h1, .section--hero .hero__visual .hero__text h2 {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.09524;
line-height: 2.875rem
}
.section--hero .hero__visual .hero__text .btn-fill-lg, .section--hero .hero__visual .hero__text .btn-large {
margin: 24px 16px 0 0
}
}
.section--hero .hero__visual .hero__intro {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
line-height: 1.5rem;
margin-top: 16px
}
.section--hero .hero__visual .hero__image {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
width: 100%
}
.section--hero .hero__visual .hero__image img {
display: block;
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center;
width: 100%
}
.section--hero .hero__visual .hero__image:after {
background: linear-gradient(180deg, rgba(5, 5, 5, .3) 0, rgba(5, 5, 5, .05) 100%);
content: '';
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.section--hero .media-image-video-wrapper .article-video, .section--hero .media-image-video-wrapper .hero__image {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.section--hero .media-image-video-wrapper:not(.media-image-video-wrapper--autoplay) .hero__image.hide + .article-video {
pointer-events: all
}
.section--hero .media-image-video-wrapper .hero__image {
transition: opacity .2s ease;
z-index: 20
}
.section--hero .media-image-video-wrapper .hero__image:after {
z-index: 20
}
.section--hero .media-image-video-wrapper .hero__text {
transition: opacity .2s ease;
z-index: 30
}
.section--hero .media-image-video-wrapper img, .section--hero .media-image-video-wrapper video {
display: block;
height: 100%;
line-height: 0;
object-fit: cover;
object-position: center;
width: 100%
}
.section--hero .media-image-video-wrapper__play-button {
margin-top: 24px
}
.section--hero .media-image-video-wrapper .hide {
opacity: 0;
pointer-events: none
}
.section--hero .link--overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-indent: -999em;
top: 0;
z-index: 10
}
.section--hero-category {
position: relative
}
.section--hero-category .hero__visual {
overflow: hidden;
position: relative
}
.section--hero-category .hero__visual .hero__text {
color: #fff;
min-height: 280px;
padding: 20px;
position: relative;
text-align: left;
z-index: 10;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
line-height: 1.6875rem
}
.section--hero-category .hero__visual .hero__text p {
color: #fff;
font-style: italic
}
.section--hero-category .hero__visual .hero__text .hero__intro {
max-width: 600px
}
@media (min-width:768px) {
.section--hero-category .hero__visual .hero__text {
padding: 40px
}
}
.section--hero-category .hero__visual .hero__text h1 {
color: #fff;
font-weight: 700;
margin-bottom: 0;
max-width: 600px;
padding: 0;
text-align: left;
font-size: 35px;
font-size: 2.1875rem;
line-height: 1;
line-height: 2.1875rem
}
@media (min-width:768px) {
.section--hero-category .hero__visual .hero__text h1 {
font-size: 35px;
font-size: 2.1875rem;
line-height: 1;
line-height: 2.1875rem
}
}
@media (max-width:479px) {
.section--hero .hero__visual {
min-height: 280px
}
.section--hero-category .hero__visual .hero__text h1 {
font-size: 25px;
font-size: 1.5625rem;
line-height: 1;
line-height: 1.5625rem
}
}
.section--hero-category .hero__visual .hero__text .btn-fill-lg, .section--hero-category .hero__visual .hero__text .btn-large {
margin-bottom: 0;
margin-right: 20px;
margin-top: 10px;
width: auto
}
@media (min-width:992px) {
.section--hero-category .hero__visual .hero__text h1 {
font-size: 50px;
font-size: 3.125rem;
line-height: 1;
line-height: 3.125rem
}
.section--hero-category .hero__visual .hero__text .btn-fill-lg, .section--hero-category .hero__visual .hero__text .btn-large {
margin-bottom: 0;
margin-top: 30px
}
}
.section--hero-category .hero__visual .hero__text .btn-fill-lg + .btn-fill-lg {
margin-right: 0
}
.section--hero-category .hero__visual .hero__image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.section--hero-category .hero__visual .hero__image img {
display: block;
height: 100%;
left: 50%;
max-width: none;
min-height: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
@media (min-width:680px) {
.section--hero-category .hero__visual .hero__image img {
height: auto
}
}
@media (max-width:479px) {
.section--hero-category .hero__visual .hero__image img {
height: 100%;
max-width: none;
width: auto
}
}
.section--hero-category .hero__visual .hero__image::after {
background: linear-gradient(to right, rgba(0, 0, 0, .3) 80%, rgba(0, 0, 0, .1));
content: '\A';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.section--hero-category .link--overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-indent: -999em;
top: 0;
z-index: 10
}
.section--hero + .section--fullwidth ol, .section--hero + .section--fullwidth p, .section--hero + .section--fullwidth ul {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333;
line-height: 1.5rem
}
.section--hero + .section--fullwidth .btn-fill-lg, .section--hero + .section--fullwidth ol:last-child, .section--hero + .section--fullwidth p:last-child, .section--hero + .section--fullwidth ul:last-child {
margin-bottom: 0
}
.section--two-column .col {
padding-bottom: 40px
}
.section--two-column .col + .col:last-of-type {
padding-bottom: 0
}
.section--two-column .col ol:last-child, .section--two-column .col p:last-child, .section--two-column .col ul:last-child {
margin-bottom: 0
}
@media (min-width:768px) {
.section--two-column .col {
padding-bottom: 0
}
.section--two-column .col-sm-6 {
padding-right: 60px
}
.section--two-column .col-sm-6 + .col-sm-6 {
padding-left: 60px;
padding-right: 15px
}
}
.section--two-column .content-list, .section--two-column .download-list, .section--two-column .event-list {
list-style: none;
margin: 0 0 20px;
padding: 0
}
.section--two-column .content-list li, .section--two-column .download-list li, .section--two-column .event-list li {
display: block
}
.section--two-column .content-list li a, .section--two-column .download-list li a, .section--two-column .event-list li a {
background: url(/themes/custom/sdu_theme/assets/svg/icons/icon--document.svg) 5px 20px no-repeat;
background-size: 25px 31px;
border-bottom: 1px solid #ccc;
display: block;
padding: 15px 65px 15px 55px;
position: relative;
text-decoration: none;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
line-height: 1.6875rem
}
@media (max-width:768px) {
.section--two-column .content-list li a, .section--two-column .download-list li a, .section--two-column .event-list li a {
background-position: 5px 15px
}
}
.section--two-column .content-list li a::after, .section--two-column .download-list li a::after, .section--two-column .event-list li a::after {
background: url(/themes/custom/sdu_theme/assets/svg/icons/icon--arrow-open.svg) no-repeat;
background-size: 10px 20px;
content: ">";
display: block;
height: 20px;
position: absolute;
right: 20px;
text-indent: -999em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: right .15s;
width: 10px
}
.section--two-column .content-list li a:hover::after, .section--two-column .download-list li a:hover::after, .section--two-column .event-list li a:hover::after {
right: 10px
}
.section--two-column .content-list li:last-child a, .section--two-column .download-list li:last-child a, .section--two-column .event-list li:last-child a {
border-bottom: 0
}
.section--two-column .event-list li a {
background-image: url(/themes/custom/sdu_theme/assets/svg/icons/icon--calendar.svg);
background-size: 26px
}
.section--two-column .content-list li a {
background-image: url(/themes/custom/sdu_theme/assets/svg/icons/icon--news.svg);
background-position: 5px center;
background-size: 26px
}
@media (max-width:768px) {
.section--two-column .content-list li a {
background-position: 5px center
}
}
.section--two-column .contact-info--has-image {
padding-left: 140px;
position: relative
}
.section--two-column .contact-info .contact-info__email, .section--two-column .contact-info .contact-info__function, .section--two-column .contact-info .contact-info__name, .section--two-column .contact-info .contact-info__phone {
display: block
}
.section--two-column .contact-info .contact-info__email {
background-image: url(/themes/custom/sdu_theme/assets/svg/icons/icon--mail.svg);
font-weight: 700;
word-break: break-all
}
.section--two-column .contact-info .contact-info__name {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.5;
line-height: 2.4375rem
}
.section--two-column .contact-info .contact-info__function {
margin-bottom: 10px
}
.section--two-column .contact-info .contact-info__email, .section--two-column .contact-info .contact-info__phone {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
line-height: 1.6875rem;
background: url(/themes/custom/sdu_theme/assets/svg/icons/icon--phone.svg) 0 6px no-repeat;
background-size: 20px;
padding-left: 35px
}
.section--two-column .contact-info .button-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section--two-column .contact-info .button-wrapper a[role=button] {
background-color: #ee3224;
border-color: #ee3224;
margin-right: 10px;
width: auto
}
.section--two-column .contact-info .button-wrapper a[role=button] + a[role=button] {
background-color: #464646;
border-color: #464646;
margin-right: 0
}
.section--two-column .contact-info .contact-info__image {
border-radius: 50%;
height: 120px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 120px
}
.section--two-column .contact-info .contact-info__image img {
max-height: 100%;
max-width: 100%
}
.section--multi-column h3 {
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis
}
.section--multi-column ol:last-child, .section--multi-column p:last-child, .section--multi-column ul:last-child {
margin-bottom: 0
}
.section--multi-column .col > .paragraph {
width: 100%
}
@media (max-width:1199px) {
.section--multi-column .col {
margin-bottom: 20px
}
}
.section--usp .usp-list {
list-style: none;
margin: 0;
padding: 0
}
@media (min-width:992px) {
.section--usp .usp-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.section--usp .usp-list li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 10px 30px 10px 50px;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.5;
line-height: 1.6875rem;
border-bottom: 1px solid #ccc;
background: url(/themes/custom/sdu_theme/assets/svg/icons/icon--check.svg) 5px 50% no-repeat;
background-size: 22px
}
.section--usp .usp-list li:last-child {
border-bottom: 0
}
@media (min-width:992px) {
.section--usp .usp-list li {
width: calc(50% - 20px);
padding-right: 0
}
.section--usp .usp-list li:nth-child(2n+1) {
margin-right: 30px
}
.section--usp .usp-list li:nth-last-of-type(-n+2):not(:nth-child(even)) {
border-bottom-width: 0
}
}
.section--quotes h2 {
margin-bottom: 60px
}
.section--quotes .col {
padding-bottom: 40px
}
.section--quotes .col + .col:last-of-type {
padding-bottom: 0
}
@media (min-width:768px) {
.section--quotes .col {
padding-bottom: 0
}
}
.section--quotes .quote--has-image {
position: relative;
padding-left: 140px
}
.section--quotes .quote__text {
font-style: italic;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.30435;
line-height: 1.875rem;
border-left-width: 0;
margin: 0;
padding: 0;
quotes: "\201C""\201D""\2018""\2019"
}
.section--quotes .quote__text p:first-of-type::after, .section--quotes .quote__text p:last-of-type::before {
display: inline
}
.section--quotes .quote__text p:last-of-type::before {
content: open-quote
}
.section--quotes .quote__text p:last-of-type::after {
content: close-quote
}
.section--quotes .quote__author {
display: block;
font-weight: 700
}
.section--quotes .quote__author-image {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
overflow: hidden;
height: 112px;
width: 112px
}
.section--products .section__title {
margin-bottom: 70px
}
.section--products .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section--products .row .col {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 20px;
max-width: 100%
}
@media (min-width:480px) {
.section--products .row .col {
margin-bottom: 0
}
}
.section--products .paragraph--type--product, .section--products .product {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.section--products .product__image {
display: block;
margin: 0 0 30px
}
.section--products .product__image img {
display: block;
height: 160px;
margin: 0 auto;
object-fit: contain;
width: auto
}
.section--products .product__title {
margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden
}
.section--products .product__price {
display: block;
margin-top: auto;
margin-bottom: 20px
}
.section--products .product__amount {
margin-right: 5px;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.5;
line-height: 2.0625rem;
font-weight: 700
}
.section--products .product__desc {
margin-bottom: 20px
}
.section--products .btn-fill-lg {
max-width: 100%
}
@media (min-width:1200px) {
.section--products .btn-fill-lg {
margin-bottom: 0
}
}
.section--tabs .tabs, .section--tabs .tabs__columns {
list-style: none;
margin: 0;
max-width: 100%;
padding: 0
}
.section--tabs .tab {
display: inline-block
}
.section--tabs .tabs__columns {
border-top: 1px solid #999;
width: 100%
}
.section--tabs .tabs__columns .col {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px
}
.section--tabs .tabs__columns .subscription-title {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.46154;
line-height: 2.375rem;
margin-bottom: 10px
}
.section--tabs .tabs__columns .subscription-sub-title {
margin-bottom: 5px;
min-height: 48px;
min-height: 3em
}
.section--tabs .tabs__columns .subscription-price {
max-width: 100%
}
.section--tabs .tabs__columns .subscription-price .subscription-price__currency {
margin-right: 4px;
top: -.6em;
vertical-align: super;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.5;
line-height: 2.25rem
}
.section--tabs .tabs__columns .subscription-price .subscription-price__amount {
font-size: 50px;
font-size: 3.125rem;
line-height: 1;
line-height: 3.125rem
}
.section--tabs .tabs__columns .subscription-price .subscription-price__decimal {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.5;
line-height: 1.875rem
}
.section--tabs .tabs__columns .subscription-price .subscription-price-suffix {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
line-height: 1.5rem
}
.section--tabs .tab__link {
border: 1px solid transparent;
color: #464646;
cursor: pointer;
display: block;
outline: 0;
padding: 10px 15px;
text-decoration: none;
text-transform: uppercase;
transition: .3s;
font-size: 16px;
font-size: 1rem;
line-height: 1;
line-height: 1rem
}
@media screen and (min-width:768px) {
.section--tabs .tab__link {
padding: 12px 60px;
font-size: 18px;
font-size: 1.125rem;
line-height: 1;
line-height: 1.125rem
}
}
.section--tabs .tab--active .tab__link, .section--tabs .tab__link:hover {
border-color: #999 #999 #fff;
margin-bottom: -1px;
padding-bottom: 11px
}
@media screen and (min-width:768px) {
.section--tabs .tab--active .tab__link, .section--tabs .tab__link:hover {
padding-bottom: 13px
}
.section--tabs .button-wrapper {
min-height: 148px
}
}
.section--tabs .tab__content {
display: none;
padding: 40px 0 0;
-webkit-animation: fadeeffect 1s;
animation: fadeEffect .3s
}
.section--tabs .tab__content ul {
list-style: disc;
padding-left: 25px
}
.section--tabs .tab__content--active {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section--tabs .button-wrapper {
margin-top: auto;
max-width: 100%;
width: 100%
}
.section--tabs .button-wrapper .btn-fill-lg {
max-width: 200px;
vertical-align: top;
width: 100%
}
@media screen and (max-width:479px) {
.section--tabs .button-wrapper .btn-fill-lg {
max-width: 100%
}
}
@media screen and (min-width:768px) {
.section--tabs .button-wrapper .btn-fill-lg {
max-width: 400px
}
}
.section--tabs .button-wrapper .btn-fill-lg:first-of-type {
margin-bottom: 12px
}
@-webkit-keyframes fadeEffect {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeEffect {
from {
opacity: 0
}
to {
opacity: 1
}
}
.article--feature .icon {
font-size: 65px;
margin-bottom: 24px;
text-align: center
}
.feature-icon-image {
display: block;
height: auto;
margin: 0 auto 24px;
width: 65px
}
.article--feature {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
margin-bottom: 20px;
padding: 20px;
width: 100%
}
.article--feature .btn-fill-lg {
margin-bottom: 0;
margin-top: auto;
min-width: 100%
}
.row--features {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.row--features .paragraph--type--feature {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.row--features .col {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
@media (max-width:767px) {
.row--features .col {
max-width: 100%;
width: 100%
}
}
@media (min-width:992px) {
.article--feature, .row--features .btn-fill-lg {
margin-bottom: 0
}
}
.section--bg-highlight {
background: #0089cf;
color: #FFF;
padding: 12px
}
.section--bg-highlight .btn-fill-lg {
background-color: #fff;
border-color: #fff;
color: #0079B2
}
.section--bg-highlight .btn-fill-lg:hover {
background-color: #fff;
border-color: #fff;
color: #31B4F1;
text-decoration: underline
}
.section--bg-highlight h3, .section--bg-highlight p {
color: #FFF
}
.section--link-list .row .col {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
@media (max-width:479px) {
.section--link-list .col {
width: 100%
}
}
@media (min-width:480px) {
.section--link-list .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.column-link-list {
margin-bottom: 20px
}
@media (min-width:992px) {
.column-link-list {
margin-bottom: 0
}
}
.link-list {
list-style: none;
margin: 0;
padding: 0
}
.link-list__item {
position: relative;
padding: 5px 5px 5px 25px
}
.link-list__item::before {
display: block;
content: ">";
text-indent: -999em;
position: absolute;
left: 0;
top: 11px;
height: 20px;
width: 10px;
background: url(/themes/custom/sdu_theme/assets/svg/icons/icon--arrow-open.svg) no-repeat;
background-size: 7px 14px;
transition: left .15s
}
.link-list__item a {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
line-height: 1.5rem;
text-decoration: none;
color: #464646
}
.link-list__item a:hover {
text-decoration: underline
}
.link--show-all {
position: relative;
padding: 5px 0 5px 30px
}
.link--show-all::before {
display: block;
content: "...";
position: absolute;
left: 0;
top: 50%;
font-weight: 700;
height: 20px;
width: 10px;
color: #999;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.link--show-all a {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
line-height: 1.5rem;
text-decoration: none;
font-style: italic;
color: #999
}
.link--show-all a:hover {
text-decoration: underline
}
@media (max-width:991px) {
.section--link-list h2 {
position: relative;
display: inline-block;
padding-right: 50px;
margin-bottom: 0
}
.section--link-list h2.link-list--open {
display: inline-block;
margin-bottom: 24px
}
.section--link-list h2::after {
display: block;
content: "+";
color: #000;
position: absolute;
right: 0;
top: 0;
width: 34px;
height: 34px;
transition: left .15s;
font-family: monospace;
font-size: 16px;
font-weight: 700;
text-align: center;
line-height: 32px;
background: #eee;
border-radius: 5px;
cursor: pointer
}
.section--link-list h2.link-list--open::after {
content: '-';
color: #ee3224;
top: 4px
}
.section--link-list .row {
height: 0;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity .35s linear
}
.section--link-list .row.link-list--open {
height: auto;
visibility: visible;
opacity: 1
}
}
.section--featured-products .row--flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section--featured-products .row--flex .col--flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.section--featured-products .row--flex .col--flex > .paragraph {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.section--featured-products .row--flex .col--flex .col {
padding: 0
}
.section--featured-products .row--flex .col--flex .row-no-gutters {
background-color: #f5f5f5;
margin: 0 0 30px
}
@media (min-width:480px) {
.section--featured-products .col--left {
width: 47%
}
.section--featured-products .col--right {
width: 52%
}
}
.section--featured-products .paragraph--type--product {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.section--featured-products .product__text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 20px
}
.section--featured-products .product__image {
display: block;
margin: 0
}
.section--featured-products .product__image img {
display: block;
width: 100%
}
.section--featured-products .product__title {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.36364;
line-height: 1.875rem;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis
}
.section--featured-products .btn-fill-lg {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
display: block;
margin: auto 0 0 auto;
max-width: 200px
}
.section--topical .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section--topical .row--main {
overflow: hidden
}
.section--topical .row--main .col--topical-text {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
overflow: hidden;
padding: 20px
}
@media screen and (min-width:768px) {
.section--topical .row--main .col--topical-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px
}
.section--topical .row--main .col--topical-text .btn--inline {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.section--topical .row--main .col--media-image-video img {
height: 100%;
object-fit: cover;
width: 100%
}
}
.section--contact-form label, .section--topical img {
display: block
}
@media screen and (max-width:991px) {
.section--topical .row--main .col--topical-text {
display: block
}
}
@media screen and (max-width:479px) {
.section--topical .row--main .col--media-image-video, .section--topical .row--main .col--topical-text {
width: 100%
}
}
.section--topical .row--main .col--right {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.section--topical .col-topical__title {
margin-bottom: 10px
}
.section--topical .row--three-columns {
margin-top: 20px
}
.section--topical .row--three-columns .col {
margin-bottom: 30px
}
@media screen and (min-width:768px) {
.section--topical .row--three-columns {
margin-top: 40px
}
}
.bg-gray .row--main .col--topical-text {
padding-top: 0;
padding-bottom: 0
}
.section--contact-form .form-wrapper {
margin-bottom: 20px
}
.section--contact-form .form-email, .section--contact-form .form-text, .section--contact-form .form-textarea {
padding: 10px;
border: 1px solid #bfbfbf
}
.section--title .module {
margin: 0
}
.section--title h1 {
margin-bottom: 0;
line-height: 1.3em;
text-align: left
}
.section--faq .ui-accordion .ui-accordion-header {
padding-left: 10px 17px 0;
max-width: 768px;
font-size: 20px
}
.section--faq .ui-button, .section--faq .ui-state-default, .section--faq .ui-widget-content .ui-state-default, .section--faq .ui-widget-header .ui-state-default, .section--faq html .ui-button.ui-state-disabled:active, .section--faq html .ui-button.ui-state-disabled:hover {
border-width: 0;
background: 0 0;
font-weight: 400;
color: #454545
}
.section--faq .ui-button.ui-state-active:hover, .section--faq .ui-button:active, .section--faq .ui-state-active, .section--faq .ui-widget-content .ui-state-active, .section--faq .ui-widget-header .ui-state-active, .section--faq a.ui-button:active {
border-width: 0;
color: #464646;
background-color: transparent
}
.section--faq .ui-button:active .ui-icon, .section--faq .ui-state-active .ui-icon {
background-image: url(/content/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png)
}
.section--faq .ui-accordion .ui-accordion-content {
padding: 0 17px;
border-width: 0
}
.section--faq .ui-widget-content.ui-accordion-content-active {
background: 0 0
}
.faq_title {
cursor:pointer;
color: #0089CF;
}