/*
 * Main SCSS entry for Gregg Chapman plugin.
 * Import partials from src/scss/ as needed.
 */
/** ../Fonts */
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-LightTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-LightTall.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-BoldTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-BoldTall.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-LightRegular.woff2") format("woff2"), url("../fonts/AwesomeSerif-LightRegular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-MediumExtraTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-MediumExtraTall.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-MediumTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-MediumTall.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-BdExraTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-BdExraTall.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-Regular.woff2") format("woff2"), url("../fonts/AwesomeSerif-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-MediumRegular.woff2") format("woff2"), url("../fonts/AwesomeSerif-MediumRegular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-BoldExtraTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-BoldExtraTall.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-SemiBoldTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-SemiBoldTall.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-BdRegular.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-BdRegular.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-BoldRegular.woff2") format("woff2"), url("../fonts/AwesomeSerif-BoldRegular.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-ExtraTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-ExtraTall.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-LightTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-LightTall.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-BoldTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-BoldTall.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-MedRegular.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-MedRegular.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-ExtraTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-ExtraTall.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-MdExraTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-MdExraTall.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-MediumTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-MediumTall.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-LightReg.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-LightReg.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-LtExraTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-LtExraTall.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-SmExraTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-SmExraTall.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-SmRegular.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-SmRegular.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-Tall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-Tall.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-Regular.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerifItalic-SemBdTall.woff2") format("woff2"), url("../fonts/AwesomeSerifItalic-SemBdTall.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-SemBdExtraTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-SemBdExtraTall.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-LightExtraTall.woff2") format("woff2"), url("../fonts/AwesomeSerif-LightExtraTall.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-Tall.woff2") format("woff2"), url("../fonts/AwesomeSerif-Tall.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Awesome Serif";
  src: url("../fonts/AwesomeSerif-SemiBoldRegular.woff2") format("woff2"), url("../fonts/AwesomeSerif-SemiBoldRegular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Black.woff2") format("woff2"), url("../fonts/Inter18pt-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-BlackItalic.woff2") format("woff2"), url("../fonts/Inter18pt-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Bold.woff2") format("woff2"), url("../fonts/Inter18pt-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Inter18pt-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-BoldItalic.woff2") format("woff2"), url("../fonts/Inter18pt-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraBold.woff2") format("woff2"), url("../fonts/Inter18pt-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraLight.woff2") format("woff2"), url("../fonts/Inter18pt-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Italic.woff2") format("woff2"), url("../fonts/Inter18pt-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Inter18pt-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-LightItalic.woff2") format("woff2"), url("../fonts/Inter18pt-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Medium.woff2") format("woff2"), url("../fonts/Inter18pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Light.woff2") format("woff2"), url("../fonts/Inter18pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-SemiBold.woff2") format("woff2"), url("../fonts/Inter18pt-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-MediumItalic.woff2") format("woff2"), url("../fonts/Inter18pt-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Regular.woff2") format("woff2"), url("../fonts/Inter18pt-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Thin.woff2") format("woff2"), url("../fonts/Inter18pt-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ThinItalic.woff2") format("woff2"), url("../fonts/Inter18pt-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Inter18pt-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
/** Imports */
/**
 * Responsive Table Styling
 * Mobile-first approach: stacks on small screens, reveals grid on larger screens.
 */
/**
 * Base table styles
 */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  background-color: #fff;
  font-size: inherit;
  line-height: 1.5;
}
table thead,
table tbody,
table tfoot {
  border-color: #ddd;
}

/**
 * Table captions
 */
caption {
  padding: 0.75rem;
  color: #666;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  background-color: #fafafa;
  border: 1px solid #ddd;
}

/**
 * Mobile: stacked layout (default, small screens)
 * Each row becomes a block; headers hidden with data attributes.
 */
