@font-face {
font-family: 'ctc-numbers';
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctc-numbers/ctc-numbers.eot?1qrmgx);
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctc-numbers/ctc-numbers.eot?1qrmgx#iefix) format('embedded-opentype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctc-numbers/ctc-numbers.ttf?1qrmgx) format('truetype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctc-numbers/ctc-numbers.woff?1qrmgx) format('woff'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctc-numbers/ctc-numbers.svg?1qrmgx#ctc-numbers) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ctcicons';
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons.eot?pflbfo);
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons.eot?pflbfo#iefix) format('embedded-opentype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons.ttf?pflbfo) format('truetype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons.woff?pflbfo) format('woff'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons.svg?pflbfo#ctcicons) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ctcicons-light';
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons-light.eot?psz1bl);
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons-light.eot?psz1bl#iefix) format('embedded-opentype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons-light.ttf?psz1bl) format('truetype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons-light.woff?psz1bl) format('woff'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/ctcicons/ctcicons-light.svg?psz1bl#ctcicons-light) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon-cijfers-dun';
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/icomoon-cijfers-dun/icomoon-cijfers-dun.eot?4yo6dq);
src:  url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/icomoon-cijfers-dun/icomoon-cijfers-dun.eot?4yo6dq#iefix) format('embedded-opentype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/icomoon-cijfers-dun/icomoon-cijfers-dun.ttf?4yo6dq) format('truetype'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/icomoon-cijfers-dun/icomoon-cijfers-dun.woff?4yo6dq) format('woff'),
url(//pakhuisnoorderhaven.nl/wp-content/themes/cleantechcenter/inc/assets/fonts/icomoon-cijfers-dun/icomoon-cijfers-dun.svg?4yo6dq#icomoon-cijfers-dun) format('svg');
font-weight: normal;
font-style: normal;
}
.icon { font-family: 'ctc-numbers' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size:1.4em;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon.icon-number10, 
.icon.icon-number9,
.icon.icon-number8,
.icon.icon-number7 {
margin-bottom:10px;
}
.icon-number7:before {
content: "\e906";
}
.icon-number8:before {
content: "\e907";
}
.icon-number9:before {
content: "\e908";
}
.icon-number10:before {
content: "\e909";
}
.criteria {
width:40px;
font-size:4em;
color:rgba(102, 171, 199, 1.000);
font-weight:200;
}
.icon2 { font-family: 'ctcicons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-Middel-26:before {
content: "\e900";
margin-right:10px;
}
.icon-Middel-24:before {
content: "\e901";
margin-right:10px;
}
.icon-Middel-25:before {
content: "\e902";
margin-right:10px;
}
.icon-Middel-22:before {
content: "\e903";
margin-right:10px;
}
.icon-Middel-23:before {
content: "\e904";
margin-right:10px;
}
.icon3 { font-family: 'ctcicons-light' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-icoon-light-29:before {
content: "\e900";
}
.icon-icoon-light-27:before {
content: "\e901";
}
.icon-icoon-light-28:before {
content: "\e902";
}
[class^="icon-dun"], [class*=" icon-dun"] { font-family: 'icomoon-cijfers-dun' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dun9:before {
content: "\e900";
color: #65aac7;
}
.icon-dun8:before {
content: "\e901";
color: #65aac7;
}
.icon-dun7:before {
content: "\e902";
color: #65aac6;
}
.icon-dun6:before {
content: "\e903";
color: #65aac7;
}
.icon-dun5:before {
content: "\e904";
color: #65aac7;
}
.icon-dun4:before {
content: "\e905";
color: #65aac7;
}
.icon-dun3:before {
content: "\e906";
color: #65aac7;
}
.icon-dun2:before {
content: "\e907";
color: #65aac7;
}
.icon-dun1:before {
content: "\e908";
color: #65a9c6;
}
.icon-dun0:before {
content: "\e909";
color: #65aac7;
} .tabs {
position: relative;
width: 100%;
overflow: hidden; font-weight: 300;
} li#homepage-tab-1,
li#homepage-tab-2,
li#homepage-tab-3,
li#homepage-tab-4 {
width:25%;
padding: 2px 40px 2px 0!important;
background:#fafbfb;
}
#tab-container {
margin-bottom:0;
}
#tabs.tabs {
background:transparent;
}
#tab-content {
background:#fff;
padding-left:0!important;
padding-right:0!important;
margin-left:0!important;
margin-right:0!important;
}
.tabs nav { }
.tabs nav ul {
padding: 0;
margin: 0;
list-style: none; }
.tabs nav ul li { border-bottom: none; display: block;
float: left;
position: relative; }
#homepage-tab-4 { }
.tabs nav li.tab-current { border-bottom: none;
z-index: 100;
}
.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
content: '';
position: absolute;
height: 1px;
right: 100%;
bottom: 0;
width: 1000px;
}
.tabs nav li.tab-current:after {
right: auto;
left: 100%;
width: 4000px;
}
.tabs nav a {
color: #becbd2;
display: block;
font-size: 1.45em; padding: 0 1.25em;
white-space: nowrap;
}
.tabs nav a:hover {
color: #768e9d;
text-decoration:none;
}
.tabs nav li.tab-current a {
color: #768e9d;
background:#fff;
}
li#homepage-tab-1,
li#homepage-tab-2,
li#homepage-tab-3,
li#homepage-tab-4 {
padding:5px!important;
}
li#homepage-tab-1,
li#homepage-tab-2,
li#homepage-tab-3 {
border-right:5px solid #f0f4f7;
}
li#homepage-tab-1.tab-current,
li#homepage-tab-2.tab-current,
li#homepage-tab-3.tab-current,
li#homepage-tab-4.tab-current{
background:#fff!important;
}
.tab-tekst {
display:block;
font-size:1rem;
margin-top:-32px;
margin-left:34px;
} .tabs nav a:before {
display: inline-block;
vertical-align: middle;
text-transform: none;
font-weight: normal;
font-variant: normal;
font-family: 'icomoon';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
margin: -0.25em 0.4em 0 0;
}
.icon-food:before {
content: "\e600";
}
.icon-lab:before {
content: "\e601";
}
.icon-cup:before {
content: "\e602";
}
.icon-truck:before {
content: "\e603";
}
.icon-shop:before {
content: "\e604";
} .content section {
font-size: 1.25em;
padding: 3em 1em;
display: none;
max-width: 1230px;
margin: 0 auto;
}
.content section:before,
.content section:after {
content: '';
display: table;
}
.content section:after {
clear: both;
} .no-js .content section {
display: block;
padding-bottom: 2em;
}
.content section.content-current {
display: block;
background:#fff;
}
.mediabox {
float: left;
width: 95%;
padding: 0 25px;
min-height:130px;
}
.mediabox.tab1 {
background:url(https://www.cleantechcenter.nl/wp-content/uploads/2018/05/tab-image-1.svg);
background-size:90%;
background-repeat:no-repeat;
height:100%;
margin-left:30px;
}
.media-box-tab1-tekst {
max-width:44%;
width:100%;
margin-left:110px;
}
.mediabox img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.mediabox h3 {
margin: 0.75em 0 0.5em;
}
.mediabox p {
padding: 0 0 1em 0;
margin: 0;
line-height: 1.3;
} @media screen and (max-width: 52.375em) {
.tabs nav a span { }
.tabs nav a:before {
margin-right: 0;
}
.mediabox {
float: none;
width: auto;
padding: 0 0 35px 0;
font-size: 90%;
}
.mediabox img {
float: left;
margin: 0 25px 10px 0;
max-width: 40%;
}
.mediabox h3 {
margin-top: 0;
}
.mediabox p {
margin-left: 40%;
margin-left: calc(40% + 25px);
}
.mediabox:before,
.mediabox:after {
content: '';
display: table;
}
.mediabox:after {
clear: both;
}
}
@media screen and (max-width: 32em) {
.tabs nav ul,
.tabs nav ul li a {
width: 100%;
padding: 0;
}
.tabs nav ul li {
width: 20%;
width: calc(20% + 1px);
margin: 0 0 0 -1px;
}
.tabs nav ul li:last-child {
border-right: none;
}
.mediabox {
text-align: center;
}
.mediabox img {
float: none;
margin: 0 auto;
max-width: 100%;
}
.mediabox h3 {
margin: 1.25em 0 1em;
}
.mediabox p {
margin: 0;
}
}