html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%
} body {
min-height: 100%;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}  figure {
margin: 0
}
img,
object,
embed,
video {
max-width: 100%;
_width: 100%
} img {
height: auto;
width: auto\9; }
img {
border: 0;
-ms-interpolation-mode: bicubic
} svg:not(:root) {
overflow: hidden
}  .opensans300 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-style: normal;
}
.wrapper {
max-width: 1180px;
margin: 0 auto;
width: 98%;
padding: 0 1%;
overflow: hidden;
}
p {
margin-bottom: 20px;
}
.nowrap {
white-space: nowrap;
}
.black {
color: #000;
}
.red {
color: rgb(195, 22, 22)
}
.blue {
color: rgb(18, 60, 126)
}
h1,
h2,
h3,
h4,
h5 {
margin: 9px 0 9px;
}
h1 {}
h2 {
font-size: 26px;
margin: 0 0 16px;
font-weight: 400
}
h3 {
font-size: 20px;
margin: 0 0 20px;
}
h4 {
font-size: 16px;
margin: 0 0 10px;
}
h5 {
font-size: 12px;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: underline;
}
strong,
b {
font-weight: 600;
}
.editor-max-width {
max-width: 960px;
} .arrow-down-small {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 12px solid rgb(247, 220, 111);
margin: 0 auto;
}
.arrow-down {
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 16px solid rgb(93, 173, 226);
margin: 0 auto;
} #wrapperImg.wrapper {
max-width: 100%;
width: 100%;
padding: 0;
position: relative;
overflow: visible;
}
x#wrapperImg.wrapper.fixedmargin {
margin-top: 136px;
}
x#wrapperImg.wrapper #logo-top-img.fixedmargin {
top: 136px;
}
body.fixedmargin {
padding-top: 136px;
} #wrapperImg.header-bg {
overflow: hidden;
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/bg/1.jpg) no-repeat;
background-position: center 100%;
background-size: cover;
image-rendering: optimizeQuality;
}
.page-wie-we-zijn #wrapperImg.header-bg {
background-position: center center;
}
#wrapperImg.wrapper img {
max-width: 25%;
display: block;
margin: 0 auto;
padding-left: 51%;
}
.page-wie-we-zijn #wrapperImg.wrapper img {
max-width: 100%;
padding: 0;
} #white-button {
position: absolute;
left: 50%;
top: 40%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#white-button a {
display: block;
font-size: 16px;
font-weight: 700;
background: white;
border-radius: 20px;
height: 40px;
line-height: 40px;
padding: 0 20px;
white-space: nowrap;
}
#white-button a span {
font-weight: 400;
}
#white-button a {
-webkit-transition: 0.2s;
transition: .2s;
}
#white-button a:hover {
text-decoration: none;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} #social {
text-align: center;
margin: 30px 0
}
ul.icons {}
ul.icons li {
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 12px;
}
ul.icons li a {
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/nieuwsbrief.png) no-repeat center bottom;
width: 61px;
height: 61px;
margin: 0 1%;
position: relative;
display: block;
text-decoration: none;
image-rendering: optimizeQuality;
-moz-background-size: 61px 124px;
-ie-background-size: 61px 124px;
-o-background-size: 61px 124px;
-webkit-background-size: 61px 124px;
background-size: 61px 124px;
}
ul.icons li a:hover {
background-position: center top;
}
ul.icons li a span {
position: absolute;
z-index: 10;
bottom: -20px;
display: none;
text-wrap: nowrap;
white-space: nowrap;
font-size: 13px;
margin-left: -80px;
left: 50%;
width: 160px;
color: rgb(136, 157, 190);
line-height: 16px;
}
ul.icons li a.icon-offerte {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/offerte.png)
}
ul.icons li a.icon-email {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/email.png)
}
ul.icons li a.icon-telefoon {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/telefoon.png)
}
.profile-footer ul.icons li a.icon-email {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/email-regios.png)
}
.profile-footer ul.icons li a.icon-telefoon {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/telefoon-regios.png)
}
#social2 {
text-align: center;
margin: 10px 0
}
#block-offerte {
text-align: center;
border: 1px solid rgb(189, 199, 211);
border-radius: 8px;
position: relative;
margin: 0 auto 14px;
max-width: 336px;
display: block;
}
#block-offerte p {
display: table-cell;
vertical-align: middle;
margin: 0;
height: 58px;
padding: 0 14px;
font-size: 15px;
line-height: 24px;
letter-spacing: 1px;
}
#block-offerte p strong {
color: rgb(195, 22, 22);
font-weight: 600;
text-wrap: nowrap;
white-space: nowrap;
}
#block-offerte a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
display: inline !important;
background: none;
padding: 0;
margin: 0;
}
#block-offerte:after {
content: "";
width: 60px;
border-bottom: 1px solid rgb(189, 199, 211);
height: 30px;
display: none;
margin: 0 10px 0;
position: absolute;
right: -80px;
top: 0;
} #offerte-bottom ul {
margin-bottom: 30px;
clear: both;
}
#offerte-bottom ul li {
display: inline-block;
vertical-align: middle;
}
#offerte-bottom ul li#offerte-bottom-icon {
width: 50px;
padding-bottom: 4px;
}
#offerte-bottom ul li#offerte-bottom-link {
position: relative;
padding-left: 32px;
}
#offerte-bottom ul li#offerte-bottom-link:before {
content: '';
display: block;
position: absolute;
width: 26px;
left: 0;
top: 20px;
border-bottom: 1px solid rgb(189, 199, 211);
}
#offerte-bottom ul li#offerte-bottom-link a {
color: rgb(255, 255, 255);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
display: block;
background: rgb(18, 60, 126);
text-align: center;
line-height: 40px;
width: 170px;
height: 40px;
border-radius: 20px;
border: 1px solid rgb(18, 60, 126);
}
#offerte-bottom ul li#offerte-bottom-link.two-lines a {
line-height: 20px;
}
#offerte-bottom ul li#offerte-bottom-link a:hover {
text-decoration: none;
color: rgb(18, 60, 126);
background: rgb(189, 199, 211);
}
@media only screen and (min-width: 640px) { #offerte-bottom ul {
margin-bottom: -30px;
}
#offerte-bottom ul li#offerte-bottom-icon {
width: 80px;
padding-bottom: 8px;
}
#offerte-bottom ul li#offerte-bottom-link {
padding-left: 66px;
}
#offerte-bottom ul li#offerte-bottom-link:before {
width: 60px;
top: 30px;
}
#offerte-bottom ul li#offerte-bottom-link a {
letter-spacing: 2px;
font-size: 18px;
line-height: 60px;
width: 280px;
height: 60px;
border-radius: 30px;
}
#offerte-bottom ul li#offerte-bottom-link.two-lines a {
line-height: 30px;
font-size: 17px;
}
} h2#slogan {
font-weight: 600;
line-height: 38px;
font-size: 28px;
font-style: italic;
max-width: 660px;
margin-bottom: 60px;
color: rgb(18, 60, 126);
}
h2#slogan span {
display: block;
font-weight: 300;
margin-bottom: 6px;
font-size: 32px;
font-style: normal;
}
.left-margin,
#content-home .left-margin {
margin-left: 5%;
}
.right-margin,
#content-home .right-margin {
margin-right: 5%;
}
.lr-margin,
#content-metro .lr-margin,
#content-home .lr-margin {
margin-left: 5%;
margin-right: 5%;
}
hr {
border: none;
border-bottom: 1px dashed rgb(186, 197, 209);
height: 2px;
margin: 0 5% 30px;
width: 90%;
padding: 0;
clear: both;
}
.border-bottom {
border-bottom: 1px dashed rgb(186, 197, 209);
}
h1.page-title,
h2.page-title {
text-align: center;
margin: 9px 0;
font-size: 20px;
font-weight: 400;
}
h2.page-title span,
h1.page-title span {
border: 1px solid rgb(189, 199, 211);
display: inline-block;
margin: 0 auto 20px;
padding: 4px 12px;
font-size: 20px;
color: rgb(136, 157, 190);
letter-spacing: 1px;
}
.content-main h2 {
font-weight: 600;
font-size: 28px;
margin-bottom: 10px;
color: rgb(195, 22, 22);
}
h1.news-title {
font-weight: 400;
font-size: 28px;
margin: 0 0 9px 0;
padding: 0;
color: rgb(18, 60, 126);
}
h2.news-title {
font-weight: 400;
font-size: 26px;
margin: 9px 0 6px 0;
padding: 0;
color: rgb(18, 60, 126);
}
h2.news-title a:hover {
text-decoration: none;
color: rgb(195, 22, 22);
}
.content-main h3 {
font-weight: 400;
font-size: 24px;
margin-bottom: 22px;
color: rgb(18, 60, 126);
}
.content-main h1.intro-title,
.content-main h2.intro-title {
font-weight: 400;
font-size: 32px;
margin-bottom: 30px;
color: rgb(18, 60, 126);
}
.content-main h1.intro-title span {
font-weight: 700;
}
.content-main h4 {
font-weight: 400;
font-size: 28px;
margin-bottom: 16px;
color: rgb(195, 22, 22);
color: rgb(18, 60, 126);
}
#metro-sub .content-main h4 {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
} #logo-wrapper {
padding: 0 0 50px;
}
#logo-wrapper div {
display: inline-block;
margin-right: 5%;
max-width: 168px;
width: 27%;
}
dl.accordion dd hr {
margin-bottom: 40px;
}
.min-height {
min-height: 60px
} dl.accordion {
margin: 40px 0 90px 0;
overflow: hidden;
}
dl.accordion.accordion-kennis-delen {
margin-top: 0
}
dl.accordion.accordion-marktpartijen {
margin-top: 0;
margin-bottom: 0;
}
dl.accordion dt {
background: rgb(235, 239, 243);
}
dl.accordion dt a {
transition: all 0.2s linear;
text-align: center;
margin-bottom: 1px;
padding: 0;
color: rgb(113, 138, 178);
width: 100%;
line-height: 35px;
font-size: 16px;
text-decoration: none;
display: block;
text-transform: lowercase;
}
dl.accordion dt a:hover {
background: rgb(189, 199, 211)
}
dl.accordion dt a.selected {}
dl.accordion dt a.selected span {}
dl.accordion dt a.selected:hover {}
dl.accordion dt a.selected span:hover {}
dl.accordion dd {
background: rgb(248, 249, 250);
overflow: hidden;
}
dl.accordion dd .content-main {
padding: 30px 5% 30px;
overflow: hidden;
}
dl.accordion dd#missie-en-visie .img-wrapper {
width: 26%;
overflow: hidden;
float: left;
padding: 3% 0 3% 5%;
}
dl.accordion dd#missie-en-visie .content-main {
width: 59%;
}
dl.accordion dt a span {
text-align: right;
min-width: 220px;
display: inline-block;
white-space: nowrap;
}
dl.accordion dt a span img {
margin: 0 0 4px 8px;
vertical-align: bottom;
width: 28px;
}
dl.accordion.voor-wie {
margin: 0 0 60px;
}
dl.accordion.voor-wie dd .content-main {
min-height: 300px;
}
dl.accordion.voor-wie dd {
background-repeat: no-repeat;
background-position: 96% 10px;
background-size: 120px auto;
}
#tonews {
border-top: 1px dashed rgb(186, 197, 209);
border-bottom: 1px dashed rgb(186, 197, 209);
margin-top: 70px;
margin-bottom: 3px;
}
#tonews {
margin-top: 30px;
margin-bottom: 40px;
}
#tonews a {
transition: all 0.2s linear;
text-align: center;
padding: 0;
color: rgb(113, 138, 178);
width: 100%;
line-height: 35px;
font-size: 16px;
text-decoration: none;
display: block;
text-transform: lowercase;
}
#tonews a span {
position: relative;
text-align: right;
min-width: 220px;
display: inline-block;
white-space: nowrap;
margin-left: -26px;
}
#tonews a span img {
margin: 0 0 4px 8px;
vertical-align: bottom;
width: 28px;
}
#tonews a span:after {
transition: all 0.4s linear;
content: '';
display: inline-block;
position: absolute;
top: 7px;
right: -26px;
width: 14px;
height: 22px;
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/forwardto-news.png) center top no-repeat;
}
#tonews a:hover span:after {
right: -36px;
}
.content-opleidingen .content-main {
margin-bottom: 30px;
}
.img-content-page {
margin-bottom: 60px;
}
.img-content-page.no-margin {
margin: 0;
line-height: 0;
}
.img-wrapper {
padding-bottom: 1px;
}
.img-wrapper img {
display: block;
}
.img-wrapper.img-margin-bottom {
padding-bottom: 40px;
}
.page-template-template-page-opleidingen #form-wrapper {
margin-bottom: 70px;
} .lazyload,
.lazyloading {
opacity: 0;
background: rgb(239, 239, 239);
}
.lazyloaded {
opacity: 1;
-webkit-transition: .6s opacity;
transition: .6s opacity;
background: none;
} dl.accordion dd #seminars-form.content-main {
padding: 0
}
.form {
margin-bottom: 40px;
color: rgb(18, 60, 126);
}
#form-wrapper-newsletter.form {
margin-bottom: 90px;
}
#newsletter {
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/bg/newsletter-bg.png) no-repeat 93% bottom;
padding: 10px 0 0;
}
#form-header {
padding: 4px 4% 15px;
overflow: hidden;
}
#form-header h3 {
line-height: 20px;
text-align: center;
overflow: hidden;
display: inline-block;
padding-bottom: 18px;
margin: 17px 0 0 0;
clear: none;
font-size: 13px;
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/arrow-down-single.png) no-repeat center bottom;
}
#form-header div {
text-align: center
}
#form-header div img {
display: none;
}
#form-header div span {
letter-spacing: 1px;
font-size: 28px;
line-height: 28px;
font-weight: 600;
display: inline-block;
margin: 9px 15px 0;
vertical-align: top;
}
#form-header div span em {
font-weight: 400
}
#newsletter-form {
font-size: 16px;
}
form div.form-content label {
display: inline-block;
min-width: 100px;
margin: 0 12px 5px 0
}
form div.form-content label.radio-label {
min-width: 0;
}
form div.form-content select,
form div.form-content input {
font-family: inherit;
font-size: 16px;
background: #fff;
color: rgb(18, 60, 126);
border-radius: 0;
-webkit-border-radius: 0;
}
form div.form-content input[type=text] {
margin: 0 30px 0 0;
min-width: 220px;
border: none;
padding: 3px 5px;
}
form div.form-content input.empty[type=text] {
background: #FFCCCC
}
form div.form-content input[type=radio] {
margin: 0 6px 0 0;
vertical-align: middle;
}
form div.form-content textarea {
margin-bottom: 20px;
font-family: inherit;
font-size: 16px;
background: #fff;
color: rgb(18, 60, 126);
padding: 1%;
width: 98%;
min-height: 160px;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
}
form div.form-content {
padding: 30px 4% 20px;
font-size: 15px;
}
form div.form-content.nopaddingbottom {
padding-bottom: 0;
}
form div.form-content p {
margin-bottom: 0;
}
form div.form-content p span {
display: inline-block;
margin-bottom: 10px;
}
form div#form-send {
border-top: 1px dashed rgb(186, 197, 209);
padding: 20px 0;
}
form div#form-send input.button {
transition: all 0.4s linear;
background: rgba(204, 212, 220, 0.3) url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/send.png) no-repeat 130px center;
font-size: 15px;
font-family: inherit;
font-weight: 400;
width: 100%;
cursor: pointer;
color: rgb(195, 22, 22);
text-align: left;
padding: 4px 4% 6px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form div#form-send input.button:hover {
background-color: rgba(204, 212, 220, 0.6);
background-position: 142px center;
}
#tour form div#form-send input.button:disabled,
#seminars form div#form-send input.button:disabled,
#offer form div#form-send input.button:disabled,
form div#form-send input.button:disabled {
transition: background-position 0.8s linear;
background-position: 120% center;
text-indent: -100%;
background-color: rgba(204, 212, 220, 0.6);
}
#tour form div#form-send input.button:disabled:hover,
#seminars form div#form-send input.button:disabled:hover,
#offer form div#form-send input.button:disabled:hover,
form div#form-send input.button:disabled:hover {
transition: background-position 0.8s linear;
background-position: 120% center;
text-indent: -100%;
cursor: default;
}
form .honing {
display: none !important
}
form input.grey.send,
form select.grey.send,
form textarea.grey.send {
color: #d6d6d6 !important
}
input[type="checkbox"]:checked + label.grey.send:before,
input[type="radio"]:checked + label.grey.send:before {
background-color: #d6d6d6 !important
} #form-header h3 {
background-position: center bottom;
width: 100%;
text-align: center
} #form-header div {} #form-header div img {
display: inline-block;
max-width: 186px;
}
#newsletter-form form label {
min-width: 55px;
}
form div.form-content p#checkbox-table {
overflow: hidden;
}
form div.form-content p#checkbox-table span {
margin: 6px 0 6px 0;
display: block;
vertical-align: top;
} #offer {
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/bg/offer-bg.png) no-repeat 85% 55%;
}
#offer #form-header {
padding: 15px 4% 15px;
text-align: center
}
#offer #form-header span {
margin-top: 8px;
display: inline-block;
font-size: 13px;
}
#offer #form-header img {
display: inline-block;
max-width: 120px
}
#offer .form-content .form-content-bottom {
border-bottom: 1px dashed rgb(186, 197, 209);
}
#offer form div#form-send span {
display: inline-block;
margin-bottom: 20px;
padding: 0 4%;
}
#offer form div#form-send input.button {
background-position: 202px center;
}
#offer form div#form-send input.button:hover {
background-position: 214px center;
} #seminars {
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/bg/offer-bg.png) no-repeat 85% 55%;
}
#seminars #form-header {
padding: 15px 4% 15px;
text-align: center
}
#seminars #form-header span {
margin-top: 8px;
display: inline-block;
font-size: 13px;
}
#seminars #form-header img {
display: inline-block;
max-width: 120px
}
#seminars .form-content .form-content-bottom {
border-bottom: 1px dashed rgb(186, 197, 209);
}
#seminars form div#form-send span {
display: inline-block;
margin-bottom: 20px;
padding: 0 4%;
}
#seminars form div#form-send input.button {
background-position: 135px center;
}
#seminars form div#form-send input.button:hover {
background-position: 147px center;
}
input.upload-button {
overflow: hidden;
font-size: 15px;
font-family: inherit;
color: rgb(195, 22, 22);
display: block;
width: 100%;
background: rgba(186, 197, 209, 0.2);
padding: 3px 0;
}
p#upload-wrapper {
padding: 2px 4%;
overflow: hidden;
display: block;
width: 92%;
background: rgba(204, 212, 220, 0.2);
font-family: inherit;
color: rgb(195, 22, 22);
display: block;
}
p#upload-wrapper:hover {
background-color: rgba(204, 212, 220, 0.5);
}
p#upload-wrapper.empty,
p#upload-wrapper.empty:hover {
background: #ffcccc
}
form div.form-content-upload p#upload-wrapper span {
color: rgb(18, 60, 126);
margin: 0 0 0 20px;
}
button.upload-button {
font-size: 15px;
background: transparent url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/upload.png) no-repeat left center;
padding: 3px 0 3px 45px;
border: none;
font-family: inherit;
color: rgb(195, 22, 22);
display: inline-block;
cursor: pointer;
} .input-helper {
position: relative;
display: inline-block;
margin-bottom: 5px;
padding-left: 26px;
}
.input-helper:hover {
cursor: pointer;
}
.input-helper:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: 0;
width: 10px;
height: 10px;
border: 5px solid #fff;
background: #fff;
}
#seminars #form-send .input-helper:before,
#offer #form-send .input-helper:before {
top: 0;
}
#seminars #form-send .input-helper,
#offer #form-send .input-helper {
color: rgb(90, 119, 165);
}
.input-helper.empty:before {
background: #FFCCCC
}
input[type="checkbox"],
input[type="radio"] {
display: none;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: rgb(18, 60, 126);
}
form .response {
margin: 10px 4% 30px;
display: none;
}
form #seminars-response.response {
font-size: 15px;
margin: 30px 4% 10px;
}
form #offer-response.response {
font-size: 15px;
margin: 30px 4% 10px;
vertical-align: middle;
}
form #offer-response.response img {
vertical-align: middle;
display: inline-block;
margin-right: 8px;
} #content-news {
width: 100%;
overflow: hidden;
float: left;
}
ul#news-list li {
margin-bottom: 40px;
}
ul#news-list li .editor a.read-more span {
font-style: inherit;
position: relative;
top: 2px;
}
ul#news-list li .editor a.read-more:hover {
text-decoration: none;
color: rgb(195, 22, 22)
}
#side-bar {
width: 100%;
float: right;
margin: 0 0 30px;
}
#side-bar-cat {
padding-bottom: 20px;
}
#side-bar-cat h3 {
padding: 25px;
color: rgb(65, 99, 152);
margin: 0;
cursor: pointer;
}
#side-bar-cat span.arrow {
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-top: 10px solid #416398;
height: 0;
width: 0;
display: inline-block;
margin: 9px 0 0;
float: right;
}
#side-bar-cat ul {
padding: 25px 25px 5px;
display: none;
}
#side-bar-cat ul li {
margin-bottom: 10px;
}
#side-bar-cat a {
color: rgb(65, 99, 152);
}
#side-bar-cat a:hover {
text-decoration: none;
color: rgb(195, 22, 22);
}
#news-thumb {
padding-top: 18px;
margin-bottom: 30px;
}
p.news-sub {
font-size: 13px;
}
p.news-sub a {
color: rgb(195, 22, 22)
}
p.news-sub span {
color: rgb(18, 60, 126);
font-weight: 600;
} #totop {
float: right;
margin-bottom: 20px;
margin-top: 5px;
clear: both;
}
#totop a {
display: inline-block;
width: 32px;
height: 17px;
background: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/totop.png) center top no-repeat;
}
#totop a:hover {
text-decoration: none;
background-position: center bottom
}
.gradient {
background-color: #e6eaee; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZTdlYmVmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNiYmM2ZDEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgb(231, 235, 239)), color-stop(1, rgb(187, 198, 209))); background-image: -webkit-linear-gradient(left, rgb(231, 235, 239) 0%, rgb(187, 198, 209) 100%); background-image: linear-gradient(to right, rgb(231, 235, 239) 0%, rgb(187, 198, 209) 100%);
background-image: -ms-linear-gradient(left, rgb(231, 235, 239) 0%, rgb(187, 198, 209) 100%);
}
.gradient-small {
background-color: #e6eaee; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZTdlYmVmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNjYWQyZGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, rgb(231, 235, 239)), color-stop(1, rgb(214, 220, 227))); background-image: -webkit-linear-gradient(left, rgb(231, 235, 239) 0%, rgb(214, 220, 227) 100%); background-image: linear-gradient(to right, rgb(231, 235, 239) 0%, rgb(214, 220, 227) 100%);
background-image: -ms-linear-gradient(left, rgb(231, 235, 239) 0%, rgb(214, 220, 227) 100%);
}
#content-left #downloads h3:hover {
cursor: pointer
} @media only screen and (min-width: 320px) {
#menu-title {
margin: 5% 5% 0 0;
}
}
@media only screen and (min-width: 480px) { #white-button a {
font-size: 18px;
border-radius: 24px;
height: 48px;
line-height: 48px;
padding: 0 30px;
} ul.icons li a {
margin: 0 2%
}
ul.icons li a:hover span {
display: block;
} #offer #form-header {
text-align: right
}
#offer #form-header span {
margin-top: 8px;
}
#offer #form-header img {
float: right;
display: block;
max-width: 160px;
margin: 0 10px;
}
#seminars #form-header {
text-align: right
}
#seminars #form-header span {
margin-top: 8px;
}
#seminars #form-header img {
float: right;
display: block;
max-width: 160px;
margin: 0 10px;
}
#tour #form-header {
text-align: right
}
#tour #form-header span {
margin-top: 8px;
}
#tour #form-header img {
float: right;
display: block;
max-width: 160px;
margin: 0 10px;
}
form div.form-content p#checkbox-table {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 600px) {
.content-main h1.intro-title,
.content-main h2.intro-title {
font-size: 38px;
} ul#content-metro-intro-menu {
vertical-align: middle;
}
ul#content-metro-intro-menu li {
display: inline-block;
}
ul#content-metro-intro-menu li + li::before {
content: '|';
cursor: default;
color: inherit;
font-size: 17px;
vertical-align: top;
padding: 0 5px;
margin: 0;
} #button50jaar a {
font-size: 19px;
letter-spacing: 1px;
line-height: 64px;
border-radius: 32px;
height: 64px;
padding: 0 50px;
}
#button50jaar a img {
width: 50px;
padding: 0 5px;
} #tonews a span {
margin-left: -190px;
}
dl.accordion dt a span {
margin-left: -190px;
} #offer #form-header {
text-align: left
}
#offer #form-header span {
margin-top: 19px;
}
#offer #form-header img {
max-width: 210px
}
#seminars #form-header {
text-align: left
}
#seminars #form-header span {
margin-top: 19px;
}
#seminars #form-header img {
max-width: 210px
} dl.accordion.voor-wie dd {
background-position: 92% 50px;
background-size: auto auto;
}
dl.accordion.voor-wie dd .content-main {
max-width: 58%;
}
}
@media only screen and (min-width: 768px) { #white-button a {
font-size: 22px;
border-radius: 36px;
height: 72px;
line-height: 72px;
padding: 0 50px;
} ul.icons li {
margin-bottom: 0;
}
#social2 {
text-align: left;
margin: 30px 0
}
.home #social ul.icons li a {
width: 77px;
height: 77px;
margin: 0 2%;
-moz-background-size: 77px 157px;
-ie-background-size: 77px 157px;
-o-background-size: 77px 157px;
-webkit-background-size: 77px 157px;
background-size: 77px 157px;
}
#block-offerte {
height: 58px;
text-align: left;
margin: 0 70px 0 0;
max-width: 336px;
display: inline-block;
}
#block-offerte:after {
display: block;
} #sidebar-regios {
width: 28%;
position: absolute;
right: 0;
bottom: 10%;
margin-bottom: 20px;
}
#sidebar-regios ul li {
display: block;
width: auto;
min-width: 0;
}
#svg-bg {
max-width: 70%;
margin-bottom: 30px
} #content-news {
width: 66%;
}
#side-bar {
width: 32%;
max-width: 280px;
}
#side-bar-cat ul {
display: block;
}
h1.news-title {
font-size: 31px;
line-height: 42px;
} #form-header div img {
max-width: 210px;
}
form div.form-content p#checkbox-table {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 900px) { #latest-news-block-wrapper {
position: relative;
z-index: 1;
overflow: visible;
display: block;
}
#latest-news-block {
position: absolute;
right: 0;
top: 0;
max-width: 210px;
width: 100%;
background: white;
padding: 0;
box-shadow: 0 0 6px 1px rgba(58, 58, 58, 0.3);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#latest-news-block h3 {
text-transform: uppercase;
color: rgb(18, 60, 126);
font-size: 16px;
line-height: 1.3;
font-weight: 700;
margin: 0;
padding: 10px 10px 6px;
}
#latest-news-block div {
overflow: hidden;
padding: 0 10px;
}
#latest-news-block div img {
margin: -30px 0;
}
#latest-news-block p {
padding: 6px 10px 0;
font-size: 13px;
line-height: 1.4;
font-style: italic;
}
#latest-news-block p span {
color: rgb(195, 22, 22);
word-wrap: nowrap;
font-weight: 600;
}
#latest-news-block a#more-news {
text-transform: uppercase;
color: rgb(255, 255, 255);
background: rgb(18, 60, 126);
display: block;
font-size: 13px;
padding: 6px 0;
text-align: center;
width: 100%;
}
#latest-news-block a#more-news:hover {
background: rgb(32, 32, 32);
color: rgb(255, 255, 255);
}
#latest-news-block a:hover {
text-decoration: none;
}
#latest-news-block a:hover h3 {
color: rgb(195, 22, 22);
}
#latest-news-block a em {
font-style: inherit;
position: relative;
top: 1px;
} #metro-sub .content-metro .metro-content {
width: 61%;
float: left;
margin: 0;
}
#metro-sub .content-metro .metro-sidebar {
width: 23%;
float: right;
padding: 30px 2%;
}
}
@media only screen and (min-width:1100px) { #form-header h3 {
background-position: 20% bottom;
width: auto;
text-align: left
}
#form-header div {
float: right;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
ul.icons li a {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/nieuwsbrief@2x.png);
}
ul.icons li a.icon-offerte {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/offerte@2x.png)
}
ul.icons li a.icon-email {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/email@2x.png)
}
ul.icons li a.icon-telefoon {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/telefoon@2x.png)
}
#totop a span {
-moz-background-size: 32px 40px;
-ie-background-size: 32px 40px;
-o-background-size: 32px 40px;
-webkit-background-size: 32px 40px;
background-size: 32px 40px;
}
#totop a span {
background-image: url(//www.saoz.nl/wp/wp-content/themes/oe-saoz/img/icons/totop@2x.png)
}
} img#logo-seminars-2xx {
max-width: 210px;
}
img#logo-offer-2xx {
max-width: 210px;
}
img#logo-newsletter-2xx {
max-width: 210px;
} h1.intro-title.search {}
.search-results-wrapper h4 {
font-weight: 700;
font-size: 24px;
margin-bottom: 16px;
}
.search-results-wrapper {
padding-bottom: 40px;
}
.search-results-wrapper h4 {
font-weight: 700;
font-size: inherit;
margin-bottom: 16px;
}
.search-results-container {
margin-bottom: 32px;
max-width: 880px;
}
.search-results-container .post-tile-wrapper .post-tile-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
text-decoration: none;
}
.search-results-container .post-tile-wrapper .post-tile-news .actueel-blog-image {
width: 25%;
max-width: 240px;
}
.search-results-container .post-tile-wrapper .post-tile-news .actueel-blog-content {
margin-left: 24px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.search-results-container .post-tile-wrapper .post-tile-news .actueel-blog-content h3 {
margin-bottom: 8px;
}
.search-results-container .post-tile-wrapper .post-tile-news .actueel-blog-content p {
margin-bottom: 0;
}
.search-results-container .post-tile-wrapper .post-tile-news .actueel-blog-content p.post-meta {
margin-bottom: 10px;
font-size: 14px;
} @media (min-width: 600px){
.logged-in #header-wrapper{ top: 32px; }
}
.row-intro h1.intro-title-home{
margin-top: -24px;
}
@media (min-width: 800px){
.row-intro h1.intro-title-home{ padding-top: 12px; margin-top: 0; }
}
.row-home-services{ 
padding-top: 16px;
padding-bottom: 24px;
}
.row-home-services .the-buttons a.button { position: relative; display: block; color: #fff; line-height: 1.1;}
.row-home-services .the-buttons a.button strong{ display: block; margin: 2px 0 6px; }
.row-home-services .the-buttons a.button em{ display: block; margin-top: -4px; }
.row-home-services .the-buttons .the-bottom-button a.button { background-color: #c1cbd7; color: #00295c; }
.row-home-services .the-buttons .the-top-buttons{
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 24px;
}
.row-home-services .the-buttons .the-top-buttons a.button { 
white-space: nowrap;  
width: 100%;
}
@media (min-width: 600px){
.row-home-services .the-buttons .the-top-buttons a.button { width: calc(50% - 12px); }
}
@media (min-width: 800px){
.row-home-services .the-buttons .the-top-buttons a.button { width: calc(33.33% - 16px); }
}
.row-home-image-txt.row{
padding-bottom: 32px;
}
.row-home-image-txt a.the-image{ 
position: relative; 
text-align: center;
overflow: hidden;
display: block;
}
.row-home-image-txt .the-image img { 
position: absolute; display: block; 
left: 0; right: 0; top: 0; bottom: 0; 
width: 100%; height: 100%;
object-fit: cover;
transition: all .6s;
}
.row-home-image-txt a.the-image:hover img { 
transform: scale(1.05);
}
.row-home-image-txt .the-image h2 {
color: #fff;
position: relative;
display: flex; align-items: center; justify-content: center; 
padding: 24px 16px;
z-index: 2;
margin: 0;
font-weight: 900;
text-shadow: 0 0 5px rgba(0,0,0,0.1);
font-size: 30px;
min-height: 160px;
} 
@media (min-width: 900px){
.row-home-image-txt .the-image h2 { 
position: absolute;
left: 0; right: 0; top: 0; bottom: 0; 
}
.row-home-image-txt .the-image:after { content: ''; padding-bottom: 20%; display: block;  }
.row-home-image-txt .the-image h2 { font-size: 34px; }
} .sidebar-block .wrap-service-buttons > div a{
display: block;
margin-bottom: 20px;
line-height: 1.1;
color: #fff;
font-size: 19px;
}
.sidebar-block .wrap-service-buttons > div a:hover{
text-decoration: none;
color: #fff;
}
.sidebar-block .wrap-service-buttons > div a strong{
display: block;
margin: 2px 0 6px;
}
.sidebar-block .wrap-service-buttons > div a em{
display: block;
margin-top: -4px;
}
.sidebar-block .wrap-service-buttons > .the-bottom-button a.button{
background-color: #c1cbd7;
color: #00295c;
}