:root{
	--alpha-badge-border: 1;
	--badge-corner-radius: 4.0rem;
	--card-image-padding: 0.0rem;
	--card-corner-radius: 0.0rem;
	--card-border-width: 0.0rem;
	--card-border-opacity: 0.0;
	--card-shadow-opacity: 0.1;
	--card-shadow-visible: 0;
	--card-shadow-horizontal-offset: 0.0rem;
	--card-shadow-vertical-offset: 0.0rem;
	--card-shadow-blur-radius: 0.0rem;
	--color-shadow: 16, 57, 72; /*missing*/
    --duration-short: .1s;
    --duration-default: .2s;
    --duration-long: .5s;
    --media-padding: 0px;
	--media-border-opacity: 0.05;
	--media-border-width: 1px;
	--media-radius: 0px;
	--media-shadow-opacity: 0.0;
	--media-shadow-horizontal-offset: 0px;
	--media-shadow-vertical-offset: 0px;
	--media-shadow-blur-radius: 0px;
	--media-shadow-visible: 0;
	--inputs-radius: 4px;
    --inputs-border-width: 1px;
    --inputs-border-opacity: 0.55;
    --inputs-shadow-opacity: 0.0;
    --inputs-shadow-horizontal-offset: 0px;
    --inputs-margin-offset: 0px;
    --inputs-shadow-vertical-offset: 0px;
    --inputs-shadow-blur-radius: 0px;
    --inputs-radius-outset: 0px;
	--popup-border-width: 1px;
    --popup-border-opacity: 0.1;
    --popup-corner-radius: 0px;
    --popup-shadow-opacity: 0.0;
    --popup-shadow-horizontal-offset: 0px;
    --popup-shadow-vertical-offset: 0px;
    --popup-shadow-blur-radius: 0px;
    --text-boxes-border-opacity: 0.0;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 0px;
    --text-boxes-shadow-opacity: 0.0;
    --text-boxes-shadow-horizontal-offset: 0px;
    --text-boxes-shadow-vertical-offset: 0px;
    --text-boxes-shadow-blur-radius: 0px;
    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.55;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 0px;
    --variant-pills-shadow-blur-radius: 0px;
}

/* LINK START */

a:link, a:visited{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

/*
    product section preview link has 'link-underline' applied to span
    so note that 'link-underline' is not always applied to links
 */
.link-underline,
.richtext a,
.richtext-quill a,
/*
    testimonial section heading text can have links
*/
.heading-text a,
#header .header-nav-item a,
.section-wrapper[data-section-key="footer"] .footer-nav a,
.section-wrapper[data-section-key="embed-code"] .section-contents a{
	/* Aerosmith is the only theme with line as background image */
    background-image: none;
    /* color of underline is applied in variables */
    white-space: initial;
    text-underline-offset: 0.1875rem;
}

.link-underline:hover,
.richtext a:hover,
.richtext-quill a:hover,
.section-wrapper[data-section-key="footer"] .footer-nav a:hover,
.section-wrapper[data-section-key="blog"] .blog-post-name a:hover,
.section-wrapper[data-section-key="featured-blog-post-list"] .blog-post-name a:hover,
.section-wrapper[data-section-key="embed-code"] .section-contents a:hover{
    opacity: 0.7;
    /*
    	Need to include !important since unfortunately !important is included
    	in block.css for blog-post-name a:hover and need to override
    */
    text-decoration: underline !important;
}

#header .header-nav-item a:hover,
#header .header-nav-item-level0.dropdown.open > a{
	opacity: 0.7;
}

.link-underline,
.modal .link-underline,
.richtext a,
.richtext-quill a,
/*
    testimonial section heading text can have links
*/
.heading-text a,
.section-wrapper[data-section-key="blog"] .blog-post-read-more-link,
.section-wrapper[data-section-key="featured-blog-post-list"] .blog-post-read-more-link,
.section-wrapper[data-section-key="embed-code"] .section-contents a{
	/*
		Header and footer links must not have text decoration underline
		by default but should display on hover
	*/
	text-decoration: underline;
	/* Don't use custom thickness for header links */
	text-decoration-thickness: 0.0625rem;
}

.link-underline:hover,
.richtext a:hover,
.richtext-quill a:hover,
/*
    testimonial section heading text can have links
*/
.heading-text a:hover,
.section-wrapper[data-section-key="footer"] .footer-nav a:hover,
.section-wrapper[data-section-key="featured-blog-post-list"] .blog-post-read-more-link:hover,
.section-wrapper[data-section-key="embed-code"] .section-contents a:hover{
	/* Don't use custom thickness for header links */
	text-decoration-thickness: 0.125rem;
}

/* LINK END */

/* PAGINATION START */

.pagination-wrapper ul li a{
	border-radius: 0px;
}

/* PAGINATION END */

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/********************** COLLECTION SECTION START ***********************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

/* Tabs start */
.section-wrapper[data-section-key="collection"] .collection-tabs-wrapper .collection-tabs-border{
	display: none;
}
.section-wrapper[data-section-key="collection"] .collection-tabs-wrapper ul li a.active{
	text-decoration: underline;
	text-underline-offset: 0.1875rem;
}
/* Tabs end */

/* Vertical start */
.section-wrapper[data-section-key="collection"] .collection-vertical-wrapper ul li{
	margin-bottom: 15px;
}
.section-wrapper[data-section-key="collection"] .collection-vertical-wrapper ul li a.active{
	text-decoration: underline;
	text-underline-offset: 0.1875rem;
}
/* Vertical end */

/* Banner start */
.section-wrapper[data-section-key="collection"] .collection-banner-wrapper{
	text-align: left;
}
.section-wrapper[data-section-key="collection"] .collection-banner-wrapper .collection-banner-top,
.section-wrapper[data-section-key="collection"] .collection-banner-wrapper .collection-banner-border{
	display: none;
}
/* Banner end */

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/********************** COLLECTION SECTION END *************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/*************************** ANIMATION START ***************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

@keyframes animate-menu-open {
  0% {
    opacity: 0;
    transform: translateY(-0.9375rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/*************************** ANIMATION END *****************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/

