/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      1.0.0
 Author:       Jouw Naam
 Description:  Child theme van Astra met Keycloak-login-aanpassingen
*/

/* ALGEMEEN */
.inner-container {
    width:100%!important;
    max-width: 1024px!important;
}.inner-container.to-action {
    max-width: 800px!important;
}
.inner-container .content {
    max-width: 800px!important;
}
.tekst-blok {
    max-width: 600px!important;
}   

/*HEADER*/
.site-title {
   width:200px;
}
.menu-link {
  font-weight: 700;
}

/*LOGIN*/
.language-switcher {
    display: none!important;
}
.ast-site-title-wrap {
    display: none;
}

/* BUTTONS */
.to-action a {
    min-width: 225px;
    text-decoration: none!important;
    border-radius: 60px;
    background-color: #153D60;
} 
  
  
/*BUTTON CONTACT*/
#masthead .main-navigation .menu-item-510 .menu-link {
    color: #FFF;
    height: 40px;
    background-color: #153D60;
    border-radius: 25px
}
#masthead .main-navigation .menu-item-510 .menu-link:hover {
    background-color: #046BD2!important; 
}

.uitgelicht img {
    border-radius: 25px;
}

/* Wijzig de kleur van een specifiek menu-item -> Aangepaste links*/
#menu-item-181 a {
    color: #153d60 !important;
}
#menu-item-182 a {
    color: #153d60 !important;
}

/* Hover-effect */
#menu-item-182 a:hover {
    color: #046bd2 !important; 
}
#menu-item-181 a:hover {
    color: #046bd2 !important;
}

/*  ARTIKEL */
h3.gb-text a {
	text-decoration: none!important;
    color: var(--ast-global-color-2) !important;
}

/* FOOTER */
.ast-builder-footer-grid-columns {
	display: flex!important;
    justify-content: center!important;
    align-items: flex-end!important; 
    flex-wrap: wrap;  
    gap: 70px;
    width: 100%!important;
    max-width: 1280px!important;
}
.site-footer-section {
	display: flex!important;
	/*align-items: flex-end!important;*/
}  
#colophon {
	margin-top: 0!important;
}
#colophon .wp-block-columns {
	margin: 0!important;
    gap : 0!important;
}
.ast-footer-copyright {
    margin-bottom: -4px!important;
}
  
/* MEDIA QUERIES*/

/* Normale desktops (≤ 1440px) */
@media (max-width: 1440px) {
  
}

/* Laptops (≤ 1200px) */
@media (max-width: 1300px) {
  .inner-container{
    max-width: 1024px!important;
  }
/*   .site-footer-section-2 aside {
	margin-top: 6px;
  }
  .site-footer-section-4 aside {
	margin-top: 68px;
  } */
}

/* Tablets landscape (≤ 992px) */
@media (max-width: 992px) {
  .inner-container{
    max-width: 800px!important;
  }
/*   .site-footer-section-1 aside {
	margin-left: 10px;
  }
  .site-footer-section-4 aside {
	margin-top: 68px;
  }
  .site-footer-section-5 aside {
	margin-left: 0;
  } */
}

/* Tablets portrait (≤ 768px) */
@media (max-width: 768px) {
  .inner-container{
    max-width: 600px!important;
  }
  .inner-container.content {
    padding: 0 40px;
  }
}

/* Grote telefoons (≤ 600px) */
@media (max-width: 600px) {
  .inner-container{
    max-width: 550px!important;
  }
  .inner-container.content {
    max-width: 550px !important;
  }
}

/* Kleine telefoons (≤ 480px) */
@media (max-width: 480px) {
  .inner-container{
    width:100%!important;
    padding: 0 20px!important;
    max-width: 460px!important;
  }
  .inner-container.content {
    width:100%!important;
    padding: 0 20px!important;
    max-width: 460px !important;
  }
}