@media (max-width: 768px) {
  table {
    border: 0;
    margin: 1.5rem 0;
    background-color: transparent;
  }
  table thead {
    display: none;
  }
  table tr {
    display: block;
    margin-bottom: 1.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  }
  table td {
    display: grid;
    text-align: left;
    padding: 0.75rem;
    border: 0;
    border-bottom: 1px solid #eee;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table td {
    /**
    * Add attribute-based labels on mobile
    * Usage in HTML: <td data-label="Column Name">value</td>
    */
  }
  table td::before {
    content: attr(data-label);
    display: inline-block;
    width: 40%;
    font-weight: 600;
    color: #333;
    margin-right: 1rem;
    text-align: left;
  }
  table th {
    display: grid;
    text-align: left;
    padding: 0.75rem;
    border: 0;
    background-color: transparent;
    font-weight: 600;
  }
  table th::before {
    content: attr(data-label);
    display: inline-block;
    width: 40%;
    color: #666;
    margin-right: 1rem;
    text-align: left;
  }
}
/**
 * Tablet and up: traditional grid layout
 */
@media (min-width: 769px) {
  table {
    border-collapse: collapse;
  }
  table thead {
    display: table-header-group;
  }
  table tr {
    display: table-row;
    border-bottom: 1px solid #ddd;
  }
  table tr:hover {
    background-color: #fafafa;
  }
  table th {
    display: table-cell;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    background-color: #f9f9f9;
    color: #333;
    border-bottom: 2px solid #ddd;
  }
  table th::before {
    display: none;
  }
  table td {
    display: table-cell;
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  table td::before {
    display: none;
  }
  table tbody tr:last-child td {
    border-bottom-color: #ddd;
  }
}
/**
 * Variant: striped rows (use class "gc-table-striped")
 */
table.gc-table-striped tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

table.gc-table-striped tbody tr:nth-child(odd):hover {
  background-color: #f0f0f0;
}

table.gc-table-striped tbody tr:nth-child(even):hover {
  background-color: #fafafa;
}

/**
 * Variant: bordered (use class "gc-table-bordered")
 */
table.gc-table-bordered {
  border: 1px solid #ddd;
}
table.gc-table-bordered th,
table.gc-table-bordered td {
  border: 1px solid #ddd;
}

/**
 * Variant: condensed (smaller padding, use class "gc-table-condensed")
 */
table.gc-table-condensed th,
table.gc-table-condensed td {
  padding: 0.4rem;
  font-size: 0.875rem;
}

/**
 * Variant: hoverable rows (use class "gc-table-hover")
 */
@media (min-width: 769px) {
  table.gc-table-hover tbody tr:hover {
    background-color: #f5f5f5;
    cursor: pointer;
  }
}
/**
 * Scrollable wrapper for very large tables (use wrapping div with class "gc-table-scroll")
 */
.gc-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.gc-table-scroll table {
  margin: 0;
  min-width: 100%;
}

/**
 * Alignment helpers
 */
.gc-table-text-center {
  text-align: center;
}

.gc-table-text-right {
  text-align: right;
}

.gc-table-text-left {
  text-align: left;
}

/**
 * Responsive text sizes in tables
 */
@media (max-width: 480px) {
  table {
    font-size: 0.875rem;
  }
  table th,
  table td {
    padding: 0.5rem;
  }
  table th::before,
  table td::before {
    font-size: 0.75rem;
  }
}

/** Temporary wrap for homepage styles */
:root {
  --primary: #2b463f;
  --secondary: #f9f6f1;
  --body-font: "Inter", sans-serif;
  --heading-font: "Awesome Serif", serif;
  --et_global_heading_font: var(--heading-font) !important;
  --et_global_body_font: var(--body-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font);
}

p,
ul,
ol,
li,
a,
span,
div,
section,
article,
header,
footer,
nav,
aside,
main {
  font-family: var(--body-font);
}

.rounded img {
  border-radius: 45px;
}
.rounded img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 45px;
  background-color: rgba(255, 255, 255, 0.15);
  pointer-events: none;
}

.font-awesome-serif * {
  font-family: "Awesome Serif", serif !important;
}
