@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap&family=Overlock+SC&display=swap&family=Cinzel+Decorative&display=swap&family=Beau+Rivage&family=Charm&family=Charmonman&family=Cookie&family=Corinthia&family=Italianno&family=Kristi&family=Lavishly+Yours&family=Montez&family=Parisienne&family=Passions+Conflict&family=Sacramento&family=Tangerine&display=swap');
@font-face {
font-family: 'Beau Rivage', cursive;
font-family: 'Charm', cursive;
font-family: 'Charmonman', cursive;
font-family: 'Cookie', cursive;
font-family: 'Corinthia', cursive;
font-family: 'Italianno', cursive;
font-family: 'Kristi', cursive;
font-family: 'Lavishly Yours', cursive;
font-family: 'Montez', cursive;
font-family: 'Parisienne', cursive;
font-family: 'Passions Conflict', cursive;
font-family: 'Sacramento', cursive;
font-family: 'Tangerine', cursive;
font-family: 'Cinzel Decorative';
font-family: 'Overlock SC', cursive;
font-family: 'Homemade Apple', cursive;
}
@font-face {
font-family: "Gonestone";
src: url("Gonestone.ttf") format("TrueType");
}

@font-face {
font-family: "Arsenal-Bold";
src: url("Arsenal-Bold.ttf") format("TrueType");
}
@font-face {
font-family: "Arsenal-BoldItalic";
src: url("Arsenal-BoldItalic.ttf") format("TrueType");
}
@font-face {
font-family: "Arsenal-Italic";
src: url("Arsenal-Italic.ttf") format("TrueType");
}
@font-face {
font-family: "Arsenal-Regular";
src: url("Arsenal-Regular.ttf") format("TrueType");
}
@font-face {
font-family: "Goudy Titling W05 Bold";
src: url("Goudy Titling W05 Bold.ttf") format("TrueType");
}

@font-face {
font-family: "CinzelDecorative-Black" , cursive;
src: url("CinzelDecorative-Black.ttf") format("TrueType");
}
@font-face {
font-family: "CinzelDecorative-Bold" , cursive;
src: url("CinzelDecorative-Bold.ttf") format("TrueType");
}
@font-face {
font-family: "CinzelDecorative-Regular" , cursive;
src: url("CinzelDecorative-Regular.ttf") format("TrueType");
}


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap" rel="stylesheet">




.color-accent-1 .script-font,
.color-accent-2 .script-font,
 .script-font .logo-text{
  color: rgba(var(--color-foreground)) !important;
}
.color-inverse .script-font,{
  color: #fff !important;
}
.color-background-1 .script-font, 
.color-background-2 .script-font,
.color-background-2 .h3{
  color: rgba(var(--color-foreground)) !important;
}
.blog__posts .card--card:after, .blog__posts .card--standard .card__inner:after{
  box-shadow: 0px 0px 0px #fff !important;
}
.logo-text{
  font-size: calc(var(--font-script_scale) * 4.5rem);
  padding-top: 20px;
  float: left;
  width: 100%; 
  color: rgba(var(--color-base-solid-button-labels)) !important;
}
.tagline{
  float: left;
    width: 100%;
  font-size: calc(var(--font-heading-scale) * 2rem);
}

.list-social{
width: 50%;
    float: right;
}
/*ribbon*/
.ribbon {
 position: relative;
 }
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: 0em;
 border: 24px solid rgba(var(--color-base-accent-1));
 z-index: 3;
}
.ribbon:before {
 left: -2em;
 border-right-width: 14px;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 14px;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: rgba(var(--color-base-accent-1)) transparent transparent transparent;
 bottom: 0em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}
/*header*/
nav.header__inline-menu{
	width: 100%;
}
.header__active-menu-item, .header__menu-item:hover, .header__icons .link, .header__icons .customer a,
.header__menu-item:hover span, details[open]>.header__menu-item, 
.mega-menu__link:hover, .mega-menu__link--active
{
text-decoration: none !important; 
}
.fa{
padding: 12px !important;
    font-size: 17px !important;
}
.mega-menu__link--level-2:not(:only-child) {
    margin-bottom: 0.8rem;
    font-weight: bold;
    border-bottom: 1px dotted #000;
    margin-right: 20px;
}
.mega-menu__list li:hover, .header__submenu li:hover{
  background-color: rgba(var(--color-accent), 0.1) !important;
    text-decoration: none;
}
/*shop*/

.price__container{
font-weight: bold;
}
/*multicolumn*/
.collection__title .title,
.multicolumn .title,
.blog__title,
.collage-wrapper-title,
h2:not(.facets__heading){
color: rgba(var(--color-foreground));
  text-align: center;
  width: 100%;
}
.bottom-arrow {
      border-bottom: 5px solid rgba(var(--color-base-background-1));
  display: block !important;
}
.bottom-arrow:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 50px solid rgba(var(--color-base-background-1));
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}
.bottom-arrow2 {
      border-bottom: 5px solid rgba(var(--color-background));
  display: block !important;
        margin-bottom: 50px;
}
.bottom-arrow2:after {
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 50px solid rgba(var(--color-background));
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
}
.collection__view-all{
  padding-top: 20px;
}
/*blog*/
.blog__posts.articles-wrapper .article,
.blog-articles .article{
    padding: 0px;
  overflow: hidden;
    border-radius: var(--card-corner-radius);
  color:  rgba(var(--color-text2));
  border: 3px solid rgba(var(--color-accent), 0.5);
}
.blog-articles .card__information{
  background-color: #fff;
}
.blog__post .card__heading a:hover{
  text-decoration: none !important;
}
.article-card__info.h5{
font-family: var(--font-body-family) !important;
  color:  rgba(var(--color-text2));
  }
.article-card .card__inner{
border: 0px solid #fff !important;
}
.product__info-container .product__title,
.product__info-container .price{
  text-align: center;
}
@media screen and (max-width: 750px) {
  .announcement-bar{
  display: none;
  }
  .header--middle-center .header__heading-link.logo1{
  display: block;
	}
  .logo-text{
  font-size: calc(var(--font-heading-scale) * 2.5rem);
}
.tagline{
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}
  .header--top-center.page-width {
    padding: 0px 1.5rem !important;
}
  .color-inverse .header--top-center .header__icon {
    color: rgb(var(--color-background));
}
}