/*
Theme Name: iCreate Magazine v2.0
Description: Theme for iCreate Magazine (Child Theme of Genesis, by StudioPress)
Author: Luc Kickken for F&L Publishing
Author URI: http://www.fnl.nl
Template: genesis
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, main, nav, section, summary, input, ul, ol, blockquote, menu, dir {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0; }

.site-container {
  position: relative; }

.site-header .title-area {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  -o-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  width: 100%;
  color: #fff;
  text-align: center;
  z-index: 300; }

body.archive .site-header,
body.search .site-header {
  padding: 15rem 0 0 0; }

.site-header .archive-description {
  padding: 0 0 3rem 0; }

.site-promo {
  position: relative;
  padding: 5rem 0; }

.site-promo:before {
  content: '' !important;
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }

.site-footer {
  padding: 7.5rem 0; }

.sidebar {
  margin-bottom: 1rem !important; }
  .sidebar .inner {
    padding-bottom: 10% !important; }

body.single .sidebar {
  margin: 3rem 0 0 0; }
  body.single .sidebar .inner {
    background-color: #f8f8f8; }

body.home .sidebar,
body.archive .sidebar,
body.search .sidebar {
  margin: 0.5rem 0 0 0; }
  body.home .sidebar .inner,
  body.archive .sidebar .inner,
  body.search .sidebar .inner {
    background-color: #fff; }

body.single .entry-header,
body.error404 .entry-header {
  position: relative;
  padding: 16rem 0 8rem 0; }

body.page .entry-header {
  position: relative;
  padding: 20rem 0 12rem 0; }

body.single .entry-header:before,
body.page .entry-header:before {
  content: '' !important;
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }

body.page-template-default .entry-content {
  margin: 0 auto; }

.entry-social {
  max-width: 64rem;
  padding: 2rem 0;
  margin: 3rem auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.newsletter-box {
  line-height: 1.6;
  padding: 10% !important;
  margin: 0 auto !important;
  background: #928b86; }

.sidebar .newsletter-box {
  border-bottom: 1rem solid #f2f0ed; }

body.single .sidebar .newsletter-box {
  border-bottom: 1rem solid #fff; }

.author-box.row {
  max-width: 64rem !important;
  padding: 3rem 0;
  margin: 0 auto 3rem auto !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.shortcode-box {
  max-width: 64rem;
  padding: 3rem 3rem 2rem 3rem;
  margin: 3rem auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9; }

.partner-box {
  max-width: 64rem;
  padding: 3rem 3rem 0 3rem;
  margin: 3rem auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9; }
  .partner-box ul, .partner-box ol {
    list-style-position: inside; }
  .partner-box img {
    max-width: 20rem !important;
    margin: 0 !important; }
  .partner-box .byline {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px; }

.rating-box {
  max-width: 64rem;
  padding: 3rem 3rem 1rem 3rem;
  margin: 3rem auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  overflow: hidden; }

.related-box {
  max-width: 42rem;
  margin: 3rem auto;
  text-align: center; }

.page-section {
  padding: 5rem 0; }

body.single-hardware .entry-footer .entry-meta {
  padding: 3rem 0 2rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.entry-navigation.row {
  max-width: 64rem !important; }

.hero-closed {
  overflow: hidden !important; }

body.page .btn-hero-height,
body.archive .btn-hero-height,
body.single .btn-hero-height {
  display: none; }

.sidebar .widget {
  margin: 3rem 10% 6rem 10%; }

.sidebar .widget.google-ads {
  margin: 3rem auto; }

.widget_maxmegamenu {
  overflow: visible !important; }

#adf-billboard {
  margin: 3rem auto; }

#disqus_thread {
  max-width: 64rem;
  margin: 3rem auto; }

.row {
  max-width: 100% !important; }

.row .row {
  margin: 0 auto !important; }

.column,
.columns {
  overflow: hidden; }

.column + .column:last-child,
.columns + .column:last-child,
.column + .columns:last-child,
.columns + .columns:last-child {
  float: left !important; }

.sidebar.columns {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.site-inner.row,
.entry-content-wrap.row {
  max-width: 131rem !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.packery {
  padding: 0 !important; }

.gutter-sizer {
  width: 0%; }

.grid-sizer {
  width: 8.33333%; }

.packery .columns {
  padding: 0 !important; }

.entry-wrap {
  position: relative;
  margin: 0.5rem; }

.col-1 .entry-wrap,
.col-2 .entry-wrap {
  padding-bottom: 50%;
  overflow: hidden; }

.col-3 .entry-wrap {
  padding-bottom: 100%;
  overflow: hidden; }

.entry-inner {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.col-1 .entry-image,
.col-2 .entry-image {
  float: left;
  display: block;
  position: relative;
  width: 50%;
  overflow: hidden; }
  .col-1 .entry-image figure,
  .col-2 .entry-image figure {
    width: 100%;
    padding-bottom: 110%; }

.col-3 .entry-image {
  display: block;
  width: 100%;
  overflow: hidden; }
  .col-3 .entry-image figure {
    width: 100%;
    padding-bottom: 33.33333%; }

.col .entry-header {
  padding: 10% 10% 1.5rem 10%; }

.col .entry-content {
  padding: 0 10% 10% 10%; }

.col-1 .entry-header,
.col-2 .entry-header {
  float: left;
  display: block;
  width: 50%;
  padding: 5% 5% 1.5rem 5%; }

.col-1 .entry-content,
.col-2 .entry-content {
  float: left;
  display: block;
  width: 50%;
  padding: 0 5% 5% 5%; }

@media only screen and (max-width: 64em) {
  .col-1 .entry-wrap,
  .col-2 .entry-wrap {
    padding-bottom: 100%;
    overflow: hidden; }

  .col-1 .entry-image,
  .col-2 .entry-image {
    float: none;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden; }
    .col-1 .entry-image figure,
    .col-2 .entry-image figure {
      width: 100%;
      padding-bottom: 33.33333%; }

  .col-1 .entry-header,
  .col-2 .entry-header {
    float: none;
    display: block;
    width: 100%;
    padding: 10% 10% 1.5rem 10%; }

  .col-1 .entry-content,
  .col-2 .entry-content {
    float: none;
    display: block;
    width: 100%;
    padding: 0 10% 10% 10%; } }
.nav-primary {
  position: fixed;
  top: 0;
  z-index: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.nav-up {
  transform: translateY(-100%) !important;
  -o-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%) !important;
  -webkit-transform: translateY(-100%) !important; }

.nav-primary .widget {
  position: relative;
  height: 8rem; }

.nav-primary .widget .widget-wrap {
  margin-top: 4rem;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.mega-menu {
  list-style-type: none; }

.mega-menu .mega-menu-item {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px; }

@media only screen and (max-width: 1080px) {
  .mega-menu .mega-menu-item {
    letter-spacing: 0.3px; } }
.mega-menu .mega-menu-item a {
  color: #fff;
  padding: 0 1rem;
  line-height: 8rem; }

.mega-menu .mega-menu-item a:hover {
  color: #222; }

.mega-menu .mega-menu-item-has-children a:after {
  content: '';
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0 1rem 0.3rem 0.75rem; }

.mega-menu .mega-menu-item-has-children a:hover:after {
  border-right: 2px solid #222;
  border-bottom: 2px solid #222; }

.mega-menu p {
  font-size: 1.4rem;
  margin: 2rem auto; }

ul.recent-posts a {
  color: #474036 !important;
  cursor: pointer !important; }

ul.recent-posts a:hover {
  color: #00cc9a !important;
  cursor: pointer !important; }

.mega-sub-menu {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  padding: 4rem;
  background: rgba(255, 255, 255, 0);
  z-index: 600;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* Toggle on */
