/*
Theme Name: Divi Child
Version: 2.0
Description: Divi Child Theme
Author: Shannon Morris
Template: Divi
Author URL: turiawebdesign.com
*/
 
/*--- Theme Customizations --- */

/*--- Vertically Align --- */

@media (min-width: 981px) { 
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 
}

/*--- Change column order on mobile ---*/

@media all and (max-width: 980px) {
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.first-on-mobile {
	-webkit-order: 1;
	order: 1;
}
 
.second-on-mobile {
	-webkit-order: 2;
	order: 2;
}
 
.third-on-mobile {
	-webkit-order: 3;
	order: 3;
}
 
.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
}

.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}

/*--- Vertically center rows in sections and modules in columns ---*/

.dh-valign-center-row .et_pb_column,
.dh-valign-center-section,
.dh-valign-center-module {
   display: flex;
   flex-direction: column;
   justify-content: center;
}


/*--- Project Cards ---*/
.project__card .et_pb_blurb_content {
    --ratio: 40 / 55;
    aspect-ratio: var(--ratio);
    position: relative;
    overflow: hidden;
}

.project__card .et_pb_blurb_content .et_pb_main_blurb_image {
    aspect-ratio: var(--ratio);
    margin-bottom: 0;
}

.project__card .et_pb_blurb_content .et_pb_main_blurb_image img {
    aspect-ratio:  var(--ratio);
    margin-bottom: 0;
    object-fit: cover;
    transition: .3s all ease-in-out;
}

.project__card .et_pb_blurb_content .et_pb_blurb_container {
    background: #ffffffcf;
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 40px 5px;
    text-align: center;
}

.project__card:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color:#6e5e24;
}

.project__card .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    font-size: 24px;
    text-align: center;
}

.project__card:is(:hover,:focus) .et_pb_blurb_content .et_pb_main_blurb_image img {
    transform: scale(1.05);
}

@media (max-width: 480px) { 
.project__card .et_pb_blurb_content {
    --ratio: 1 / 1;
}
}