:root {
--body-font-size: 1rem;
--body-font-weight: 400;
--body-line-height: 1.4;
--body-color: #2f6c4c;
--nextscope-color-primary: #3d805c;
--nextscope-color-secondary: #6ba486;
--cassiopeia-color-primary: #2f6c4c;
--cassiopeia-color-link: #e76f51;
--cassiopeia-color-hover: #f4a261;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif; 
  margin: 20px 0 10px 0; 
  letter-spacing: 0.8px;
  color: var(--cassiopeia-color-primary);
}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 20px;}

p, li, a, dd {
  color: #333333; 
  font-size: 1rem; 
  letter-spacing: 0.7px; 
  font-family: 'Open Sans', sans-serif;
}

a {
  text-decoration: none !important; 
  color: var(--cassiopeia-color-primary);
}

.left.item-image {margin-right: 20px;}
.right.item-image {margin-left: 20px;}

.container-header {
  background: var(--nextscope-color-primary); 
  background-image: none; 
  height: 50px; 
}

@media (max-width: 800px) {

}

.container-topbar {
  position: fixed; 
  margin: 0; 
  padding: 0;
}

.container-header nav {position: fixed; top: 0; right:0; margin-top:0}
.container-header .container-nav {padding-bottom: 0;}
.container-banner {margin-bottom: 1rem;}

.gbs-topbar-tekstlogo {
  background: var(--nextscope-color-primary); 
  padding: 4px 0 0 10px; 
  margin: 0; 
  height: 50px; 
  position: fixed; 
  top: 0; 
  left: 0;
}

.gbs-topbar-tekstlogo p > a {
  font-family: 'Open Sans', sans-serif; 
  color: white; 
  font-size: 28px !important; 
  font-weight: 800; 
  padding: 0; 
  margin: 0;
}

.gbs-topbar-tekstlogo p {
  white-space: nowrap; 
  margin: 0; 
  padding:0;
}

/* Banners */
.gbs-banner {
  text-align: center; 
  background: var(--nextscope-color-primary); 
  background-image: url('/images/header-nextscope2.png'); 
  background-size: cover; 
  background-repeat: no-repeat; 
  opacity: 1;
  min-height: 240px; 
  padding: 3%;
}

.gbs-banner p:nth-child(1) {font-weight: bold; font-size: 3vw;}
.gbs-banner p:nth-child(2) {font-size: 1.4vw;}
.gbs-banner p {
  background-color: black; 
  opacity: 0.45; 
  display: block; 
  margin: 0 10%; 
  color: white; 
  padding: 8px;
}

@media (max-width: 800px) {
  .container-header {
    height: auto;
  }
  .gbs-banner {
    min-height: 100px; 
    padding-top: 20px;
  }
  .gbs-banner p:nth-child(1) {font-weight: bold; font-size: 20pt;}
  .gbs-banner p:nth-child(2) {font-size: 16pt;}
  .gbs-banner p {
    margin: 0 10px; 
  }
}

/* Youtube movies */
.ytp-gradient-top, .ytp-chrome-top, .ytp-chrome-bottom {display: none;}
	
/* Maximenu */
div#maximenuck272 {
  position: fixed; 
  top: 0; 
  right: 40px;
}
div#maximenuck272 ul > li > a {
  padding: 15px 10px !important; 
  margin: 0px !important; 
  color: white;
}
div#maximenuck272 ul > li > a::after {display: none !important;}
div#maximenuck272 ul > li > a:active,
div#maximenuck272 ul > li > a:focus,
div#maximenuck272 ul > li > a:hover,
div#maximenuck272 li.active,
div#maximenuck272 li.current {
  background: var(--nextscope-color-secondary) !important;
}
div#maximenuck272 ul > li {
  padding: 0 !important;
}
div#maximenuck272 .maxidrop-main {
  position: absolute;
  top: -1px;
  right: -100px;
  width: 230px !important;
  margin: 0; 
  padding: 0;
}
div#maximenuck272 .maxidrop-main ul > li > a {
  padding: 10px !important; 
  margin: 0 !important; 
  color: white !important; 
  background: var(--nextscope-color-primary) !important; 
}
div#maximenuck272 .maxidrop-main ul > li > a.hover {
  background: var(--nextscope-color-secondary) !important;
}

[data-id="maximenuck272"].mobilemenuck {font-weight: unset; background: var(--nextscope-color-primary) !important; display: default !important;}
[data-id="maximenuck272"] .mobilemenuck-item > .level1 {background: var(--nextscope-color-primary) !important;border-radius: 0 !important; color: white !important; margin: 5px !important; padding-left: 15px !important; line-height: 35px !important;}
[data-id="maximenuck272"] .mobilemenuck-bar-button {width: 50px !important; height:50px !important; font-size: 2.5em !important; padding: 0; background: var(--nextscope-color-primary) !important;}
[data-id="maximenuck272"] .mobilemenuck-bar-title {height: 50px; background: var(--nextscope-color-primary) !important;}
[data-id="maximenuck272"] .mobilemenuck a {font-size: 1em !important;}
[data-id="maximenuck272"] .mobilemenuck-title {background: var(--nextscope-color-primary) !important; z-index:0 !important;}

