/**
 * Theme Name: 2024 Childtheme
 * Template:   twentytwentyfour
 */


* {
	font-family: Arial, sans-serif;
}

.dropdown {
	min-width: 15em;
	width: 380px;
	position: relative;
	margin: 2em;
}

.dropdown * {
	box-sizing: border-box;
}

.select-container {
    display: none;
	font-size: large;
}

.logged-in {
    display: block;
}

.select{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	border: 1px #2a2f3b solid;
	border-radius: 2px;
	padding-left: 1em;
	padding-right: 1em;
	cursor: pointer;
	transition: background 0.3s;
}

/* click styles */

.select-clicked {
	border: 2px #26489a solid;
	box-shadow: 0 0 0.8ek #26489a;
}

.select:hover{
	background: #323741;
}

.caret {
	widows: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fff;
	transition: 0.3s;
}

/* rotate styles */
.caret-rotate {
	transform: rotate(180deg);
}

.menu {
	list-style: none;
	padding: 0.2em 0.5em;
	background: #323741;
	border: 1px #363a43 solid;
	box-shadow: 0 0.5em 1m rgba(0, 0, 0, 0.2);
	border-radius: 0.5em;
	color: #9fa5b5;
	position: absolute;
	top: 3em;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	opacity: 0;
	display: none;
	transition: 0.2s;
	z-index: 1;
}

.menu li {
	padding: 0.7em 0.5em;
	margin: 0.3em 0;
	border-radius: 0.5em;
	cursor: pointer;
}

.menu li:hover {
	background: #2a2d35;
}

/* active styles */
.active {
	background: #23242a;
}

/* open styles */
.menu-open {
	display: block;
	opacity: 1;
}



ul.member-navigation {
	display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  text-align: right;
  position: fixed;
  justify-content: space-between;
}

ul.member-navigation li {
	display: inline;
	text-align: right;
	margin-right: 1em;
}

li#member-nav-logout {
	margin-right: 5em;
}


/* link styling */
a {
    text-decoration: none !important;
}

/* unvisited link */
a:link:not(.wp-block-navigation-item__content):not(.ab-item):not(.logged-in.wp-block-loginout.has-small-font-size):not(.wp-element-button) {
    color: #1B4B94;
}

a:hover:not(.wp-block-navigation-item__content):not(.ab-item):not(.logged-in.wp-block-loginout.has-small-font-size):not(.wp-element-button) {
    color: lightblue !important;
  }

a:visited:not(.wp-block-navigation-item__content):not(.ab-item):not(.logged-in.wp-block-loginout.has-small-font-size):not(.wc-block-cart__submit-button):not(.wp-element-button):not(.wc-block-components-product-name) {
    color: purple !important;
  }

  /* menu items */
.wp-block-navigation-item__content:hover {
	background:rgb(144, 176, 245) !important;
	color: black !important;
}
.wp-block-navigation-item__label {
	width: max-content;
}
.wp-block-navigation-item__content {
	width: max-content;
}
.wp-block-loginout {
	color: white !important;
	border: 5px !important;
}
.wp-block-navigation .wp-block-navigation-item {
	outline: none;
}

/* footer links */
.kt-btn-inner-text {
	color: white;
}
.kt-btn-inner-text:hover {
	color:rgb(98, 249, 224);
}

a span.stk-highlight {
	color: rgb(18, 85, 255) !important;
}
a span.stk-highlight:hover {
	color: rgb(15, 153, 130) !important;
}


/* forms styling */

.submit-button-form {
	justify-content: right !important;
	position: absolute !important;
	float: right !important;
}
#select-group {
	border:none;
}

.woocommerce-result-count {
	display: none;
}
/* cart stylying */
/* .wp-element-button.wc-block-cart__submit-button.contained {
	background-color:#3e74c5;
}

.wc-block-components-totals-shipping {
	display: none;
}

.logged-in.wp-block-loginout.has-small-font-size {
	color: white !important;
}

.logged-out.wp-block-loginout.has-small-font-size {
	display: none !important;
} */

.quantity {
	display: none !important;
}
.wc-block-catalog-sorting {
	display: none !important;
}
.wp-block-woocommerce-related-products {
	display: none !important;
}

.icon-container {
	display: none;
}

.bp-login-widget-register-link {
	display: none !important;
}

.wc-block-components-quantity-selector {
	display: none !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
	display: none !important;
}

#user-edit h3:contains('Additional Capabilities'),
#user-edit table.form-table,
#profile h3:contains('Additional Capabilities'),
#profile table.form-table {
    display: none !important;
}

#wpforo #wpforo-wrap { 
	background-color: transparent  !important;
}



* {
	font-family: Arial, sans-serif;
}

.dropdown {
	min-width: 15em;
	width: 380px;
	position: relative;
	margin: 2em;
}

