/*
Theme Name: Divi Child Theme With Floor Plan Modifications
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Jeffrey Abbott http://spiroandassociates.com
Template: Divi
*/

@import url("../Divi/style.css");

/* added by JDA - 2017-07-14 */
/*-----------------------------------------------------------------------------*/
/*-----Filterable Portfolio with Custom Columns & Image Sizes by Divi Soup-----*/
/*-----------------------------------------------------------------------------*/
/*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(1n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
        width: 49% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
        margin: 0 2% 2% 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
    }
}
/*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 {
        object-fit: contain; /*magic*/
        max-height: 100px;
    }
}
@media (min-width: 981px) {
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item img {
    width: 100%;
    height: 240px;
    max-height: 240px;
    object-fit: contain;
    object-position: 50% 100%;
    display: block;
    vertical-align: bottom;
    margin-bottom: 25px !important;
    }
}

/*--------------------------------------------------------------------*/
/*-----End Filterable Portfolio with Custom Columns & Image Sizes-----*/
/*--------------------------------------------------------------------*/

/* end added by JDA 2017-07-14 */

/* Style Footer Credits - Lines 948 & 949 */

#footer-info { 
text-align: left; 
color: green; 
padding-bottom: 10px; 
float: left; 
}

#footer-info a { 
font-weight: 700; 
color: yellow; 
}

#footer-info a:hover { 
color: pink; 
}


/* Style Footer Social Icons - Lines 1185 to 1198 */

#footer-bottom .et-social-facebook a {
	color: blue;
}
#footer-bottom .et-social-twitter a {
	color: powderblue;
}
#footer-bottom .et-social-google-plus a {
	color: red;
}
#footer-bottom .et-social-rss a {
	color: orange;
}

/* Hover Colors*/
#footer-bottom .et-social-facebook a:hover {
	color: pink;
}
#footer-bottom .et-social-twitter a:hover {
	color: pink;
}
#footer-bottom .et-social-google-plus a:hover {
	color: pink;
}
#footer-bottom .et-social-rss a:hover {
	color: pink;
}