/* Styling home en Werken-bij */
.block-globe {background-color: var(--nextscope-color-primary); color:white !important; text-align:center; padding:15px;}
.block-globe i  {color: white; margin: 20px 0px !important;}
.block-globe h3 {color: white; font-size:20px; margin:10px 0;}
.block-globe p  {color: white !important; margin:20px 0px;}
 
/* Styling interface blocks */
.block-interface {background-color: #7dab55;}
.block-interface i  {color: white; margin: 30px 0px 10px !important;}
.block-interface h3 {color: white; font-size:20px; margin: 0;}
.block-interface p  {color: white !important; padding:15px 20px 60px;}
 
/* Styling Newsflash */
.newsflash {background-color: #e2e2e2; padding: 0 15px;}
.xnewsflash > ul {padding-left: 0px;}
.xnewsflash > ul > li {padding: 5px 0px; border-bottom: 0.5px solid #ccc;}
.newsflash .mod-articles-category-date {color: #999; font-size: 12px;}

/* Styling 'Direct to' menu */
.direct-to {background-color: #e2e2e2; padding: 0 15px 15px 15px;}
.direct-to ul {margin-left: 0px;}
.direct-to ul > li {padding: 5px 0; border-bottom: none; color: var(--cassiopeia-color-primary);}
.direct-to ul > li:hover {font-weight: bold; color: var(--cassiopeia-color-primary);}
.direct-to ul > li::before {content:"\2192"; padding-right: 5px;}

/* Blog */
.blog-blok {min-height: 220px;}
.blog-blok h1 {text-align: right; font-size: 40px !important; padding-top: 10px;}
.blog-blok .fa-newspaper {color: var(--cassiopeia-color-primary); font-size: 120px; float: right; margin: 0px;}

.readmore .btn {border: none; background-color: transparent !important; padding: 0; font-size: 1rem;}
.readmore .icon-chevron-right {display: none;}

.blog ol {list-style: disc;}
.blog li {color: var(--cassiopeia-color-primary);}

/* Team */
.gbs-team  {background-color: #e2e2e2; margin-top: 40px !important; padding: 20px;}

/* Pilots */
.container-bottom-a {
  display: inline-block;
  text-align: center;
}
.container-bottom-a .solution    {display: inline-block; width: 300px; height: 400px; background-color: var(--nextscope-color-primary); text-align:center; padding:30px 20px 20px; margin: 10px;}
.container-bottom-a .solution i  {font-size:5rem; color: white; height: 60px;}
.container-bottom-a .solution h3 {font-size:20px; color: white; height: 60px;}
.container-bottom-a .solution p  {color:white !important; height:80px;}
.container-bottom-a .solution a  {background-color: var(--nextscope-color-secondary); border: none;}
.container-bottom-a .solution:nth-child(1) a {visibility: hidden;}
.container-bottom-a .solution:nth-child(1) {background-color: var(--nextscope-color-secondary);}

.container-sidebar-left .solution-l    {background-color: var(--nextscope-color-secondary); text-align:center; padding:30px 20px 20px;}
.container-sidebar-left .solution-l i  {font-size:5rem; color: white; height: 60px;}
.container-sidebar-left .solution-l h3 {font-size:20px; color: white; height: 60px;}
.container-sidebar-left .solution-l p  {color:white !important; height:80px; margin-bottom: 40px;}

/* References & Contact */
.container-bottom-b {display: grid; grid-template-columns: auto; max-width: unset;}
.wij-werken-voor {border: 1px solid #e2e2e2; padding: 20px 60px;}
.wij-werken-met  {border: 1px solid #e2e2e2; padding: 20px 60px;}
.contact {
  padding: 20px 80px; 
  background-color: #e2e2e2;
}

@media (max-width: 800px) {
  .contact {
    padding: 20px;    
  }
}

/* Footer */
.container-footer {background-color: rgba(0,0,0,.03); background-image: none;}
.gbs-footer { width: 400px; padding: 20px; aspect-ratio: 1/1;}
.gbs-footer p {text-align: center;}

@media (max-width: 800px) {
  .mobilemenuck-logo img {padding: 0px 7px;}	
  .mobilemenuck-logo a {padding: 0px; color: white; font-size: 28px; font-weight: bold; font-family: 'Open Sans', sans-serif;}
  .mobilemenuck-logo a::after {content: 'NextScope';}
}

@media (max-width: 480px) {
  .contact {padding: 10px;}
  .container-bottom-a .solution {margin: 20px 0 0 0; width: 100%;}
}