@charset "UTF-8";
/*
Theme Name: Techzine v9
Theme URI: http://underscores.me/
Author: Coen van Eenbergen
Author URI: http://www.dolphin-is.nl
Description: Techzine Wordpress thema
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techzinev7
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Techzine v9 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Frontpage
# Search
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@font-face {
  /*font-family: 'Roboto';*/
  /*src: url('../fonts/Roboto-regular.ttf');*/ }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html, h1, h2, h3, h4, h5, p {
  font-family: 'Roboto', sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  line-height: 150%; }

body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  background-color: #fff;
  color: #000; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

.none {
  display: none; }

.flex {
  display: flex; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

img {
  border: 0; }

img.tzpixel {
  position: absolute;
  bottom: 0;
  left: 0; }

blockquote {
  margin: 1rem 0; }

/*--------------------------------------------------------------
# General elements
--------------------------------------------------------------*/
.cli-modal-dialog .cli-tab-footer .cli-btn {
  background-color: #ffc100;
  color: #000; }

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #ffc100; }

a:visited {
  color: #888; }

a:hover,
a:focus,
a:active {
  color: #ffc100;
  text-decoration: underline; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

.cli-barmodal-open {
  overflow: visible !important; }

@media screen and (min-width: 1024px) {
  .mobile-elm {
    display: none !important; }
  /*--------------------------------------------------------------
	# Header
	--------------------------------------------------------------*/
  header#header {
    display: flex;
    flex-direction: row;
    width: 100%;
    z-index: 1000;
    align-items: center;
    justify-content: flex-start;
    height: 59px;
    border-bottom: 2px solid #edf1f5; }
  body.home header#header {
    height: 120px;
    background-color: #edf1f5;
    border: 0; }
  body.home header#header.fixed, header#header.fixed {
    height: 59px;
    background-color: #fff;
    border-bottom: 2px solid #edf1f5;
    position: fixed; }
  body.home header#header.fixed div#logo a, header#header.fixed div#logo a {
    width: 40px;
    height: 40px;
    background: url(/wp-content/themes/techzinev9/img/layout/icon.svg) no-repeat;
    background-size: 40px;
    margin-left: 35px;
    align-items: center; }
  header#header div#logo {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  header#header div#logo a {
    display: block;
    align-items: center;
    width: 40px;
    height: 40px;
    background: url(/wp-content/themes/techzinev9/img/layout/icon.svg) no-repeat;
    background-size: 40px;
    margin-left: 35px; }
  body.home header#header div#logo a {
    width: 350px;
    height: 60px;
    background: url(/wp-content/themes/techzinev9/img/layout/logo.svg) no-repeat;
    background-size: 350px;
    margin-left: 26px; }
  header#header div#logo a h1, header#header div#logo a span {
    visibility: hidden; }
  header#header div#breadcrumbs {
    margin-left: 10px;
    font-family: Roboto Condensed;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: normal;
    color: #838d96; }
  header#header div#breadcrumbs span span a {
    font-weight: bold;
    color: #ffc100; }
  header#header div#breadcrumbs span span span a {
    font-weight: normal;
    color: #838d96; }
  header#header div#breadcrumbs strong.breadcrumb_last {
    color: #000; }
  body.home header#header div#breadcrumbs strong.breadcrumb_last {
    color: #ffc100; }
  body.home div#breadcrumbs {
    display: none; }
  body.home header#header.fixed div#breadcrumbs {
    display: block; }
  /*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
  header#header div#menu {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    width: 140px;
    margin-right: 30px;
    position: relative; }
  header#header div#menu div.button.navbar-toggle {
    width: 44px;
    height: 44px;
    border: 0;
    background-color: #ffc100;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-White-Menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  header#header div#menu div.button.search-toggle {
    width: 44px;
    height: 44px;
    border: 0;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Grey-Search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  header#header div#menu div.button.lights-out {
    width: 26px;
    height: 44px;
    border: 0;
    background-color: #707a85;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-White-Light_dark_modus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  header#header div#menu div.button.lang-toggle {
    width: 26px;
    height: 44px;
    border: 0;
    color: #707a85;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    white-space: normal;
    cursor: pointer; }
  header#header div#menu div.button.lang-toggle label {
    display: block;
    margin: 10px 0 0 0;
    cursor: pointer; }
  header#header div#menu div.button.lang-toggle.techzinelocal label:before {
    content: "EU"; }
  header#header div#menu div.button.lang-toggle.techzineeu label:before {
    content: "EU"; }
  header#header div#menu div.button.lang-toggle.techzinenl label:before {
    content: "NL"; }
  header#header div#menu div.button.lang-toggle.techzinebe label:before {
    content: "BE"; }
  nav#site-navigation {
    font-family: Roboto Condensed;
    position: absolute;
    top: 51px;
    right: 96px;
    z-index: 1000;
    width: 440px;
    overflow-x: hidden;
    margin: 0;
    padding: 0; }
  body.home nav#site-navigation {
    top: 81px; }
  body.home header#header.fixed nav#site-navigation {
    top: 51px; }
  header#header div.empty {
    width: 100%;
    height: 24px;
    position: relative; }
  header#header div.empty .triangle-effect {
    position: absolute;
    top: 0;
    right: 0; }
  nav#site-navigation label#i-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 24px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-color: #edf1f5;
    color: #ffc100;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.3px;
    z-index: 50000; }
  nav#site-navigation label#n-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -221px;
    right: -1px;
    top: 24px;
    width: 44px;
    height: 44px;
    color: #000;
    cursor: pointer;
    background-color: #ffc100;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.3px;
    z-index: 50000;
    text-transform: uppercase; }
  nav#site-navigation label#swipe-left {
    display: block;
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    width: 44px;
    height: 44px;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-White-Swipe_right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 50000; }
  nav#site-navigation label#swipe-right {
    display: block;
    display: none;
    position: absolute;
    top: 68px;
    right: -221px;
    width: 44px;
    height: 44px;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Swipe_left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 50000; }
  nav#site-navigation ul#menu-master {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0; }
  nav#site-navigation ul#menu-master li {
    width: 100%;
    margin: 0;
    padding: 0; }
  nav#site-navigation ul#menu-master li a {
    display: none; }
  nav#site-navigation ul#menu-master li ul.dropdown-menu {
    display: block;
    position: static;
    width: 220px;
    min-height: 230px;
    background-color: #ffc100;
    border: 0;
    margin: 0;
    padding: 24px 0 19px 0;
    border-radius: 0;
    border: 0; }
  nav#site-navigation ul#menu-master li:nth-child(1) ul.dropdown-menu {
    padding-left: 59px; }
  nav#site-navigation ul#menu-master li:nth-child(2) ul.dropdown-menu {
    background-color: #edf1f5;
    padding-left: 21px;
    width: 221px; }
  nav#site-navigation ul#menu-master li ul.dropdown-menu li {
    width: auto; }
  nav#site-navigation ul#menu-master li ul.dropdown-menu li a {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.2px;
    margin-bottom: 5px; }
  div#search_menu {
    font-family: Roboto Condensed;
    position: absolute;
    top: 51px;
    right: 52px;
    z-index: 30000;
    width: 220px;
    height: 76px;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  body.home div#search_menu {
    top: 81px; }
  body.home header#header.fixed div#search_menu {
    top: 51px; }
  div#search_menu form {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    background-color: #edf1f5;
    width: 100%;
    height: 52px; }
  div#search_menu form input#s {
    border: 0;
    padding: 4px .75rem;
    width: 176px;
    height: auto;
    font-family: Roboto;
    font-size: 18px;
    font-style: italic;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #707a85;
    background-color: #edf1f5; }
  div#search_menu form input#s:focus {
    outline: 0;
    border-color: inherit;
    box-shadow: none; }
  div#search_menu form button.search_icon {
    width: 44px;
    height: 44px;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Grey-Search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-color: #edf1f5;
    border: 0; }
  div#search_menu form button.search_icon:focus {
    outline: 0; }
  div#lang {
    font-family: Roboto Condensed;
    position: absolute;
    top: 51px;
    right: -11px;
    z-index: 30000;
    width: 220px;
    overflow-x: hidden;
    margin: 0;
    padding: 0; }
  body.home div#lang {
    top: 81px; }
  body.home header#header.fixed div#lang {
    top: 51px; }
  div#lang label#world-icon {
    position: absolute;
    right: 0px;
    top: 24px;
    width: 44px;
    height: 44px;
    z-index: 50000;
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Internet.svg) no-repeat;
    background-position: center center; }
  div#lang ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 24px 21px 19px 21px;
    background-color: #edf1f5; }
  div#lang ul li a {
    display: block;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.2px;
    margin-bottom: 5px; }
  /*--------------------------------------------------------------
	## Frontpage
	--------------------------------------------------------------*/
  section#insiders {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 582px; }
  section#insiders div.desktop-titles {
    display: flex;
    align-items: center;
    position: relative;
    width: 52%;
    margin-right: -12%;
    z-index: 200;
    overflow: hidden; }
  section#insiders div.desktop-titles .effect {
    position: absolute; }
  section#insiders div.desktop-titles .bg-effect {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    background-color: #ffc100;
    width: 100%;
    height: 150%;
    position: absolute;
    left: -13%;
    top: -25%; } }

