.logo-box{
	max-width:350px;
}
.logo-box img{display:block;}

.poweredby{
	font-size:12px;
	font-variant: small-caps;
	line-height: 0.8;
}

.partnerlogo{
	max-height: 6rem !important;
}
.smartworxpartnerlogo{
  background-color: #FFF;
  padding: 5px;
  border-radius: 8px;
}
.navbar{padding:0.5rem 0;}
header nav i{font-size: 1.2rem;}

body #navbarNavDropdown .dropdown-toggle::after{content: none;background:none;}
body #navbarNavDropdown ul li a.contact{margin-left:0.75rem;}
header.navbar-expand-lg .navbar-nav .hs-has-sub-menu .nav-link{padding-right:0;}
header.navbar-expand-lg .navbar-nav .hs-has-sub-menu .dropdown-toggle{padding-left:5px;}
header.navbar-expand-lg .navbar-nav .nav-item{padding-right:.75rem;margin-right:0;}

.card ul li{padding:5px 0 5px 30px;}
.pricing ul li{
    padding: 10px 0 10px 30px;
    position: relative;
}
.pricing ul.nav li{padding:0;}

.updaterow{border-bottom:1px solid #CCC;padding:0;margin-bottom:5px;}

/* NEWS */
.shape-container{
  height: 237px;
  overflow: hidden;
}
.card-stretched-vertical .shape-container{
  height: 270px;
  overflow: hidden;
}
h1{
  font-size: 3rem;
  margin-bottom: 1rem;
}
h2{font-size:3em;}
h3{font-size:2.2em;}
h4{font-size:1.75em;}
h5{font-size:1.3125rem;font-weight: 300;color:#677788;line-height: 1.4em;}

.lead,
.font-weight-light{
  font-weight: 300;
}

.clickable-row{cursor:pointer;}
.td-datum{width:100px;text-align:right;}

.top-header h3{line-height: 1;}
/*.top-header{
  background: transparent url(/assets/img/background-header-tech-blue.jpg) 50% 50%;
  background-size: cover;
  color:#FFF;
}*/

.pull-right{float:right;}
.align-right{text-align:right!important;}


.pagecontainer .wrapper{width: 100%;display:block;padding-bottom:0px;}
.pagecontainer.twocol .wrapper,
.pagecontainer.threecol .wrapper,
.pagecontainer.fourcol .wrapper,
.pagecontainer.twocol_a .wrapper,
.pagecontainer.twocol_b .wrapper{
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  width: 100%;
  justify-content:start;
}

.pagecontainer.twocol_a .wrapper,
.pagecontainer.twocol_b .wrapper{
  flex:2;
}


.pagecontainer .contentblock{
  width: 100%;
}

/* DEFAULT HIDE 3TH COL */
.pagecontainer .contentblock:nth-child(3n+3){
  display:none;
}
.pagecontainer.threecol .contentblock:nth-child(3n+3){
  display:block;
}

.pagecontainer.onecol .contentblock:nth-child(2n+2){
  display: none;
}

.pagecontainer.twocol .contentblock{width: calc((100% - 20px) / 2);}
.pagecontainer.twocol .contentblock:nth-child(even){margin-right:0}

.pagecontainer.threecol .contentblock{width: calc((100% - 40px) / 3);}
.pagecontainer.threecol .contentblock:nth-child(3n+3){margin-right:0}

.pagecontainer.fourcol .contentblock{width: calc((100% - 60px) / 4);}
.pagecontainer.fourcol .contentblock:nth-child(4n+4){margin-right:0}

.pagecontainer.twocol_a .wrapper .contentblock:nth-child(odd){width:34%;}
.pagecontainer.twocol_a .wrapper .contentblock:nth-child(even){width:calc(66% - 20px);}
.pagecontainer.twocol_a .wrapper .contentblock:nth-child(even){margin-right:0}

.pagecontainer.twocol_b .wrapper .contentblock:nth-child(odd){width:calc(66% - 20px);}
.pagecontainer.twocol_b .wrapper .contentblock:nth-child(even){width:34%;}
.pagecontainer.twocol_b .wrapper .contentblock:nth-child(even){margin-right:0}


.contentblock:last-child{margin-right:0;}

.wrapper .contentblock {
  margin-right: 20px;
  /*padding-bottom: 20px;
  margin-bottom: 20px;*/
  /*border-bottom: 1px solid #EEE;*/
}

.realisaties .card-body {
  flex: 1;
}

.realisaties .card-body h5 {
  order: 2;
  margin-top: auto;
}

.nav .moverow{
  padding:.5rem 1.75rem;
  background-color: #FFF;
  border-radius:0.5rem;
}
.nav-tabs{
  border: none;
}
.nav-sm.nav-pills .nav-link{background-color:#FFF;}

body .handle,
body .moverow{
  padding:1rem 1.5rem;
  background:#FFF url("/assets/img/arrows-move.svg") 50% 50% / 20px 30px no-repeat;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

blockquote{
  font-style: italic;
}

div[align="align-center"]{
  text-align: center;
}
div[align="align-right"]{
  text-align: right;
}

.card-body .card-body{
  padding:.5rem!important;
}

main#content{
  background-color: rgba(247,250,255,1);
}

.pagecontainer .wrapper{
  max-width: 1200px;
  margin: 0 auto;
}
.pagecontainer.onecol .wrapper{max-width:100%;}

/* Als eerste widget Hero element is geen padding onder header*/
.contentblock .widgetarea:first-child .hero{
  margin-top: -2rem!important;
}

.services ul ul{margin-bottom: 10px;}
.services ul ul,
.services ul ul li{padding:0;}

.card-body *:last-child{margin-bottom:0;}

.table-oneven tr td:nth-child(odd){background-color: #CDFADB ;}

.dropdown-menu .hs-has-sub-menu .dropdown-item::after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23677788' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    margin-left: auto;
    padding-left: 1.25rem;
    content: "";
    float: right;
    transform: rotate(-90deg);
}

.dropdown-menu .hs-sub-menu .dropdown-item::after{content:none;}

body #nis-cta-buttons .bg-primary{background-color: #002e55 !important;}
body #nis-cta-buttons .bg-secondary{background-color: rgb(113, 134, 157) !important;}
body #nis-cta-buttons .bg-success{background-color: rgb(0, 201, 167) !important;}
body #nis-cta-buttons .bg-warning{background-color: rgb(245, 202, 153) !important;}

.mw-50{
  max-width:50%;
}

@media screen and (max-width: 1160px) {
  body .logo-box img{margin:0!important;}
}

@media screen and (max-width: 979px) {
  .logo-box a img{padding:0 !important;}
  .pagecontainer.twocol .contentblock,
  .pagecontainer.threecol .contentblock,
  .pagecontainer.fourcol .contentblock,
  .pagecontainer.twocol_a .contentblock,
  .pagecontainer.twocol_b .contentblock{
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .top-header h2{padding-top:1rem;}
  body #navbarNavDropdown ul li a.contact{margin-top:0.5rem;margin-left:0rem;}
  footer{text-align:center;}
  .mws-50{
    max-width:50%;
  }
}