.dropdown * {
	box-sizing: border-box;
}

.select-container {
    display: none;
	font-size: large;
}

.logged-in {
    display: block;
}

.select{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	border: 1px #2a2f3b solid;
	border-radius: 2px;
	padding-left: 1em;
	padding-right: 1em;
	cursor: pointer;
	transition: background 0.3s;
}

/* click styles */

.select-clicked {
	border: 2px #26489a solid;
	box-shadow: 0 0 0.8ek #26489a;
}

.select:hover{
	background: #323741;
}

.caret {
	widows: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fff;
	transition: 0.3s;
}

/* rotate styles */
.caret-rotate {
	transform: rotate(180deg);
}

.menu {
	list-style: none;
	padding: 0.2em 0.5em;
	background: #323741;
	border: 1px #363a43 solid;
	box-shadow: 0 0.5em 1m rgba(0, 0, 0, 0.2);
	border-radius: 0.5em;
	color: #9fa5b5;
	position: absolute;
	top: 3em;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	opacity: 0;
	display: none;
	transition: 0.2s;
	z-index: 1;
}

.menu li {
	padding: 0.7em 0.5em;
	margin: 0.3em 0;
	border-radius: 0.5em;
	cursor: pointer;
}

.menu li:hover {
	background: #2a2d35;
}

/* active styles */
.active {
	background: #23242a;
}

/* open styles */
.menu-open {
	display: block;
	opacity: 1;
}



ul.member-navigation {
	display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  text-align: right;
  position: fixed;
  justify-content: space-between;
}

ul.member-navigation li {
	display: inline;
	text-align: right;
	margin-right: 1em;
}

li#member-nav-logout {
	margin-right: 5em;
}


/* link styling */
/* a {
    text-decoration: none !important;
}

// unvisited link
a:link:not(.wp-block-navigation-item__content):not(.ab-item):not(.logged-in.wp-block-loginout.has-small-font-size):not(.wp-element-button) {
    color: #1B4B94;
}

a:hover:not(.wp-block-navigation-item__content):not(.ab-item):not(.logged-in.wp-block-loginout.has-small-font-size):not(.wp-element-button) {
    color: lightblue !important;
  }

a:visited:not(.wp-block-navigation-item__content):not(.ab-item):not(.logged-in.wp-block-loginout.has-small-font-size):not(.wc-block-cart__submit-button):not(.wp-element-button) {
    color: purple !important;
  } */

  /* menu items */
.wp-block-navigation-item__content {
	width: max-content;
}
/* .wp-block-navigation-item__content:hover {
	background:rgb(144, 176, 245) !important;
	color: black !important;
}
.wp-block-navigation-item__label {
	width: max-content;
}

.wp-block-loginout {
	color: white !important;
	border: 5px !important;
}
.wp-block-navigation .wp-block-navigation-item {
	outline: none;
} */

/* footer links */
.kt-btn-inner-text {
	color: white;
}
.kt-btn-inner-text:hover {
	color:rgb(98, 249, 224);
}

a span.stk-highlight {
	color: rgb(18, 85, 255) !important;
}
a span.stk-highlight:hover {
	color: rgb(15, 153, 130) !important;
}


/* forms styling */

.submit-button-form {
	justify-content: right !important;
	position: absolute !important;
	float: right !important;
}
#select-group {
	border:none;
}

.woocommerce-result-count {
	display: none;
}
/* cart stylying */
/* .wp-element-button.wc-block-cart__submit-button.contained {
	background-color:#3e74c5;
}

.wc-block-components-totals-shipping {
	display: none;
}

.logged-in.wp-block-loginout.has-small-font-size {
	color: white !important;
}

.logged-out.wp-block-loginout.has-small-font-size {
	display: none !important;
} */

.quantity {
	display: none !important;
}
.wc-block-catalog-sorting {
	display: none !important;
}
.wp-block-woocommerce-related-products {
	display: none !important;
}

.custom-banner {
    margin-top: 15px; /* Add some space if needed */
    background-color: #f8d7da; /* Or your desired background */
    /*padding: 10px;*/
    text-align: center;
    width: 99.9%;
    z-index: 1;
}

.custom-banner {
	position: relative; /* Allows positioning of child elements */
	/* padding: 5px; */
	background-color: #fef7e4;
	border: 1px solid #ddd;
	/* margin-bottom: 10px; */
    text-align: center;
	/* Additional styles */
}

.banner-text {
    max-width: 1280px; /* Match the main content width */
    margin: 0 auto; /* Center the inner content */
    padding: 10px 200px; /* Add inner padding to align text */
    text-align: left; /* Ensure left alignment */
    font-size: 14px; /* Adjust font size for readability */
    line-height: 1.5; /* Adjust line height for text spacing */
}

.banner-text p {
    margin: 5px 30px; /* Reduce vertical spacing between paragraphs */
}