@media screen and (min-width: 1024px) and (min-width: 1950px) {
  section#insiders div.desktop-titles .bg-effect {
    height: 170%;
    top: -35%; } }

@media screen and (min-width: 1024px) {
  section#insiders div.desktop-titles ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 250;
    list-style: none;
    padding: 0;
    padding-right: 80px;
    width: 70%;
    margin: 0 auto; }
  section#insiders div.desktop-titles ul li {
    padding-top: 14px; }
  section#insiders div.desktop-titles ul li div.meta span {
    color: #707A85; }
  section#insiders div.desktop-titles ul li div.meta span a {
    color: #707A85; }
  section#insiders div.desktop-titles ul li div.meta span.hub.cloud label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Cloud.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.collaboration label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Collaboration.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.data label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Data.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.devops label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Devops.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.hardware label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Personal_hardware.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.infrastructure label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Infrastructure.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.internet label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Internet.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.security label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Privacy.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.trends label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Trends.svg"); }
  section#insiders div.desktop-titles ul li div.meta span.hub.workplace label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Work_space.svg"); }
  section#insiders div.desktop-titles ul li a {
    display: flex;
    flex-direction: row; }
  section#insiders div.desktop-titles ul li a:hover {
    color: #000;
    text-decoration: underline; }
  section#insiders div.desktop-titles ul li a h2 {
    padding: 0 0 14px 0;
    margin: 0;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.4px;
    line-height: 30px;
    color: #000;
    border-bottom: 2px #fff solid;
    position: relative;
    display: flex;
    width: 90%; }
  section#insiders div.desktop-titles ul li a label.next {
    background-size: 44px;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-White-Slide_right.svg");
    background-repeat: no-repeat;
    content: "";
    display: flex;
    align-self: center;
    width: 10%;
    height: 44px;
    visibility: hidden; }
  section#insiders div.desktop-titles ul li.current a, section#insiders div.desktop-titles ul li.current a h2 {
    color: #fff; }
  section#insiders div.desktop-titles ul li.current a label.next {
    visibility: visible; }
  section#insiders div.insiders {
    position: relative;
    z-index: 100;
    width: 60%;
    height: 582px;
    /*left: -11%;*/
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap; }
  section#insiders div.insiders::-webkit-scrollbar {
    display: none; }
  section#insiders div.insiders div.insider {
    display: inline-block;
    z-index: 100;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    position: relative;
    width: 100%;
    height: 150%;
    left: 0%;
    top: -25%; }
  section#insiders div.insiders div.insider a {
    position: relative;
    display: block;
    width: 90%;
    height: 100%;
    overflow: hidden;
    border-right: 8px solid #ffc100; }
  section#insiders div.insiders div a span.image {
    position: relative;
    display: block;
    width: 130%;
    height: 100%;
    /*	padding-top: 50%;*/
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  section#insiders div.insiders div.insider:nth-child(2) {
    z-index: 99;
    left: -10%; }
  section#insiders div.insiders div.insider:nth-child(3) {
    z-index: 98;
    left: -20%; }
  section#insiders div.insiders div.insider:nth-child(4) {
    z-index: 97;
    left: -30%; }
  section#insiders div.insiders div.insider:nth-child(2) a span.image {
    z-index: 99;
    left: -10%; }
  section#insiders div.insiders div.insider:nth-child(3) a span.image {
    z-index: 98;
    left: -10%; }
  section#insiders div.insiders div.insider:nth-child(4) a span.image {
    z-index: 97;
    left: -10%; }
  section#insiders div.insiders div.insider a span.image span.overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 300; }
  section#insiders div.insiders div.insider h2 {
    display: none; }
  section#insiders div.insiders div.insider div.meta {
    display: none; }
  section#themes {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    background-color: #edf1f5; }
  section#themes h3 {
    margin: 31px 0 27px 30px;
    display: flex;
    font-family: Roboto Condensed;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    font-stretch: condensed; }
  section#themes label {
    display: flex;
    width: 67px;
    height: 67px;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Color-Label.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff; }
  section#themes nav {
    margin-left: 97px;
    margin-bottom: 34px;
    width: 100%; }
  section#themes nav ul {
    display: flex;
    justify-content: space-between; }
  section#themes nav ul li a {
    font-family: Roboto Condensed;
    line-height: 1.13;
    letter-spacing: -0.2px;
    color: #000;
    text-transform: uppercase; }
  section#themes nav ul li a:hover {
    color: #ffc100; }
  section#mailpromo {
    margin: 30px auto; }
  section#mailpromo div.col-8, section#mailpromo div.col-4 {
    padding-left: 0; }
  section#mailpromo .btn {
    margin-top: 0; }
  section#latest {
    display: flex;
    margin: 30px auto; }
  section#latest div.grid article:nth-child(9) {
    display: none; }
  section#indepth {
    display: flex;
    margin: 0 auto;
    padding: 40px 0;
    background-color: #edf1f5; }
  section#indepth div.container div.grid article:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3; }
  section#indepth div.container div.grid article:nth-child(1) a {
    height: 100%; }
  section#indepth div.container div.grid article:nth-child(1) a h2 {
    font-size: 22px; }
  section#indepth div.container div.grid article:nth-child(1) a:hover span.image {
    background-size: auto 120%; }
  section#indepth div.container div.grid article:nth-child(1) div.meta {
    margin-bottom: 6px; }
  section#indepth div.container div.grid article:nth-child(1) div.intro {
    font-size: 16px;
    line-height: 1.5; }
  section#indepth div.container div.grid article:nth-child(6) {
    display: none; }
  section#experts {
    display: flex;
    margin: 50px auto; }
  section#jobs {
    margin: 60px auto; }
  section#jobs article:nth-child(5) a, section#jobs article:nth-child(6) a {
    border: 0; }
  section#events {
    margin: 50px auto; }
  /*--------------------------------------------------------------
	## SEARCH
	--------------------------------------------------------------*/
  h1.page.search {
    align-items: center; }
  .searchpage_form form {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    background-color: #edf1f5;
    width: 100%;
    height: 62px; }
  .searchpage_form form input#s {
    border: 0;
    padding: 4px .75rem;
    width: 500px;
    height: auto;
    font-family: Roboto;
    font-size: 24px;
    font-style: italic;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #707a85;
    background-color: #edf1f5; }
  .searchpage_form form input#s:focus {
    outline: 0;
    border-color: inherit;
    box-shadow: none; }
  .searchpage_form form button.search_icon {
    width: 44px;
    height: 44px;
    background-image: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Grey-Search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-color: #edf1f5;
    border: 0; }
  .searchpage_form form button.search_icon:focus {
    outline: 0; }
  #search {
    position: relative;
    margin-bottom: 60px; }
  #search .container {
    display: flex;
    flex-direction: row;
    z-index: 100; }
  #search .container aside#secondary {
    width: 20%;
    padding: 20px;
    min-width: 250px;
    margin-right: 50px;
    background-color: #edf1f5; }
  section.search {
    width: 40%;
    height: 80px;
    float: right;
    margin-left: 20px;
    position: relative; }
  section.search.blank {
    background-color: transparent;
    height: auto; }
  section.search.blank form {
    padding: 0; }
  section.search form {
    padding: 25px; }
  section.search .form-group {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  section.search input:focus {
    outline: none;
    border-color: inherit;
    box-shadow: none; }
  section.search .form-group button.search_icon {
    position: absolute;
    top: 5px;
    right: 3px;
    background-color: #fff;
    border: 0;
    font-size: 1.4em;
    color: #333; }
  #searchform .form-group {
    position: relative; }
  #searchform .form-group button.search_icon {
    position: absolute;
    bottom: 5px;
    right: 3px;
    background-color: #fff;
    border: 0;
    font-size: 1.4em;
    color: #f8a436; }
  h4.more_filters {
    display: none; }
  div.facet-hidden, a.facet-hidden {
    display: none; }
  section.facet-block {
    font-family: 'Roboto', sans-serif;
    color: #000; }
  section.facet-block div.facet-checkbox.disabled {
    color: #999;
    font-weight: 300; }
  section.facet-block .facet-counter {
    color: #888;
    font-size: 12px; }
  section.facet-block input.form-check-input, section.facet-block label.form-check-label, section.facet-block a.facet-toggle {
    cursor: pointer; }
  form#search_filters input#facet-search {
    margin: 20px 0;
    padding: 8px;
    width: 200px;
    height: 25px;
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px; }
  form#search_filters select#facet-order {
    margin: 20px 0;
    width: 200px;
    height: 25px;
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 0; }
  .form-group button.search_icon:focus {
    outline: 0; }
  /*--------------------------------------------------------------
	## Elements
	--------------------------------------------------------------*/
  div.countryblock {
    position: relative;
    background-color: #edf1f5;
    color: #000;
    padding: 10px 20px;
    margin: 30px auto; }
  div.countryblock strong {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 15px 0; }
  div.countryblock a {
    color: #000;
    background-color: #ffc100;
    padding: 10px 15px; }
  div.countryblock label {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Close.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  h2.section-link {
    margin-bottom: 20px; }
  h2.section-link a {
    font-size: 36px;
    font-weight: 900;
    color: #ffc100;
    display: flex; }
  h2.section-link a label {
    width: 44px;
    height: 44px;
    margin-right: 5px;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Grid_overview.svg");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0; }
  div.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
  div.grid.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 0px; }
  .post-square {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative; }
  .post-square a {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .post-square a span.image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .post-square a span.date-tag {
    padding-right: 24px;
    font-size: 18px;
    font-weight: 900;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffc100;
    border: 1px solid #ffc100;
    color: #000;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%); }
  .post-square a span.date-tag label {
    margin: 0;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Date.svg");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 36px;
    float: left; }
  .post-square a span.expert-tag, .article-list-item a span.expert-tag {
    padding-right: 24px;
    font-size: 18px;
    font-weight: 900;
    line-height: 36px;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    color: #000;
    position: absolute;
    background-color: #ffc100;
    border: 1px solid #ffc100;
    top: 0;
    left: 0; }
  .post-square a span.expert-tag label, .article-list-item a span.expert-tag label {
    margin: 0;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Expert.svg");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 36px;
    float: left; }
  .post-square a h2 {
    margin: 10px 0 6px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -0.3px;
    color: #000; }
  .post-square a:hover {
    text-decoration: none; }
  .post-square a:hover h2 {
    color: #ffc100; }
  .post-square a:hover span.image {
    border-bottom: 4px solid #ffc100;
    background-size: 120% auto; }
  div.meta {
    font-family: Roboto Condensed;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    line-height: normal !important;
    letter-spacing: normal;
    color: #838d96;
    color: #707A85; }
  div.meta span {
    display: flex;
    padding-right: 6px; }
  div.meta span.date label {
    margin: 0;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Date.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 15px;
    margin-right: 1px; }
  div.meta span.location label {
    margin: 0;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Map_pointer.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 15px;
    margin-right: 1px; }
  div.meta span.timeread label {
    margin: 0;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Reading_time.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 15px;
    margin-right: 1px; }
  div.meta span.byline label {
    margin: 0;
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Writer.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 14px;
    height: 15px;
    margin-right: 1px; }
  div.meta span.hub {
    padding-right: 0; }
  span.hub label {
    width: 17px;
    height: 15px;
    margin-right: 2px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center; }
  span.hub a {
    text-transform: uppercase; }
  span.hub a:hover {
    text-decoration: underline; }
  span.hub.cloud label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Cloud.svg"); }
  span.hub.cloud, span.hub.cloud a {
    color: #5ABEFF; }
  span.hub.collaboration label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Collaboration.svg"); }
  span.hub.collaboration, span.hub.collaboration a {
    color: #E632DC; }
  span.hub.data label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Data.svg"); }
  span.hub.data, span.hub.data a {
    color: #005AFF; }
  span.hub.devops label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Devops.svg"); }
  span.hub.devops, span.hub.devops a {
    color: #CE2F00; }
  span.hub.hardware label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Personal_hardware.svg"); }
  span.hub.hardware, span.hub.hardware a {
    color: #B1CD00; }
  span.hub.infrastructure label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Infrastructure.svg"); }
  span.hub.infrastructure, span.hub.infrastructure a {
    color: #8C32D2; }
  span.hub.internet label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Internet.svg"); }
  span.hub.internet, span.hub.internet a {
    color: #005AFF; }
  span.hub.security label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Privacy.svg"); }
  span.hub.security, span.hub.security a {
    color: #FFAA00; }
  span.hub.trends label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Trends.svg"); }
  span.hub.trends, span.hub.trends a {
    color: #FF0C50; }
  span.hub.workplace label {
    background-image: url("/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Work_space.svg"); }
  span.hub.workplace, span.hub.workplace a {
    color: #08E192; }
  #sidebar-follow {
    position: relative; }
  .sidebar-block {
    margin-bottom: 20px; }
  .sidebar-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: solid 2px #e1e5e8;
    padding: 10px 0; }
  .sidebar-block article:last-child {
    border: 0; }
  .sidebar-list a {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    position: relative; }
  .sidebar-list a span.image {
    display: block;
    width: 100px;
    height: 60px;
    min-width: 100px;
    min-height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 8px; }
  .sidebar-list a div.title-meta {
    width: 100%; }
  .sidebar-list a h3 {
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -0.3px;
    color: #000;
    margin-right: 8px; }
  .sidebar-list a:visited h3 {
    color: #888; }
  .sidebar-list a:hover {
    text-decoration: none; }
  .sidebar-list a:hover h3 {
    color: #ffc100;
    text-decoration: underline; }
  .hp-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
  div.grid-2 article:last-child a, div.grid-2 article:last-child(-1) a {
    border: 0; }
  .hp-list a {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    position: relative;
    border-bottom: solid 2px #e1e5e8;
    padding: 10px 0; }
  .hp-list a span.image {
    display: block;
    width: 100px;
    height: 50px;
    min-width: 100px;
    min-height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .hp-list a div.title-meta {
    width: 100%; }
  .hp-list a h3 {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -0.3px;
    color: #000;
    margin-right: 8px; }
  .hp-list a:visited h3 {
    color: #888; }
  .hp-list a:hover {
    text-decoration: none; }
  .hp-list a:hover h3 {
    color: #ffc100;
    text-decoration: underline; }
  /*--------------------------------------------------------------
	# Widgets
	--------------------------------------------------------------*/
  .widget {
    margin: 0 0 1.5em; }
  /* Make sure select elements fit in widgets. */
  .widget select {
    max-width: 100%; }
  .widget ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .widget h4 {
    font-size: 16px;
    font-family: 'Roboto', serif;
    font-weight: 500; }
  /*--------------------------------------------------------------
	# Content
	--------------------------------------------------------------*/
  div#content {
    margin: 0px auto; }
  div#content.homepage {
    max-width: 100%; }
  /*--------------------------------------------------------------
	## Posts and pages
	--------------------------------------------------------------*/
  h1.entry-title {
    font-family: Roboto Condensed;
    font-size: 72px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: normal;
    margin-bottom: 30px; }
  header.entry-header {
    margin-top: 34px;
    margin-bottom: 12px; }
  header.entry-header a {
    color: #707a85; }
  header.entry-header .entry-meta {
    display: flex;
    align-items: center;
    height: 25px;
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #707a85; }
  header.entry-header .entry-meta span {
    padding-right: 20px; }
  header.entry-header .entry-meta span span {
    padding: 0; }
  header.entry-header .entry-meta span label {
    width: 20px;
    height: 22px;
    background-size: 20px;
    background-position: center center;
    margin: 0;
    margin-right: 5px; }
  .byline,
  .updated:not(.published) {
    display: none; }
  div#primary {
    display: flex;
    flex-direction: row; }
  div#primary main {
    display: flex;
    flex-direction: column;
    min-width: 624px;
    max-width: 750px; }
  div#primary aside {
    width: 300px;
    min-width: 300px;
    margin-left: 100px;
    position: relative; }
  .article-image {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 30px; }
  .article-image-h {
    display: none; }
  .page-content,
  .entry-content,
  .entry-summary {
    margin: 0;
    margin-bottom: 20px; }
  .entry-content {
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: normal; }
  .entry-content a:visited {
    color: #888; }
  .entry-content h2, .entry-content h3, .entry-content h4 {
    font-family: Roboto Condensed;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.31;
    letter-spacing: normal;
    margin-top: 20px; }
  .entry-content h3 {
    font-size: 29px; }
  .entry-content h4 {
    font-size: 26px; }
  .entry-content p:first-child b, .entry-content p:first-child strong {
    font-family: Roboto Condensed;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal; }
  .entry-content img {
    max-width: 100%;
    height: auto;
    margin: 30px auto; }
  .entry-content figcaption {
    margin-top: -20px;
    margin-bottom: 30px; }
  .entry-content ul {
    margin: 30px 0; }
  .entry-content blockquote:before {
    content: '”';
    width: 50px;
    margin-right: 30px;
    color: #ffc100;
    font-family: Roboto;
    font-size: 120px;
    line-height: 100px; }
  .entry-content blockquote, .entry-content blockquote h2, .entry-content blockquote h3, .entry-content blockquote h4 {
    display: flex;
    flex-direction: row;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.39;
    letter-spacing: normal;
    color: #707a85; }
  .wp-block-group {
    padding: 20px 30px; }
  .has-very-dark-gray-background-color {
    color: #fff; }
  .has-luminous-vivid-amber-background-color a {
    color: #000; }
  .wp-block-techzine-review-scoreblock {
    position: relative;
    margin-top: 60px;
    color: #000; }
  .wp-block-techzine-review-scoreblock div.score {
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    line-height: 60px;
    color: #000;
    font-size: 32px;
    background-color: #ffc100;
    border: 5px solid #fff;
    border-radius: 60px;
    z-index: 10;
    text-align: center; }
  .wp-block-techzine-review-scoreblock div.score:after {
    border: 2px solid #ffc100;
    border-radius: 60px;
    width: 70px;
    height: 70px;
    content: " ";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1; }
  .wp-block-techzine-review-scoreblock div.plusmin {
    display: flex;
    min-height: 150px; }
  .wp-block-techzine-review-scoreblock div.plusmin > div {
    width: 50%;
    padding: 35px 10px 20px 35px;
    height: 100%;
    min-height: 200px; }
  .wp-block-techzine-review-scoreblock div.plusmin > div.plus {
    position: relative;
    background-color: #edffef;
    margin-right: 15px; }
  .wp-block-techzine-review-scoreblock div.plusmin > div:before {
    position: absolute;
    content: "+";
    background-color: #b0e8b6;
    color: #000;
    font-weight: 100;
    font-size: 30px;
    line-height: 30px;
    left: 15px;
    top: 0px;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    text-align: center; }
  .wp-block-techzine-review-scoreblock div.plusmin > div.min {
    position: relative;
    background-color: #f9e8df;
    margin-left: 15px; }
  .wp-block-techzine-review-scoreblock div.plusmin > div.min:before {
    background-color: #fca877;
    content: "—";
    left: auto;
    right: 0; }
  div.multipage-nextpagelink {
    position: relative;
    margin: 25px 0;
    text-align: right;
    font-family: Roboto Condensed; }
  div.multipage-nextpagelink a {
    display: inline-flex;
    flex-direction: column;
    text-align: right;
    font-size: 26px;
    line-height: 1.23; }
  div.multipage-nextpagelink a:hover {
    text-decoration: none; }
  .entry-content div.multipage-nextpagelink a:visited {
    color: #fff; }
  div.multipage-nextpagelink a span.next {
    display: block;
    color: #707a85;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-right: 55px; }
  div.multipage-nextpagelink a span.title {
    margin-right: 55px;
    color: #000; }
  div.multipage-nextpagelink a:hover span.title {
    color: #ffc100;
    text-decoration: underline; }
  div.multipage-nextpagelink a span.arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Arrow_right.svg) no-repeat;
    background-position: center center;
    background-size: 44px; }
  div.multipagenav {
    border-top: solid 2px #e1e5e8;
    border-bottom: solid 2px #e1e5e8;
    padding: 10px 0;
    margin: 25px 0; }
  div.multipagenav h3 {
    font-family: Roboto Condensed;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal; }
  div.multipagenav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  div.multipagenav ul li {
    display: block;
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: -0.3px;
    margin-bottom: 8px; }
  div.multipagenav ul li a {
    color: #000; }
  div.multipagenav ul li a:hover {
    color: #ffc100; }
  section.related h3 {
    font-family: Roboto Condensed;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal; }
  section.related ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  section.related ul li {
    margin-bottom: 5px; }
  section.related ul li h4 a {
    color: #000; }
  section.related ul li h4 a:hover {
    color: #ffc100; }
  section.related ul li h4 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: -0.3px;
    margin-bottom: 0; }
  section.related ul li h4 a label {
    float: left;
    margin: 0;
    margin-right: 5px;
    width: 24px;
    height: 22px;
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Grey-Slide_right-small.svg) no-repeat;
    background-position: center center;
    background-size: 24px; }
  section.related ul li h4 a:hover label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Slide_right-small.svg) no-repeat;
    background-position: center center;
    background-size: 24px; }
  section.related ul li div.meta {
    margin-left: 29px; }
  div.share-buttons {
    margin: 20px 0; }
  div.share-buttons a {
    display: inline-block;
    margin-right: 10px;
    background-color: #edf1f5;
    line-height: 1; }
  div.share-buttons a label {
    width: 48px;
    height: 48px;
    margin: 0;
    cursor: pointer; }
  div.share-buttons a.linkedin label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Linkedin.svg) no-repeat;
    background-position: center center;
    background-size: 32px; }
  div.share-buttons a.linkedin:hover label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Linkedin.svg) no-repeat;
    background-position: center center;
    background-size: 32px; }
  div.share-buttons a.facebook label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Facebook.svg) no-repeat;
    background-position: center center;
    background-size: 32px; }
  div.share-buttons a.facebook:hover label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Facebook.svg) no-repeat;
    background-position: center center;
    background-size: 32px; }
  div.share-buttons a.twitter label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Twitter.svg) no-repeat;
    background-position: center center;
    background-size: 32px; }
  div.share-buttons a.twitter:hover label {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Twitter.svg) no-repeat;
    background-position: center center;
    background-size: 32px; }
  div.share-buttons a.whatsapp {
    display: none; }
  div.tags {
    margin: 20px 0; }
  div.tags h4 {
    font-family: Roboto Condensed;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal; }
  div.tags a {
    display: inline-block;
    background-color: #edf1f5;
    padding: 6px 10px;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000; }
  div.tags a:hover {
    color: #ffc100; }
  div.container.chimney {
    margin: 50px auto;
    text-align: center; }
  div.postnav {
    background-color: #edf1f5;
    position: relative;
    font-family: Roboto Condensed;
    font-weight: normal;
    letter-spacing: normal;
    font-size: 18px; }
  div.postnav a.overview {
    position: absolute;
    left: 50%;
    margin-left: -77px;
    top: 110px;
    text-transform: uppercase;
    color: #ffc100;
    padding-top: 52px; }
  div.postnav a.overview label {
    width: 52px;
    height: 52px;
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Color-Grid_overview.svg) no-repeat;
    background-position: center center;
    background-size: 42px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -26px; }
  div.postnav nav.post-navigation div.nav-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 324px; }
  div.postnav div.nav-links div {
    width: 50%; }
  div.postnav div.nav-links .nav-previous a {
    width: 80%;
    margin-right: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flext-start; }
  div.postnav div.nav-links .nav-next a {
    width: 80%;
    margin-left: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flext-end;
    text-align: right; }
  div.postnav div.nav-links a:hover {
    text-decoration: none; }
  div.postnav div.nav-links a span.msg {
    line-height: normal;
    color: #707a85;
    text-transform: uppercase;
    margin-bottom: 10px; }
  div.postnav div.nav-links a span.title {
    font-size: 26px;
    line-height: 1.23;
    color: #000; }
  div.postnav div.nav-links a:hover span.title {
    text-decoration: underline;
    color: #ffc100; }
  div.postnav div.nav-links a:visited span.title {
    color: #888; }
  div.postnav div.nav-links .nav-previous a label {
    position: absolute;
    width: 26px;
    height: 30px;
    top: 50%;
    margin-left: 9px;
    margin-top: -21px;
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Arrow_left.svg) no-repeat;
    background-position: center center;
    background-size: 42px; }
  div.postnav div.nav-links .nav-previous a span {
    margin-left: 65px; }
  div.postnav div.nav-links .nav-next a label {
    position: absolute;
    top: 50%;
    right: 0;
    width: 26px;
    height: 30px;
    margin-top: -21px;
    margin-right: 9px;
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Color-Arrow_right.svg) no-repeat;
    background-position: center center;
    background-size: 42px; }
  div.postnav div.nav-links .nav-next a span {
    margin-right: 65px; }
  div.popular {
    margin: 60px auto; }
  div.popular h3 {
    font-size: 32px;
    line-height: 42px;
    font-family: Roboto Condensed;
    margin-bottom: 30px; }
  div.popular h3 span.popular_nav {
    float: right; }
  div.popular h3 span.popular_nav a {
    font-size: 18px;
    line-height: 0.78;
    color: #000;
    background-color: #edf1f5;
    text-transform: uppercase;
    padding: 10px;
    width: 110px;
    text-align: center;
    display: inline-block; }
  div.popular h3 span.popular_nav a.selected {
    background-color: #ffc100; }
  div.popular h3 span.popular_nav a:hover {
    color: #ffc100; }
  div.popular h3 span.popular_nav a.selected:hover {
    color: #000; }
  div.popular div.grid article:nth-child(n+9) {
    display: none; }
  /** pages **/
  h1.page {
    margin: 30px 0;
    font-size: 72px;
    line-height: 1.25;
    font-family: Roboto Condensed;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between; }
  h1.page span.subtitle {
    float: right;
    font-size: 32px;
    line-height: 42px; }
  h1.hub {
    margin: 30px 0;
    font-size: 72px;
    line-height: 1.25;
    font-family: Roboto Condensed; }
  h1.hub span.hub label {
    width: 70px;
    height: 60px;
    background-size: 70px;
    margin-right: 25px;
    margin-bottom: 0; }
  div.container.article-list {
    margin-bottom: 80px; }
  div.paging {
    text-align: center;
    margin: 30px 0; }
  div.paging a, div.paging span {
    display: inline-block;
    background-color: #edf1f5;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #000; }
  div.paging span.current {
    background-color: #ffc100; }
  div.paging a:hover {
    background-color: #ffc100; }
  div.paging a.prev {
    background: #edf1f5 url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Slide_left-small.svg) no-repeat;
    background-position: center center;
    background-size: 24px; }
  div.paging a.next {
    background: #edf1f5 url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-24px-Black-Slide_right-small.svg) no-repeat;
    background-position: center center;
    background-size: 24px; }
  div.paging a.prev:hover, div.paging a.next:hover {
    background-color: #ffc100;
    text-decoration: none; }
  div.archive_filters {
    background-color: #edf1f5;
    margin-bottom: 60px; }
  div.archive_filters div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
    font-family: Roboto Condensed; }
  div.archive_filters div.container div.filter {
    font-size: 24px;
    line-height: 26px;
    color: #000;
    text-transform: uppercase; }
  div.archive_filters div.container ul.filters {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
  div.archive_filters div.container ul.filters li {
    font-size: 16px;
    line-height: 35px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin-right: 20px; }
  div.archive_filters div.container ul.filters li.selected a {
    color: #ffc100; }
  div.archive_filters div.container ul.filters li.split {
    border-left: 3px dotted #ffc100; }
  div.archive_filters div.container ul.filters li a {
    color: #000; }
  div.archive_filters div.container ul.filters li a:hover {
    color: #ffc100; }
  .article-list-item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    border-bottom: solid 2px #e1e5e8;
    padding: 30px 0;
    justify-content: space-between; }
  .article-list article.article-list-item:first-child {
    border-top: solid 2px #e1e5e8; }
  .article-list article.article-list-item:last-child {
    border: 0; }
  .article-list-item a span.image {
    position: relative;
    display: block;
    width: 30%;
    min-width: 300px;
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 10px; }
  .article-list-item a h3 {
    width: 100%;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -0.4px;
    color: #000;
    margin-right: 8px; }
  .article-list-item a:hover h3 {
    color: #ffc100; }
  .article-list-item .intro {
    font-size: 18px;
    line-height: 24px; }
  /*--------------------------------------------------------------
	## Comments
	--------------------------------------------------------------*/
  /*--------------------------------------------------------------
	## Sidebar
	--------------------------------------------------------------*/
  #secondary {
    /*	margin-top: 50px;*/ }
  #secondary .chimney {
    margin: 0 auto 20px auto;
    text-align: center; }
  #secondary h4 {
    font-family: Roboto Condensed;
    font-size: 24px;
    line-height: 1.08;
    text-transform: uppercase;
    border-bottom: solid 2px #e1e5e8;
    padding-bottom: 10px;
    letter-spacing: -0.8px; }
  /** FOOTER **/
  footer.site-footer {
    position: relative;
    height: 210px;
    background-color: #edf1f5;
    color: #8d9399;
    font-size: 16px;
    padding: 37px 0; }
  footer.site-footer div.container {
    display: flex;
    flex-direction: row; }
  footer.site-footer label.icon {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -37px;
    width: 74px;
    height: 74px;
    background: url(/wp-content/themes/techzinev9/img/layout/icon.svg) no-repeat;
    background-position: center center;
    cursor: pointer; }
  footer.site-footer label.icon:hover {
    transition: transform 0.5s;
    transform: rotate(360deg); }
  footer.site-footer h3 {
    font-family: Roboto Condensed;
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase; }
  footer.site-footer div.site-info {
    width: 52%; }
  footer.site-footer div.site-info p {
    font-family: Roboto;
    font-size: 16px;
    line-height: normal; }
  footer.site-footer div.follow-us {
    width: 17%;
    margin: 0 6%; }
  footer.site-footer div.social {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  footer.site-footer div.social a {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background-color: #ffc100;
    width: 44px;
    height: 51px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  footer.site-footer div.social label {
    width: 44px;
    height: 51px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
  footer.site-footer div.social label.twitter {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-White-Twitter.svg) no-repeat;
    background-position: center center;
    background-size: 36px; }
  footer.site-footer div.social label.facebook {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-White-Facebook.svg) no-repeat;
    background-position: center center;
    background-size: 36px; }
  footer.site-footer div.social label.linkedin {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-White-Linkedin.svg) no-repeat;
    background-position: center center;
    background-size: 36px; }
  footer.site-footer div.social label.twitter:hover {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Black-Twitter.svg) no-repeat;
    background-position: center center;
    background-size: 36px; }
  footer.site-footer div.social label.facebook:hover {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Black-Facebook.svg) no-repeat;
    background-position: center center;
    background-size: 36px; }
  footer.site-footer div.social label.linkedin:hover {
    background: url(/wp-content/themes/techzinev9/img/icons/Techzine-icon-44px-Black-Linkedin.svg) no-repeat;
    background-position: center center;
    background-size: 36px; }
  footer.site-footer div.footer-service {
    width: 25%; }
  footer.site-footer ul.footer-links {
    list-style: none;
    margin: 0;
    padding: 0; }
  footer ul.footer-links li a {
    color: #3babeb;
    font-size: 16px;
    font-weight: 500; } }

@media screen and (min-width: 1950px) {
  section#insiders div.insiders div.insider {
    height: 170%;
    top: -35%; } }

@media screen and (min-width: 1000px) and (max-width: 1365px) {
  section#insiders div.desktop-titles {
    width: 57%;
    margin-right: -17%; }
  section#insiders div.desktop-titles .bg-effect {
    left: -17%; }
  section#insiders div.desktop-titles ul li a h2 {
    font-size: 18px;
    line-height: 24px; }
  section#insiders div.desktop-titles ul li a label.next {
    background-size: 38px; }
  section#insiders div.insiders div.insider:nth-child(2) a span.image {
    z-index: 99;
    left: -15%; }
  section#insiders div.insiders div.insider:nth-child(3) a span.image {
    z-index: 98;
    left: -15%; }
  section#insiders div.insiders div.insider:nth-child(4) a span.image {
    z-index: 97;
    left: -15%; }
  div#primary aside {
    margin-left: 50px; }
  .post-square a span.date-tag {
    font-size: 16px;
    letter-spacing: -0.8px; }
  .post-square a span.expert-tag {
    font-size: 16px;
    letter-spacing: -0.8px; } }

/** LEGACY **/
/** Review Report **/
div.scorecard {
  clear: both;
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px solid #cacaca; }

div.scorecard div.summary {
  float: left;
  width: 20%; }

div.scorecard div.summary span {
  display: inline-block;
  width: 80px;
  height: 70px;
  font-size: 36px;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 30px; }

div.scorecard div.summary a {
  display: inline-block;
  margin-bottom: 10px; }

div.scorecard div.specific {
  float: left;
  width: 80%; }

div.scorecard h2 {
  color: #333;
  font-size: 21px;
  font-weight: 500;
  text-transform: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 5px; }

div.scorecard h2.oldreport {
  margin-left: 0; }

div.scorecard div.rating-legenda {
  width: 70%;
  margin: 5px 0 0 25%; }

div.scorecard div.rating-legenda span {
  width: 9.8%;
  font-size: 11px;
  line-height: 16px;
  float: left;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin-right: 0.2%; }

div.scorecard .score-1 {
  background-color: #ff0000;
  color: #fff; }

div.scorecard .score-2 {
  background-color: #ff4e00;
  color: #fff; }

div.scorecard .score-3 {
  background-color: #ff7200;
  color: #fff; }

div.scorecard .score-4 {
  background-color: #ff9c00;
  color: #fff; }

div.scorecard .score-5 {
  background-color: #ffc600;
  color: #fff; }

div.scorecard .score-6 {
  background-color: #deff00;
  color: #333; }

div.scorecard .score-7 {
  background-color: #a2ff00;
  color: #fff; }

div.scorecard .score-8 {
  background-color: #84ff00;
  color: #fff; }

div.scorecard .score-9 {
  background-color: #60ff00;
  color: #fff; }

div.scorecard .score-10 {
  background-color: #00ff00;
  color: #fff; }

div.scorecard ul {
  list-style: none;
  margin: 0;
  padding: 0; }

div.scorecard ul li {
  clear: both;
  float: left;
  margin-top: 5px !important;
  width: 100%;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 23px; }

div.scorecard ul li span.name {
  width: 25%;
  display: inline-block;
  float: left; }

div.scorecard ul li span.rating {
  float: left;
  display: inline-block;
  margin-top: 6px;
  height: 10px;
  border-bottom: 1px solid #044771; }

div.scorecard ul li span.score {
  display: inline-block;
  float: right;
  font-size: 13px; }

/* BENCHMARK GRAPHS  */
div.benchmark_graph {
  display: block;
  border-bottom: 1px solid #333;
  margin-bottom: 10px; }

div.benchmark_graph h2 {
  text-transform: none;
  padding: 0;
  border-bottom: 1px solid #333;
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  margin-bottom: 5px; }

div.benchmark_graph ul {
  list-style: none;
  margin: 0;
  padding: 0; }

div.benchmark_graph ul li {
  clear: left;
  color: #333;
  margin-top: 0;
  padding: 3px 15px;
  font-size: 18px;
  line-height: 150%; }

div.benchmark_graph ul li:nth-child(2n+2) {
  background-color: #F5F5F5; }

div.benchmark_graph ul li a {
  color: #333; }

div.benchmark_graph ul li span.score {
  float: right;
  font-size: 15px;
  padding-top: 18px; }

div.benchmark_graph ul li span.line {
  display: block;
  margin-bottom: 5px;
  height: 12px;
  color: white;
  background: #ccc;
  /* Old browsers */
  background: linear-gradient(to bottom, #cccccc 0%, #777777 100%); }

div.benchmark_graph ul li span.highlight {
  background-color: #fed19c;
  background: linear-gradient(to bottom, #fed19c 0%, #fda33b 100%); }

div.benchmark_graph ul li span.selected {
  background: #9ad4f1;
  /* Old browsers */
  background: linear-gradient(to bottom, #9ad4f1 0%, #1273a7 100%); }

/** LEGACY BBCODE **/
span.bbc_strike {
  text-decoration: line-through; }

span.bbc_underline {
  text-decoration: underline; }

a.bbc_url {
  color: #F89F00; }

div.bbc_center {
  text-align: center; }

ul.bbc_list,
ul.tz_tracker,
ol.bbc_list {
  list-style-position: outside;
  margin-left: 30px;
  padding: 10px 0;
  line-height: 130%; }

ul.bbc_list li,
ul.tz_tracker li,
ol.bbc_list li {
  margin: 4px 0;
  border: none;
  padding: 0; }

dl.bbc_deflist {
  margin: 0.5em 0 0.5em 30px; }

dl.bbc_deflist dt {
  font-weight: bold; }

table.bbc_table {
  border-collapse: collapse;
  border-spacing: 0;
  cellspacing: 0;
  cellpadding: 0; }

table.bbc_table tr, table.bbc_table tr td, table.bbc_table tr th {
  padding: 0;
  margin: 0; }

table.images {
  width: 100%;
  border-collapse: collapse; }

table.images tr td {
  padding: 0 5px; }

table.images tr td img {
  max-width: 100%;
  height: auto; }

span.bbc_yes {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  color: #9fe50d; }

span.bbc_yes:before {
  content: "\f00c"; }

span.bbc_no {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  color: #f54715; }

span.bbc_no:before {
  content: "\f05e"; }

div.bbc_quote {
  border: 1px solid #D5DFE5;
  margin: 5px 0 5px 15px;
  padding: 2px 5px;
  background-color: #F4F4F4;
  color: #404040; }

div.bbc_quote a {
  color: #404040; }

div.bbc_quote p.bbc_quote_title {
  font-weight: bold;
  font-size: 8px;
  margin-bottom: 3px;
  line-height: 100%;
  padding-top: 2px; }

div.bbc_quote div.bbc_quote {
  background-color: #dddddd; }

div.bbc_quote div.bbc_quote div.bbc_quote {
  background-color: #cecece; }

span.bbc_me {
  color: blue; }

span.bbc_me a,
span.bbc_me a.begrip_highlight {
  color: blue; }

span.bbc_mb {
  color: red;
  font-weight: bold; }

fieldset.bbc_mb {
  border: 1px solid blue;
  padding: 2px 10px;
  font-weight: bold; }

fieldset.bbc_mb legend {
  visibility: visible;
  color: red;
  padding: 0 3px;
  font-weight: normal; }

fieldset.bbc_edit {
  font-style: italic;
  color: #808080; }

fieldset.bbc_edit legend {
  visibility: visible;
  font-size: 8px;
  line-height: 100%; }

span.bbc_offtopic {
  color: #808080; }

span.bbc_offtopic a {
  color: #808080; }

fieldset.bbc_offtopic {
  font-style: italic;
  color: #808080; }

fieldset.bbc_offtopic a {
  color: #808080; }

fieldset.bbc_offtopic legend {
  visibility: visible;
  font-size: 8px;
  line-height: 100%; }

label.spoiler {
  font-size: 10px;
  line-height: 150%; }

span.bbc_spoiler {
  background-color: #000000;
  color: #000000;
  padding: 2px;
  display: block; }

div.bericht h3 {
  font-size: 1.3em;
  margin: 0.5em 0;
  color: #2E6FB2; }

/*
	Headings
*/
h4.bbc_h4 {
  font-size: 21px;
  line-height: 23px;
  font-weight: bold;
  display: inline; }

h4.bbc_h4.left {
  font-size: 23px;
  line-height: 32px;
  width: 220px;
  background: none;
  padding: 0;
  margin-right: 15px;
  margin-bottom: 15px;
  font-style: italic; }

h4.bbc_h4.right {
  font-size: 23px;
  line-height: 32px;
  width: 220px;
  background: none;
  padding: 0;
  margin-left: 15px;
  margin-bottom: 15px;
  font-style: italic; }

h4.bbc_h4.middle {
  display: inline-block;
  text-align: center;
  font-size: 23px;
  line-height: 32px;
  background: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: italic;
  width: 100%; }

h5.bbc_h5 {
  font-size: 15px;
  display: inline; }

h6.bbc_h6 {
  font-size: 0.9em;
  display: inline;
  font-style: italic; }

/*
	Images
*/
img.center {
  display: block;
  margin: 0 auto; }

img.bbc_img_border,
img.bbc_img_right_border,
img.bbc_img_left_border {
  border: 1px solid #000; }

img.bbc_img_right,
img.bbc_img_right_border {
  float: right;
  margin-left: 10px; }

img.bbc_img_left,
img.bbc_img_left_border {
  float: left;
  margin-right: 10px; }

div.bbc_code {
  width: 525px; }

div.bbc_code table {
  margin: 2px 0;
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%; }

div.bbc_code table td {
  vertical-align: top;
  border: none; }

div.bbc_code table td,
div.bbc_code table td pre {
  margin: 0;
  color: #000;
  font: 12px/15px "courier new", courier, monospace;
  white-space: nowrap; }

div.bbc_code table td pre {
  white-space: pre; }

div.bbc_code table td.numbers {
  text-align: right;
  width: 30px;
  border: 1px solid #000;
  background-color: #e0e0e0; }

div.bbc_code table td.numbers pre {
  padding: 4px; }

div.bbc_code table td.code {
  padding: 0;
  border: 1px solid #000;
  border-left-width: 0; }

div.bbc_code table td.code div {
  position: relative;
  width: 100%;
  overflow: auto; }

div.bbc_code table td.code div pre {
  display: block;
  padding: 4px;
  background-color: #fefefe; }

span.num {
  color: #a900a9; }

span.esc {
  color: #C42DA8; }

span.str {
  color: #ff0000; }

span.dstr {
  color: #ff0000; }

span.slc {
  color: #666666;
  font-style: italic; }

span.com {
  color: #666666;
  font-style: italic; }

span.dir {
  color: #00b800; }

span.sym {
  color: #ff0000; }

span.line {
  color: #666666; }

span.kwa {
  color: #0000ff;
  font-weight: bold; }

span.kwb {
  color: #0000ff; }

/*
	Content tabellen
*/
table.nieuwstabel {
  border-collapse: collapse;
  border: 0;
  border-bottom: 2px solid #333;
  padding: 0; }

table.nieuwstabel td {
  padding: 5px;
  font-size: 12px;
  line-height: 22px; }

table.nieuwstabel th {
  font-weight: normal;
  padding: 3px 5px;
  vertical-align: bottom;
  text-align: left;
  font-size: 14px;
  color: #fff;
  background-color: #333; }

table.nieuwstabel tr.even td {
  background-color: #F5F5F5;
  vertical-align: top; }

table.nieuwstabel tr.odd td {
  background-color: #fff;
  vertical-align: top; }

pre.bbc_pre_code {
  margin: 10px;
  padding: 2px;
  border: 1px solid #D1D1D1;
  display: block;
  overflow: auto; }

.bbc_scode .de1, .bbc_scode .de2 {
  font-family: "Courier New", Courier, monospace;
  font-weight: normal; }

.bbc_scode .imp {
  font-weight: bold;
  color: red; }

.bbc_scode li, .bbc_scode li.li1 {
  font-family: "Courier New", Courier, monospace;
  color: black;
  font-weight: normal;
  font-style: normal; }

.bbc_scode .kw1 {
  color: #b1b100; }

.bbc_scode .kw2 {
  color: #000000;
  font-weight: bold; }

.bbc_scode .kw3 {
  color: #000066; }

.bbc_scode .co1 {
  color: #808080;
  font-style: italic; }

.bbc_scode .co2 {
  color: #808080;
  font-style: italic; }

.bbc_scode .coMULTI {
  color: #808080;
  font-style: italic; }

.bbc_scode .es0 {
  color: #000099;
  font-weight: bold; }

.bbc_scode .br0 {
  color: #66cc66; }

.bbc_scode .sy0 {
  color: #66cc66; }

.bbc_scode .st0 {
  color: #ff0000; }

.bbc_scode .nu0 {
  color: #cc66cc; }

.bbc_scode .me1 {
  color: #006600; }

.bbc_scode .me2 {
  color: #006600; }

.bbc_scode .re0 {
  color: #0000ff; }

.bbc_scode .re1 {
  color: #ff0000; }