/*
Theme Name:     Basket Range PS Child
Description:    Primary School Child Theme
Author:         Felicity Playford
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

h1 {
    font-size: 43px;
}
/*Set the number of columns and space between each column*/

.ds-masonary-gallery .et_post_gallery {
 -webkit-columns: 20em;
 columns: 20em;
 -webkit-column-gap: 10px;
 column-gap: 10px;
 -webkit-column-fill: balance;
 column-fill: balance !important;
 width: 100%;
}


/*Set each item to 100% of the column width*/

.ds-masonary-gallery .et_pb_grid_item {
 width: 100% !important;
 float: none;
}


/*Add a margin to the bottom of each image to create an even border (this should be the same value as left and right padding in the row settings and the column gap)*/

.ds-masonary-gallery .et_pb_gallery_image img {
 margin: 0 0 10px 0 !important;
}


/*Remove the overlay border and set the bottom position so the overlay doesn't go over the bottom margin set on the image*/

.ds-masonary-gallery .et_overlay {
 border: none;
 bottom: 9px;
 height: auto;
}


/*Make sure the images display at 100% of the column width on mobiles and tablets*/

@media only screen and (max-width: 980px) {
 .ds-masonary-gallery .et_pb_grid_item:nth-child(n) {
 width: 100% !important;
 }
 .ds-masonary-gallery .et_pb_gallery_image img {
 width: 100%;
 }
}