/* additional styles for new profile page */

body {
    background: var(--dark) !important;
	font-family:var(--font-family-sans-serif);
}

.our-profile-text-center {
    text-align: center !important;
    padding-bottom: 40px;
}
.our-profile-text-center h1 {
    margin-top: 10%;
	color: var(--white);
}

.our-profile-main
{
	width: 100%;
	height: auto;
	border: 1px var(--blue) solid;
	background: var(--white);
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	transition: 0.5s;
	margin-bottom: 28px;
}

.our-profile-main img
{
	border-radius:0px;
	margin-bottom:20px;
	/* width: 200px; */
	max-height: 120px;
}

.our-profile-main h3
{
	font-size:20px;
	font-weight:700;
	padding-top: 10%;
}

.our-profile-main p
{
	margin-bottom:0;
}

.profile-back
{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px 0 15px;
	text-align:left;
	background-color: #e6ecef;
}

.profile-front
{
	width:100%;
	/* height:auto; */
	max-height:150px;
	position:relative;
	z-index:10;
	background:var(--white);
	padding:15px;
	bottom:0px;
	transition: all 0.5s ease;
}

.our-profile-main:hover .profile-front
{
	bottom:-200px;
	transition: all 0.5s ease;
}

.our-profile-main:hover
{
	border-color:var(--blue);
	background-color: #e6ecef;
	transition:0.5s;
}