// Deze code mag alleen op uniadvies.nl gebruikt worden. Op deze code zit net als op andere code gewoon copyright. Wil je hem gebruiken op andere domeinen neem dan contact op met info@designerhosting.nl

.offcanvasRight .button .box {
display:none
}
.header-right-section nav {
  position:relative;
  float:left;
  margin: 0px 0px 0px 50px;
}


#hero {
  text-align:center;
  min-height:100vh; height:100vh; max-height:100vh;
}

#hero h2 {
    font-size: 20px;
 color: #fff;
}
#hero ul {
  margin: 30px 0px 0px 0px;
}

#hero h4 {
  font-size: 18px;
  color: #fff;
}

#hero #mod-custom165 {
  

  width: 350px;
  height: 100%;
  background: #000;
  opacity: .75;
margin: 50px auto;
padding: 10px;
  
}

.mx-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.megamenu-container, .megamenu-container .nav-submenu  {
  border-top: 4px solid #1AA0E0;
  background-color: #ffffff;
  text-align:left;
}


.astroid-nav .nav-submenu .nav-item-submenu a {
  position:relative;
  float:left;
 width: 100%;
}

.astroid-nav .nav-submenu .nav-title, .astroid-nav .nav-submenu .nav-title .nav-title-text {
  position:relative;
  float: left;
  width: auto;
}

.astroid-nav .nav-submenu li:nth-child(odd) {
  background: #e4e4e4;
}

.astroid-nav .nav-submenu li:nth-child(even) {
  background: #f4f4f4;
}

.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active {
color: #fff;
  background-color: rgb(26, 160, 224);
}








#inhoud {
  position:relative;
  float:left;
  margin: auto;
 
}
.astroid-wrapper {
   background: #312F38;
  color: #fff;
}

.homepage .astroid-wrapper {
  color: #000;
  background: #fff;
}

.astroid-nav .nav-link {
 
  color: rgb(26, 160, 224);

}
.astroid-nav .nav-link:active, .astroid-nav .nav-link.active {
  background: rgb(26, 160, 224);
  color: #fff;
  border-radius: 8px;
}
.astroid-nav .nav-link:hover {
  color: #;
}

.astroid-header-sticky .astroid-nav .nav-link.active, .astroid-header-sticky .astroid-nav .nav-link:active {
  color: #fff;
}

#diensten {
  margin: 20px 0px 20px 0px;

 text-align: center;
}

#diensten .moduletable {
 background: rgba(26, 160, 224, .7);
  height: 167px;
    padding: 0px 0px 0px 0px;
  color: #fff;
}


.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 167px;
background-attachment:scroll;
  

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 167px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;

place-content: center space-evenly;
  

}



_::-webkit-full-page-media, _:future, :root .safari_only {

.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
        display: flex;
  justify-content: center;
  align-items: center;

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;

place-content: center space-evenly;
  

}

}




.astroid-framework h1, .astroid-framework .h1 {
  font-weight: 400;
  text-transform: none;
  font-size: clamp(1.1rem, 2vw + 1rem, 2.2rem);
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  color: #1AA0E0;
}

.astroid-framework h2, .astroid-framework .h2 {
  font-weight: 200;
  text-transform: none;
  font-size: clamp(1.5rem, 5vw + 1rem, 2rem);
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
}

.items-row .article-title .page-header h2 {
  margin: 15px 0px;
  font-weight: 200;
  text-transform: none;
  font-size: 22px;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
}

.items-row .article-title .page-header h2 a {
color: #1AA0E0;
text-decoration: none;

}



.footer-section {
  background: #1AA0E0;
}

.homepage #inhoud {
  display:none;
  
}

.homepage .footer-section {
  background: #112;
  margin: -20px 0px 0px 0px;
  z-index: 999;
}


.left-position.moduletable img, .right-position.moduletable img {

  margin: 0px 0px 20px 0px;
}

#rij1 {
  position:relative;
  float:left;
  text-align:center;
  background: #fff;
  margin: 0px;
  padding:0;
  width: 100%;
}

