/*
=================================
Main Frontend Stylesheet
Imports all component stylesheets
=================================
*/

/* Global Section Styles */

/* Page-Specific Styles */
@import url("pages/main-template.css");
@import url("pages/category-template.css");
@import url("pages/single-template.css");

html {
  width: 100%;
  overflow: auto;
}

.site-header + div  {
    margin-top: 0;
    font-size: 16px;
}

/* Global width utility class - constrain width on full-width bg sections */
.lc-width {
    padding-inline: max((100vw - 1400px) / 2, 1.5rem);
    box-sizing: border-box;
}

.lc-breadcrumbs {
  width: 100%;
  font-weight: 600;
  letter-spacing: 0.5px;
  background-color: var(--e-global-color-primary);
  background-color: var(--wp--preset--color--contrast);
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.lc-breadcrumbs .lc-breadcrumbs__link {
  font-weight: 600;
  letter-spacing: 0.5px;
  color: var(--primary);
}

a.lc-breadcrumbs__link {
    text-decoration: none;
}

a.lc-breadcrumbs__link:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .featured-card--side-img {
      height: 200px;
  } 
}