/*
Theme Name: Divi Child Theme
Template: Divi
Author: Anne Godinat & PK - Almost Inevitable 
Author URI: https://almostinevitable.com
Description: Any questions concerning the website, please email me at pk@almostinevitable.com
Version: 1.0.11
*/

body { font-family: var(--acg-default-font); }
body {
	/*background: var(--acg-light-blue);
	color: var(--acg-blue);*/
	transition: all 0.4s ease-in-out;
	/*will-change: background;*/
}

/* Add transitions to the logo, menu links, and menu icon */
.et_pb_image.headerlogo,
.et-menu a,
header .et-pb-icon {
    transition: all 0.4s ease-in-out!important; /* Adjust the timing if needed */
}

#main-content {
	background: transparent;
}

.et_pb_row {
	width: 88%;
}

.et-menu a {
	color: var(--acg-blue);
}

.et-menu a:hover {
	color: var(--acg-grey)!important;
}

.alignv-center { align-items: center; }
.alignv-bottom { align-items: flex-end; }

.wave {
    display: inline-block;
    font-size: 1em; /* Keeps it relative to h1 */
    animation: wave-animation 2s ease-in-out infinite;
    transform-origin: 70% 70%;
}

/* START Change column order on mobile */
@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.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;
	}
	
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}
/* END Change column order on mobile */

/* START Custom column width and gutter */
@media (min-width:981px) {
	.et_pb_gutters2 .et_pb_column_1_2, .et_pb_gutters2.et_pb_row .et_pb_column_1_2 {
		width: 49%;
	}
	.et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
		width: 32%;
	}
	.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
		width: 23.5%;
	}
	.et_pb_gutters2 .et_pb_column_1_5, .et_pb_gutters2.et_pb_row .et_pb_column_1_5 {
		width: 18.4%;
	}
	.et_pb_gutters2 .et_pb_column_1_6, .et_pb_gutters2.et_pb_row .et_pb_column_1_6 {
		width: 15%;
	}
	.et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 {
		width: 66%;
	}
	.et_pb_gutters2 .et_pb_column_2_5, .et_pb_gutters2.et_pb_row .et_pb_column_2_5 {
		width: 38.8%;
	}
	.et_pb_gutters2 .et_pb_column_3_4, .et_pb_gutters2.et_pb_row .et_pb_column_3_4 {
		width: 74.5%;
	}
	.et_pb_gutters2 .et_pb_column_3_5, .et_pb_gutters2.et_pb_row .et_pb_column_3_5 {
		width: 59.2%;
	}
	.et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {
		margin-right: 2%;
	}
}
/* END Custom column width and gutter */

/* START Custom column width for Portfolio */
@media (min-width:981px){
	.portfolio-overlay .et_pb_grid_item.et_pb_portfolio_item {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	
	.portfolio-overlay .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n) {
		margin-right: 0;
	}
}

/* END Custom column width for Portfolio */


/* START Change portfolio overlay */
/*confine the range of the content that will be moved*/

.portfolio-overlay .project {
	position: relative;
}


/*move the text content to the center of the image*/

.portfolio-overlay .portfolio-inner {
	position: absolute;
	/*text-align: center;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
}

.portfolio-overlay .portfolio-inner .et_pb_module_header, .portfolio-overlay .portfolio-inner .post-meta {
	transform: scaleY(0);
	transition: transform .3s;
}

/*create a cuystom overlay*/

.portfolio-overlay .project>a:before {
	content: "";
	position: absolute;
	background-color: var(--acg-light-blue);
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

/*change the opacity of the overlay on hover*/
.portfolio-overlay .project:hover>a:before {
	opacity: 0.8;
}

.portfolio-overlay .project:hover .portfolio-inner .et_pb_module_header, .portfolio-overlay .project:hover .portfolio-inner .post-meta {
	transform: scaleY(1);
}
/* END Change portfolio overlay */

/* START Portfolio customisations */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	padding: 0;
	padding-right: 40px;
	border: none;
	margin: 0;
	background-color: transparent;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a {
	padding-right: 0;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
	color: var(--acg-grey)!important;
	background-color: transparent;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	font-weight: 700;
	background-color: transparent;
}

.et_pb_portfolio_item .post-meta a {
	pointer-events: none;
}

.et_pb_portfolio_item.active {
    animation: zoomIn 1s ease-in-out!important;
}

/* 2 Column Portfolio on Tablet/Mobile */
@media (max-width: 980px) {
	.two-column-portfolio .et_pb_grid_item {
		width: 48%!important;
		margin-right: 4%!important;
	}

	.two-column-portfolio .et_pb_grid_item:nth-child(3n) {
		margin-right: 4%!important;
	}

	.two-column-portfolio .et_pb_grid_item:nth-child(2n) {
		margin-right: 0!important;
	}

	.two-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
		clear: none!important;
	}

	.two-column-portfolio .et_pb_grid_item.first_in_row {
		clear: unset;
	}
}

@media (max-width: 767px) {
	.et_pb_filterable_portfolio .et_pb_portfolio_filters {
		margin: 0 0 2%;
	}
	
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: auto;
	}
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
		height: 28px;
		padding-right: 24px;
	}
}
/* END Portfolio customisations */

/* START show desktop menu on phone*/
@media (max-width: 980px) {
	.open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}

/* END show desktop menu on phone*/

footer .et_pb_menu .et-menu>li {
	padding: 0;
}

footer .et_pb_menu .et-menu>li:not(:last-child):after {
	content: "\2022";
	padding: 0 8px;
}

footer .et_pb_social_media_follow li {
	margin-bottom: 0;
}

footer .et_pb_social_media_follow li a.icon {
	height: auto!important;
	width: auto!important;
	margin-right:8px;
	margin-left:8px;
}

footer .et_pb_social_media_follow li a.icon:before {
	height: auto!important;
	width: auto!important;
	line-height: 1em!important;
	color: inherit;
}

@media (max-width:479px) {
	.et_pb_column .et_pb_grid_item.et_pb_portfolio_item {
		margin: 0 0 6%;
	}
}


a.et_pb_button:hover:after {
	margin-left: 0.5em!important;
}