/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@font-face {
  font-family: 'CeraPRO';
  src: url('CeraPRO/CeraPRO-Black.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'CeraPRO';
  src: url('CeraPRO/CeraPRO-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'CeraPRO';
  src: url('CeraPRO/CeraPRO-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'CeraPRO';
  src: url('CeraPRO/CeraPRO-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CeraPRO';
  src: url('CeraPRO/CeraPRO-Light.ttf');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'CeraPRO';
  src: url('CeraPRO/CeraPRO-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'LustSlimItalic';
  src: url('CeraPRO/LustSlimItalic.ttf');
  font-weight: 100;
  font-style: normal;
}


/*
 * Bootstrap
 */
.first-letter {
  font-size: 3.8rem;
  color: #985f8d;
  letter-spacing: 2px !important;
}
#content-wrapper .page-title:first-letter {
  color: #985f8d;
}


/*
 * Header
 */
.logo { height: 100px; }

.col-mobile-logo .logo { height: 60px; }



/*
 * Homepage
 */
.elementor-heading-title span { font-family: 'CeraPRO'; letter-spacing: 4px; }

.elementor-widget-video .elementor-widget-container { height: 425px; }

.elementor-widget-video .elementor-video-open-modal { margin: 25%; }

.seo { display: none; }



/*
 * Category Page
 */
.category-description h2 strong { font-weight: inherit; }

.category-description h2 em { font-style: inherit; }

@media (max-width: 575px) {
  .pt-xs-2, .py-xs-2 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
}



/*
 * Product Page
 */
.product-description .section-title { padding-bottom: 0 !important; }

.product-description .section-title:after { border-bottom: none !important; }

.product-description .section-title strong { font-weight: inherit; }

.product-description .section-title em { font-style: inherit; }



/*
 * Blog
 */
.simpleblog__post__content .block-title { font-size: 1.25rem !important; }

.simpleblog__post__content h3 { margin-top: 2.4rem; }

.rte-content a { color: #985f8d !important; text-decoration: underline; }

.rte-content a:hover { color: #3e3e3e !important; }