/* 
 Theme Name:     libbyharward.art
 Author:         libby
 Author URI:     https://libbyharward.art
 Template:       Divi
 Version:        3.12
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.8
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*Set number of columns and margin for the images*/
@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,
    .et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,
    .ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
    .et_pb_column_4_4 .ds-library-grid.et_pb_grid_item:nth-child(4n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
        width: 15.6% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
        margin: 0 5.5% 5.5% 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
    }
}

/*Set number of columns and margin for the category filters*/
.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    float: left;
    margin: 0 2% 2% 0; /*Change these numbers to values 5 & 6 in the calculator (don't remove the '%' or '0')*/
    text-align: center;
    width: 15%; /*Change this number to value 7 in the calculator (don't remove the '%' )*/
}

.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(6n) { /*Change this number to value 8 in the calculator (don't remove the 'n' )*/
    margin-right: 0;
}

/*This sets the width of the filter buttons on smaller screens, you really want to leave these as they are or your buttons will be too small*/
@media only screen and (max-width: 1280px) {
    .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0 2% 2% 0;
        width: 32%;
    }
    .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin: 0 2% 2% 0 !important;
        width: 49%;
    }
    .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2n) {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters {
        margin: -30px 0 40px !important;
    }
}

/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/
@media only screen and ( max-width: 980px) {
    .ds-library-grid .et_portfolio_image img {
        width: 100%;
    }
}