.mega-toggle-on .mega-sub-menu {
  display: block;
  background: white; }

.mega-sub-menu .mega-menu-item {
  float: right;
  display: block;
  width: 15%;
  font-family: "Lato", sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  padding-left: 1%;
  margin-left: 1%;
  border-left: 1px solid rgba(0, 0, 0, 0.1); }

.mega-sub-menu .mega-menu-item:last-child {
  float: left;
  width: 30%;
  padding: 0;
  margin: 0;
  border: none; }

.mega-sub-menu .mega-menu-item a {
  line-height: 1.2;
  color: #00cc9a;
  padding: 0;
  cursor: text; }

.mega-sub-menu .mega-menu-item a:hover {
  color: #00cc9a; }

.mega-sub-menu .mega-menu-item a:after {
  display: none; }

.mega-sub-menu .mega-sub-menu {
  display: block;
  position: relative;
  max-width: 100%;
  padding: 0;
  margin: 2rem 0 0 0;
  box-shadow: none; }

.mega-sub-menu .mega-sub-menu .mega-menu-item {
  float: none !important;
  display: block;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
  border: none; }

.mega-sub-menu .mega-sub-menu .mega-menu-item a {
  color: #474036;
  line-height: 2;
  cursor: pointer; }

.mega-sub-menu .mega-sub-menu .mega-menu-item a:hover {
  color: #00cc9a; }

.left-off-canvas-menu {
  width: 20rem !important;
  background: #928b86 !important; }
  .left-off-canvas-menu .menu {
    margin: 3rem;
    list-style-type: none; }
  .left-off-canvas-menu .menu-item {
    font-family: "Lato", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 1rem 0; }
  .left-off-canvas-menu .menu-item a {
    color: #fff;
    line-height: 2; }
  .left-off-canvas-menu .sub-menu {
    display: none !important; }

.exit-off-canvas {
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0.5) !important; }

.move-right > .site-container {
  -webkit-transform: translate3d(20rem, 0, 0) !important;
  -moz-transform: translate3d(20rem, 0, 0) !important;
  -ms-transform: translate(20rem, 0) !important;
  -ms-transform: translate3d(20rem, 0, 0) !important;
  -o-transform: translate3d(20rem, 0, 0) !important;
  transform: translate3d(20rem, 0, 0) !important; }

img {
  border: none; }

img.avatar {
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  margin-bottom: 2rem; }

img.img-bio {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  margin-top: 3rem; }

.entry-content img {
  max-width: 100%;
  height: auto; }

body.single .entry-content img {
  display: block;
  margin: 2rem auto; }

.rsswidget img {
  display: none; }

.gallery {
  max-width: 64rem;
  margin: 3rem auto;
  text-align: center;
  overflow: hidden; }

.gallery-item {
  float: left;
  width: 50%; }

.gallery-icon {
  display: inline-block; }

.gallery-icon a {
  position: relative;
  display: inline-block;
  padding: 1em; }

.gallery-icon a:hover {
  overflow: hidden; }
  .gallery-icon a:hover:before {
    font-family: 'FontAwesome';
    color: #fff;
    content: '\f067';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2; }
  .gallery-icon a:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1; }

.gallery img {
  display: inline-block;
  max-width: 100%;
  margin: 0 !important; }

@media only screen and (min-width: 40rem) {
  .gallery-item {
    width: 33.33333%; } }
@media only screen and (min-width: 64rem) {
  .gallery-item {
    width: 33.33333%; } }
.fa {
  font-size: 2.2rem !important; }

.fa-bars {
  color: #fff; }

.pagination .fa {
  font-size: 1.4rem !important; }

.sidebar .fa-facebook,
.sidebar .fa-twitter,
.sidebar .fa-rss,
.site-footer .fa-facebook,
.site-footer .fa-twitter,
.site-footer .fa-rss {
  display: inline-block;
  width: 4.2rem;
  color: #fff;
  background: #00cc9a;
  padding: 1rem;
  border: 1px solid #00cc9a;
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.sidebar .fa-facebook:hover,
.sidebar .fa-twitter:hover,
.sidebar .fa-rss:hover,
.site-footer .fa-facebook:hover,
.site-footer .fa-twitter:hover,
.site-footer .fa-rss:hover {
  color: #00cc9a;
  background: none; }

.entry-navigation .fa {
  font-size: 1.6rem !important; }

.archive-link .fa {
  font-size: 1.4rem !important; }

li.star-full:before {
  font-family: FontAwesome;
  content: "\f005"; }

li.star-half:before {
  font-family: FontAwesome;
  content: "\f123"; }

li.star-empty:before {
  font-family: FontAwesome;
  content: "\f006"; }

body.single .nivo-lightbox-theme-default .nivo-lightbox-close {
  width: 1.9rem;
  height: 1.9rem;
  background: url("images/icon_close_light.svg") no-repeat center center; }

body.single .nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: rgba(0, 0, 0, 0.75); }

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative; }

.video-container .poster {
  display: block !important; }

.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000; }

