@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

.loading:before {
    content: "";
    display: block;
    height: 1rem!important;
    width: 1rem!important;
    margin-right: 5px;
    border-radius: 50%;
    border: 2px solid white;
    border-color: white transparent white transparent;
    animation: loading-ring 1.2s linear infinite;
}

@keyframes loading-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}

body {       
    font-family: 'Montserrat', sans-serif;
    line-height: inherit; 
    font-display: swap;
    height: 100%;   
    padding: 0px;
    margin: 0px;   
}
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}

hr {
    height: 0; 
    color: inherit; 
    border-top-width: 1px; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
b, strong {
  font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button, select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: none; 
  background-color: transparent; 
  background-image: none; 
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
progress {
    vertical-align: baseline;
}
[type='search'] {
    -webkit-appearance: textfield; 
    outline-offset: -2px; 
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: none; 
    font: inherit; 
}
:-moz-ui-invalid {
  box-shadow: none;
}

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;
}

textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1; 
  color: theme('colors.gray.400', #9ca3af); 
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; 
  vertical-align: middle; 
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}

a {
    text-decoration: none!important;
    color: inherit;
}

btn, button {
    -webkit-appearance: none!important;
}


.tailwind-grid {
    display: grid;
}

.tailwind-grid::after {
    display: none;
}

.montserrat-font {
    font-family: 'Montserrat', sans-serif;
    font-display: swap;
}

.crimson-font {
    font-family: 'Crimson Text', serif;
    font-display: swap;
}

.oswald-font {
    font-family: 'Oswald', sans-serif;  
    font-display: swap;
}

.field.error input {
  border:1px solid #EF4444!important;
}  

.video-player {
    --plyr-video-background: #C7D2FE;
    --plyr-color-main: #C7D2FE;
}