/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--
.site-content ul {
  list-style: none;
}

.site-content ul li::before {
  content: "\2022";
  color: #D29113;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.site-content ol li,
.site-content ul li {
	margin-bottom: 1rem;
}
--*/
/*--------------------------------------------------------------
# Layout Styles
--------------------------------------------------------------*/

.section {
	padding: 2rem 0;
}

@media(min-width: 981px){
	.section {
		padding: 7rem 0;
	}
}

/*--------------------------------------------------------------
# Front Page Project Styles
--------------------------------------------------------------*/

.project-item {
	position: relative;
	margin-bottom: 1rem;
}

.project-item h3,
project-item p {
	margin-bottom: 0.5rem;
}

.project-image:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}	

.project-item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,1,83,0.5);
	background-size: cover;
	opacity: 0.5;
	z-index: 1;
}

.project-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.project-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	z-index: 1;
	padding: 1.5rem;
}


.project-wrap h3,
.project-wrap p,
.project-wrap a {
	color: #fff;
}

.project-wrap a:hover {
	color: #0c7beb;
}
.project-wrap p {
	font-size: 14px;
}

@media(min-width: 768px){
	.project-image:after {
		content: '';
		display: block;
		padding-bottom: 50%;
	}	
}


@media(min-width: 981px){
	.project-item {
		margin-bottom: 0;
	}
	.projects-list .elementor-shortcode {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}
	
	.projects-list .elementor-shortcode .project-item:nth-child(1){
		grid-area: 1 / 1 / 3 / 3;
	}
	.projects-list .elementor-shortcode .project-item:nth-child(2){
		grid-area: 1 / 3 / 2 / 5;
	}
	.projects-list .elementor-shortcode .project-item:nth-child(3){
		grid-area: 2 / 3 / 3 / 5;
	}
}

/*--------------------------------------------------------------
# Popup Overlay Styles
--------------------------------------------------------------*/

.elementor-slideshow__header {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box
}

.elementor-slideshow__footer {
	display: none;
}

/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/

footer a,
footer a:visited {
	color: #fff;
	text-decoration: underline;
}