/* Plumas District Hospital
 * Native CSS for the styles previously compiled from Studio SCSS into main.min.css.
 * Edit the tokens in :root, or edit a rule directly.
 * Dark and light colors are already calculated. Changing --color-primary does not recalculate --color-primary-dark.
 * Bootstrap and Font Awesome stay in their own stylesheets.
 */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

:root {
  --font-family-base: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  /* Palette */
  --color-primary: #764429;
  --color-primary-dark: #502e1c;
  --color-primary-light: #9c5a36;
  --color-secondary: #8ca366;
  --color-secondary-dark: #728650;
  --color-secondary-light: #a4b686;
  --color-tertiary: #72695c;
  --color-tertiary-dark: #564f45;
  --color-tertiary-light: #8e8373;

  /* Accents */
  --color-brown: #83462c;
  --color-blue: #0036f4;
  --color-green: #008b0e;
  --color-orange: #ff9901;
  --color-pink: #f02a75;
  --color-purple: #7737ff;
  --color-red: #c50000;
  --color-yellow: #f0f007;
  --color-blue-dark: #101a29;

  /* Greyscale */
  --color-black: #000000;
  --color-grey-darkest: #333333;
  --color-grey-dark: #595959;
  --color-grey: #808080;
  --color-grey-light: #d9d9d9;
  --color-grey-lightest: #f7f7f7;
  --color-white: #ffffff;

  /* Backgrounds */
  --background-color-primary: #eae5cd;
  --background-color-secondary: #efebea;
  --background-color-tertiary: #564f45;
  --background-alt-green-1: #57663d;
  --background-alt-green-2: #3c462a;
  --background-alt-green-3: #202617;
  --background-alt-green-4: #254b23;

  /* Bootstrap button colors */
  --bs-red: #dc3545;
  --bs-red-dark: #bd2130;
  --bs-green: #198754;
  --bs-green-dark: #115c39;
  --bs-yellow: #ffc107;
  --bs-yellow-dark: #d39e00;

  /* One-off button */
  --btn-primary-color: #890d28;
  --btn-primary-color-hover: #5a091a;

  /* Aliases. These follow the palette token unless you replace the var() with a color. */
  --color-text-primary: var(--color-black);
  --background-color-light: var(--color-grey-lightest);
  --background-color-dark: var(--color-grey-darkest);
  --background-color-white: var(--color-white);
}

* {
  margin: 0;
  padding: 0
}

body {
  color: var(--color-text-primary);
  font-family: var(--font-family-base);
  position: relative;
  -webkit-font-smoothing: auto;
  word-break: break-word
}

.sg-bg-primary {
  background-color: var(--background-color-primary) !important
}

.sg-bg-secondary {
  background-color: var(--background-color-secondary) !important
}

.sg-bg-light {
  background-color: var(--background-color-light) !important
}

.sg-bg-dark {
  background-color: var(--background-color-dark) !important
}

.sg-bg-white {
  background-color: var(--background-color-white) !important
}

.border-primary {
  border-color: var(--color-primary) !important
}

.border-primary-light {
  border-color: var(--color-primary-light) !important
}

.border-primary-dark {
  border-color: var(--color-primary-dark) !important
}

.border-secondary {
  border-color: var(--color-secondary) !important
}

.border-secondary-light {
  border-color: var(--color-secondary-light) !important
}

.border-secondary-dark {
  border-color: var(--color-secondary-dark) !important
}

.border-tertiary {
  border-color: var(--color-tertiary) !important
}

.border-tertiary-light {
  border-color: var(--color-tertiary-light) !important
}

.border-tertiary-dark {
  border-color: var(--color-tertiary-dark) !important
}

.text-primary {
  color: var(--color-primary) !important
}

.text-primary-light {
  color: var(--color-primary-light) !important
}

.text-primary-dark {
  color: var(--color-primary-dark) !important
}

.text-secondary {
  color: var(--color-secondary) !important
}

.text-secondary-light {
  color: var(--color-secondary-light) !important
}

.text-secondary-dark {
  color: var(--color-secondary-dark) !important
}

.text-tertiary {
  color: var(--color-tertiary) !important
}

.text-tertiary-light {
  color: var(--color-tertiary-light) !important
}

.text-tertiary-dark {
  color: var(--color-tertiary-dark) !important
}

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

h1,
.sg-h1 {
  color: var(--color-primary);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

h1.sg-h1-bold,
.sg-h1.sg-h1-bold {
  font-weight: 700
}

h1.sg-h1-light,
.sg-h1.sg-h1-light {
  font-weight: 300
}

h1.sg-hero,
.sg-h1.sg-hero {
  color: var(--color-black);
  font-size: 50px;
  font-weight: 400;
  line-height: 1.22em;
  margin-bottom: 15px
}

h1.sg-hero.sg-hero-bold,
.sg-h1.sg-hero.sg-hero-bold {
  font-weight: 600
}

h1.sg-hero.sg-hero-light,
.sg-h1.sg-hero.sg-hero-light {
  font-weight: 300
}

h2,
.sg-h2 {
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

h2.sg-h2-bold,
.sg-h2.sg-h2-bold {
  font-weight: 700
}

h2.sg-h2-light,
.sg-h2.sg-h2-light {
  font-weight: 300
}

h3,
.sg-h3 {
  color: var(--color-primary);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

h3.sg-h3-bold,
.sg-h3.sg-h3-bold {
  font-weight: 700
}

h3.sg-h3-light,
.sg-h3.sg-h3-light {
  font-weight: 300
}

h4,
.sg-h4 {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

h4.sg-h4-bold,
.sg-h4.sg-h4-bold {
  font-weight: 700
}

h4.sg-h4-light,
.sg-h4.sg-h4-light {
  font-weight: 300
}

h5,
.sg-h5 {
  color: var(--color-primary);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

h5.sg-h5-bold,
.sg-h5.sg-h5-bold {
  font-weight: 700
}

h5.sg-h5-light,
.sg-h5.sg-h5-light {
  font-weight: 300
}

h6,
.sg-h6 {
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem
}

h6.sg-h6-bold,
.sg-h6.sg-h6-bold {
  font-weight: 700
}

h6.sg-h6-light,
.sg-h6.sg-h6-light {
  font-weight: 300
}

.sg-display-1 {
  font-size: 5rem
}

.sg-display-2 {
  font-size: 4.5rem
}

.sg-display-3 {
  font-size: 4rem
}

.sg-display-4 {
  font-size: 3.5rem
}

.sg-display-5 {
  font-size: 3rem
}

.sg-display-6 {
  font-size: 2.5rem
}

b,
strong {
  font-weight: 600
}

p,
q {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 30px
}

p:last-child,
q:last-child {
  margin: 0
}

ul,
ol {
  font-weight: 400;
  list-style-position: outside;
  padding: 0 0 0 30px;
  margin: 0 0 15px 0
}

ul li,
ol li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em
}

a {
  color: var(--color-secondary);
  font-size: inherit;
  font-weight: 700;
  line-height: 1.625em
}

a:hover,
a:focus {
  color: var(--color-primary-dark);
  cursor: pointer
}

blockquote {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 15px
}

cite {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.85em;
  margin-bottom: 15px
}

figcaption {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.85em;
  margin-bottom: 15px
}

.sg-img-border-radius {
  border-radius: 4px
}

.sg-btn {
  border-radius: 4px;
  border-width: 2px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.22em;
  width: 100%;
  padding: 0.75rem 1rem
}

@media screen and (min-width:576px) {
  .sg-btn {
    width: auto
  }
}

.sg-btn:hover {
  text-decoration: none
}

.sg-btn:focus,
.sg-btn:not(:disabled):not(.disabled):active,
.sg-btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
  text-decoration: none
}

.sg-btn.sg-btn-sm {
  font-size: 14px;
  line-height: 1.858em;
  padding: 10px 16px
}

.sg-btn.sg-btn-lg {
  font-size: 16px;
  line-height: 1.625em;
  padding: 0.75rem 3rem
}

.sg-btn.sg-btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white)
}

.sg-btn.sg-btn-primary:not(:disabled):not(.disabled):hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-primary:focus,
.sg-btn.sg-btn-primary:active,
.sg-btn.sg-btn-primary:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-primary:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-primary:not(:disabled):not(.disabled):active:focus {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white)
}

