/*
Theme Name: Success Formula
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: success-formula
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Smart Boost is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@font-face {
  font-family: 'PT Serif';

  src: url('fonts/PTSerif-Regular.ttf') format('TrueType');

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: 'PT Serif';

  src: url('fonts/PTSerif-Bold.ttf') format('TrueType');

  font-weight: 700;

  font-style: normal;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.sf-container {
  width: 100%;
}

@media (min-width: 100%) {
  .sf-container {
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .sf-container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .sf-container {
    max-width: 1280px;
  }
}

@media (min-width: 1440px) {
  .sf-container {
    max-width: 1440px;
  }
}

.sf-fixed {
  position: fixed;
}

.sf-absolute {
  position: absolute;
}

.sf-relative {
  position: relative;
}

.sf-inset-0 {
  inset: 0px;
}

.sf--right-3 {
  right: -0.75rem;
}

.sf--top-3 {
  top: -0.75rem;
}

.sf--top-4 {
  top: -1rem;
}

.sf-bottom-0 {
  bottom: 0px;
}

.sf-left-0 {
  left: 0px;
}

.sf-left-1\/2 {
  left: 50%;
}

.sf-right-0 {
  right: 0px;
}

.sf-right-8 {
  right: 2rem;
}

.sf-top-0 {
  top: 0px;
}

.sf-top-4 {
  top: 1rem;
}

.sf-z-0 {
  z-index: 0;
}

.sf-z-10 {
  z-index: 10;
}

.sf-z-50 {
  z-index: 50;
}

.sf-z-\[999\] {
  z-index: 999;
}

.sf-order-1 {
  order: 1;
}

.sf-order-2 {
  order: 2;
}

.sf-order-3 {
  order: 3;
}

.sf-col-span-10 {
  grid-column: span 10 / span 10;
}

.sf-col-span-2 {
  grid-column: span 2 / span 2;
}

.sf-col-span-3 {
  grid-column: span 3 / span 3;
}

.sf-col-span-5 {
  grid-column: span 5 / span 5;
}

.sf-float-right {
  float: right;
}

.sf-float-left {
  float: left;
}

.sf-mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.sf-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.sf-my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.sf-my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.sf-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.sf-my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.sf-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.-sf-mb-2 {
  margin-bottom: -0.5rem;
}

.-sf-mt-4 {
  margin-top: -1rem;
}

.sf-mb-0 {
  margin-bottom: 0px;
}

.sf-mb-12 {
  margin-bottom: 3rem;
}

.sf-mb-16 {
  margin-bottom: 4rem;
}

.sf-mb-2 {
  margin-bottom: 0.5rem;
}

.sf-mb-3 {
  margin-bottom: 0.75rem;
}

.sf-mb-4 {
  margin-bottom: 1rem;
}

.sf-mb-6 {
  margin-bottom: 1.5rem;
}

.sf-mb-8 {
  margin-bottom: 2rem;
}

.sf-ml-2 {
  margin-left: 0.5rem;
}

.sf-ml-4 {
  margin-left: 1rem;
}

.sf-ml-auto {
  margin-left: auto;
}

.sf-mr-2 {
  margin-right: 0.5rem;
}

.sf-mr-4 {
  margin-right: 1rem;
}

.sf-mt-0 {
  margin-top: 0px;
}

.sf-mt-0\.5 {
  margin-top: 0.125rem;
}

.sf-mt-1 {
  margin-top: 0.25rem;
}

.sf-mt-12 {
  margin-top: 3rem;
}

.sf-mt-16 {
  margin-top: 4rem;
}

.sf-mt-2 {
  margin-top: 0.5rem;
}

.sf-mt-4 {
  margin-top: 1rem;
}

.sf-mt-6 {
  margin-top: 1.5rem;
}

.sf-mt-8 {
  margin-top: 2rem;
}

.sf-mt-auto {
  margin-top: auto;
}

.sf-inline-block {
  display: inline-block;
}

.sf-flex {
  display: flex;
}

.sf-inline-flex {
  display: inline-flex;
}

.sf-grid {
  display: grid;
}

.sf-hidden {
  display: none;
}

.sf-aspect-square {
  aspect-ratio: 1 / 1;
}

.sf-aspect-video {
  aspect-ratio: 16 / 9;
}

.\!sf-h-\[90px\] {
  height: 90px !important;
}

.sf-h-0 {
  height: 0px;
}

.sf-h-10 {
  height: 2.5rem;
}

.sf-h-11 {
  height: 2.75rem;
}

.sf-h-12 {
  height: 3rem;
}

.sf-h-16 {
  height: 4rem;
}

.sf-h-20 {
  height: 5rem;
}

.sf-h-24 {
  height: 6rem;
}

.sf-h-4 {
  height: 1rem;
}

.sf-h-5 {
  height: 1.25rem;
}

.sf-h-8 {
  height: 2rem;
}

.sf-h-auto {
  height: auto;
}

.sf-h-full {
  height: 100%;
}

.sf-max-h-\[85vh\] {
  max-height: 85vh;
}

.sf-min-h-0 {
  min-height: 0px;
}

.sf-min-h-\[70vh\] {
  min-height: 70vh;
}

.sf-min-h-\[90vh\] {
  min-height: 90vh;
}

.sf-min-h-screen {
  min-height: 100vh;
}

.sf-w-10 {
  width: 2.5rem;
}

.sf-w-12 {
  width: 3rem;
}

.sf-w-16 {
  width: 4rem;
}

.sf-w-20 {
  width: 5rem;
}

.sf-w-24 {
  width: 6rem;
}

.sf-w-4 {
  width: 1rem;
}

.sf-w-5 {
  width: 1.25rem;
}

.sf-w-6 {
  width: 1.5rem;
}

.sf-w-8 {
  width: 2rem;
}

.sf-w-full {
  width: 100%;
}

.sf-max-w-2xl {
  max-width: 42rem;
}

.sf-max-w-3xl {
  max-width: 48rem;
}

.sf-max-w-4xl {
  max-width: 56rem;
}

.sf-max-w-5xl {
  max-width: 64rem;
}

.sf-max-w-6xl {
  max-width: 72rem;
}

.sf-max-w-\[1400px\] {
  max-width: 1400px;
}

.sf-max-w-\[60\%\] {
  max-width: 60%;
}

.sf-max-w-\[80px\] {
  max-width: 80px;
}

.sf-max-w-\[90\%\] {
  max-width: 90%;
}

.sf-flex-1 {
  flex: 1 1 0%;
}

.sf-flex-shrink-0 {
  flex-shrink: 0;
}

.sf-shrink-0 {
  flex-shrink: 0;
}

.sf-flex-grow {
  flex-grow: 1;
}

.sf--translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.sf-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes sf-ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

.sf-animate-ping {
  animation: sf-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.sf-columns-1 {
  -moz-columns: 1;
       columns: 1;
}

.sf-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.sf-grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.sf-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sf-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sf-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sf-flex-row {
  flex-direction: row;
}

.sf-flex-col {
  flex-direction: column;
}

.sf-flex-wrap {
  flex-wrap: wrap;
}

.sf-content-center {
  align-content: center;
}

.sf-items-start {
  align-items: flex-start;
}

.sf-items-center {
  align-items: center;
}

.sf-items-stretch {
  align-items: stretch;
}

.sf-justify-end {
  justify-content: flex-end;
}

.sf-justify-center {
  justify-content: center;
}

.sf-justify-between {
  justify-content: space-between;
}

.sf-gap-2 {
  gap: 0.5rem;
}

.sf-gap-3 {
  gap: 0.75rem;
}

.sf-gap-4 {
  gap: 1rem;
}

.sf-gap-6 {
  gap: 1.5rem;
}

.sf-gap-8 {
  gap: 2rem;
}

.sf-gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.sf-gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.sf-gap-y-12 {
  row-gap: 3rem;
}

.sf-gap-y-4 {
  row-gap: 1rem;
}

.sf-gap-y-8 {
  row-gap: 2rem;
}

.sf-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.sf-space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.sf-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.sf-self-center {
  align-self: center;
}

.sf-overflow-auto {
  overflow: auto;
}

.sf-overflow-hidden {
  overflow: hidden;
}

.sf-whitespace-nowrap {
  white-space: nowrap;
}

.sf-rounded-2xl {
  border-radius: 1rem;
}

.sf-rounded-3xl {
  border-radius: 1.5rem;
}

.sf-rounded-full {
  border-radius: 9999px;
}

.sf-rounded-lg {
  border-radius: 0.5rem;
}

.sf-rounded-md {
  border-radius: 0.375rem;
}

.sf-rounded-xl {
  border-radius: 0.75rem;
}

.sf-border {
  border-width: 1px;
}

.sf-border-0 {
  border-width: 0px;
}

.sf-border-2 {
  border-width: 2px;
}

.sf-border-4 {
  border-width: 4px;
}

.sf-border-b {
  border-bottom-width: 1px;
}

.sf-border-b-0 {
  border-bottom-width: 0px;
}

.sf-border-b-2 {
  border-bottom-width: 2px;
}

.sf-border-b-4 {
  border-bottom-width: 4px;
}

.sf-border-t {
  border-top-width: 1px;
}

.sf-border-t-2 {
  border-top-width: 2px;
}

.sf-border-t-4 {
  border-top-width: 4px;
}

.sf-border-sblue {
  --tw-border-opacity: 1;
  border-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
}

.sf-border-sbluegrey {
  --tw-border-opacity: 1;
  border-color: rgb(233 237 239 / var(--tw-border-opacity, 1));
}

.sf-border-sorange {
  --tw-border-opacity: 1;
  border-color: rgb(242 106 34 / var(--tw-border-opacity, 1));
}

.sf-border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.sf-border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.sf-border-b-sbluegrey {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(233 237 239 / var(--tw-border-opacity, 1));
}

.sf-border-b-sorange {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(242 106 34 / var(--tw-border-opacity, 1));
}

.sf-border-t-sbluegrey {
  --tw-border-opacity: 1;
  border-top-color: rgb(233 237 239 / var(--tw-border-opacity, 1));
}

.sf-border-opacity-50 {
  --tw-border-opacity: 0.5;
}

.sf-bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.sf-bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.sf-bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}

.sf-bg-sblue {
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
}

.sf-bg-sbluedark {
  --tw-bg-opacity: 1;
  background-color: rgb(34 51 62 / var(--tw-bg-opacity, 1));
}

.sf-bg-sbluelight {
  --tw-bg-opacity: 1;
  background-color: rgb(234 243 250 / var(--tw-bg-opacity, 1));
}

.sf-bg-sblueoffwhite {
  --tw-bg-opacity: 1;
  background-color: rgb(241 247 248 / var(--tw-bg-opacity, 1));
}

.sf-bg-sbluetransparent {
  background-color: rgba(62,93,112,0.9);
}

.sf-bg-sorange {
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
}

.sf-bg-sorangegrey {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 230 / var(--tw-bg-opacity, 1));
}

.sf-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.sf-bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}

.sf-bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.sf-from-sbluedark {
  --tw-gradient-from: #22333E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 51 62 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.sf-to-sblue {
  --tw-gradient-to: #3E5D70 var(--tw-gradient-to-position);
}

.sf-bg-cover {
  background-size: cover;
}

.sf-bg-center {
  background-position: center;
}

.sf-fill-sblue {
  fill: #3E5D70;
}

.sf-fill-sfgreen {
  fill: #3CB833;
}

.sf-object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.sf-object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.sf-object-center {
  -o-object-position: center;
     object-position: center;
}

.sf-p-4 {
  padding: 1rem;
}

.sf-p-5 {
  padding: 1.25rem;
}

.sf-p-6 {
  padding: 1.5rem;
}

.sf-p-8 {
  padding: 2rem;
}

.sf-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.sf-px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.sf-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.sf-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.sf-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.sf-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.sf-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.sf-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.sf-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sf-py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sf-py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.sf-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.sf-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sf-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.sf-py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.sf-pb-2 {
  padding-bottom: 0.5rem;
}

.sf-pb-4 {
  padding-bottom: 1rem;
}

.sf-pb-6 {
  padding-bottom: 1.5rem;
}

.sf-pb-8 {
  padding-bottom: 2rem;
}

.sf-pl-3 {
  padding-left: 0.75rem;
}

.sf-pl-4 {
  padding-left: 1rem;
}

.sf-pr-2 {
  padding-right: 0.5rem;
}

.sf-pr-4 {
  padding-right: 1rem;
}

.sf-pt-0 {
  padding-top: 0px;
}

.sf-pt-2 {
  padding-top: 0.5rem;
}

.sf-pt-28 {
  padding-top: 7rem;
}

.sf-pt-4 {
  padding-top: 1rem;
}

.sf-pt-6 {
  padding-top: 1.5rem;
}

.sf-pt-8 {
  padding-top: 2rem;
}

.sf-text-left {
  text-align: left;
}

.sf-text-center {
  text-align: center;
}

.sf-text-right {
  text-align: right;
}

.sf-align-top {
  vertical-align: top;
}

.sf-align-bottom {
  vertical-align: bottom;
}

.sf-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.sf-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.sf-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.sf-text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.sf-text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.sf-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.sf-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.sf-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sf-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.sf-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.sf-font-bold {
  font-weight: 700;
}

.sf-font-light {
  font-weight: 300;
}

.sf-font-medium {
  font-weight: 500;
}

.sf-font-semibold {
  font-weight: 600;
}

.sf-uppercase {
  text-transform: uppercase;
}

.sf-italic {
  font-style: italic;
}

.sf-leading-relaxed {
  line-height: 1.625;
}

.sf-leading-tight {
  line-height: 1.25;
}

.sf-tracking-tight {
  letter-spacing: -0.025em;
}

.\!sf-text-sblue {
  --tw-text-opacity: 1 !important;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1)) !important;
}

.\!sf-text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.sf-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.sf-text-orange-50 {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity, 1));
}

.sf-text-sblue {
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

.sf-text-sbluelight {
  --tw-text-opacity: 1;
  color: rgb(234 243 250 / var(--tw-text-opacity, 1));
}

.sf-text-sfgreen {
  --tw-text-opacity: 1;
  color: rgb(60 184 51 / var(--tw-text-opacity, 1));
}

.sf-text-sorange {
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.sf-text-sorangelight {
  --tw-text-opacity: 1;
  color: rgb(247 172 132 / var(--tw-text-opacity, 1));
}

.sf-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sf-line-through {
  text-decoration-line: line-through;
}

.\!sf-no-underline {
  text-decoration-line: none !important;
}

.sf-opacity-10 {
  opacity: 0.1;
}

.sf-opacity-20 {
  opacity: 0.2;
}

.sf-opacity-25 {
  opacity: 0.25;
}

.sf-opacity-60 {
  opacity: 0.6;
}

.sf-opacity-80 {
  opacity: 0.8;
}

.sf-opacity-90 {
  opacity: 0.9;
}

.sf-opacity-95 {
  opacity: 0.95;
}

.sf-shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.sf-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-duration-200 {
  transition-duration: 200ms;
}

body {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

/* Typography */