.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute; }

.video-container .filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100; }

.video-container video {
  position: absolute;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.video-container video.fillWidth {
  width: 100%; }

form {
  overflow: hidden; }

input, button {
  background: none;
  border: none;
  padding: 0;
  margin: 0; }

input[type="text"],
input[type="email"],
input[type="textarea"],
input[type="search"] {
  font-family: "Lato", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #474036; }

input[type="submit"] {
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #00cc9a;
  cursor: pointer;
  padding: 1rem 2rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

input[type="submit"]:hover {
  background: #474036; }

.search-form input[type="search"] {
  width: 0;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  cursor: pointer;
  background-color: transparent;
  background-image: url(images/icon_search.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 2rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.search-form input[type="search"]:focus {
  width: 25rem;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  background-color: #fff;
  background-image: url(images/icon_search_hover.svg);
  background-position: 1.5rem center;
  border: none;
  box-shadow: none; }

.search-form input[type="submit"] {
  display: none; }

.search-form input[type="search"] {
  -webkit-appearance: textfield; }

#responsiveSearch {
  margin: 0 0 1rem 0; }

#responsiveSearch input[type="search"] {
  padding: 1.5rem 1.5rem 1.5rem 4rem !important;
  background-color: #fff;
  background-image: url(images/icon_search_hover.svg);
  background-position: 1.5rem center;
  background-repeat: no-repeat;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  -webkit-appearance: textfield; }

.mpForm ul.mpFormTable,
.mpForm ul.mpFormTable li ul {
  margin: 0; }

.mpForm ul.mpFormTable li {
  list-style-type: none;
  margin: 2rem 0 0 0; }

.mpForm ul.mpFormTable li li {
  display: inline-block;
  margin: 0 1rem 0 0; }

.mpForm ul.mpFormTable .error {
  color: #f04124; }

.mpForm ul.mpFormTable .sublabel {
  display: none; }

.mpForm ul.mpFormTable input[type="checkbox"] {
  margin: 0 0.5rem 0 0; }

.mpForm .mpFormField input[type="text"] {
  width: 100%;
  background: #fff;
  padding: 1.5rem; }

.mpForm .mpFormLabel,
.mpForm .mpFormField {
  font-size: 1.4rem; }

.mpForm label,
.mpForm span {
  color: #fff; }

.entry-content .mpForm ul.mpFormTable,
.entry-content .mpForm ul.mpFormTable li ul {
  margin: 3rem auto; }

.entry-content .mpForm label,
.entry-content .mpForm span {
  font-size: 1.6rem;
  color: #474036; }

.entry-content .mpForm .mpFormField input[type="text"] {
  border: 1px solid #999; }

.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 1rem; }

/* Accordion */
.ui-widget,
.ui-accordion {
  font-family: inherit;
  font-size: inherit;
  max-width: 64rem;
  margin: 3rem auto; }
  .ui-widget .ui-accordion-header,
  .ui-accordion .ui-accordion-header {
    font-size: 2rem;
    font-weight: 300;
    margin: 0.2rem 0 0 0;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .ui-widget .ui-accordion-icons,
  .ui-accordion .ui-accordion-icons {
    padding-left: 3rem; }
  .ui-widget .ui-accordion-content,
  .ui-accordion .ui-accordion-content {
    padding: 0 3rem;
    border: 0;
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0; }
    .ui-widget .ui-accordion-content ul,
    .ui-accordion .ui-accordion-content ul {
      list-style-type: none; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: 300;
  color: #322D25;
  background: #f8f8f8; }

.btn {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  padding: 1rem 3rem;
  margin: 0 0.5rem;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-primary {
  color: #fff !important;
  border: 1px solid #00cc9a;
  background: #00cc9a; }

.btn-primary:hover {
  color: #00cc9a !important;
  border: 1px solid #00cc9a;
  background: none; }

.btn-secondary {
  color: #fff !important;
  border: 1px solid #fff;
  background: none; }

.btn-secondary:hover {
  color: #474036 !important;
  border: 1px solid #fff;
  background: #fff; }

.btn-small {
  font-size: 1rem;
  border-radius: 0.3rem;
  border: 1px solid #00cc9a;
  padding: 1rem 2rem;
  margin: 0; }

.btn-small:hover {
  color: #fff;
  background: #00cc9a; }

.btn-hero-toggle {
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  z-index: 500; }

.btn-hero-toggle a {
  background: url("images/btn_hero_close.svg") no-repeat top left;
  background-size: contain;
  position: absolute;
  top: -30px;
  left: -30px;
  width: 60px;
  height: 60px;
  text-indent: -9999px; }

.btn-hero-toggle a:hover {
  opacity: 0.90;
  filter: alpha(opacity=90); }

.hero-open + .btn-hero-toggle a {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.hero-closed + .btn-hero-toggle a {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

html {
  font-size: 62.5%; }

@media only screen and (max-width: 80em) {
  html {
    font-size: 52.5%; } }
body {
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #474036;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0; }

h1, h2, h3, h4 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #322D25;
  line-height: 1.2;
  display: block;
  position: relative;
  z-index: 2; }

h1 {
  font-size: 6rem; }

h2 {
  font-size: 4.8rem; }

h3 {
  font-size: 3rem; }

h4 {
  font-size: 2.4rem; }

h5 {
  font-size: 2rem; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto; }
.entry-content h2 {
  font-size: 3.2rem;
  margin: 6rem auto 3rem auto; }
.entry-content h3 {
  font-size: 2.8rem;
  margin: 6rem auto 3rem auto; }
.entry-content h4 {
  font-size: 2.2rem;
  margin: 3rem auto -2rem auto; }
.entry-content h5 {
  font-size: 1.8rem; }

body.page .entry-content h3 {
  margin: 3rem auto; }

.hero-title {
  font-size: 4.8rem;
  color: #fff;
  max-width: 120rem;
  margin: 3rem auto; }

.hero-description {
  font-size: 2.2rem;
  font-style: italic;
  color: #fff;
  max-width: 96rem;
  margin: 3rem auto;
  line-height: 1.4; }

.archive-title {
  font-size: 4.8rem;
  margin: 0 auto 3rem auto; }

.section-title {
  font-size: 3.6rem;
  color: #fff;
  margin: 3rem 0; }

.entry-title {
  font-size: 4.8rem;
  color: #fff;
  margin: 0; }

body.error404 .entry-title {
  color: #322D25; }

.col .entry-title {
  font-size: 2.4rem;
  margin: 0 0 0.5rem 0; }

.widget-title {
  margin: 3rem 0; }

.sidebar .widget-title {
  color: #00cc9a;
  margin: 3rem 0; }

.newsletter-box .widget-title {
  color: #fff;
  margin: 0 0 3rem 0; }

.mega-block-title {
  color: #00cc9a; }

.shortcode-title {
  margin: 0 0 1rem 0 !important; }

.site-footer .widget-title {
  font-size: 3rem;
  margin: 0 0 3rem 0; }

.mega-block-title {
  line-height: 1.4;
  margin-bottom: 2rem; }

.comment-reply-title {
  max-width: 64rem;
  margin: 0 auto; }

.newsletter-box h2 {
  font-size: 3rem;
  color: #fff;
  margin: 0; }

.rating-box h4 {
  margin: 0 0 1rem 0; }

.author-box-title {
  font-size: 3.2rem; }

p {
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #474036;
  line-height: 2;
  position: relative;
  max-width: 64rem;
  margin: 3rem auto;
  z-index: 2; }

p strong {
  font-weight: 700; }

p em {
  font-style: italic; }

blockquote p {
  max-width: 100%;
  font-weight: 300;
  font-size: 3rem;
  font-style: italic;
  color: #00cc9a;
  line-height: 1.4;
  text-align: center; }

.archive-description p {
  font-weight: 300;
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1.4; }

.col p {
  font-size: 1.4rem;
  margin: 0; }

.col-1 p,
.col-2 p {
  color: #fff; }

.col-3 p {
  color: #474036; }

.wp-caption-text {
  font-size: 1.6rem;
  font-style: italic;
  border-left: 3px solid rgba(0, 0, 0, 0.1);
  padding-left: 1rem; }

.sidebar p {
  font-size: 1.4rem; }

.newsletter-box p {
  color: #fff;
  line-height: 1.6;
  margin: 0; }

.entry-meta,
.entry-social {
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 3rem auto; }

.col .entry-meta,
.entry-social {
  font-size: 1rem; }

body.single .entry-terms,
body.single .entry-tags {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 1rem 0; }

.shortcode-box .entry-time {
  font-size: 1.2rem; }

.entry-tags a {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px; }

.entry-social-item,
.entry-social-item.show-for-small-only {
  list-style-type: none;
  display: inline-block;
  margin: 0.5rem !important; }

@media only screen and (max-width: 40em) {
  .entry-social-item.show-for-small-only {
    display: inline-block !important; } }
body.single .entry-header .entry-meta {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.rating-value {
  font-size: 6rem;
  font-weight: 300; }

.entry-previous,
.entry-next {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1rem; }

ul, ol {
  margin: 0;
  padding: 0; }

.sidebar ul,
.sidebar ol {
  list-style-type: none; }

ul.recent-posts {
  list-style-type: none;
  margin: 0 0 2rem 0; }

ul.recent-posts li {
  font-size: 1.4rem;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  margin: 1rem 0 0 0;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.entry-content ul,
.entry-content ol {
  max-width: 64rem;
  margin: 3rem auto;
  list-style-position: inside; }

body.single .entry-content ul li,
body.single .entry-content ol li,
body.page .entry-content ul li,
body.page .entry-content ol li {
  margin: 0 0 1.5rem 0;
  line-height: 2; }

.newsletter-box ul,
.shortcode-box ul {
  padding: 0; }

.shortcode-box ul {
  list-style-type: none;
  font-size: 1.4rem;
  margin: 2rem auto 0 auto; }

.shortcode-box ul li {
  line-height: 1.6 !important;
  margin-bottom: 0.5rem; }

.footer-widgets ul {
  list-style-type: none;
  margin: 3rem 0; }

.footer-widgets ul li {
  padding: 0 0 1rem 0; }

.rating-box .rating ul {
  list-style-type: none;
  margin: 0 0 3rem 0 !important; }

.rating-box .rating ul li {
  font-size: 1.8rem !important;
  color: #00cc9a;
  display: inline-block;
  margin: 0 0.5rem 0 0 !important; }

.rating-box .verdict ul {
  list-style-type: none;
  margin: 0 0 2rem 0; }

.rating-box .verdict ul li {
  font-size: 1.4rem;
  color: #00cc9a;
  line-height: 1.6 !important;
  margin: 0.5rem 0 !important; }

ul.review-plus li:before {
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  content: "\f067";
  margin: 0 1rem 0 0; }

ul.review-minus li:before {
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  content: "\f068";
  margin: 0 1rem 0 0; }

.entry-content hr {
  width: 100%;
  height: 1px;
  color: #efefef;
  background: #efefef;
  border: 0; }

.ctaText,
.postTitle {
  display: block; }

.ctaText {
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  color: #322D25 !important;
  text-transform: uppercase;
  letter-spacing: 1px; }
  .ctaText:before {
    content: '\f0c1';
    display: block;
    width: 4rem;
    height: 4rem;
    font-family: 'FontAwesome';
    font-size: 2rem;
    font-weight: 400 !important;
    color: #fff;
    line-height: 4rem;
    background: #00cc9a;
    border-radius: 999px;
    margin: 0 auto 2rem auto; }
  .ctaText:after {
    content: '';
    display: block;
    width: 2rem;
    height: 2px;
    background: #00cc9a;
    margin: 1rem auto; }

.postTitle {
  font-size: 2.8rem !important;
  font-weight: 300 !important;
  font-style: italic;
  line-height: 1.4; }

.related-box a .postTitle,
.related-box a:hover .postTitle {
  text-decoration: none !important; }

a {
  color: #00cc9a;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none; }

a img {
  border: none; }

.site-logo {
  display: inline-block;
  width: 9rem;
  height: 3rem;
  background-image: url(images/icon_sprite_light.svg);
  background-size: 9rem 15rem;
  background-repeat: no-repeat;
  background-position: center 0; }

.pagination,
.pagination.columns {
  width: 100%;
  font-size: 1.4rem;
  text-align: center;
  margin: 3rem 0; }

.pagination a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.archive-pagination ul {
  list-style-type: none; }

.archive-pagination ul li {
  display: inline-block;
  margin: 0 0.5rem; }

.archive-pagination a {
  display: inline-block;
  color: #474036;
  border: none;
  border-radius: 0.3rem;
  background: #fff;
  padding: 1rem 1.5rem; }

.archive-pagination a:hover {
  color: #fff;
  background: #00cc9a; }

.archive-pagination ul li.active a {
  color: #fff;
  border: none;
  border-radius: 0.3rem;
  background: #00cc9a;
  padding: 1rem 1.5rem; }

.archive-pagination ul li.pagination-next a,
.archive-pagination ul li.pagination-previous a {
  color: #474036;
  border: none;
  border-radius: 0.3rem;
  background: #fff;
  padding: 1rem 1.5rem; }

.archive-pagination ul li.pagination-next a:hover,
.archive-pagination ul li.pagination-previous a:hover {
  color: #fff;
  background: #00cc9a; }

.entry-pagination span {
  display: inline-block;
  border: none;
  padding: 0.4rem 0.8rem; }

.entry-pagination a {
  display: inline-block;
  border: none;
  padding: 0.4rem 0.8rem;
  margin: 0 0.2rem; }

.entry-pagination {
  max-width: 64rem;
  margin: 3rem auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.entry-pagination ul {
  list-style-type: none; }

.entry-pagination li {
  display: inline-block;
  color: #fff;
  border-radius: 0.3rem;
  background: #00cc9a;
  padding: 1rem 1.5rem;
  margin: 0 0.5rem !important;
  overflow: hidden; }

.entry-pagination li a {
  color: #474036 !important;
  border: none;
  border-radius: 0.3rem;
  background: #e8e6e3;
  padding: 1rem 1.5rem;
  margin: -1rem -1.5rem; }

.entry-pagination li a:hover {
  color: #fff !important;
  background: #00cc9a; }

.col .entry-pagination {
  display: none; }

.entry-navigation p {
  line-height: 1.6; }

.entry-navigation a:hover {
  color: #474036; }

.col-1 .entry-title a,
.col-2 .entry-title a {
  color: #fff; }

.col-1 .entry-title a:hover,
.col-2 .entry-title a:hover,
.col-1 .entry-title a:visited,
.col-2 .entry-title a:visited {
  color: rgba(255, 255, 255, 0.5); }

.col-3 .entry-title a {
  color: #322D25; }

.col-3 .entry-title a:hover,
.col-3 .entry-title a:visited {
  color: rgba(50, 45, 37, 0.5); }

.widget .entry-title a {
  color: #322D25; }

.widget .entry-title a:hover {
  color: rgba(50, 45, 37, 0.5); }

.site-footer .widget-title a {
  color: #322D25; }

.archive-link {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px; }

.archive-link:hover {
  color: #474036; }

.breadcrumb {
  font-size: 1.4rem; }

body.single .breadcrumb {
  max-width: 64rem;
  margin: 3rem auto; }

body.archive .breadcrumb,
body.search .breadcrumb {
  margin: 0 0 2.5rem 0.5rem; }

.entry-meta a {
  font-weight: 900; }

.col-1 .entry-meta a,
.col-2 .entry-meta a {
  color: #fff; }

.col-1 .entry-meta a:hover,
.col-2 .entry-meta a:hover {
  color: rgba(255, 255, 255, 0.5); }

.col-3 .entry-meta a {
  color: #322D25; }

.col-3 .entry-meta a:hover {
  color: #00cc9a; }

body.single .entry-categories a {
  color: #fff; }
body.single .entry-categories a:hover {
  color: rgba(255, 255, 255, 0.5); }
body.single .entry-social a {
  color: #00cc9a; }
body.single .entry-social a:hover {
  color: #474036; }
body.single .entry-tags a {
  display: inline-block;
  color: #fff;
  background: #00cc9a;
  border: none;
  padding: 0.4rem 0.8rem;
  margin: 0 0 0.4rem 0; }
body.single .entry-tags a:hover {
  color: #fff;
  background: #928b86;
  border: none; }
body.single .entry-terms a {
  font-weight: 400;
  color: #00cc9a; }
body.single .entry-terms a:hover {
  color: #474036; }

.entry-content p a,
.entry-content ul li a,
.entry-content ol li a {
  color: #00cc9a; }

.entry-content p a:hover,
.entry-content ul li a:hover,
.entry-content ol li a:hover {
  color: #474036; }

.site-footer a {
  color: #474036; }

.site-footer a:hover {
  color: #00cc9a; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

body {
  background: #fff; }

body.home,
body.archive,
body.search,
body.page-template-category-nieuws-all-php {
  background: #f2f0ed; }

.entry-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

body.single .entry-header:before,
body.page-template-default .entry-header:before {
  background: rgba(0, 0, 0, 0.5); }

.video-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center; }

.before-header {
  background: none; }

.nav-primary {
  background: rgba(0, 204, 154, 0.95); }

.site-promo {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.site-promo:before {
  background: rgba(0, 0, 0, 0.5); }

.after-loop {
  background: #fff; }

.site-footer {
  background: #fff; }

.comment-respond {
  background: #fff; }

.after-post {
  background: #f2f0ed; }

body.page-template-default section:nth-of-type(even) {
  background: #f2f0ed; }

.col-1 .entry-wrap {
  background: #928b86; }

.col-2 .entry-wrap {
  background: #928b86; }

.col-3 .entry-wrap {
  background: #fff; }

.col figure {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: cover;
  background-position: center center; }

.col:hover figure {
  -webkit-transform: scale(1.075);
  -moz-transform: scale(1.075);
  transform: scale(1.075); }

#fnl-kieskeurig {
  max-width: 64rem;
  margin: 3rem auto;
  border: 1px solid rgba(0, 0, 0, 0.1); }

#fnl-kieskeurig .fnl-kieskeurig-product-info {
  font-family: "Lato", sans-serif;
  padding: 2rem;
  background: #f9f9f9; }

#fnl-kieskeurig .fnl-kieskeurig-product-prices {
  font-family: "Lato", sans-serif;
  background: #fff; }

#fnl-kieskeurig .fnl-kieskeurig-footer {
  padding: 2rem;
  background: #f9f9f9;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

#fnl-kieskeurig .fnl-kieskeurig-product-info h3 {
  font-size: 2.2rem;
  color: #322D25;
  margin: 0 0 1rem 0; }

#fnl-kieskeurig .fnl-kieskeurig-product-info h3 .product-title {
  font-weight: 400; }

#fnl-kieskeurig .fnl-kieskeurig-product-info em {
  font-size: 1.4rem;
  font-weight: 700;
  color: #474036; }

#fnl-kieskeurig .fnl-kieskeurig-product-info em strong {
  font-weight: 400; }

#fnl-kieskeurig .fnl-kieskeurig-product-prices tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

#fnl-kieskeurig .fnl-kieskeurig-product-prices th {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: none;
  background: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

#fnl-kieskeurig .fnl-kieskeurig-product-prices img {
  max-width: 100%;
  margin: 0 auto; }

#fnl-kieskeurig .price {
  font-weight: 700;
  font-size: 1.6rem;
  color: #474036; }

#fnl-kieskeurig .extra {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: lowercase; }

#fnl-kieskeurig .btn-view-product {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #ff9250;
  border: none;
  border-radius: 0.3rem;
  padding: 1rem 1.2rem; }

#fnl-kieskeurig .btn-view-product:hover {
  background: #928b86; }