/*  colors:  
           #df111a = PvdA red
           #50b2e0 = PvdA light blue
           #1403a3 = PvdA blue
           #f8cfd1 = PvdA red with opacity 0.2      */

/* resize logo in the top left corner */
.navbar-brand.rstpl-brand.image img { width: 200px; }

/* classes images in articles ("Images and links"/ "Afbeeldingen en links"*/
/* afbeelding introtekst / intro image classes */
.links-intro { float: left; width: 300px; }
.rechts-intro { float: right; width: 300px; }
.geen-intro { float: none; width: 100%; }
.onzichtbaar { display: none !important; }
@media (max-width: 500px) { 
  .rechts-intro { float:right; width:30%; padding 10px; }
  .links-intro { float:left; width:30%; padding 10px; } 
}
/* afbeelding volledig artikel / full article image classes */
.geen-volledig { width:auto; float:none; }
.links-volledig { float: left; width: 50%; margin: 0 10px 10px 0; }
.rechts-volledig { float: right; margin: 0 0 10px 10px; }

/* make the font size of a page header a bit smaller */
.page-header h1 { font-size: 32px; }

/* create round corners in rs-pagebuilder text block */
#rstpl-pagewrap .rspbld-text-block { border-radius: 50px; padding: 50px; }

/* create round corners in rs-pagebuilder horizontal image box */
#rstpl-pagewrap .rspbld-horizontal-image-box { border-radius: 50px; padding: 50px; }

/* make the font size of the personal box smaller */
.rspbld-personal-box .rspbld-content { font-size:14px; line-height: 16px; }

/* add some white space after the description of the category and the content */
.clearfix::after { margin-bottom:20px; }

/* make the buttons smaller */
.btn { padding: 10px 20px ; }

/* change the hover (mouse-over) color of the primary button into PvdA light blue and     
   change the hover (mouse-over) color of the secondary button into PvdA red           */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background-color: #50b2e0; }
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active { background-color: #df111a; }

/* change the hover (mouse-over) color of the RSPagebuilder primary button into PvdA light blue */
#rstpl-pagewrap .rspbld-button.btn-primary:hover,
.element-preview .rspbld-button.btn-primary:hover { background-color: #50b2e0; }

/* menu-items in PvdA rood */
#rstpl-main-menu-position > .navbar .navbar-collapse .mod-menu.rstpl-template-menu > .nav-item:not(.active) > .nav-link { color: #df111a; }

/* change color black in color grey in the social media icons */
#rstpl-footer-container .rstpl-social .rstpl-social-link > span::after { color: #606060; }

/* CSS for the Agenda line in RS Pagebuilder page "Voorpagina" */
.agenda { background-color: #f8cfd1; margin-bottom: -40px; border: thin solid #df111a }