body#tinymce.wp-editor {
margin: 10px;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { outline: 0;
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #000;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
body {
background: #fff;
} h1,h2,h3,h4,h5,h6 {
clear: both;
margin: 0.2em 0;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: .5em;
} p {
margin-bottom: 1em;
}
.textwidget p {
margin-bottom: 0;
}
ul, ol {
margin: 0;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left:0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
font-style: italic;
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #dfd6c7;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input {
line-height: normal; *overflow: visible; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #ccc;
background: #e6e6e6;
color: rgba(0,0,0,.8);
cursor: pointer; -webkit-appearance: button; font-size: 12px;
font-size: 1.4rem;
line-height: 1;
padding: 1.12em 1.5em 1em;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type=text],
input[type=email],
textarea {
background: rgba( 255, 255, 255, 0.3 );
border: 1px solid #ccc;
border-radius: 3px;
padding: 6px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
background: #fff;
}
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 98%;
} a,
a:visited {
text-decoration: none;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
a.read-more { font-size:14px; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 1.5em auto;
} .assistive-text {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.site-title,
.entry-title,
.page-title,
.entry-content,
.entry-summary,
.widget-title,
.comments-title,
.comment .reply,
.comment-meta,
.comment-author,
#reply-title {
font-family: Georgia, 'Times New Roman', serif;
} #mainContainer {
width:100% !important;
float:none;
background-color:transparent;
}
#main {
clear: both;
overflow: hidden;
}
.site-footer {
clear: both;
width: 100%;
} .site-header hgroup {
background: #d4d4d4;
padding:1.5em;
}
.site-title {
display:none;
font-size: 45px;
font-size: 4.5rem;
font-style: italic;
}
.site-description {
font-size: 13px;
font-size: 1.3rem;
}
.site-title a,
.site-description {
color: #552889;
} #sfmenu ul { list-style-type: none; padding: 0; } .main-navigation {
clear: both;
display: block;
padding: 1.5em;
}
.main-navigation:after {
clear: both;
content: "";
display: block;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
display:inline-block;
margin: 0.5em 0;
position: relative;
}
.main-navigation a {
display: block;
font-size: 1.4rem;
font-weight: bold;
margin-right: 2em;
text-decoration: none;
}
.main-navigation ul ul {
background: #e9e0d1;
border: 1px solid rgba( 0, 0, 0, 0.1 );
display: none;
float: left;
position: absolute;
top: 1.2em;
left: 0;
z-index: 99999;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
padding: 0 1.5em;
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul li:hover > ul {
display: block;
} .menu-toggle {
color: #7c948a;
cursor: pointer;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.main-small-navigation .menu {
display: none;
} .myfixed ul { text-align:center; } .site-main {
background: transparent;
}
.sticky {
}
.hentry {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.featured img {
width:300px;
height:auto;
}
.entry-title,
.page-title {
font-size: 28px;
font-style: italic;
margin: 0 0 0.2em;
}
.entry-title a {
text-decoration: none;
}
body.search .page-title,
body.archive .page-title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 1em;
}
.entry-meta {
clear: both;
font-size: 12px;
font-size: 1.2rem;
}
footer.entry-meta { display:none; }
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.entry-content table,
.comment-content table {
border: 1px solid #d9d9d9;
border-left-width: 0;
margin: 0 -0.083em 2.083em 0;
text-align: left;
width: 100%;
}
.entry-content tr th,
.entry-content thead th,
.comment-content tr th,
.comment-content thead th {
border-left: 1px solid #d9d9d9;
font-weight: bold;
padding: 0.5em 	1.25em;
}
.entry-content tr td,
.comment-content tr td {
border: 1px solid #d9d9d9;
border-width: 1px 0 0 1px;
padding: 0.5em 	1.25em;
}
.entry-content tr.odd td,
.comment-content tr.odd td {
background: #dfd6c7;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
ul.page-numbers li { display:inline-block; } .format-aside .entry-content {
border-left: 4px solid rgba( 0, 0, 0, 0.1 );
padding-left: 1em;
} .site-header img,
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
.site-header img,
.entry-content img,
.widget-img,
img[class*="align"],
img[class*="wp-image-"],
.wp-caption img {
height: auto; }
.site-header img,
.entry-content img,
.widget img,
img.size-full {
max-width: 100%;
width: auto; }
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.alignnone {
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
#content .gallery {
margin-bottom: 1.5em;
}
.wp-caption-text,
.gallery-caption {
font-size: 12px;
font-size: 1.2rem;
font-style: italic;
}
#content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
#content .gallery dd {
margin: 0;
} embed,
iframe,
object {
max-width: 100%;
} .site-content .site-navigation {
font-size: 13px;
font-size: 1.3rem;
font-style: italic;
margin: 0 0 1.5em;
overflow: hidden;
}
.site-content .nav-previous {
float: left;
width: 50%;
}
.site-content .nav-next {
float: right;
text-align: right;
width: 50%;
} #comments {
clear: both;
}
.bypostauthor {
}
.comments-title,
#reply-title {
font-size: 20px;
font-size: 2rem;
}
.commentlist li {
list-style: none;
}
.commentlist,
.children {
list-style: none;
margin: 0;
}
.children {
margin: 0 0 0 6%;
}
.commentlist li.comment,
.commentlist li.pingback {
border-bottom: 1px solid rgba( 0, 0, 0, 0.2 );
padding-left: 2.5em;
}
.commentlist .children li,
.commentlist li:last-of-type {
border: none;
}
article.comment,
li.pingback {
overflow: hidden;
padding: 2.5em 0 0.7em;
position: relative;
}
.children article.comment,
.children li.pingback {
padding-top: 1.0em;
}
.comment .avatar {
float: left;
margin-right: 1.25em;
}
.comment-author {
font-size: 14px;
font-size: 1.4rem;
}
.comment-meta {
font-size: 12px;
font-size: 1.2rem;
}
.comment-content{
font-size: 13px;
font-size: 1.3rem;
margin: 1em 0 0 4.5em;
}
.comment .reply {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
}
li.pingback {
font-weight: bold;
}
li.pingback a {
font-weight: normal;
} .comment-notes,
#commentform .form-allowed-tags,
p.nocomments,
p.logged-in-as,
#commentform label {
font-size: 13px;
font-size: 1.3rem;
}
.required {
color: #880000;
}
#commentform label {
font-weight: bold;
padding: 1em 0;
}
#commentform input[type="text"] {
margin-left: 0.5em;
}
#commentform #comment {
margin-top: 0.6em;
}
#commentform .form-allowed-tags,
#commentform .form-allowed-tags code {
font-size: 11px;
font-size: 1.1rem;
}
p.nocomments {
margin: 2.5em;
} .widget {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.8;
margin: 0 0 1.5em;
}
.widget-title {
color: #999;
font-size: 20px;
font-size: 2rem;
font-style: italic;
} #searchsubmit {
display: none;
} .site-info {
font-size: 13px;
font-size: 1.3rem;
padding: 1.5em 0;
text-align: center;
} @media only screen and (max-width: 800px) {
#main {
overflow: visible;
}
.main-navigation {
display:none;
}
#content,
#primary,
#secondary,
#tertiary {
background: none;
float: none;
margin: 0;
padding: 0;
}
#primary,
#secondary,
#tertiary {
width: 100%;
}
.site-header hgroup,
#main {
padding: 0.8em;
}
} #ie8 .site-header img,
#ie8 .entry-content img,
#ie8 img.size-full,
#ie8 .entry-thumbnail img,
#ie8 .widget img,
#ie8 .wp-caption img {
width: auto; }@font-face {
font-family: 'MyWebFont';
src: url(//aimconnection.eu/wp-content/themes/silvertheme-child/webfont.woff2) format('woff2'), url(//aimconnection.eu/wp-content/themes/silvertheme-child/webfont.woff) format('woff'), url(//aimconnection.eu/wp-content/themes/silvertheme-child/myfont.ttf) format('truetype'); }
#caption { display:flex; align-items:flex-start; width:100%; height:100%; }
#caption > div { margin-bottom:0 !important; }
#sb_wall363 { background:none !important; }
.sb-inner { font-family:"jaf-bernina-sans-condensed" !important; font-size:18px !important;  }
.filter-items { display:none !important; }
.origin-flag { display:none !important; }
* { font-family: "jaf-bernina-sans-condensed"; } a { color:#aac27f; }
body { position: relative; }
.wp-image-261 { max-width:80px !important; }
#main, .site-navigation, .site-title, .site-description, .sf-widget { max-width: 1000px; margin: 0 auto; }
.page-template-default .slider-vervolg-wrapper .site-header { display:none !important; } h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
.button-green {
margin: 20px;
text-align: center;
text-transform:none;
font-size:26px;
}
.button-green a {
padding: 10px 10px;
background: rgba(170, 194, 127, 1);
color: white;
text-shadow: none;
font-weight: bold;
font-size: 28px;
}
.button-green a:hover { background: rgba(170, 194, 127, 0.8); } .cookie-consent {
display: none;
padding: 20px;
box-sizing: border-box;
z-index: 9999;
}
.cookie-consent-inner p, .cookie-consent-inner a, .cookie-consent-inner button {
display: inline-block;
}
.cookie-consent .accept-cookies { border: 0; }
.cookie-consent.bottom_bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.cookie-consent.top_bar {
position: default;
}
.cookie-consent.bottom_block_left,
.cookie-consent.bottom_block_right{
position: fixed;
bottom: 20px;
}
.cookie-consent.bottom_block_left { left: 20px; }
.cookie-consent.bottom_block_right { right: 20px; }
.cookie-consent.left,
.cookie-consent.right {
position: fixed;
top: 50%;
transform: translateY(-50%);
}
.cookie-consent.left .cookie-consent-inner,
.cookie-consent.right .cookie-consent-inner,
.cookie-consent.bottom_block_left .cookie-consent-inner,
.cookie-consent.bottom_block_right .cookie-consent-inner{
display: flex;
flex-direction: column;
}
.cookie-consent.top_block_left,
.cookie-consent.top_block_right { position: fixed; top: 20px; }
.cookie-consent.top_block_left { left: 20px; }
.cookie-consent.top_block_right { right: 20px; }
.cookie-consent.top_block_left .cookie-consent-inner,
.cookie-consent.top_block_right .cookie-consent-inner {
display: flex;
flex-direction: column;
}
.cookie-consent.right { right: 0; }
.cookie-consent.right { right: 0; }
.entry-content {
position: relative; font-family: "jaf-bernina-sans-condensed";
font-size: 24px;
color: #024897;
}
.entry-title, .page-title {
font-family: "jaf-bernina-sans-condensed";
font-style: initial;
font-size: 50px;
font-weight: bold;
color: #aac27f;
}
.home .entry-title { display: none; } header#masthead { display: flex; justify-content: space-between; align-items:center; }
.site-logo { width: 338px; }
.site-logo img {
max-width: 238px;
padding: 10px 20px;
}
.site-header hgroup {
background: transparent;
padding: 0 2em;
}
#mainContainer .site-logo { margin-top:2em; margin-left:6em; } .site-navigation-full { width:100%; }
.site-navigation-full div { margin:0 auto; }
.main-navigation {
box-sizing: border-box;
margin: 0 100px 0 0 !important;
padding: 1.5em 1.5em 2em 0;
align-self: center;
}
.main-navigation ul { text-align: right; }
.main-navigation li {  }
.main-navigation li a {
font-size: 24px;
text-transform: uppercase;
font-family: "jaf-bernina-sans-condensed";
padding: 0 10px;
color: #1f2e58;
border: 1px solid transparent;
margin-right: 0;
margin-left: 30px;
letter-spacing: 3px;
}
.main-navigation .menu > li > a:hover {
border: 1px solid black;
}
.main-navigation ul ul {
top: 45px;
left: 30px;
width: 280px;
background: #4582bf;
border: 0;
}
.main-navigation ul ul a {
padding: 10px !important;
margin: 0 !important;
text-align: left;
width: auto;
font-size: 21px;
color: white;
}
.main-navigation ul ul::before {
content: '';
height: 14px;
width: 250px;
position: absolute;
top: -14px;
background-repeat: no-repeat;
background-position: 20px;
background-size: contain;
}
.sub-menu li {
margin: 0;
width: 100%;
}
.sub-menu li:hover {
background: #1f2e58;
}
.sub-menu li a {
padding:10px;
width: auto;
}
.sub-menu li a:hover { color:#fff; }
.menu > .current-menu-item > a {
border: 1px solid black !important; }
.menu > .current-menu-ancestor > a { border: 1px solid black !important; }
#mysticky-wrap .main-navigation { padding:0.5em; max-width:100%; }
.wrapfixed .main-navigation { width:100% !important; }
#mysticky-wrap .main-navigation ul { text-align: center; }
#mysticky-nav.wrapfixed { border-bottom:2px solid #1f2e58; } .home #slider { position: relative; top: 0; z-index: 1; }
.home .slider-wrapper { position: relative; }
.home .slider-wrapper header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
justify-content: space-between;
}
.home .slider-wrapper .slider { z-index: 1 !important; }
.home .slider-wrapper .slide {
height: 85vh !important;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
}
.home .slide-content {
font-family: "jaf-bernina-sans-condensed";
text-transform: uppercase;
font-size: 40px;
color: white;
font-weight: bold;
align-self: flex-end;
margin-bottom: 100px;
padding: 20px;
box-sizing: border-box;
max-width:1380px;
margin-left:auto;
margin-right:auto;
}
.home .slider-wrapper .slide:hover { cursor: pointer; }
.home .slider-wrapper .slide-arrow { display: none !important; }
.home .slider-wrapper .arrow-down img {
width: 100px;
display: block;
margin: 0 auto;
margin-top: -70px;
position: relative;
} #mainContainer {
margin-top: 0;
padding: 0 !important;
display: flex; background: rgb(208,229,242); background: -moz-linear-gradient(top, rgba(208,229,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(208,229,242,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(208,229,242,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e5f2', endColorstr='#ffffff',GradientType=0 ); }
.page-template-default #mainContainer {
background: rgb(208,229,242); background: -moz-linear-gradient(top, rgba(208,229,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(208,229,242,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(208,229,242,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e5f2', endColorstr='#ffffff',GradientType=0 ); margin-top:0;
padding-top:4em;
}
.page-template-default .entry-title, .page-template-default .page-title { color:#1f2e58; }
.home .entry-header { display: none; } #mainContainer #main {
box-sizing: border-box;
max-width: initial;
position: relative;
width:100%;
}
#mainContainer #main::before {
content: '';
width: 600px;
height: 100%;
display: block;
background: #4582bf;
z-index: 0;
position: absolute;
transform: rotate(10deg);
transform-origin: top left;
margin-top: -110px;
}
#main header {
position: relative;
display: flex;
justify-content: space-between;
}
#mainContainer #main .main-navigation { max-width: initial; margin: 0; }
#mainContainer #main .main-navigation ul { text-align: right; }
#mainContainer #main .main-navigation ul li:first-child a { margin-left: 0; }
#mainContainer #primary {
padding: 20px 130px 20px 20px;
box-sizing: border-box;
margin: -150px 40px 0px 650px;
width: calc(100% - 600px);
}
.page-template-default #primary {
padding: 20px 130px 20px 20px;
box-sizing: border-box;
margin: 0px 40px 0px 650px;
width: calc(100% - 600px);
}
.entry-content {
font-family: "jaf-bernina-sans-condensed";
font-size: 24px;
color: #024897;
}
.home article.hentry { padding-right: 30px;  }
.home .entry-content h1 {
font-size: 64px;
color: #1f2e58;
}
.home .entry-content .button-green {
text-align: left;
margin-left: 0;
font-size: 30px;
} .slider-vervolg-wrapper {
min-height: 200px;
border-bottom: 4px solid #1f2e58;
background-color: #4582bf;
}
.home .slider-vervolg-wrapper {
min-height: 0;
border: 0;
}
.slider-vervolg-wrapper .slide-vervolg {
height: 400px !important;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: inset 0px -200px 75px 0px rgba(0,0,0,0.46);
-moz-box-shadow: inset 0px -200px 75px 0px rgba(0,0,0,0.46);
box-shadow: inset 0px -200px 75px 0px rgba(0,0,0,0.46);
}
.slider-vervolg .slide {
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex !important;
align-items: center;
}
.slider-vervolg .slide-content {
color: white;
text-align: center;
width: 100%;
vertical-align: middle;
padding: 20px;
box-sizing: border-box;
font-size: 50px;
font-family: 'jaf-bernina-sans-condensed';
}
.slide-content {
color: white;
text-shadow: 5px 5px 3px rgba(109, 109, 109, .75) !important;
}
.slide-content p { margin: 0; }
.slider-vervolg-wrapper header {
display: flex !important;
justify-content: space-between;
position: absolute;
top:   0;
right: 0;
left:  0;
z-index: 1;
}
.slider-vervolg-wrapper .slide:hover { cursor: pointer; } #mainContainer {  width: auto !important; padding: 20px; }
#primary, #content { width:100%; margin:0; padding:0; }
#primary.content-area-half {
width:64%;
float:left;
margin-right:1%;
}
#sidebar {
width:35%;
float:right;
background:#ccc;
padding:1em;
box-sizing: border-box;
} .hentry { border:0; }
.entry-content, .entry-summary { }
.wp-caption { width:20% !important; border:0; }
.wp-caption-text { font-size:22px; font-style:normal; } .posts-banner-title {
padding: 0 50px;
font-family: "jaf-bernina-sans-condensed";
font-size: 47px;
font-weight: bold;
color: #1f2e58;
}
.posts-banner {
display: flex;
margin-top: 100px;
padding: 35px 0px 70px 0px;
margin:0 4em;
}
.home-post {
padding: 30px;
box-sizing: border-box;
width: 20%;
}
.home-post img {
filter: grayscale(0);
display: block;
max-width: 100%;
width: 100%;
transition: all 0.3s;
min-height:300px;
object-fit: cover;
}
.home-post img:hover {
filter: grayscale(1);
}
.home-post-title {
display: block;
background: red;
text-align: center;
margin-top: 10px;
background: rgba(31, 46, 88, 1);
font-size: 26px;
font-family: 'jaf-bernina-sans-condensed';
color: white;
transition: all 0.3s;
padding: 7px;
line-height: 1.2;
}
.home-post-title:hover {
background: rgba(31, 46, 88, .8);
} .customers { margin:0 4em; }
.home .customers { border: 0; }
.customers-title {
padding: 0 30px;
margin: 0 0 0px 0 !important;
position: relative;
z-index: 1;
font-family: "jaf-bernina-sans-condensed";
font-size: 42px;
font-weight: bold;
color: #1f2e58;
}
.customers .slick-slider {
padding: 0 100px;
}
.customers .slick-slider > button {
position: absolute;
top: 50%;
transform: translateY(-50%);
outline: 0;
background: #aac27f;
font-size: 0;
}
.customers .slick-slider button.slick-prev {
z-index: 1;
top:  50%;
left: 50px;
background: transparent;
width:  0;
height: 0;
border-top:    15px solid transparent;
border-bottom: 15px solid transparent;
border-right:  25px solid rgba(170, 194, 127, 0.8);
border-left:   0;
transition: all 0.3s;
}
.customers .slick-slider button.slick-prev:hover {
border-right:  25px solid rgba(170, 194, 127, 1);
}
.customers .slick-slider button.slick-next {
top: 50%;
right: 50px;
background: transparent;
width:  0;
height: 0;
border-top:    15px solid transparent;
border-bottom: 15px solid transparent;
border-left:   25px solid rgba(170, 194, 127, 0.8);
border-right:  0;
transition: all 0.3s;
}
.customers .slick-slider button.slick-next:hover {
border-left: 25px solid rgba(170, 194, 127, 1);
}
.customers .slick-track { display: flex; align-items: center; }
.customers .slick-slide img { margin: 0 auto; }
.customers .customer-logo img { max-width: 100%; } .page-template-homepage .testimonials { display:block; }
.testimonials {
display:none;
padding: 100px 0 50px 0;
box-sizing: border-box; background: rgb(208,229,242); background: -moz-linear-gradient(top, rgba(208,229,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(208,229,242,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(208,229,242,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e5f2', endColorstr='#ffffff',GradientType=0 ); }
.testimonials-inner {
margin:0 4em;
}
.testimonials .slick-dots {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
.testimonials .slick-dots li,
.testimonials .slick-dots li button { font-size: 0; }
.testimonials .slick-dots li button {
border: 1px solid #024897;
height: 20px;
width: 20px;
border-radius: 50%;
margin: 5px;
outline: 0;
background: transparent;
}
.testimonials .slick-dots li.slick-active button {
background: #024897;
}
.testimonials-title {
padding: 0 50px;
font-family: "jaf-bernina-sans-condensed";
font-size: 42px;
font-weight: bold;
color: #1f2e58;
}
.testimonials-slider {
margin: 0 auto;
padding: 20px 50px;
}
.testimonials-slider .slide {
display: flex !important;
}
.testimonial-logo { width: 300px; }
.testimonial-content {
font-family: "jaf-bernina-sans-condensed";
font-size: 26px;
color: #024897;
padding: 0 20px 20px 3em;
box-sizing: border-box;
text-align: justify;
line-height:1.2;
} .supply-chain-phases { background: #4582bf; }
.supply-chain-phases th { background: #1f2e58; color: white; transition: all 0.3s; }
.supply-chain-phases td { background: #4582bf; color: white; transition: all 0.3s; }
.supply-chain-phases th:hover,
.supply-chain-phases td:hover { background: white; color: #1f2e58; }
.supply-chain-phases tr td:first-child { font-weight: bold; }
.supply-chain-phases tr:first-child th { border-bottom: 1px solid #d9d9d9; }
.supply-chain-phases tr:first-child td { border-top: 0; }
@media all and (max-width: 800px) {
.supply-chain-phases { border: 0 !important; }
.supply-chain-phases tbody { display: flex; }
.supply-chain-phases tbody tr {
display: flex;
flex-direction: column;
border: 1px solid #d9d9d9;
width: 50%;
}
.supply-chain-phases tr { border-left: 0 !important; }
.supply-chain-phases tr:first-child { border-left: 1px solid #d9d9d9 !important; }
.supply-chain-phases td,
.supply-chain-phases th { border: 0 !important; }
.supply-chain-phases td { border-top: 1px solid #d9d9d9 !important; }
}
@media all and (max-width: 550px) {
.site-header hgroup { max-width: 100%; }
.site-logo img { max-width: 100%; }
.supply-chain-phases td,
.supply-chain-phases th { font-size: 18px !important; }
} footer#colophon {
background: #1f2e58;
color: white;
}
footer#colophon a { color: white; }
.site-info,
.site-info a {
background: white;
color: #1f2e58 !important;
font-size: 26px;
text-align: right;
padding: 22px 0;
}
.site-info-inner {
max-width: 1260px;
margin: 0 auto;
}
.copyright { text-align:center; }
.copyright,
.copyright a {
color: white !important;
background: transparent;
position: relative;
z-index: 1;
}
.footer-widgets {
display: flex;
justify-content: space-between;
padding: 0px;
max-width: 1260px;
margin: 0 auto;
font-size: 26px;
padding: 40px 0;
}
.footer-widgets h1 {
font-size: 42px;
font-weight: bold;
}
.footer-widgets > div {
text-align: justify;
padding: 20px;
position: relative;
z-index: 1;
}
.footer-widget-2 { width: 36%; }
.footer-widget-2 form label { display:block; }
.footer-widget-2 input[type='submit'] { margin-top:15px; }
.footer-widget-3 { margin-top:3em; }
.site-footer { }
.footer-buttons {
display: none;
height: 0;
background: #ccc;
}
#footer-wrap { position: relative; }
#footer-block-wrap {
overflow: hidden;
width: 100%;
display: block;
position: absolute;
right: 0;
height: 100%;
top: 0;
}
.footer-block {
height: 750px;
width: 33%;
background: #4582bf;
position: absolute;
right: -125px;
transform: rotate(10deg);
bottom: -56px;
transform-origin: top left;
z-index: 0;
}
@media all and (max-width: 1500px){
.footer-block { width: 30%; }
.footer-widget-3.footer-widget { margin-right: 40px; }
}
@media all and (max-width: 1330px){
} .scrolltop {
position: fixed;
bottom: 10px;
left:   10px;
width:  50px;
height: 50px;
display: none;
}
.scrolltop:hover { cursor: pointer; } .footer-widget .gform_wrapper { margin: 0 !important; }
.footer-widget .gform_wrapper label { display: none !important; }
.footer-widget .gform_wrapper input[type=text],
.footer-widget .gform_wrapper textarea {
background: transparent;
border-radius: 0;
color:white;
}
.footer-widget .gform_wrapper textarea { height: 100px !important; }
.footer-widget .gform_wrapper input:focus,
.footer-widget .gform_wrapper textarea:focus { background: rgba( 255, 255, 255, 0.3 ); }
.footer-widget .gform_wrapper input[type=text]::placeholder,
.footer-widget .gform_wrapper textarea::placeholder { color: white !important; } .gform_wrapper input[type=submit], .footer-widget-2 form input[type='submit'] {
padding: 4px 24px;
border: 0;
background: rgba(170, 194, 127, 1);
font-size: 34px !important;
color: white;
font-family: "jaf-bernina-sans-condensed";
transition: all 0.3s;
} .gform_wrapper input[type=submit]:hover {
background: rgba(170, 194, 127, 0.8);
}
.footer-widget .gform_body li { margin-top: 0 !important; }
.footer-widget .gform_footer { margin-top: 0 !important; padding-top: 0; } .contact-buttons-wrap {
border-radius: 50%;
background: #520A76;
width:  50px;
height: 50px;
position: fixed;
bottom: 10px;
right:  10px;
z-index: 40;
}
@media all and (max-width: 800px){
.contact-buttons-wrap {
display: block;
border: 2px solid white;
}
}
.contact-buttons-wrap > img {
width: 100%; padding: 10px;
box-sizing: border-box;
transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.contact-buttons-wrap > img:hover { cursor: pointer; transform: rotate(180deg); }
.contact-buttons-wrap > img.active { display: none; }
.contact-buttons {
position: absolute;
bottom: 50px;
right: 0;
display: none;
}
.contact-buttons a {
margin-bottom: 10px;
height: 50px;
width:  50px;
background: green;
border-radius: 50%;
border: 2px solid white;
display: flex;
align-self: center;
}
.contact-buttons img {
width: 30px;
height: 30px;
margin-bottom: 5px;
padding: 10px;
display: block;
margin: 0 auto;
}
.contact-buttons a.whatsapp { background: #159587; }
.contact-buttons a.telefoon { background: #520A76; }
.contact-buttons a.email    { background: #520A76; }
@media screen and (orientation:landscape) and (max-height: 480px){
.contact-buttons {
position: fixed;
bottom: -6px;
right:  67px;
}
.contact-buttons a { display: inline-block; }
} @media all and (max-width:1610px) {
.home-post { padding:10px; }
.home-post span.home-post-title { min-height:65px; display:flex; justify-content: center; align-items: center; }
}
@media all and (max-width:1240px){
#mainContainer #main::before { width:40%; }
#mainContainer #primary {
width:60%;
margin:-150px 40px 0px 40%;
}
.home-post-title > span { display: block; margin: 0 auto; }
.site-info-inner { display: flex; align-items: center; }
.site-info,
.footer-widget-3 { background: #4582bf; display: flex; }
.footer-widget-3 p { display: inherit; margin-bottom: 0; }
.footer-widget-3 a {
color: white;
background: transparent;
color: white !important;
}
.footer-widget-3 a::after {
content: "|";
padding: 0 10px;
}
.footer-widget-3 p:last-child a:last-child::after {
content: '';
padding: 0;
}
.footer-widgets { justify-content: space-around; }
.site-info-inner { flex-direction: column; }
.footer-block { display: none; }
.posts-banner { margin-top: 0; }
}
@media all and (max-width:1120px) {
.site-logo { text-align:center; }
#mainContainer .site-logo { margin-left:2em; }
#mainContainer .site-logo img { width:238px; }
.home .slide-content { margin-bottom:0; }
}
@media all and (max-width:1024px) {
.home .slide-content {
font-size: 40px;
}
.home-post-title { font-size: 20px; }
.testimonials .slide { display: block !important; }
.testimonial-content { padding: 20px 0; }
.footer-widgets { flex-wrap: wrap; }
.footer-widgets > div { width: calc(50% - 40px); }
.home-post img { min-height:250px; }
}
@media all and (max-width:940px) {
#mainContainer .site-logo { margin-left:0; }
}
@media all and (max-width:800px) {
.site-logo img { box-sizing: border-box; }
.site-header hgroup, #main { padding: 20px; }
.site-header hgroup { margin: 0 auto; }
#mainContainer hgroup { display:none; }
#mainContainer #main::before { display:none; }
#mainContainer #primary {
margin: 0;
width: 100%;
padding: 40px;
}
.main-navigation .current-menu-item { border: 0 !important; }
.sub-menu::before {
height: 0;
width:  0;
}
.menu > .current-menu-item > a,
.menu > .current-menu-ancestor > a { border: 0 !important; }
.menu > .current-menu-ancestor > a { background-color: #4582bf; }
.home .slide-content { font-size: 30px; margin-bottom: 0; }
.home .slide-content .button-green { margin: 0; font-size:20px; }
.home .slide-content .button-green a {
padding: 5px 10px;
font-size: 20px;
}
.home .slider-wrapper .slide { height: 500px !important; }
.home #main hgroup { padding: 0; }
.home .entry-content h1 { font-size: 40px; }
.home #primary { padding: 0; }
.slider-vervolg-wrapper .slide { height: 400px !important; }
.posts-banner {
padding: 0 !important;
flex-wrap: wrap;
}
.home-post { width: 50%; }
.customers-title { padding: 0 20px; }
.customers .slick-slider { padding: 0 60px; }
.customers .slick-slider button.slick-prev { left: 20px; }
.customers .slick-slider button.slick-next { right: 20px; }
.testimonials-title { padding: 0 20px; }
.testimonials-slider { padding: 0 20px; }
.testimonial-logo { max-width: 100%; }
.testimonial-logo img { margin: 0 auto; }
.footer-widgets { justify-content: space-around; }
.footer-buttons svg .cls-1 { fill: #127597; }
.footer-button {
width: 25%;
min-height: 20px;
}
.footer-button a { display: block; text-align: center; text-decoration: none; }
.footer-button a:first-child { padding: 10px 10px 0 10px; }
.footer-button a:last-child { padding: 0 0 10px 0; height: 100%; }
.footer-button img, .footer-button svg {
max-width: calc(100% - 20px);
height: 25px;
}
}
@media all and (max-width:550px) { .home .slide-content, .slider-vervolg-wrapper .slide-content { font-size: 22px; }
.site-header hgroup, #main { padding:0; }
.site-logo { width:300px; margin:0 0; }
.site-header hgroup { margin:0; }
.testimonials-inner { margin:0; }
.testimonials .slide { max-height:800px; }
.posts-banner { margin:0; }
#mainContainer #primary { padding:15px; }
.home-post {
width: 50%;
padding: 10px;
}
.home-post:nth-child(even){
padding-left: 5px !important;
}
.home-post:nth-child(odd){
padding-right: 5px !important;
}
.footer-widgets > div { width: 100%; }
.gform_wrapper.gf_browser_chrome .gform_body { width: 100% !important; }
.footer-widget-3 {
flex-direction: column;
margin-right: 0 !important;
}
.footer-widget-3 p {
display: flex;
flex-direction: column;
text-align: center;
}
.footer-widget-3 a {
padding: 0;
text-align: center;
}
.footer-widget-3 a::after {
content:'';
padding: 0;
}
.footer-widget-3 br { display: none !important; }
.copyright {
margin-right: 0;
padding-top: 20px;
}
}
@media all and (max-width: 450px){
.home-post:nth-child(odd),
.home-post:nth-child(even) {
width: 100%;
padding: 20px !important;
}
}
@media only screen and (orientation: landscape) { }a, a:focus, a:visited { 
color:;
}
a:hover {
color:;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: ;
}
::-webkit-scrollbar {
width: 12px;
background-color: ;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: ;
}