h1,h2,h3,h4,h5,h6 {
  letter-spacing: 0.4px;
}

/* Menu */

.site-header .nav {
  padding-left: 0px;
  padding-right: 0px;
}

.site-header .nav .emblem {
  height: 90px;
}

.site-header .nav .text-logo .text-logo-img {
  padding-left: 0.75rem;
}

.site-header .nav .navbar-nav {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
}

.site-header .nav .navbar-nav li {
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: inline-block;
}

.site-header .nav .navbar-nav li:after {
  content: "";
}

.site-header .nav .navbar-nav li a {
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
  .site-header .nav .navbar-nav li a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1536px) {
  .site-header .nav .navbar-nav li a {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.site-header .nav .navbar-nav li ul {
  display: none;
}

.site-header .nav .navbar-nav li:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.site-header .nav .navbar-nav li:hover:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 70px;
  height: 60px;
  width: 100%
}

.site-header .nav .navbar-nav li:hover a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.site-header .nav .navbar-nav li:hover ul {
  position: absolute;
  left: 0px;
  z-index: 50;
  margin-left: 0px;
  margin-top: 50px;
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-left: 0px;
  padding-right: 0px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.site-header .nav .navbar-nav li:hover ul li {
  position: static;
  float: left;
  display: block;
  width: calc(20% - 12px);
  padding-left: 1rem;
  transition-property: none;
}

.site-header .nav .navbar-nav li:hover ul li a {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.site-header .nav .navbar-nav li:hover ul li ul {
  position: relative;
  margin-top: 1rem;
  padding-left: 0px;
  padding-right: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.site-header .nav .navbar-nav li:hover ul li ul li {
  float: none;
  width: 100%;
  padding: 0px;
  padding-top: 1rem;
}

.site-header .nav .navbar-nav li:hover ul li ul li a {
  padding-left: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

.site-header .nav .navbar-nav li:hover ul li ul li ul li:before {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: "\f054";
}

.site-header .nav .navbar-nav li:hover ul li ul li ul li a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.site-header .nav .navbar-nav li:hover ul li ul li:first-child {
  padding-top: 0px;
}

.site-header .nav .navbar-nav li:hover ul li ul li:last-child {
  padding-bottom: 1rem;
}

.site-header .nav .navbar-nav li:hover ul li:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

.site-header .nav .navbar-nav li:hover ul li:hover:after {
  content: "";
  display: none
}

/* Typography */

h1 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

h2 {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3 {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

h4 {
  margin-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.single-post .entry-content p {
  margin-bottom: 0.5rem;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.single-post .entry-content ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

.single-post .entry-content ol {
  list-style-type: decimal;
  padding-left: 1.25rem;
}

.page .entry-content p {
  margin-bottom: 0.5rem;
}

.page .entry-content a {
  text-decoration-line: underline;
}

.single-post .entry-footer {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.single-post .entry-footer a {
  margin-bottom: 0.5rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

/* Tweaks */

.sf-frontpageheader {
  margin-bottom: 0.75rem;
  margin-top: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
  padding-bottom: 0.75rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.sf-searchbar {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  width: 100% !important;
  border-radius: 1rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(34 51 62 / var(--tw-border-opacity, 1)) !important;
  padding: 1rem !important;
  color: rgba(62,93,112,0.9) !important;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.sf-searchbar:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(247 172 132 / var(--tw-border-opacity, 1)) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.sf-searchbar:active {
  --tw-border-opacity: 1 !important;
  border-color: rgb(247 172 132 / var(--tw-border-opacity, 1)) !important;
}

.sf-coursebutton {
  margin-bottom: 0.75rem;
  display: block;
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(34 51 62 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-bottom: 0.25rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 51 62 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-coursebutton:visited {
  color: rgb(34 51 62 );
}

.sf-coursebutton:hover {
  border-color: rgba(62,93,112,0.9);
  color: rgba(62,93,112,0.9);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .sf-coursebutton {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.sf-orangebutton {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(242 106 34 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-orangebutton:visited {
  color: rgb(255 255 255 );
}

.sf-orangebutton:hover {
  --tw-border-opacity: 1;
  border-color: rgb(188 67 2 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(188 67 2 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-orangebutton:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sf-bluebutton {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sf-bluebutton:visited {
  color: rgb(255 255 255 );
}

.sf-bluebutton:hover {
  --tw-border-opacity: 1;
  border-color: rgb(242 106 34 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sf-bluebutton:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.ui-autocomplete {
  margin-top: 0.5rem !important;
  max-height: 18rem !important;
  max-width: 56rem !important;
  overflow: auto !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(34 51 62 / var(--tw-text-opacity, 1)) !important;
}

@media (min-width: 768px) {
  .ui-autocomplete {
    margin-right: 2rem !important;
  }
}

@media (min-width: 1024px) {
  .ui-autocomplete {
    max-width: 960px !important;
  }
}

.ui-autocomplete .ui-menu-item:first-child {
  margin-top: 1rem;
}

.ui-autocomplete .ui-menu-item:nth-of-type(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .ui-autocomplete .ui-menu-item:nth-of-type(odd) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.ui-autocomplete .ui-menu-item:nth-of-type(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(233 237 239 / var(--tw-bg-opacity, 1));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .ui-autocomplete .ui-menu-item:nth-of-type(even) {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.ui-autocomplete .ui-menu-item {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ui-autocomplete .ui-menu-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 230 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.ui-autocomplete .ui-menu-item .ui-state-active {
  border-width: 0px;
  background-color: transparent;
  background-image: none;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.hide-hero {
  margin-top: -200px;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 768px) {
  .hide-hero {
    margin-top: -40vh;
  }
}

#sf-footer-menu li {
  margin-bottom: 0.5rem;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0.6;
}

#sf-footer-menu li:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

#sf-footer-menu li a:hover {
  --tw-text-opacity: 1;
  color: rgb(247 172 132 / var(--tw-text-opacity, 1));
}

#surbma-gpga-modal .uk-modal {
  padding: 1rem;
}

@media (min-width: 768px) {
  #surbma-gpga-modal .uk-modal {
    padding: 2rem;
  }
}

#surbma-gpga-modal .uk-modal ul {
  list-style-type: disc;
}

#surbma-gpga-modal .uk-modal ul li {
  margin-left: 1.5rem;
}

#surbma-gpga-modal .uk-modal .sf-grid {
  margin-top: 0.5rem;
}

#surbma-gpga-modal .uk-modal .cookie-statement, #surbma-gpga-modal .uk-modal .privacy-statement {
  padding-bottom: 0.5rem;
}

#modal ul {
  list-style-position: inside;
  list-style-type: disc;
}

#modal ol {
  list-style-position: inside;
  list-style-type: decimal;
}

.sf-fp-box {
  margin-bottom: 0px;
  aspect-ratio: 3/1;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px) {
  .sf-fp-box {
    margin-bottom: 1rem;
    aspect-ratio: 1 / 1;
  }
}

a.sf-city-select:hover .icon {
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
}

.sf-courses-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: masonry;
}

.sf-courses-masonry {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 1em;
       column-gap: 1em;
}

.woocommerce .entry-summary {
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.woocommerce p.price {
  margin-bottom: 0.5rem !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1)) !important;
}

.woocommerce div.product form.cart .variations select {
  padding: 0.5rem;
}

.woocommerce div.product form.cart .variations label {
  padding-top: 0.5rem;
}

.woocommerce .woocommerce-Tabs-panel {
  border-radius: 0.375rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.woocommerce ul.products li.product {
  border-radius: 0.375rem;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(242 106 34 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  text-align: center;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 100% !important;
}

.woocommerce .product .related ul.products li.product h2.woocommerce-loop-product__title {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

.woocommerce ul.products li.product span.price {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.woocommerce ul.products li.product a.button {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.woocommerce ul.products li.product a.button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

#surbma-gpga-modal .uk-modal .woocommerce ul.products {
  margin-top: 0.5rem;
}

@media (min-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.content-landing-page .woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

#surbma-gpga-modal .uk-modal .content-landing-page .woocommerce ul.products {
  margin-top: 0.5rem;
}

@media (min-width: 1024px) {
  .content-landing-page .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.content-landing-page .woocommerce ul.products li.product {
  margin-bottom: 0.5rem;
  padding: 1rem;
  text-align: left;
}

@media (min-width: 1024px) {
  .content-landing-page .woocommerce ul.products li.product {
    padding: 0px;
    text-align: center;
  }
}

.content-landing-page .woocommerce ul.products li.product h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.content-landing-page .woocommerce ul.products li.product span.price {
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .content-landing-page .woocommerce ul.products li.product span.price {
    text-align: center;
  }
}

.content-landing-page .woocommerce ul.products li.product a.button {
  margin-left: 0px;
}

@media (min-width: 1024px) {
  .content-landing-page .woocommerce ul.products li.product a.button {
    margin-left: 1rem;
  }
}

.content-landing-page .woocommerce ul.products li svg {
  display: none;
}

@media (min-width: 1024px) {
  .content-landing-page .woocommerce ul.products li svg {
    display: block;
  }
}

.woocommerce ul.products::before {
  display: none;
}

.woocommerce .related h2 {
  margin-bottom: 0.5rem;
}

.woocommerce .woocommerce-product-gallery {
  border-radius: 0.375rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.woocommerce-message {
  --tw-border-opacity: 1;
  border-color: rgb(242 106 34 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 230 / var(--tw-bg-opacity, 1));
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.woocommerce-product-details__short-description ul {
  margin: auto;
  list-style-type: disc;
  padding-left: 1rem;
}

@media (min-width: 768px) {
  .sf-course-overview {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

/* GlideCSS */

.glide__arrow{
  position:absolute;
  display:block;
  top:50%;
  z-index:2;
  color:#fff;
  text-transform:uppercase;
  padding:9px 12px;
  background-color:transparent;
  border:2px solid rgba(255,255,255,.5);
  border-radius:4px;
  box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);
  text-shadow:0 .25em .5em rgba(0,0,0,.1);
  opacity:1;
  cursor:pointer;
  transition:opacity 150ms ease,border 300ms ease-in-out;
  transform:translateY(-50%);
  line-height:1
}

.glide__arrow:focus{
  outline:none
}

.glide__arrow:hover{
  border-color:#fff
}

.glide__arrow--left{
  left:2em
}

.glide__arrow--right{
  right:2em
}

.glide__arrow--disabled{
  opacity:.33
}

.glide__bullets{
  position:absolute;
  z-index:2;
  bottom:2em;
  left:50%;
  display:inline-flex;
  list-style:none;
  transform:translateX(-50%)
}

.glide__bullet{
  background-color:rgba(255,255,255,.5);
  width:9px;
  height:9px;
  padding:0;
  border-radius:50%;
  border:2px solid transparent;
  transition:all 300ms ease-in-out;
  cursor:pointer;
  line-height:0;
  box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);
  margin:0 .25em
}

.glide__bullet:focus{
  outline:none
}

.glide__bullet:hover,.glide__bullet:focus{
  border:2px solid #fff;
  background-color:rgba(255,255,255,.5)
}

.glide__bullet--active{
  background-color:#fff
}

.glide--swipeable{
  cursor:grab;
  cursor:-webkit-grab
}

.glide--dragging{
  cursor:grabbing;
  cursor:-webkit-grabbing
}

/* Glide Theme */

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}

.glide__arrow:focus {
  outline: none;
}

.glide__arrow:hover {
  border-color: white;
}

.glide__arrow--left {
  left: 2em;
}

.glide__arrow--right {
  right: 2em;
}

.glide__arrow--disabled {
  opacity: 0.33;
}

.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}

.glide__bullet:focus {
  outline: none;
}

.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}

.glide__bullet--active {
  background-color: white;
}

.glide--swipeable {
  cursor: grab;
  cursor: -webkit-grab;
}

.glide--dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

/* Mobile Menu */

.mobilemenusidebar {
  position: fixed;
  left: -80%;
  top: 0px;
  height: 100%;
  width: 80%;
  justify-content: space-between;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

body {
  overflow-x: hidden;
}

.menu-open .mobilemenusidebar {
  left: 0px;
  z-index: 999;
  display: flex;
  flex-direction: column;
}

.mobilemenusidebar, body {
  transition: left 0.2s ease;
}

ul#mobile-menu {
  margin-left: 1rem;
  margin-right: 1rem;
  list-style-type: none;
  padding-left: 0px;
}

ul#mobile-menu li {
}

ul#mobile-menu li a {
  display: inline-block;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

ul#mobile-menu li a:after {
  content: "\f078";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  top: 0.75rem;
  left: 0px;
  float: right;
  margin-top: -0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1))
}

ul#mobile-menu li ul.sub-menu {
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

ul#mobile-menu li ul.sub-menu a {
  font-family: 'PT Serif', serif;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

ul#mobile-menu li ul.sub-menu a::after {
  --tw-content: none;
  content: var(--tw-content);
}

ul#mobile-menu li:last-child {
  margin-top: 0.75rem;
}

ul#mobile-menu li:last-child a {
  border-bottom-width: 0px;
}

ul#mobile-menu li.show-submenu ul {
  margin-left: 0px;
  display: inline-block;
  width: 100%;
  list-style-type: none;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
}

ul#mobile-menu li.show-submenu ul ul {
  border-bottom-width: 0px;
}

ul#mobile-menu li.show-submenu ul ul li {
  margin-left: 0px;
  width: 100%;
  list-style-type: none;
}

ul#mobile-menu li.show-submenu ul ul li a {
  width: 100%;
  border-bottom-width: 0px;
  --tw-text-opacity: 1;
  color: rgb(34 51 62 / var(--tw-text-opacity, 1));
}

ul#mobile-menu li.show-submenu ul ul li ul li a {
  font-weight: 400;
}

/* Mobile Menu Items at the bottom */

a.cartmobile {
  float: left;
  display: inline-block;
  height: 100px;
  width: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

a.cartmobile i {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
}

a.myaccountmobile {
  display: inline-block;
  height: 100px;
  width: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

a.myaccountmobile i {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* Form fields */

input, textarea, select {
  border-width: 1px;
  border-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.5;
  padding: 0.5rem;
}

.navbar-brand .text-logo img {
  height: auto !important;
}

@media (min-width: 768px) {
  .navbar-brand .text-logo img {
    height: 30px !important;
  }
}

@media (min-width: 1280px) {
  .navbar-brand .text-logo img {
    height: 44px !important;
  }
}

.woocommerce #content img, .woocommerce-page #content img {
  height: auto;
  max-width: 100%;
}

/* Fix Button on product pages */

.woocommerce-notices-wrapper .woocommerce-message .wc-forward {
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.woocommerce-notices-wrapper .woocommerce-message .wc-forward:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.woocommerce-notices-wrapper .woocommerce-message::before {
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.woocommerce button[type="submit"].button, .woocommerce a.button, .wpcf7 input[type="submit"] {
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  text-decoration-line: none !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.woocommerce button[type="submit"].button:hover, .woocommerce a.button:hover, .wpcf7 input[type="submit"]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

/* Product Page */

.woocommerce-variation-price .amount {
  display: inline-block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .woocommerce-variation-price .amount {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

table.variations {
  margin-top: 1rem;
}

table.variations th.label {
  display: block;
  width: 100%;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

table.variations td.value {
  display: block;
}

table.variations .reset_variations {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

table.variations .reset_variations:hover {
  opacity: 0.8;
}

.woocommerce .product_meta .sku_wrapper {
  display: block;
}

.woocommerce-product-gallery {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.woocommerce .product_meta a {
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.woocommerce .product_meta a:hover {
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.woocommerce .wc-tabs {
  padding-left: 0px !important;
}

.woocommerce .wc-tabs:before {
  border-bottom-width: 0px !important;
}

.woocommerce .wc-tabs li {
  border-width: 0px !important;
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1)) !important;
}

.woocommerce .wc-tabs li.active {
  margin-left: 0px !important;
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.woocommerce .woocommerce-Tabs-panel {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding: 1rem !important;
}

.woocommerce .woocommerce-Tabs-panel ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}

.woocommerce .woocommerce-Tabs-panel ol {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-position: inside;
  list-style-type: decimal;
}

/* Cart Page */

.coupon label {
  float: left;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

.woocommerce a.remove {
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.woocommerce a.remove:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
}

#coupon_code {
  margin-top: 0.25rem;
  width: 160px;
}

/* Checkout Page */

.woocommerce .woocommerce-checkout-payment {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 238 230 / var(--tw-bg-opacity, 1)) !important;
}

.woocommerce-checkout #payment div.payment_box {
  --tw-bg-opacity: 1;
  background-color: rgb(233 237 239 / var(--tw-bg-opacity, 1));
}

.woocommerce-checkout #payment div.payment_box::before {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(233 237 239 / var(--tw-border-opacity, 1));
}

/* Bootstrap classes to fix Contact Form */

.row {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .row {
    flex-direction: row;
  }
}

.col-md-6 {
  width: 100%;
}

@media (min-width: 768px) {
  .col-md-6 {
    width: 50%;
  }
}

.col-md-6 .wpcf7-form-control-wrap input, .col-md-6 .wpcf7-form-control-wrap select, .col-md-6 .wpcf7-form-control-wrap textarea {
  width: 100%;
}

.wpcf7 form p {
  padding-left: 1rem;
  padding-right: 1rem;
}

.wpcf7 .wpcf7-textarea {
  width: 100%;
}

.wpcf .wpcf7-list-item {
  margin-left: 0px;
}

/* GDPR Notice */

#surbma-gpga-modal ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}

#surbma-gpga-modal #button1, #surbma-gpga-modal #button2 {
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#surbma-gpga-modal #button1:hover, #surbma-gpga-modal #button2:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
}

#surbma-gpga-modal #button1, #surbma-gpga-modal #button2 {
  text-shadow: none;
}

/* WordPress Comments */

#comments .comments-title {
  margin-top: 0.5rem;
}

li.comment {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(62 93 112 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(233 237 239 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {
  li.comment .comment-author {
    float: left;
    display: inline-block;
  }

  li.comment .comment-metadata {
    float: right;
    display: inline-block;
  }
}

li.comment .comment-content {
  display: inline-block;
  width: 100%;
}

.comment-form-comment label {
  margin-top: 1rem;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.comment-form-comment textarea {
  display: block;
  width: 100%;
  border-radius: 0.375rem;
}

.comment-form input[type='submit'] {
  margin-top: 1rem;
  display: inline-block;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(62 93 112 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.comment-form input[type='submit']:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 106 34 / var(--tw-bg-opacity, 1));
}

.hover\:sf-scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:sf-bg-sbluetransparent:hover {
  background-color: rgba(62,93,112,0.9);
}

.hover\:sf-bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:sf-bg-white\/80:hover {
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:sf-bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:sf-text-sblue:hover {
  --tw-text-opacity: 1;
  color: rgb(62 93 112 / var(--tw-text-opacity, 1));
}

.hover\:sf-text-sorange:hover {
  --tw-text-opacity: 1;
  color: rgb(242 106 34 / var(--tw-text-opacity, 1));
}

.hover\:sf-no-underline:hover {
  text-decoration-line: none;
}

.hover\:sf-opacity-80:hover {
  opacity: 0.8;
}

.focus-visible\:sf-outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:sf-ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:sf-ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.disabled\:sf-pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:sf-opacity-50:disabled {
  opacity: 0.5;
}

@media (min-width: 640px) {
  .sm\:sf-w-auto {
    width: auto;
  }

  .sm\:sf-flex-row {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .md\:sf-order-1 {
    order: 1;
  }

  .md\:sf-order-2 {
    order: 2;
  }

  .md\:sf-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:sf-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:sf-col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:sf-mt-0 {
    margin-top: 0px;
  }

  .md\:sf-mt-4 {
    margin-top: 1rem;
  }

  .md\:sf-block {
    display: block;
  }

  .md\:sf--translate-y-4 {
    --tw-translate-y: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:sf-scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:sf-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:sf-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:sf-flex-row {
    flex-direction: row;
  }

  .md\:sf-flex-col {
    flex-direction: column;
  }

  .md\:sf-p-12 {
    padding: 3rem;
  }

  .md\:sf-p-8 {
    padding: 2rem;
  }

  .md\:sf-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:sf-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:sf-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:sf-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:sf-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:sf-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:sf-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:sf-text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:sf-text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:sf-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .lg\:sf-order-1 {
    order: 1;
  }

  .lg\:sf-order-2 {
    order: 2;
  }

  .lg\:sf-order-3 {
    order: 3;
  }

  .lg\:sf-col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:sf-col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:sf-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:sf-mt-1 {
    margin-top: 0.25rem;
  }

  .lg\:sf-block {
    display: block;
  }

  .lg\:sf-flex {
    display: flex;
  }

  .lg\:sf-hidden {
    display: none;
  }

  .lg\:sf-h-\[44px\] {
    height: 44px;
  }

  .lg\:sf-w-1\/2 {
    width: 50%;
  }

  .lg\:sf-w-2\/3 {
    width: 66.666667%;
  }

  .lg\:sf-w-full {
    width: 100%;
  }

  .lg\:sf-max-w-\[125px\] {
    max-width: 125px;
  }

  .lg\:sf-max-w-full {
    max-width: 100%;
  }

  .lg\:sf-flex-grow {
    flex-grow: 1;
  }

  .lg\:sf-columns-4 {
    -moz-columns: 4;
         columns: 4;
  }

  .lg\:sf-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:sf-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:sf-flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:sf-items-center {
    align-items: center;
  }

  .lg\:sf-gap-8 {
    gap: 2rem;
  }

  .lg\:sf-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:sf-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:sf-text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:sf-text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:sf-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:sf-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1280px) {
  .xl\:sf-w-1\/3 {
    width: 33.333333%;
  }
}

@media (min-width: 1536px) {
  .\32xl\:sf-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .\32xl\:sf-pl-0 {
    padding-left: 0px;
  }

  .\32xl\:sf-pr-4 {
    padding-right: 1rem;
  }
}

.\[\&_svg\]\:sf-pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:sf-size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:sf-shrink-0 svg {
  flex-shrink: 0;
}