Divi

/* BEGIN Align divi button bottom */
.align-bottom .et_pb_column {
padding-bottom:30px;}
.align-bottom .et_pb_button_module_wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;}
/* END Align divi button bottom */

/*————————————————*/
/*———[GQ – CUSTOM PORTFOLIO GRID]———–*/
/*————————————————*/

/* Change columns from 4-3 */

@media (min-width: 981px){
.gq-portfolio-section .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item {width: 31.33% !important;}
.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) {clear: inherit;}
.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 3%!important;}
.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) {margin-right: 0%!important;}}

/* special hover effect for desktop only */

@media (min-width: 981px){
.gq-portfolio-section .et_portfolio_image {
min-height: 200px;}

.gq-portfolio-section .et_pb_portfolio_item {
position: relative;
overflow: hidden;
max-height: 320px;}

.gq-portfolio-section .et_pb_portfolio_item img {
webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);}

.gq-portfolio-section .et_pb_portfolio_item:hover img {
-webkit-transform: scale(1);
transform: scale(1);}

.gq-portfolio-section .et_pb_portfolio_item h2 {
background-color: #a2c046;
color: #fff;
font-size: 16px;
position:absolute;
text-align:center;
width:100%;
top:100%;
transition:.5s;
webkit-transition:.5s;}

.gq-portfolio-section .et_pb_portfolio_item:hover h2 {
top: 78%;
padding: 15px 0;}

.gq-portfolio-section .et_overlay {z-index: 0;}

.gq-portfolio-section .et_overlay:before {
opacity:0!important;
top: -10%!important;
font-family: sans-serif!important;
content: ‘Read More’!important;
font-size: 13px;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.59);
color: #fff;
width:100%
left: 50%;
margin-right: -50%;
transform: translate(-40%)}

.gq-portfolio-section .et_overlay:hover:before {
opacity:1!important;
top: 6%!important;}

}

@media only screen and (min-width : 1061px) and (max-width : 1200px) {
.gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 15px!important;}
.gq-portfolio-section .et_pb_portfolio_item:hover h2 {top: 73%!important;}}

@media only screen and (min-width : 981px) and (max-width : 1060px) {
.gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 14px!important;}
.gq-portfolio-section .et_pb_portfolio_item:hover h2 {top: 72%!important;}}

@media only screen and (max-width : 980px) {
.gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 14px!important;}
.gq-portfolio-section .et_overlay {display:none;}}

/*————————————————*/
/*———[GQ – END CUSTOM PORTFOLIO GRID]———–*/
/*————————————————*/