.sg-btn.sg-btn-secondary:not(:disabled):not(.disabled):hover {
  background-color: var(--color-secondary-dark);
  border-color: var(--color-secondary-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-secondary:focus,
.sg-btn.sg-btn-secondary:active,
.sg-btn.sg-btn-secondary:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-secondary:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-secondary:not(:disabled):not(.disabled):active:focus {
  background-color: var(--color-secondary-dark);
  border-color: var(--color-secondary-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-tertiary {
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-tertiary:not(:disabled):not(.disabled):hover {
  background-color: var(--color-tertiary-dark);
  border-color: var(--color-tertiary);
  color: var(--color-white)
}

.sg-btn.sg-btn-tertiary:focus,
.sg-btn.sg-btn-tertiary:active,
.sg-btn.sg-btn-tertiary:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-tertiary:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-tertiary:not(:disabled):not(.disabled):active:focus {
  background-color: var(--color-tertiary-dark);
  border-color: var(--color-tertiary);
  color: var(--color-white)
}

.sg-btn.sg-btn-success {
  background-color: var(--bs-green);
  border-color: var(--bs-green);
  color: var(--color-white)
}

.sg-btn.sg-btn-success:not(:disabled):not(.disabled):hover {
  background-color: var(--bs-green-dark);
  border-color: var(--bs-green-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-success:focus,
.sg-btn.sg-btn-success:active,
.sg-btn.sg-btn-success:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-success:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-success:not(:disabled):not(.disabled):active:focus {
  background-color: var(--bs-green-dark);
  border-color: var(--bs-green-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-warning {
  background-color: var(--bs-yellow);
  border-color: var(--bs-yellow);
  color: var(--color-white)
}

.sg-btn.sg-btn-warning:not(:disabled):not(.disabled):hover {
  background-color: var(--bs-yellow-dark);
  border-color: var(--bs-yellow-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-warning:focus,
.sg-btn.sg-btn-warning:active,
.sg-btn.sg-btn-warning:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-warning:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-warning:not(:disabled):not(.disabled):active:focus {
  background-color: var(--bs-yellow-dark);
  border-color: var(--bs-yellow-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-danger {
  background-color: var(--bs-red);
  border-color: var(--bs-red);
  color: var(--color-white)
}

.sg-btn.sg-btn-danger:not(:disabled):not(.disabled):hover {
  background-color: var(--bs-red-dark);
  border-color: var(--bs-red-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-danger:focus,
.sg-btn.sg-btn-danger:active,
.sg-btn.sg-btn-danger:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-danger:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-danger:not(:disabled):not(.disabled):active:focus {
  background-color: var(--bs-red-dark);
  border-color: var(--bs-red-dark);
  color: var(--color-white)
}

.sg-btn.sg-btn-outline-primary {
  background-color: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary)
}

.sg-btn.sg-btn-outline-primary:not(:disabled):not(.disabled):hover {
  background-color: transparent;
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark)
}

.sg-btn.sg-btn-outline-primary:focus,
.sg-btn.sg-btn-outline-primary:active,
.sg-btn.sg-btn-outline-primary:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-outline-primary:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  background-color: transparent;
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark)
}

.sg-btn.sg-btn-outline-secondary {
  background-color: transparent;
  border-color: var(--color-secondary);
  color: var(--color-secondary)
}

.sg-btn.sg-btn-outline-secondary:not(:disabled):not(.disabled):hover {
  background-color: transparent;
  border-color: var(--color-secondary-dark);
  color: var(--color-secondary-dark)
}

.sg-btn.sg-btn-outline-secondary:focus,
.sg-btn.sg-btn-outline-secondary:active,
.sg-btn.sg-btn-outline-secondary:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-outline-secondary:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
  background-color: transparent;
  border-color: var(--color-secondary-dark);
  color: var(--color-secondary-dark)
}

.sg-btn.sg-btn-outline-tertiary {
  background-color: transparent;
  border-color: var(--color-tertiary);
  color: var(--color-tertiary)
}

.sg-btn.sg-btn-outline-tertiary:not(:disabled):not(.disabled):hover {
  background-color: transparent;
  border-color: var(--color-tertiary-dark);
  color: var(--color-tertiary-dark)
}

.sg-btn.sg-btn-outline-tertiary:focus,
.sg-btn.sg-btn-outline-tertiary:active,
.sg-btn.sg-btn-outline-tertiary:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-outline-tertiary:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-outline-tertiary:not(:disabled):not(.disabled):active:focus {
  background-color: transparent;
  border-color: var(--color-tertiary-dark);
  color: var(--color-tertiary-dark)
}

.sg-btn.sg-btn-outline-success {
  background-color: transparent;
  border-color: var(--bs-green);
  color: var(--bs-green)
}

.sg-btn.sg-btn-outline-success:not(:disabled):not(.disabled):hover {
  background-color: transparent;
  border-color: var(--bs-green-dark);
  color: var(--bs-green-dark)
}

.sg-btn.sg-btn-outline-success:focus,
.sg-btn.sg-btn-outline-success:active,
.sg-btn.sg-btn-outline-success:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-outline-success:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-outline-success:not(:disabled):not(.disabled):active:focus {
  background-color: transparent;
  border-color: var(--bs-green-dark);
  color: var(--bs-green-dark)
}

.sg-btn.sg-btn-outline-warning {
  background-color: transparent;
  border-color: var(--bs-yellow);
  color: var(--bs-yellow)
}

.sg-btn.sg-btn-outline-warning:not(:disabled):not(.disabled):hover {
  background-color: transparent;
  border-color: var(--bs-yellow-dark);
  color: var(--bs-yellow-dark)
}

.sg-btn.sg-btn-outline-warning:focus,
.sg-btn.sg-btn-outline-warning:active,
.sg-btn.sg-btn-outline-warning:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-outline-warning:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-outline-warning:not(:disabled):not(.disabled):active:focus {
  background-color: transparent;
  border-color: var(--bs-yellow-dark);
  color: var(--bs-yellow-dark)
}

.sg-btn.sg-btn-outline-danger {
  background-color: transparent;
  border-color: var(--bs-red);
  color: var(--bs-red)
}

.sg-btn.sg-btn-outline-danger:not(:disabled):not(.disabled):hover {
  background-color: transparent;
  border-color: var(--bs-red-dark);
  color: var(--bs-red-dark)
}

.sg-btn.sg-btn-outline-danger:focus,
.sg-btn.sg-btn-outline-danger:active,
.sg-btn.sg-btn-outline-danger:not(:disabled):not(.disabled):focus,
.sg-btn.sg-btn-outline-danger:not(:disabled):not(.disabled):active,
.sg-btn.sg-btn-outline-danger:not(:disabled):not(.disabled):active:focus {
  background-color: transparent;
  border-color: var(--bs-red-dark);
  color: var(--bs-red-dark)
}

.sg-btn.sg-btn-link {
  border-radius: 0;
  color: var(--color-secondary)
}

label {
  color: var(--color-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625em;
  margin-bottom: 10px
}

.sg-form {
  background: var(--color-white);
  border-radius: 4px;
  padding: 30px
}

.sg-form-group {
  margin-bottom: 20px
}

.sg-form-control {
  background-color: var(--color-grey-lightest);
  border-color: var(--color-grey-lightest);
  border-radius: 4px;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
  height: 50px;
  padding: 12px 20px
}

.sg-form-control:disabled,
.sg-form-control[readonly] {
  background-color: var(--color-grey-light);
  border-color: var(--color-grey-light);
  color: rgba(0, 0, 0, 0.5)
}

.sg-icon {
  font-size: 16px
}

.sg-icon.sg-icon-md {
  font-size: 24px
}

.sg-icon.sg-icon-lg {
  font-size: 36px
}

.sg-icon.sg-fa-stack .fa-stack-2x {
  color: var(--color-secondary) !important
}

.sg-card {
  border-radius: 4px !important
}

.sg-card .sg-card-img img {
  border-radius: 4px 4px 0 0;
  object-fit: cover
}

.sg-card .sg-card-header {
  padding: 0
}

.sg-card .sg-card-body {
  padding: 0
}

.sg-responsive-map {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .sg-responsive-map {
    padding-bottom: 19.5%
  }
}

.sg-responsive-map iframe,
.sg-responsive-map .sg-map {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.sg-background-overlay {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.typography.typography-01 .section-header {
  margin: 20px 0
}

.typography.typography-01 .color-box {
  border-radius: 100%;
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin-right: 10px;
  height: 100px;
  width: 100px
}

.typography.typography-01 .color-box__primary {
  background-color: var(--color-primary)
}

.typography.typography-01 .color-box__primary-dark {
  background-color: var(--color-primary-dark)
}

.typography.typography-01 .color-box__primary-light {
  background-color: var(--color-primary-light)
}

.typography.typography-01 .color-box__secondary {
  background-color: var(--color-secondary)
}

.typography.typography-01 .color-box__secondary-dark {
  background-color: var(--color-secondary-dark)
}

.typography.typography-01 .color-box__secondary-light {
  background-color: var(--color-secondary-light)
}

.typography.typography-01 .color-box__tertiary {
  background-color: var(--color-tertiary)
}

.typography.typography-01 .color-box__tertiary-dark {
  background-color: var(--color-tertiary-dark)
}

.typography.typography-01 .color-box__tertiary-light {
  background-color: var(--color-tertiary-light)
}

.typography.typography-01 .color-box__green {
  background-color: var(--color-green)
}

.typography.typography-01 .color-box__blue {
  background-color: var(--color-blue)
}

.typography.typography-01 .color-box__brown {
  background-color: var(--color-brown)
}

.typography.typography-01 .color-box__pink {
  background-color: var(--color-pink)
}

.typography.typography-01 .color-box__purple {
  background-color: var(--color-purple)
}

.typography.typography-01 .color-box__red {
  background-color: var(--color-red)
}

.typography.typography-01 .color-box__orange {
  background-color: var(--color-orange)
}

.typography.typography-01 .color-box__yellow {
  background-color: var(--color-yellow)
}

.typography.typography-01 .color-box__black {
  background-color: var(--color-black)
}

.typography.typography-01 .color-box__grey-darkest {
  background-color: var(--color-grey-darkest)
}

.typography.typography-01 .color-box__grey-dark {
  background-color: var(--color-grey-dark)
}

.typography.typography-01 .color-box__grey {
  background-color: var(--color-grey)
}

.typography.typography-01 .color-box__grey-light {
  background-color: var(--color-grey-light)
}

.typography.typography-01 .color-box__grey-lightest {
  background-color: var(--color-grey-lightest)
}

.typography.typography-01 .color-box__white {
  background-color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-primary.sg-hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-primary.sg-focus {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-secondary.sg-hover {
  background-color: var(--color-secondary-dark);
  border-color: var(--color-secondary-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-secondary.sg-focus {
  background-color: var(--color-secondary-dark);
  border-color: var(--color-secondary-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-tertiary.sg-hover {
  background-color: var(--color-tertiary-dark);
  border-color: var(--color-tertiary);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-tertiary.sg-focus {
  background-color: var(--color-tertiary-dark);
  border-color: var(--color-tertiary);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-danger.sg-hover {
  background-color: var(--bs-red-dark);
  border-color: var(--bs-red-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-danger.sg-focus {
  background-color: var(--bs-red-dark);
  border-color: var(--bs-red-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-warning.sg-hover {
  background-color: var(--bs-yellow-dark);
  border-color: var(--bs-yellow-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-warning.sg-focus {
  background-color: var(--bs-yellow-dark);
  border-color: var(--bs-yellow-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-success.sg-hover {
  background-color: var(--bs-green-dark);
  border-color: var(--bs-green-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-success.sg-focus {
  background-color: var(--bs-green-dark);
  border-color: var(--bs-green-dark);
  color: var(--color-white)
}

.typography.typography-01 .sg-btn.sg-btn-outline-primary.sg-hover {
  background-color: transparent;
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-primary.sg-focus {
  background-color: transparent;
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-secondary.sg-hover {
  background-color: transparent;
  border-color: var(--color-secondary-dark);
  color: var(--color-secondary-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-secondary.sg-focus {
  background-color: transparent;
  border-color: var(--color-secondary-dark);
  color: var(--color-secondary-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-tertiary.sg-hover {
  background-color: transparent;
  border-color: var(--color-tertiary-dark);
  color: var(--color-tertiary-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-tertiary.sg-focus {
  background-color: transparent;
  border-color: var(--color-tertiary-dark);
  color: var(--color-tertiary-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-danger.sg-hover {
  background-color: transparent;
  border-color: var(--bs-red-dark);
  color: var(--bs-red-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-danger.sg-focus {
  background-color: transparent;
  border-color: var(--bs-red-dark);
  color: var(--bs-red-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-warning.sg-hover {
  background-color: transparent;
  border-color: var(--bs-yellow-dark);
  color: var(--bs-yellow-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-warning.sg-focus {
  background-color: transparent;
  border-color: var(--bs-yellow-dark);
  color: var(--bs-yellow-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-success.sg-hover {
  background-color: transparent;
  border-color: var(--bs-green-dark);
  color: var(--bs-green-dark)
}

.typography.typography-01 .sg-btn.sg-btn-outline-success.sg-focus {
  background-color: transparent;
  border-color: var(--bs-green-dark);
  color: var(--bs-green-dark)
}

.sg-blog.sg-blog-01 .card .card-img img {
  height: 300px;
  object-fit: cover
}

.sg-faq.sg-faq-01 .accordion .sg-card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.sg-hero.sg-hero-04 h1:after {
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 3px;
  margin: 25px auto 0;
  max-width: 300px
}

.sg-landing.sg-landing-01 h1,
.sg-landing.sg-landing-01 .sg-h1,
.sg-landing.sg-landing-01 h2,
.sg-landing.sg-landing-01 .sg-h2,
.sg-landing.sg-landing-01 h3,
.sg-landing.sg-landing-01 .sg-h3,
.sg-landing.sg-landing-01 h4,
.sg-landing.sg-landing-01 .sg-h4,
.sg-landing.sg-landing-01 h5,
.sg-landing.sg-landing-01 .sg-h5,
.sg-landing.sg-landing-01 h6,
.sg-landing.sg-landing-01 .sg-h6 {
  color: var(--color-white)
}

.sg-landing.sg-landing-01 p {
  color: var(--color-black)
}

.sg-landing.sg-landing-01 a {
  color: var(--color-white)
}

.sg-landing.sg-landing-01 .sg-landing-01-accent {
  color: var(--color-primary)
}

.sg-landing.sg-landing-01 .sg-bg-dark {
  background-color: var(--color-blue-dark) !important
}

.sg-landing.sg-landing-01 .sg-btn.sg-btn-outline-primary {
  color: var(--color-white)
}

.sg-landing.sg-landing-01 .sg-btn.sg-btn-outline-primary:focus,
.sg-landing.sg-landing-01 .sg-btn.sg-btn-outline-primary:not(:disabled):not(.disabled):active,
.sg-landing.sg-landing-01 .sg-btn.sg-btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  color: var(--color-white)
}

.sg-landing.sg-landing-01 .sg-icon {
  align-items: center;
  background-color: var(--color-primary-dark);
  border-radius: 100%;
  display: inline-flex;
  height: 64px;
  justify-content: center;
  width: 64px
}

.sg-landing.sg-landing-01 .sg-icon svg {
  font-size: 28px
}

.sg-landing.sg-landing-01 .sg-masthead-01 {
  padding-top: 25px
}

@media (min-width:992px) {
  .sg-landing.sg-landing-01 .sg-masthead-01 {
    padding-top: 50px
  }
}

.sg-landing.sg-landing-01 .sg-masthead-01 .navbar-dark .navbar-nav .nav-link {
  color: var(--color-grey-light)
}

.sg-landing.sg-landing-01 .sg-masthead-01 .navbar-dark .navbar-nav .nav-link:hover,
.sg-landing.sg-landing-01 .sg-masthead-01 .navbar-dark .navbar-nav .nav-link:focus {
  text-decoration: underline
}

.sg-landing.sg-landing-01 .sg-masthead-01 .navbar-dark .navbar-nav .nav-link.sg-btn:hover,
.sg-landing.sg-landing-01 .sg-masthead-01 .navbar-dark .navbar-nav .nav-link.sg-btn:focus {
  text-decoration: none
}

.sg-landing.sg-landing-01 .sg-masthead-01 .navbar-dark .navbar-nav .nav-link.sg-btn.sg-btn-primary {
  color: var(--color-white)
}

.sg-landing.sg-landing-01 .sg-content-01 .col:first-child h2,
.sg-landing.sg-landing-01 .sg-content-01 .col:first-child svg path {
  color: var(--color-purple)
}

.sg-landing.sg-landing-01 .sg-content-01 .col:nth-child(2) h2,
.sg-landing.sg-landing-01 .sg-content-01 .col:nth-child(2) svg path {
  color: var(--color-pink)
}

.sg-landing.sg-landing-01 .sg-content-01 .col:nth-child(3) h2,
.sg-landing.sg-landing-01 .sg-content-01 .col:nth-child(3) svg path {
  color: var(--color-orange)
}

.sg-landing.sg-landing-01 .sg-content-01 .col:last-child h2,
.sg-landing.sg-landing-01 .sg-content-01 .col:last-child svg path {
  color: var(--color-green)
}

.sg-landing.sg-landing-01 .sg-feature-05 .sg-icon+span {
  color: var(--color-grey-light)
}

.sg-landing.sg-landing-01 .sg-feature-05 .sg-icon .fa-window-maximize path {
  fill: var(--color-blue)
}

.sg-landing.sg-landing-01 .sg-feature-05 .sg-icon .fa-compress-alt path {
  fill: var(--color-orange)
}

.sg-landing.sg-landing-01 .sg-feature-05 .sg-icon .fa-chart-line path {
  fill: var(--color-pink)
}

.sg-landing.sg-landing-01 .sg-feature-05 .sg-icon .fa-heart path {
  fill: var(--color-red)
}

.sg-landing.sg-landing-01 .sg-feature-22 .card {
  border-radius: 60px
}

.sg-landing.sg-landing-01 .sg-feature-22 .card.sg-bg-dark {
  background-color: var(--color-black) !important
}

.sg-landing.sg-landing-01 .sg-feature-22 .card .card-header {
  background: transparent;
  border: 0
}

.sg-landing.sg-landing-01 .sg-footer-01 a {
  color: var(--color-grey-light)
}

.sg-landing.sg-landing-01 .sg-hero-02+.sg-feature-05 {
  background: var(--color-black) !important
}

section,
header,
footer {
  background-color: var(--color-white);
  position: relative;
  width: 100%
}

section.sg-blog,
section.sg-calendar,
section.sg-contact,
section.sg-content,
section.sg-ecommerce,
section.sg-faq,
section.sg-feature,
section.sg-footer,
section.sg-hero,
section.sg-pricing,
section.sg-signup,
section.sg-login,
section.sg-team,
section.sg-testimonial,
section.sg-events,
section.sg-policy,
section.sg-site-search,
header.sg-blog,
header.sg-calendar,
header.sg-contact,
header.sg-content,
header.sg-ecommerce,
header.sg-faq,
header.sg-feature,
header.sg-footer,
header.sg-hero,
header.sg-pricing,
header.sg-signup,
header.sg-login,
header.sg-team,
header.sg-testimonial,
header.sg-events,
header.sg-policy,
header.sg-site-search,
footer.sg-blog,
footer.sg-calendar,
footer.sg-contact,
footer.sg-content,
footer.sg-ecommerce,
footer.sg-faq,
footer.sg-feature,
footer.sg-footer,
footer.sg-hero,
footer.sg-pricing,
footer.sg-signup,
footer.sg-login,
footer.sg-team,
footer.sg-testimonial,
footer.sg-events,
footer.sg-policy,
footer.sg-site-search {
  padding: 30px 0
}

@media screen and (min-width:992px) {

  section.sg-blog,
  section.sg-calendar,
  section.sg-contact,
  section.sg-content,
  section.sg-ecommerce,
  section.sg-faq,
  section.sg-feature,
  section.sg-footer,
  section.sg-hero,
  section.sg-pricing,
  section.sg-signup,
  section.sg-login,
  section.sg-team,
  section.sg-testimonial,
  section.sg-events,
  section.sg-policy,
  section.sg-site-search,
  header.sg-blog,
  header.sg-calendar,
  header.sg-contact,
  header.sg-content,
  header.sg-ecommerce,
  header.sg-faq,
  header.sg-feature,
  header.sg-footer,
  header.sg-hero,
  header.sg-pricing,
  header.sg-signup,
  header.sg-login,
  header.sg-team,
  header.sg-testimonial,
  header.sg-events,
  header.sg-policy,
  header.sg-site-search,
  footer.sg-blog,
  footer.sg-calendar,
  footer.sg-contact,
  footer.sg-content,
  footer.sg-ecommerce,
  footer.sg-faq,
  footer.sg-feature,
  footer.sg-footer,
  footer.sg-hero,
  footer.sg-pricing,
  footer.sg-signup,
  footer.sg-login,
  footer.sg-team,
  footer.sg-testimonial,
  footer.sg-events,
  footer.sg-policy,
  footer.sg-site-search {
    padding: 60px 0
  }
}

section.sg-landing,
section.sg-map,
header.sg-landing,
header.sg-map,
footer.sg-landing,
footer.sg-map {
  padding: 0
}

.sg-blog.sg-blog-01a .sg-card .sg-card-img img {
  height: 275px
}

.sg-blog.sg-blog-02a .sg-card .sg-card-img {
  border-radius: 4px 4px 0 0
}

@media screen and (min-width:768px) {
  .sg-blog.sg-blog-02a .sg-card .sg-card-img {
    border-radius: 4px 0 0 4px
  }
}

.sg-blog.sg-blog-02a .sg-card .sg-card-img img {
  border-radius: 4px 4px 0 0;
  height: 100%
}

@media screen and (min-width:768px) {
  .sg-blog.sg-blog-02a .sg-card .sg-card-img img {
    border-radius: 4px 0 0 4px
  }
}

.sg-blog.sg-blog-02a .sg-blog-02a-sidebar .sg-btn {
  margin-bottom: 10px
}

.sg-blog.sg-blog-04 .card {
  border-radius: 10px
}

.sg-calendar.sg-calendar-01 .fc-button-primary {
  background: var(--color-black)
}

.sg-contact.sg-contact-01a {
  padding-top: 0
}

.sg-contact.sg-contact-01a .container>.row {
  margin-top: 50px
}

@media screen and (min-width:992px) {
  .sg-contact.sg-contact-01a .container>.row {
    margin-top: 100px
  }
}

.sg-contact.sg-contact-02a ul:last-child {
  margin: 0
}

.sg-contact.sg-contact-02a ul li {
  margin-right: 40px
}

.sg-contact.sg-contact-02a ul li:last-child {
  margin: 0
}

.sg-contact.sg-contact-02a a {
  color: var(--color-secondary)
}

.sg-ecommerce.sg-ecommerce-list-01 .card .card-img img {
  height: 200px;
  object-fit: cover
}

.sg-ecommerce.sg-ecommerce-cart-01 table thead {
  display: none
}

@media screen and (min-width:768px) {
  .sg-ecommerce.sg-ecommerce-cart-01 table thead {
    display: table-header-group
  }
}

.sg-ecommerce.sg-ecommerce-cart-01 table thead th {
  border-bottom: 1px solid var(--color-grey-dark)
}

.sg-ecommerce.sg-ecommerce-cart-01 table tbody td {
  border-bottom: 1px solid var(--color-grey-light)
}

.sg-ecommerce.sg-ecommerce-cart-01 table tbody td img {
  height: 250px;
  object-fit: cover;
  width: 250px
}

@media screen and (min-width:768px) {
  .sg-ecommerce.sg-ecommerce-cart-01 table tbody td img {
    height: 80px;
    width: 80px
  }
}

.sg-events.sg-events-list-01 .sg-card,
.sg-events.sg-events-detail-01 .sg-card {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1)
}

.sg-events.sg-events-list-01 .sg-card .sg-card-footer,
.sg-events.sg-events-detail-01 .sg-card .sg-card-footer {
  background-color: rgb(82.0980392157%, 82.0980392157%, 82.0980392157%)
}

.sg-events.sg-events-list-01 .sg-card .sg-card-footer .sg-icon,
.sg-events.sg-events-detail-01 .sg-card .sg-card-footer .sg-icon {
  background: var(--color-white);
  flex: none;
  height: 40px;
  width: 40px
}

.sg-events.sg-events-list-01 .sg-card .sg-card-footer .sg-icon i,
.sg-events.sg-events-list-01 .sg-card .sg-card-footer .sg-icon svg,
.sg-events.sg-events-detail-01 .sg-card .sg-card-footer .sg-icon i,
.sg-events.sg-events-detail-01 .sg-card .sg-card-footer .sg-icon svg {
  font-size: 20px
}

.sg-events.sg-events-list-01 .sg-tag,
.sg-events.sg-events-detail-01 .sg-tag {
  border: 1px solid var(--color-grey-light);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%
}

.sg-events.sg-events-list-01 .sg-sidebar form,
.sg-events.sg-events-detail-01 .sg-sidebar form {
  background: var(--color-grey-light)
}

.sg-events.sg-events-list-01 .pagination,
.sg-events.sg-events-detail-01 .pagination {
  justify-content: center
}

.sg-events.sg-events-list-01 .pagination .page-item .page-link,
.sg-events.sg-events-detail-01 .pagination .page-item .page-link {
  color: var(--color-pink)
}

.sg-events.sg-events-list-01 .pagination .page-item.active .page-link,
.sg-events.sg-events-detail-01 .pagination .page-item.active .page-link {
  background-color: var(--color-pink);
  border-color: var(--color-pink);
  color: var(--color-white)
}

.sg-faq.sg-faq-01a .accordion .sg-card {
  margin-bottom: 30px
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header {
  background-color: var(--color-secondary);
  padding: 0
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header h2 {
  margin: 0
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn-link {
  color: var(--color-white);
  padding: 30px
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn-link svg {
  transition: all linear 0.3s
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn-link.collapsed svg {
  transform: rotate(90deg)
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-body {
  padding: 30px
}

.sg-feature.sg-feature-04a .sg-card .sg-card-img img {
  height: 220px;
  object-fit: cover
}

.sg-feature.sg-feature-04a .sg-card .sg-card-body {
  padding: 0 0
}

.sg-feature.sg-feature-05a p {
  margin: 0
}

.sg-footer.sg-footer-01a ul {
  margin: 0
}

@media screen and (min-width:768px) {
  .sg-footer.sg-footer-01a ul li {
    margin-right: 50px
  }
}

.sg-footer.sg-footer-01a ul li:last-child {
  margin-right: 0
}

.sg-footer.sg-footer-01a ul li a {
  color: var(--color-secondary)
}

.sg-hero.sg-hero-01a {
  color: var(--color-white)
}

.sg-hero.sg-hero-01a h1 {
  color: var(--color-white)
}

.sg-hero.sg-hero-03a {
  color: var(--color-white)
}

.sg-hero.sg-hero-03a h1 {
  color: var(--color-white)
}

.sg-hero.sg-hero-04a h1:after {
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 2px;
  margin: 15px auto 0;
  max-width: 300px
}

.sg-landing.sg-landing-01a h1,
.sg-landing.sg-landing-01a .sg-h1,
.sg-landing.sg-landing-01a h2,
.sg-landing.sg-landing-01a .sg-h2,
.sg-landing.sg-landing-01a h3,
.sg-landing.sg-landing-01a .sg-h3,
.sg-landing.sg-landing-01a h4,
.sg-landing.sg-landing-01a .sg-h4,
.sg-landing.sg-landing-01a h5,
.sg-landing.sg-landing-01a .sg-h5,
.sg-landing.sg-landing-01a h6,
.sg-landing.sg-landing-01a .sg-h6 {
  color: var(--color-white)
}

.sg-landing.sg-landing-01a p {
  color: var(--color-grey-lightest)
}

.sg-landing.sg-landing-01a a:not([class]) {
  color: var(--color-white)
}

.sg-landing.sg-landing-01a .sg-bg-light {
  background-color: var(--color-secondary-light) !important
}

.sg-landing.sg-landing-01a .sg-landing-01a-accent {
  color: var(--color-primary)
}

.sg-landing.sg-landing-01a .sg-masthead-01a {
  padding-top: 25px
}

@media (min-width:992px) {
  .sg-landing.sg-landing-01a .sg-masthead-01a {
    padding-top: 50px
  }
}

.sg-landing.sg-landing-01a .sg-masthead-01a .navbar-dark .navbar-nav .nav-link {
  color: var(--color-grey-light)
}

.sg-landing.sg-landing-01a .sg-masthead-01a .navbar-dark .navbar-nav .nav-link:hover,
.sg-landing.sg-landing-01a .sg-masthead-01a .navbar-dark .navbar-nav .nav-link:focus {
  text-decoration: underline
}

.sg-landing.sg-landing-01a .sg-masthead-01a .navbar-dark .navbar-nav .nav-link.sg-btn:hover,
.sg-landing.sg-landing-01a .sg-masthead-01a .navbar-dark .navbar-nav .nav-link.sg-btn:focus {
  text-decoration: none
}

.sg-landing.sg-landing-01a .sg-masthead-01a .navbar-dark .navbar-nav .nav-link.sg-btn.sg-btn-primary {
  color: var(--color-white)
}

.sg-landing.sg-landing-01a .sg-content-01a .col:first-child h2,
.sg-landing.sg-landing-01a .sg-content-01a .col:first-child i {
  color: var(--color-purple)
}

.sg-landing.sg-landing-01a .sg-content-01a .col:nth-child(2) h2,
.sg-landing.sg-landing-01a .sg-content-01a .col:nth-child(2) i {
  color: var(--color-pink)
}

.sg-landing.sg-landing-01a .sg-content-01a .col:nth-child(3) h2,
.sg-landing.sg-landing-01a .sg-content-01a .col:nth-child(3) i {
  color: var(--color-orange)
}

.sg-landing.sg-landing-01a .sg-content-01a .col:last-child h2,
.sg-landing.sg-landing-01a .sg-content-01a .col:last-child i {
  color: var(--color-green)
}

.sg-landing.sg-landing-01a .sg-content-02a .card {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 60px;
  padding: 50px
}

.sg-landing.sg-landing-01a .sg-content-02a .card .card-header {
  background: transparent;
  border: 0
}

.sg-landing.sg-landing-01a .sg-feature-05a .sg-icon+span {
  color: var(--color-grey-light)
}

.sg-landing.sg-landing-01a .sg-feature-05a .sg-icon .fa-window-maximize {
  color: var(--color-blue)
}

.sg-landing.sg-landing-01a .sg-feature-05a .sg-icon .fa-compress-alt {
  color: var(--color-orange)
}

.sg-landing.sg-landing-01a .sg-feature-05a .sg-icon .fa-chart-line {
  color: var(--color-pink)
}

.sg-landing.sg-landing-01a .sg-feature-05a .sg-icon .fa-heart {
  color: var(--color-red)
}

.sg-masthead .navbar-light .navbar-brand,
.sg-masthead .navbar-dark .navbar-brand {
  margin-right: 75px
}

@media screen and (min-width:992px) {

  .sg-masthead .navbar-light .navbar-nav .nav-item,
  .sg-masthead .navbar-dark .navbar-nav .nav-item {
    margin-right: 22px
  }

  .sg-masthead .navbar-light .navbar-nav .nav-item:last-child,
  .sg-masthead .navbar-dark .navbar-nav .nav-item:last-child {
    margin-right: 0
  }
}

.sg-masthead .navbar-light .navbar-nav .nav-item .nav-link,
.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--color-secondary)
}

.sg-masthead .navbar-light .navbar-nav .nav-item .nav-link:hover,
.sg-masthead .navbar-light .navbar-nav .nav-item .nav-link:focus,
.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link:hover,
.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link:focus {
  text-decoration: underline
}

.sg-masthead .navbar-light .navbar-nav .nav-item .nav-link.sg-btn-sm,
.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link.sg-btn-sm {
  padding: 10px 16px
}

.sg-masthead .navbar-light .navbar-nav .nav-item .nav-link.sg-btn-lg,
.sg-masthead .navbar-dark .navbar-nav .nav-item .nav-link.sg-btn-lg {
  padding: 0.75rem 3rem
}

.sg-masthead .navbar-light .navbar-nav .dropdown-item,
.sg-masthead .navbar-dark .navbar-nav .dropdown-item {
  color: var(--color-secondary)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--color-white)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--color-primary)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .dropdown-item {
  color: var(--color-white)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .dropdown-item:hover,
.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .dropdown-item:focus {
  background-color: var(--color-primary-dark)
}

.sg-masthead.sg-bg-secondary .navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--color-white)
}

.sg-masthead.sg-bg-secondary .navbar-dark .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--color-secondary)
}

.sg-masthead.sg-bg-secondary .navbar-dark .navbar-nav .dropdown-item {
  color: var(--color-white)
}

.sg-masthead.sg-bg-secondary .navbar-dark .navbar-nav .dropdown-item:hover,
.sg-masthead.sg-bg-secondary .navbar-dark .navbar-nav .dropdown-item:focus {
  background-color: var(--color-secondary-dark)
}

.sg-masthead.sg-bg-dark .navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--color-white)
}

.sg-masthead.sg-bg-dark .navbar-dark .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--color-grey-darkest)
}

.sg-masthead.sg-bg-dark .navbar-dark .navbar-nav .dropdown-item {
  color: var(--color-white)
}

.sg-masthead.sg-bg-dark .navbar-dark .navbar-nav .dropdown-item:hover,
.sg-masthead.sg-bg-dark .navbar-dark .navbar-nav .dropdown-item:focus {
  background-color: var(--color-grey-lightest);
  color: var(--color-grey-darkest)
}

.sg-masthead.sg-bg-light .navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--color-grey-darkest)
}

.sg-masthead.sg-bg-light .navbar-light .navbar-nav .nav-item .dropdown-menu {
  background-color: var(--color-grey-lightest)
}

.sg-masthead.sg-bg-light .navbar-light .navbar-nav .dropdown-item {
  color: var(--color-grey-darkest)
}

.sg-masthead.sg-bg-light .navbar-light .navbar-nav .dropdown-item:hover,
.sg-masthead.sg-bg-light .navbar-light .navbar-nav .dropdown-item:focus {
  background-color: var(--color-grey-darkest);
  color: var(--color-grey-lightest)
}

.sg-masthead.sg-masthead-02a .navbar-brand {
  margin-right: 30px
}

.sg-pricing.sg-pricing-01a .card-header {
  background-color: var(--color-secondary);
  border-radius: 4px 4px 0 0
}

.sg-pricing.sg-pricing-01a .card-header h3 {
  color: var(--color-white)
}

.sg-pricing.sg-pricing-01a .card-header h3:last-of-type {
  margin-bottom: 0
}

.sg-pricing.sg-pricing-01a .card-body {
  background-color: var(--color-white);
  border-radius: 0 0 4px 4px
}

.sg-pricing.sg-pricing-01a .card-body .sg-icon {
  margin-bottom: 30px
}

.sg-pricing.sg-pricing-02a table th,
.sg-pricing.sg-pricing-02a table td {
  border: 0;
  padding: 0 0 40px
}

.sg-pricing.sg-pricing-02a table td {
  text-align: center
}

.sg-pricing.sg-pricing-02a table thead {
  text-align: center
}

.sg-pricing.sg-pricing-02a table thead th {
  min-width: 220px
}

.sg-pricing.sg-pricing-02a table tbody tr:last-child th,
.sg-pricing.sg-pricing-02a table tbody tr:last-child td {
  padding-bottom: 0
}

.sg-site-search.sg-site-search-input-01 input {
  height: unset
}

.sg-site-search.sg-site-search-results-01 ul li span {
  color: var(--color-tertiary)
}

.sg-team.sg-team-01a img {
  height: 220px;
  object-fit: cover
}

.sg-team.sg-team-02a img {
  height: 220px;
  object-fit: cover
}

.sg-testimonial.sg-testimonial-06 .sg-img {
  margin-top: -9vh;
  max-width: 120px
}

a {
  text-decoration: none
}

a:hover,
a:focus {
  color: var(--color-primary);
  text-decoration: underline
}

ul {
  padding: 0 0 0 17px
}

img {
  margin-bottom: 30px;
  max-width: 100%
}

iframe {
  width: 100%
}

form {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25)
}

table {
  margin-bottom: 30px;
  width: 100%
}

table th,
table td {
  padding: 10px;
  vertical-align: top
}

table thead th {
  background: var(--background-color-secondary);
  border-bottom: 1px solid var(--color-grey-light);
  border-left: 1px solid var(--background-color-secondary);
  border-right: 1px solid var(--background-color-secondary);
  border-top: 1px solid var(--background-color-secondary);
  color: var(--color-primary);
  font-size: 1.25rem
}

table tbody {
  border: 1px solid var(--color-grey-light)
}

table tbody tr:nth-child(odd) {
  background: var(--color-white)
}

table tbody tr:nth-child(even) {
  background: var(--color-grey-lightest)
}

table tbody th,
table tbody td {
  border-bottom: 2px solid var(--color-grey-light)
}

.btn-primary-color {
  background: var(--btn-primary-color);
  color: var(--color-white)
}

.btn-primary-color:hover,
.btn-primary-color:focus {
  background: var(--btn-primary-color-hover);
  color: var(--color-white)
}

.sg-btn-quaternary {
  background: var(--color-grey-lightest);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  color: var(--color-tertiary-light)
}

.sg-btn-quaternary h2 {
  color: var(--color-secondary)
}

.sg-btn-input {
  border-radius: 4px !important
}

@media screen and (min-width:576px) {
  .sg-btn-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
  }
}

.sg-icon {
  height: 2.5em !important
}

.sg-paragraph {
  color: var(--color-black);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 30px
}

.sg-font-weight-bold {
  font-weight: 700
}

.sg-bg-lightest {
  background: var(--color-white)
}

.sg-list-pdf {
  list-style: none;
  padding: 0
}

.sg-list-pdf img {
  margin-bottom: 0;
  margin-right: 5px
}

.sg-icon-list-number {
  color: var(--color-white);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.sg-alert {
  margin-bottom: 30px
}

.sg-gallery-modal .modal-content {
  position: relative
}

.sg-gallery-modal .modal-content img {
  margin-bottom: 0
}

.sg-gallery-modal .btn-close {
  position: absolute;
  top: -25px;
  right: -25px
}

.model_pagination {
  display: flex;
  justify-content: center
}

.model_pagination a {
  margin-right: 10px
}

.model_pagination a.inactive {
  color: var(--color-primary)
}

.s_recaptcha>div>div {
  height: inherit
}

.s_recaptcha iframe {
  height: inherit;
  min-height: auto
}

.modal-open>.sg-masthead.sg-masthead-02 {
  z-index: 1000
}

.input-error-validation {
  color: var(--color-red);
  display: none
}

.input-error~.input-error-validation {
  display: block
}

.sg-btn {
  text-transform: uppercase
}

.form-check {
  text-align: left
}

.dropdown-toggle:after {
  display: none
}

.dropdown-menu {
  border: 0;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  padding: 25px 20px;
  min-width: 200px
}

.dropdown-menu:before {
  border-bottom: 20px solid var(--color-white);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: -20px;
  transform: translateX(-15px);
  width: 0;
  z-index: 2
}

.dropdown-menu li {
  border-bottom: 1px solid rgba(140, 163, 102, 0.2);
  padding: 10px 0 5px;
  text-align: center
}

.dropdown-menu li:last-child {
  border-bottom: 0
}

.dropdown-menu li .sg-btn {
  width: 100%
}

.dropdown-menu li a {
  display: block
}

.sg-alerts.sg-alerts-01 {
  background: var(--btn-primary-color);
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 99999
}

.sg-alerts.sg-alerts-01 p a {
  line-height: inherit
}

.sg-blog.sg-blog-02a .sg-card .sg-card-profile-img a img {
  transition: opacity 300ms ease-out
}

.sg-blog.sg-blog-02a .sg-card .sg-card-profile-img a:hover img,
.sg-blog.sg-blog-02a .sg-card .sg-card-profile-img a:focus img {
  opacity: 0.7
}

.sg-blog.sg-blog-02a .sg-card .sg-card-img img {
  height: auto;
  object-fit: cover;
  width: 100%
}

@media screen and (min-width:768px) {
  .sg-blog.sg-blog-02a .sg-card .sg-card-img img {
    height: 60%;
    margin-bottom: 0;
    width: auto
  }
}

.sg-blog.sg-blog-02a .sg-card .sg-card-body {
  padding: 30px
}

.sg-hero.sg-hero-02a {
  padding: 30px 0
}

.sg-hero.sg-hero-02a .sg-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 30px;
  padding: 0
}

.sg-hero.sg-hero-02a .sg-breadcrumb li {
  color: var(--color-primary);
  font-weight: 700
}

.sg-hero.sg-hero-02a .sg-breadcrumb li:after {
  content: "/";
  display: inline-block;
  padding: 0 5px
}

.sg-hero.sg-hero-02a .sg-breadcrumb li:last-child:after {
  display: none
}

.sg-hero.sg-hero-02a .sg-breadcrumb li a {
  color: var(--color-primary)
}

.sg-hero.sg-hero-02a .dropdown-menu {
  margin-left: 50% !important;
  transform: translate(-50%, 75px) !important
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-02a .dropdown-menu {
    margin-left: 0 !important;
    transform: translate(0, 75px) !important
  }
}

.sg-hero .hero-image .image-container {
  overflow: hidden
}

.sg-hero .hero-image img {
  height: 160px;
  margin-bottom: 0;
  max-width: initial;
  object-fit: cover;
  object-position: center center;
  width: 100%
}

.sg-hero.sg-hero-06 {
  background: url(https://uploads.prod01.oregon.platform-os.com/instances/1944/assets/images/slider/slider-background.png)center center no-repeat;
  background-size: cover;
  padding: 0 30px
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 {
    padding: 0 60px
  }
}

.sg-hero.sg-hero-06 .carousel .carousel-inner {
  background: rgba(255, 255, 255, 0.4);
  min-height: calc(100vh - 242px)
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 .carousel .carousel-inner {
    height: 500px;
    min-height: 100%
  }
}

@media screen and (min-width:992px) {
  .sg-hero.sg-hero-06 .carousel .carousel-inner {
    background: none
  }
}

.sg-hero.sg-hero-06 .carousel .carousel-item {
  height: 100%;
  padding: 60px 15px
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 .carousel .carousel-item {
    padding: 60px
  }
}

@media screen and (min-width:992px) {
  .sg-hero.sg-hero-06 .carousel .carousel-item {
    background: rgba(255, 255, 255, 0.4)
  }
}

.sg-hero.sg-hero-06 .carousel .carousel-item>.row {
  height: 100%
}

.sg-hero.sg-hero-06 .carousel .carousel-item img {
  max-height: 380px;
  margin: 0;
  object-fit: cover;
  width: 100%
}

.sg-hero.sg-hero-06 .carousel .carousel-item h2 {
  font-size: 1.75rem;
  font-weight: 700
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 .carousel .carousel-item h2 {
    font-size: 2rem
  }
}

.sg-hero.sg-hero-06 .carousel .carousel-item h3 {
  font-size: 1.25rem
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 .carousel .carousel-item h3 {
    font-size: 1.75rem
  }
}

.sg-hero.sg-hero-06 .carousel .carousel-indicators {
  display: none
}

.sg-hero.sg-hero-06 .carousel .carousel-control-next,
.sg-hero.sg-hero-06 .carousel .carousel-control-prev {
  color: var(--color-secondary);
  font-size: 1.8rem;
  width: 30px
}

.sg-hero.sg-hero-06 .carousel .carousel-control-next-icon,
.sg-hero.sg-hero-06 .carousel .carousel-control-prev-icon {
  background: none
}

.sg-hero.sg-hero-06 .carousel .carousel-control-prev {
  left: -30px
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 .carousel .carousel-control-prev {
    left: 15px
  }
}

.sg-hero.sg-hero-06 .carousel .carousel-control-next {
  right: -30px
}

@media screen and (min-width:768px) {
  .sg-hero.sg-hero-06 .carousel .carousel-control-next {
    right: 15px
  }
}

.sg-faq.sg-faq-01a .accordion .sg-card {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header {
  background: transparent
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn {
  background-color: var(--color-secondary-dark);
  border-radius: 4px 4px 0 0;
  padding: 18px 30px;
  text-decoration: none;
  transition: all 0.15s ease-in-out
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn i {
  transform: rotate(0deg);
  transition: all 0.15s ease-in-out
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn.collapsed {
  background-color: var(--color-primary);
  border-radius: 4px
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-header .sg-btn.collapsed i {
  transform: rotate(90deg)
}

.sg-faq.sg-faq-01a .accordion .sg-card .sg-card-body {
  border-radius: 0 0 4px 4px;
  padding: 15px 30px
}

.sg-feature.sg-feature-01a {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover
}

.sg-feature.sg-feature-04a .sg-card {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  padding: 30px;
  text-align: center
}

.sg-feature.sg-feature-04a .sg-card .sg-card-header {
  background: transparent;
  border: 0;
  margin-bottom: 10px;
  padding: 0
}

.sg-feature.sg-feature-04a .sg-card .sg-card-img img {
  border-radius: 0;
  height: 200px;
  margin-bottom: 10px;
  width: 100%
}

.sg-feature.sg-feature-04a .sg-card .sg-btn {
  width: 100%
}

.sg-feature.sg-feature-04a .sg-card.sg-card-alt {
  background: var(--background-color-secondary);
  border: 3px solid rgba(118, 68, 41, 0.2)
}

.sg-feature.sg-feature-04a .sg-card.sg-card-alt .sg-card-header {
  border-bottom: 2px solid var(--color-secondary);
  margin-bottom: 30px
}

.sg-feature.sg-feature-04a .sg-card form {
  box-shadow: none
}

.sg-footer.sg-footer-03 .row>.col {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.sg-footer.sg-footer-03 .row:last-child>.col {
  border-bottom: 0
}

.sg-footer.sg-footer-03 li a {
  display: inline-block;
  padding: 6px
}

.sg-footer.sg-footer-03 li a:hover,
.sg-footer.sg-footer-03 li a:focus {
  background: var(--color-secondary);
  text-decoration: none
}

.sg-footer.sg-footer-03 li .icons:hover,
.sg-footer.sg-footer-03 li .icons:focus {
  background: transparent;
  text-decoration: none
}

.sg-footer.sg-footer-03 li .icons:hover svg,
.sg-footer.sg-footer-03 li .icons:focus svg {
  color: var(--color-secondary)
}

.sg-masthead.sg-masthead-02 {
  z-index: 10000
}

.sg-masthead.sg-masthead-02>.container-fluid {
  background: var(--color-white)
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02>.container-fluid {
    background: linear-gradient(90deg, var(--color-white) 0%, var(--color-white) 50%, var(--background-alt-green-3) 50%, var(--background-alt-green-3) 100%)
  }
}

.sg-masthead.sg-masthead-02 .sg-input-group {
  flex-grow: 1;
  width: auto
}

.sg-masthead.sg-masthead-02 .sg-input-group .sg-form-control {
  height: auto
}

.sg-masthead.sg-masthead-02 .sg-input-group .input-group-append .sg-btn {
  background: var(--color-grey-lightest);
  height: 100%
}

.sg-masthead.sg-masthead-02 .navbar-brand:hover img,
.sg-masthead.sg-masthead-02 .navbar-brand:focus img {
  opacity: 0.7
}

.sg-masthead.sg-masthead-02 .sg-navbar-desktop .sg-input-group,
.sg-masthead.sg-masthead-02 .sg-navbar-mobile .sg-input-group {
  position: relative
}

.sg-masthead.sg-masthead-02 .sg-navbar-desktop .sg-input-group .sg-form-control,
.sg-masthead.sg-masthead-02 .sg-navbar-mobile .sg-input-group .sg-form-control {
  padding-right: 45px;
  width: 160px
}

.sg-masthead.sg-masthead-02 .sg-navbar-desktop {
  display: none
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .sg-navbar-desktop {
    display: block;
    margin-top: 10px
  }
}

.sg-masthead.sg-masthead-02 .navbar {
  padding: 0
}

.sg-masthead.sg-masthead-02 .navbar .sg-navbar-mobile {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  width: 100%
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .navbar .sg-navbar-mobile {
    display: none
  }
}

.sg-masthead.sg-masthead-02 .navbar .sg-navbar-mobile .navbar-toggler {
  background: var(--color-secondary);
  border-radius: 100%;
  height: 64px;
  margin-left: 30px;
  width: 64px
}

.sg-masthead.sg-masthead-02 .navbar .sg-navbar-mobile .navbar-toggler[aria-expanded=true] {
  background: var(--background-alt-green-2)
}

.sg-masthead.sg-masthead-02 .navbar .navbar-nav {
  border-top: 3px solid var(--color-grey-light)
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .navbar .navbar-nav {
    border: 0
  }
}

.sg-masthead.sg-masthead-02 .navbar .navbar-nav .nav-link {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 25px 30px
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .navbar .navbar-nav .nav-link {
    padding: 12px 16px
  }
}

.sg-masthead.sg-masthead-02 .navbar .navbar-nav .nav-link i {
  transform: rotate(-90deg);
  transition: all 0.15s ease-in-out
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .navbar .navbar-nav .nav-link i {
    transform: rotate(0deg)
  }
}

.sg-masthead.sg-masthead-02 .navbar .navbar-nav .nav-link.show i {
  transform: rotate(0deg)
}

.sg-masthead.sg-masthead-02 .dropdown .dropdown-toggle {
  height: 100%
}

.sg-masthead.sg-masthead-02 .dropdown .dropdown-menu {
  border-radius: 0;
  padding-bottom: 0;
  padding-top: 0
}

.sg-masthead.sg-masthead-02 .dropdown .dropdown-menu:before {
  display: none
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .dropdown .dropdown-menu:before {
    display: block
  }
}

.sg-masthead.sg-masthead-02 .dropdown .dropdown-menu li {
  text-align: left
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .dropdown .dropdown-menu li {
    text-align: center
  }
}

@media screen and (min-width:992px) {
  .sg-masthead.sg-masthead-02 .dropdown .dropdown-menu {
    border-radius: 10px;
    left: 50%;
    transform: translate(-50%, 30px)
  }
}

.sg-masthead.sg-masthead-02 .dropdown.bg-white .dropdown-toggle:hover,
.sg-masthead.sg-masthead-02 .dropdown.bg-white .dropdown-toggle:focus {
  background: var(--color-secondary);
  color: var(--color-white) !important
}

.sg-masthead.sg-masthead-02 .dropdown.bg-white .dropdown-toggle.show {
  background: var(--color-secondary);
  color: var(--color-white)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--color-secondary)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .nav-item .nav-link.show {
  color: var(--color-white)
}

.sg-masthead.sg-bg-primary .navbar-dark .navbar-nav .nav-item .dropdown-menu {
  background: var(--color-white)
}

#sg-masthead-overlay {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999
}

@media screen and (min-width:992px) {
  #sg-masthead-overlay {
    display: none !important
  }
}

.sg-team.sg-team-01a .sg-card {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.sg-team.sg-team-01a .sg-card .sg-card-img img {
  height: 200px
}

.sg-team.sg-team-01a .sg-card .sg-card-body {
  padding: 20px
}

.sg-team.sg-team-01a .sg-card .sg-card-body figcaption {
  color: var(--color-tertiary-dark);
  font-size: 1rem
}

.sg-team.sg-team-01a .sg-card .sg-card-footer {
  background: transparent;
  border: 0;
  padding: 20px
}

.sg-team.sg-team-01a .sg-card .sg-card-footer .sg-btn {
  width: 100%
}

.sg-bg-tertiary {
  background-color: var(--background-color-tertiary) !important
}

.sg-bg-alt-green-1 {
  background-color: var(--background-alt-green-1) !important
}

.sg-bg-alt-green-1>a:hover,
.sg-bg-alt-green-1>a:focus {
  background-color: var(--color-secondary)
}

.sg-bg-alt-green-2 {
  background-color: var(--background-alt-green-2) !important
}

.sg-bg-alt-green-2>a:hover,
.sg-bg-alt-green-2>a:focus {
  background-color: var(--color-secondary)
}

.sg-bg-alt-green-3 {
  background-color: var(--background-alt-green-3) !important
}

.sg-bg-alt-green-3>a:hover,
.sg-bg-alt-green-3>a:focus {
  background-color: var(--color-secondary)
}

.sg-bg-alt-green-4 {
  background-color: var(--background-alt-green-4) !important
}

.sg-bg-alt-green-4>a:hover,
.sg-bg-alt-green-4>a:focus {
  background-color: var(--color-secondary)
}

.event-listing-card {
  position: relative
}

@media screen and (min-width:576px) {
  .event-listing-card {
    padding-right: 177px
  }
}

.event-listing-card:before {
  background: var(--color-secondary-light);
  bottom: -2px;
  content: "";
  height: 6px;
  display: block;
  left: 0;
  position: absolute;
  width: 33%;
  z-index: 2
}

.event-listing-card:after {
  background: var(--color-tertiary);
  bottom: 0;
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1
}

@media screen and (min-width:576px) {
  .event-listing-card .event-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
  }
}

.event-listing-card h2 a {
  color: var(--color-black);
  font-weight: 400
}

@media print {

  nav,
  footer,
  .hide-print,
  .navbar-toggler,
  .acsb-trigger,
  .acsb-trigger-icon,
  .acsb-actions-active-icon {
    display: none !important
  }

  .acsb-trigger,
  .acsb-trigger-icon,
  .acsb-actions-active-icon {
    display: none !important;
    visibility: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    width: 0 !important
  }
}

#career-hero {
  background-color: #46913f;
  background-image: url(https://www.pdh.org/assets/assets/img/Career/clinic-team.jpg?updated=1723486282932);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: top;
  height: 40vh;
  padding: 50px
}

.fb-over:hover {
  color: #316FF6
}

.lin-over:hover {
  color: #0077B5
}

.sg-card-effect a img {
  transition: opacity 300ms ease-out
}

.sg-card-effect a:hover img,
.sg-card-effect a:focus img {
  opacity: 0.7
}

.fl-hover a:hover {
  background-color: gold
}

#searchForm .search-input-button:hover,
#searchForm .search-input-button:focus {
  background: var(--background-alt-green-4)
}

.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.sg-masthead-02 .header-search-button:hover,
.sg-masthead-02 .header-search-button:focus {
  background: var(--background-alt-green-4)
}

#maternity-hero {
  background-color: #46913f;
  background-image: url(https://www.pdh.org/assets/assets/img/Maternity/team.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: top;
  height: 40vh;
  padding: 50px
}

#snf-hero {
  background-color: #46913f;
  background-image: url(https://www.pdh.org/assets/assets/img/Nursing/snf-care-team-cover-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: top;
  height: 40vh;
  padding: 50px
}

/* Page heroes. These rules follow the shared styles so they keep the current cascade.
 * #snf-hero uses background-position: center here. The earlier shared rule uses top.
 */

/* CSS file for Michael Clawson to use while SASS compilation is considered */

#maternity-hero {
  background-color: #46913f;
  background-image: url("https://www.pdh.org/assets/assets/img/Maternity/team.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: top;
  height: 40vh;
  padding: 50px
}


#snf-hero {
  background-color: #46913f;
  background-image: url("https://www.pdh.org/assets/assets/img/Nursing/snf-care-team-cover-image.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: center;
  height: 40vh;
  padding: 50px;
}

#rehab-hero-outpatient {
  background-color: #46913f;
  background-image: url("https://www.pdh.org/assets/assets/img/Rehab/covers/rehab-cover-image-04c.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: top;
  height: 40vh;
  padding: 50px
}

#rehab-hero-inpatient {
  background-color: #46913f;
  background-image: url("https://www.pdh.org/assets/assets/img/Rehab/covers/rehab-cover-image-03.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: static;
  background-position: top;
  height: 40vh;
  padding: 50px
}

#career-hero-02 {
  background-color: #46913f;
  background-image: url("https://files.us-siteglide.com/instances/47/assets/assets/img/Career/career-header-small.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  /* Changed from 'static' to 'fixed' */
  background-position: top;
  height: 40vh;
  padding: 50px;
}