.rij1 {
    position:relative;
  float:left;
 text-align:center;
  margin: 0px 0px 0px 0px;
  width: 100%;
padding: 20px 0px 0px 0px;
  color: #;
}


.rij2 .moduletable {
  
  margin: 50px;
}

#rij2 {
  position:relative;
  float:left;
  text-align:center;
  background: #1C9CD8;
  margin: auto;
  width: 100%;
}

.rij2 {
    position:relative;
  float:left;
 text-align:center;
  margin: auto;
  width: 100%;
padding: 0px 0px 0px 0px;
  color: #fff;
}


.rij3 .moduletable {
  
  margin: 10px;
}


#rij3 {
  position:relative;
  float:left;
  text-align:center;
  background: #fff;
  margin: 0px;
  width: 100%;
}

.rij3 {
    position:relative;
  float:left;
 text-align:center;
  margin: 0px 0px 40px 0px;
  width: 100%;
padding: 20px 0px 0px 0px;
  color: #;
}

.rij3 ul {
  
  display:inline ;

 text-align:center;
list-style-type: none;

}

@media (max-width: 992px) {


#rij2 {
  position:relative;
  float:left;
  text-align:center;
  background: #1C9CD8;
  margin: auto;
  width: 100%;
}

.rij2 {
    position:relative;
  float:left;
 text-align:center;
  margin: auto;
  width: 100%;
padding: 20px 0px 0px 20px;
  color: #fff;
}


.rij2 .moduletable {
  
  margin: 50px;
}





#diensten .moduletable {
margin: 0px 0px 20px 0px;
}

#diensten .moduletable h3 {

padding: 20px 0px 0px 0px;



}
  
  
  
#diensten .moduletable {
 background: rgba(26, 160, 224, .7);
  height: 167px;
    padding: 0px 0px 0px 0px;
  color: #fff;
}
  
  .diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 167px;
      display: flex;
  justify-content: center;
  align-items: center;
}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 167px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;

place-content: center space-evenly;
}
  
  
  _::-webkit-full-page-media, _:future, :root .safari_only {

.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
        display: flex;
  justify-content: center;
  align-items: center;

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;
margin: 50px 0px 0px 0px;
  

}
  
 @media not all and (min-resolution:.001dpcm) { @media {

.diensten1-position, .diensten2-position, .diensten3-position, .diensten4-position {
    position: relative;
 
    width: 100%;
    height: 267px;
background-attachment:scroll;
        display: flex;
  justify-content: center;
  align-items: center;

}

.diensten1-position a, .diensten2-position a, .diensten3-position a, .diensten4-position a {
position: relative;
  float: left;
    width: 100%;
    height: 267px;
  
 font-size: 1.5rem;
  color: #fff;
text-decoration: none;
 text-transform: uppercase;
margin: 50px 0px 0px 0px;
  

}
}} 

}


@media (min-width: 992px) {



#diensten .moduletable:hover {

margin: -10px 0px 0px 0px;
  
    animation-name: diensten;
  animation-duration: 1s;

}

@keyframes diensten {
  from {margin: 0px 0px 0px 0px}
  to {margin: -10px 0px 0px 0px}
}
}


.right-position img, .left-position img {
  
  margin: 0px 0px 20px 0px;
  border: 10px solid #1C9CD8;
  
  
}



.footer-3-position ul {
  list-style-type: none;
}

.ccf_copyright_wrapper {
  display:none;
  
}

.creativecontactform_wrapper {
  -moz-box-shadow: 0px 0px 0px 0px #fff !important;
  -webkit-box-shadow: 0px 0px 0px 0px #fff !important;
  box-shadow: 0px 0px 0px 0px #fff !important;
  border: 0px solid #dedede !important;
  background-color: #fff !important;
  color: #fff !important;
  font-size: 13px !important;
}
.creativecontactform_wrapper {
  box-sizing: content-box;
  width: 98%;
  margin: 15px 0;
  padding: 0 !important;
  position: relative !important;
  float: none !important;
  line-height: 18px;
  -webkit-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  -moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  -o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
}
  
  
  .ccf_copyright_wrapper {
    displauy:none;
  }