/*
Theme Name: WeFindGroup Theme
Theme URI: http://themegrill.com/themes/zakra/
Description: Child Theme for Zakra
Author: ThemeGrill
Author URI: http://themegrill.com
Template: zakra
Version: 1.0

*/

/* Additional CSS */
body:not(.logged-in) .um-field-profile_info_status {
    display: none !important;
}


.zak-content .zak-container,
.zak-site-layout--centered .zak-primary {
	max-width: none;
}
.post-2 {
	width: 770px;
	margin: 0 auto;
}

a.um-button.um-btn-auto-width {
	color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "halyard-display", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.zak-header-buttons {
	margin-left: 30px;
}

.zak-header-buttons .zak-header-button.zak-header-button--2 .zak-button {
    background-color: none;
    border-radius: 8px;
    padding: 8px 24px 8px 24px;
}

.zak-header-buttons .zak-header-button.zak-header-button--2 .zak-button:hover {
    background-color: var(--zakra-color-4);
    color: #fff;
}

.profile-status {
	width: 50%;
	border-radius: 8px;
	font-size: 14px;
	padding: 12px 6px 6px 10px;
    margin-bottom: 24px;
	margin: 0 auto;
	margin-top: 24px;
	line-height: 1.4;  
}

.profile-status p {
	margin-bottom: 8px; 
}

.profile-status ul {
    margin-top: 0;
    margin-bottom: 12px;
    padding-left: 20px;
}

.profile-status li {
    margin-bottom: 6px;
}

.profile-status.incomplete {
	background-color: #FFF4F4;
	color: #B00020;
	border: 1px solid #B00020;
}

.profile-status.pending {
	background-color: #FFF9E5;
	color: #856404;
	border: 1px solid #856404;
}

.profile-status.complete {
	background-color: #E6FFED;
	color: #1E4620;
	border: 1px solid #1E4620;
}

/* Header Profile Icon */

.account-menu-wrapper {
	position: relative;
	display: inline-block;
}

.account-icon {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	border-radius: 50%;
	overflow: hidden;
	width: 40px;
	height: 40px;
}

.account-icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	object-position: center center;
}

.account-modal {
	display: none;
	position: absolute;
	top: 110%;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	padding: 10px 0;
	z-index: 1000;
	min-width: 180px;
}

.account-modal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.account-modal ul li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #333;
}

.account-modal ul li a:hover {
	background-color: #f0f0f0;
}

.zak-mobile-account {
    padding: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #3F3F46;
}

.zak-mobile-account-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.zak-mobile-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.zak-mobile-label {
    font-size: 16px;
    font-weight: 500;
}

#menu-item-150,
#menu-item-151,
#menu-item-152,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-150,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-151, 
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-152 {
	display: none;
}

#zak-mobile-nav li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-150,
.zak-mobile-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-150,
#zak-mobile-nav li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-152,
.zak-mobile-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-152,
#zak-mobile-nav li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-151,
.zak-mobile-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-151 {
  display: list-item;
}

.table-container {
	width: 90%;
	font-size: 75%;
	margin: 0 auto;
}

table { 
	white-space: nowrap; 
	margin: 1em 20px 0 0; 
	border-collapse: collapse; 
	font-size: 90%; 
} 

th { 
	background-color: #f8f8f880; 
	vertical-align: middle; 
} 

tr:hover { 
	background-color: #f9f9f9; 
}

@media (max-width: 768px) {

	.zak-site-layout--centered .zak-primary {
    	width: 100%;
	}

	.zak-content .zak-container {
	max-width: 100%;
}

.post-2 {
	width: 100%;
	margin: 0 auto;
}

    .zak-header-buttons {
        display: none;
    }

	.profile-status {
		width: 75%;
	}

}