/* # General
---------------------------------------------------------------- */

.um-page-login .site-header,
.um-page-register .site-header,
.um-page-password-reset .site-header,
.um-page-account .site-header {
	display: none;
}

.um-page-user .site-header,
.page.page-id-334 .site-header {
	background-color: #0F294A;
}

.um form .um-field-label label {
	color: #0F284A;
}

.um form input[type="submit"].um-button {
	background-color: #0F284A;
}

.um form input[type="submit"].um-button:hover,
.um form input[type="submit"].um-button:focus {
	background-color: #184278;
}

/* # Profile
--------------------------------------------------------------- */

.um .um-header .um-profile-edit .um-dropdown ul li:first-child {
	display: none;
}

.um .um-profile-newnav {
	padding: 10px 15px;
/* 	background-color: #0F294A; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #0F294A;
}

.um .um-profile-newnav .um-profile-newnav-item {
	display: flex;
	align-items: center;
}

.um .um-profile-newnav button {
/* 	color: #0F294A;
	background-color: #ffffff;
	border-style: outset;
	border-color: #dbdbdb; */
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 6px 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	border-radius: 4px;
	width: auto;
	cursor: pointer;
	white-space: normal;
	text-decoration: none;
	color: #0F294A;
	background-color: #ffffff;
}

.um .um-profile-newnav button:not(:first-child) {
	margin-left: 15px;
}

.um .um-profile-newnav button:hover,
.um .um-profile-newnav button:focus,
.um .um-profile-newnav button.active {
/* 	background-color: #ed3324;
	border-color: #C92A1E;
	color: #ffffff;
	border-style: inset; */
	color: #ffffff;
	background-color: #0F294A;
}

.um .um-profile-newnav button span.dashicons {
	margin-right: 5px;
}

.um .um-profile-body {
	max-width: 980px !important;
}

.um .um-profile-body #document-content.um-profile-body-contents {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 30px;
	justify-content: start;
}

/* .um .um-profile-body .um-profile-body-contents {
	overflow-x: auto;
} */

.um .um-profile-body .um-profile-body-contents .document-card {
	width: 22.2%;
}

.um .um-profile-body .um-profile-body-contents .document-card a {
	text-align: center;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.um .um-profile-body .um-profile-body-contents .document-card a img {
	padding-bottom: 15px;
	width: 100px;
}

.um .um-profile-body .um-profile-body-contents table th {
	font-weight: 700;
	font-size: 18px;
}

.um .um-profile-body .um-profile-body-contents table th,
.um .um-profile-body .um-profile-body-contents table td {
	padding: 12px 10px;
	color: #000000;
	line-height: 1.375;
}

.um .um-profile-body .um-profile-body-contents table td p {
	margin: 0;
	font-size: 16px;
}

.um .um-profile-body .um-profile-body-contents table td .button.delete-button {
	border-width: 2px;
	padding: 8px 16px;
}

.um .um-profile-body .um-profile-body-contents table td:last-child {
	text-align: right;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
	.um .um-profile-body {
		max-width: 650px !important;
	}
	
	.um .um-profile-body #document-content.um-profile-body-contents {
		gap: 25px;
	}
	
	.um .um-profile-body .um-profile-body-contents .document-card {
		width: 30.7%;
	}
	
	.um .um-profile-body .um-profile-body-contents .document-card a img {
		padding-bottom: 12.5px;
		width: 90px;
	}
}

@media only screen and (max-width: 767px) {
	.um .um-profile-body {
		max-width: 400px !important;
	}
	
	.um .um-profile-body .um-profile-body-contents .document-card {
		width: 47.5%;
	}
	
	.um .um-profile-body #document-content.um-profile-body-contents {
		gap: 5%;
		grid-row-gap: 20px;
	}
	
	.um .um-profile-body .um-profile-body-contents .document-card a img {
		padding-bottom: 10px;
		width: 80px;
	}
}