.banner-text a {
    text-decoration: underline; /* Ensure links are underlined */
    color: #0073aa; /* Default link color */
}

.banner-text a:hover {
    color: #005177; /* Darken link color on hover */
}

.banner-disclaimer {
    font-size: 12px;
}

.dismiss-all-banners {
	position: absolute; /* Absolute positioning to the right */
	top: 10px; /* Adjust as needed */
	right: 30px; /* Adjust as needed */
	background: none;
	border: none;
	color: #000;
	font-size: 25px;
	cursor: pointer;
}

.dismiss-all-banners:hover {
	color: #ff0000; /* Change color on hover, optional */
}
.icon-container {
	display: none;
}

.bp-login-widget-register-link {
	display: none !important;
}

.wc-block-components-quantity-selector {
	display: none !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block,.wc-block-components-totals-coupon {
	display: none !important;
}

#user-edit h3:contains('Additional Capabilities'),
#user-edit table.form-table,
#profile h3:contains('Additional Capabilities'),
#profile table.form-table {
    display: none !important;
}

.meta-box-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns */
    gap: 20px; /* Space between columns */
}
.nav-tab {
    display: inline-block;
    margin-right: 10px; /* Space between tabs */
}

.delete-tab {
    margin-left: 5px; /* Space between tab and delete button */
    vertical-align: middle; /* Align with the tab */
}
.social-share-buttons {
	display: none !important;
}


#members-cp.postbox,
.add_wpftopic,
.wpforo-subtop,
.wpf-breadcrumb,
.wpf-sbtn-title,
.wpf-sbtn-wrap {
	display: none !important;
}

.profile-link {
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
    text-decoration: none;
}

.profile-link:hover {
    background-color: #0073aa;
    color: #ffffff;
}

.footer-profile-box {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 8px;
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
}

.footer-profile-box p {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.footer-profile-box a {
    font-size: 14px;
    font-weight: bold;
    color: #0073aa;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
}

.footer-profile-box a:hover {
    text-decoration: underline;
}



.author-name {
    display: none !important;
}

.wpf-author-nicename.association-nicename {
    font-weight: bold !important;
	font-size: large !important;
    color: #0073aa !important; /* Change to your desired color */
    /* Add other styles as needed */
}



/* order reports styling */
.order-report-form {
    max-width: 1000px; /* Limit form width */
    margin: 20px auto; /* Center the form */
    padding: 20px; /* Add padding */
    border: 1px solid #ccc; /* Light border */
    border-radius: 5px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background color */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.form-group {
    margin-bottom: 15px; /* Space between fields */
}

.form-group label {
    display: block; /* Labels on their own line */
    margin-bottom: 5px; /* Space below labels */
    font-weight: bold; /* Bold labels */
}

.form-control {
    width: 100%; /* Full width input fields */
    padding: 10px; /* Padding inside input fields */
    border: 1px solid #ccc; /* Light border for inputs */
    border-radius: 4px; /* Rounded corners */
    font-size: 16px; /* Font size for inputs */
}

.order-reports-button, #new-search-btn {
    padding: 10px 15px; /* Padding for button */
    font-size: 16px; /* Font size for button */
    color: #fff; /* White text */
    background-color: #0073aa; /* WordPress blue */
    border: none; /* No border */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor */
    transition: background-color 0.3s ease; /* Smooth background color change */
}

.order-reports-button:hover , #new-search-btn:hover{
    background-color: #005177; /* Darker blue on hover */
}

#order-report-result {
    margin-top: 20px; /* Space above result section */
    padding: 10px; /* Padding around results */
    border: 1px solid #ccc; /* Light border around results */
    border-radius: 4px; /* Rounded corners for results */
    background-color: #e9ecef; /* Light background for results */
}

#order-report-result ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove default padding */
}

#order-report-result li {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center align items vertically */
    margin-bottom: 10px; /* Add space between list items */
}

.select-option {
    background-color: #007BFF; /* Button background color */
    color: white; /* Button text color */
    border: none; /* Remove border */
    padding: 8px 12px; /* Add padding */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s; /* Smooth background color transition */
}

.select-option:hover {
    background-color: #0056b3; /* Darker blue on hover */
}




/*order history stylilng */
/* Profile Information Styling */

/* Profile Information Section */
/* Profile Information Section */
.profile-info p {
    font-weight: 500 !important;
}

.profile-info strong {
    font-weight: 600 !important;
    color: #4a90e2 !important; /* Highlight key info in a modern blue */
}

/* Order History Section */
.order-history-container {
    max-height: 400px !important; /* Limit height to make it scrollable */
    overflow-y: auto !important;
    padding: 15px !important;
}

.woocommerce-orders-table {
    width: 100% !important;
    border-collapse: collapse !important;
    text-align: left !important;
    background-color: #fff !important;
    border-radius: 8px !important;
}

