/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 3.4.5.1694057960
Updated: 2023-09-07 03:39:20

*/

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link > a {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px; 
  border-radius: 15px; 
  background-color: #4F1161; 
  color: #fff;
  text-align: center;
  transition: background-color 0.3s ease; 
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link > a:hover {
  background-color: #6e2b80; 
}

.woocommerce-MyAccount-navigation-link.is-active > a{
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px; 
  border-radius: 15px; 
  background-color: #9250a3; 
  color: #fff !important; 
  text-align: center;
  transition: background-color 0.3s ease; 
}

.woocommerce-Button.button {
	color: white !important;
}

button.woocommerce-Button.button {
  border-radius: 15px; 
}

.edit, .view, .subscription_renewal_early, .cancel {
  display: inline-block !important;
  text-decoration: none !important;
  padding: 10px 20px !important; 
  border-radius: 15% !important; 
  background-color: #4F1161 !important; 
  color: #fff !important;
  text-align: center !important;
  transition: background-color 0.3s ease !important; 
}

.edit:hover, .view:hover, .subscription_renewal_early:hover, .cancel:hover {
  background-color: #6e2b80 !important; 
  color: #fff !important;
}

.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

main .nv-shop {
	margin-top: 10px;
}

div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > button {
	color: white;
}

.nv-bc-count-wrap {
	font-weight: 800;
}

.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th {
	border-bottom: 0px;
}

.woocommerce-product-attributes-item__label {
	text-transform: capitalize;
}

#nv-primary-navigation-sidebar > li > div > a {
	color: #4F1161 !important;
}

.sub-menu.dropdown-open > li > div > a {
	color: #4F1161 !important;
}

.woocommerce-message {
	margin-top:15px;	
}

@media (max-width: 810px) {
	.woocommerce-MyAccount-navigation {
		display: none;
	}
	.woocommerce-info {
		margin-top: 20px;
	}
}

@media (min-width: 960px) {
	.archive.woocommerce .neve-main > .shop-container .nv-shop.col {
		max-width: 100%;
	}
}

a.button.wc-backward {
	color: white;
	border-radius: 15px; 
}

.cart-empty {
	margin-top: 15px;
}

a.checkout-button.button.alt.wc-forward {
	color: white;
	border-radius: 15px; 
}

button.button[name="update_cart"], button.button[name="update_cart"]:disabled{
    color: white !important;
	border-radius: 15px !important; 
}

button.button[name="apply_coupon"] {
    color: #4F1161 !important;
    border-color: #4F1161 !important;
	border-radius: 15px !important; 
}

.woocommerce-billing-fields, .nv-order-review {
	margin-top: 15px;
}

button#place_order {
	color: white;
	border-radius: 15px; 
}

a.button.checkout.wc-forward {
	color: white;
	border-radius: 15px; 
}

a.button.wc-forward:not(.checkout, .checkout-button) {
    color: #4F1161 !important;
    border-color: #4F1161 !important;
	border-radius: 15px !important; 
}

.woocommerce-MyAccount-navigation-link--members-area {
	display: none;
}

/* Footer */
.footer-main-inner {
	padding-top: 32px;
	padding-bottom: 32px;
}

.footer-bottom-inner:before {
	content: "©2023-2024 Saint Mary's Hall";
	font-weight: bold;
	color: white;
	font-family: Nunito Sans,sans-serif !important;
}
#block-14 {
	margin-top: -15px !important;
	margin-bottom: 5px !important;
}

#block-34 {
	margin-bottom: 0px !important;
}

.footerfont1 {
	font-family: Nunito Sans,sans-serif !important;
}

/* Primary header Menu */
#menu-item-574 {
	position: absolute; 
    top: 0px; 
    right: 30px; 
	margin: -22px;
	z-index: 999; 
	font-size: 14px;
}

#menu-item-574 .wrap > a {
	text-transform: capitalize;
	font-family: Nunito Sans,sans-serif !important;
}

.nav-menu-primary {
	padding-right: 10px;
}

.footer-bottom {
	max-height: 28px !important;
}

/* Define a CSS animation named 'underline' */
@keyframes underline {
    from {
        width: 0; /* Start with no underline */
    }
    to {
        width: 100%; /* Fully underline the text */
    }
}

/* Apply the animation to elements with class .underline-animation */
.underline-animation {
    position: relative; /* Set position to relative to contain the absolutely positioned pseudo-element */
    text-decoration: none; /* Remove default underline */
}

/* Create an absolutely positioned pseudo-element */
.underline-animation::after {
    content: ""; /* Empty content */
    position: absolute;
    bottom: -2px; /* Adjust the distance from the text */
    left: 0;
    width: 0;
    height: 2px; /* Thickness of the underline */
    background-color: #fff; /* Color of the underline */
    transition: width 0.3s ease; /* Add transition for smooth animation */
}

/* Apply the underline animation on hover */
.underline-animation:hover::after {
    width: 100%; /* Fully underline the text on hover */
}

/* Cart image displaced fix */
li.menu-item-nav-cart .widget_shopping_cart .cart_list li.mini_cart_item img {
    display: none;
}