header {
    margin-bottom: 70px !important;
}

/* Change colour when text is selected */
::selection {
    background-colour: #005fae !important; /* A Blue That Matches Your Logo */
    colour: #ffffff !important; /* White Text */
}

/* For Firefox */
::-moz-selection {
    background-colour: #005fae !important;
    colour: #ffffff !important;
}

.wp-block-image img {
  width: 300px !important;
  height: 300px !important;
  min-width: 300px;
  min-height: 300px;
  max-width: 300px;
  max-height: 300px;

  border-radius: 50%;
  object-fit: cover;
  object-position: 50% 30%; /* 👈 Set the position here */

  border: 4px solid #ffffff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: all 0.3s ease;
}

/* Settings for spacing between articles (left, right and bottom) */
.ast-row .ast-article-post {
    background-colour: #f4f6f8 !important; /* The grey background */
    border-radius: 15px !important;
    padding: 10px !important;
    
    /* Create spacing around each box */
    margin: 15px !important; 
    
    /* Calculating the width so they fit correctly in the row */
    width: calc(100% - 30px) !important; 
    
    border: none !important;
    box-shadow: none !important;
}

/* Adjustment for mobile devices so they do not "spill" off the screen */
@media (max-width: 921px) {
    .ast-row .ast-article-post {
        width: calc(100% - 30px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/* Remove background from all levels of the gallery */
.wp-block-gallery, 
.wp-block-gallery .wp-block-image, 
.wp-block-gallery .wp-block-image figure {
    background-colour: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important; /* Allows the image’s shadow to be visible */
}

/* Ensures that the image itself is transparent */
.wp-block-gallery .wp-block-image img {
    background-colour: transparent !important;
    display: block;
    margin: 0 auto !important;
}

/* Optional: If you want to prevent the circles from sticking together */
.wp-block-gallery .wp-block-image {
    margin-bottom: 20px !important;
}