/* Ensure table headers are visible */
.woocommerce-orders-table th {
    font-size: 1rem !important;
    color: #ffffff !important; /* Set text color to white for contrast */
    background-color: #4a90e2 !important; /* Modern blue background */
    padding: 12px 10px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    text-align: left !important; /* Ensure headers are aligned to the left */
}

.woocommerce-orders-table th:first-child {
    border-left: none !important;
}
.woocommerce-form-coupon-toggle {
	display: none !important;
}
.woocommerce-orders-table th:last-child {
    border-right: none !important;
}

/* Ensure table data cells are visible and properly styled */
.woocommerce-orders-table td {
    font-size: 0.95rem !important;
    padding: 15px 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #666 !important;
}

.woocommerce-orders-table tbody tr:hover {
    background-color: #f9f9f9 !important; /* Subtle hover effect for rows */
    cursor: pointer !important;
}

.woocommerce-orders-table a {
    text-decoration: none !important;
    font-weight: 500 !important;
}

.woocommerce-orders-table a:hover {
    text-decoration: underline !important;
}

/* Modern Buttons for Actions */
.woocommerce-orders-table a {
    display: inline-block !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    color: #fff !important;
    background-color: #4a90e2 !important; /* Match buttons with modern blue */
    transition: background-color 0.3s ease !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.woocommerce-orders-table a:hover {
    background-color: #357ab6 !important; /* Darker blue on hover */
}

/* Scrollbar Styling (WebKit-based browsers like Chrome, Safari) */
.order-history-container::-webkit-scrollbar {
    width: 8px !important;
}

.order-history-container::-webkit-scrollbar-thumb {
    background-color: #b0b0b0 !important;
    border-radius: 4px !important;
}

.order-history-container::-webkit-scrollbar-thumb:hover {
    background-color: #888 !important;
}

/* Responsive Styling for Mobile */
@media (max-width: 768px) {
    .woocommerce-orders-table th, .woocommerce-orders-table td {
        padding: 10px 5px !important;
        font-size: 0.9rem !important;
    }

    h2, h3 {
        font-size: 1.5rem !important;
    }

    .profile-info, .order-history-container {
        padding: 15px !important;
    }
}


/* login logout block styling */
.wp-block-loginout a {
    color: white !important; /* Change text color to white */
    text-transform: uppercase !important; /* Make text uppercase */
}

.wp-block-loginout {
    background-color: #0073aa !important; /* Change background color */
    padding: 12px 20px !important; /* Add padding */
    border-radius: 8px !important; /* Round corners */
    text-align: center !important; /* Center align text */
    display: inline-block !important; /* Ensure it's treated like a button */
    text-decoration: none !important; /* Remove underline from link */
    cursor: pointer !important; /* Change cursor to pointer */
    transition: background-color 0.3s, transform 0.3s !important; /* Smooth transition for hover effect */
}

.wp-block-loginout:hover {
    background-color: #005f8d !important; /* Darken background on hover */
    transform: scale(1.05) !important; /* Slightly enlarge the button on hover */
}

.wp-block-loginout a:hover {
    color: #ffffff !important; /* Ensure text remains white on hover */
}

.woocommerce-MyAccount-navigation{
	display: none !important;
    margin-right: 0 !important; /* Ensure there's no right margin */
    padding-right: 0 !important; /* Ensure there's no right padding */
}

.woocommerce-MyAccount-content {
	margin-top: 25px !important;
    margin-left: 10px !important; /* Remove left margin */
    padding-left: 0 !important; /* Remove left padding */
    width: 90% !important; /* Ensure full width */
}
.button.pay-now {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #0071a1 !important; /* WooCommerce primary color */
    color: #ffffff !important;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.button.pay-now:hover {
    background-color: #005f8d; /* Darker shade on hover */
}



.meeting-item {
    margin-bottom: 15px; /* Space between items */
}

.meeting-link {
    font-weight: bold; /* Emphasize the link */
    color: #0073aa; /* WordPress blue or customize as needed */
    text-decoration: none; /* Remove underline */
}

.meeting-link:hover {
    text-decoration: underline; /* Add underline on hover */
}

.meeting-details {
    font-size: 0.9em; /* Slightly smaller text for details */
    color: #555; /* Dark gray for better readability */
}

.location-label, .date-label {
    font-weight: bold; /* Bold labels */
}





/* login page */
.bsui .d-inline-block a, .bsui .form-check, .bsui .modal-content .float-end {
    display: none !important;
}
.uwp-forgot-class { 
    width: unset !important;
}

.uwp-reset-class {
    width: 500px !important;
}


.ngmc-wpforms-hidden {
    display: none !important;
}

.uagb-block-17a94802 {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}

.wp-block-navigation-item__label { 
    color: white !important;
}