/*
 Theme Name:   MyPTF Template
 Theme URI:    https://understrap.com
 Description:  MyPTF Template is based on the Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


h1,
h2,
h3,
h4,
h5,
h6,
p
{
	font-family: "Montserrat", sans-serif;
}

.project-card
{
	box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 2px 8px 8px 2px rgba(0, 0, 0, 0.03);
}
.project-card::after,
.hero#project_hero::after
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	background: linear-gradient(0deg, rgba(48, 48, 48, 1.00) 0%, rgba(32, 32, 32, 0.90) 50%, rgba(48, 48, 48, 1.00) 100%);
	z-index: 0;
}

.project-card:hover
{
	transition: allow-discrete all 0.5s ease-in-out;
	background-blend-mode: normal !important;
	box-shadow: 1px 4px 4px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 4px 4px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 4px 4px 1px rgba(0, 0, 0, 0.2);

}

.project-card:hover::after
{
	animation-name: project-card-hover-after;
	animation-duration: 0.75s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

@keyframes project-card-hover-after
{
	from
	{
		opacity: 100%;
	}
	to
	{
		opacity: 95%;
	}

}

.project-card:hover img
{
	transition: allow-discrete all 0.5s ease-in-out;
	transform: scale(1.05);
	transform-origin: top center;
}

.project-card .wrapper
{
	z-index: 3;
}