html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

h1, h2, h3, h4, h5, h6, h7 {
    font-family: 'Arial', sans-serif;
}

.form-label {
    font-weight: bold;
}

.row-add-initial{
    min-height: 250px;
}

label {
    font-weight: bold;
}

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

/* Default Fonts */
@font-face {
    font-family: 'Lobster';
    src: url('../fonts/Lobster/Lobster-Regular.ttf') format('woff2');
}

@font-face {
    font-family: 'GreatVibes';
    src: url('../fonts/Great_Vibes/GreatVibes-Regular.ttf') format('woff2');
}

@font-face {
    font-family: 'GaramondItalic';
    src: url('../fonts/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf') format('woff2');
}

@font-face {
    font-family: 'Garamond';
    src: url('../fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf') format('woff2');
}

.lobster {
    font-family: Lobster, Arial, sans-serif;
}

.great-vibes {
    font-family: GreatVibes, Arial, sans-serif;
}

.garamond {
    font-family: Garamond, Arial, sans-serif;
}

.garamond-italic {
    font-family: GaramondItalic, Arial, sans-serif;
}

/* Helper CSS Classes */

input:required {
    background-color: var(--bs-warning-bg-subtle);
}

.input-validation-error {
    background-color: var(--bs-danger-bg-subtle) !important;
}

/* Default Slideshow Configurations */
.no-padding {
    padding: 0;
}

.splash-details {
    position: center;
    color: white;
    margin-top: 240px;
    text-align: center;
    background: rgba(33, 33, 33, 0.5);
}

.slogan, .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5, .slogan h6, .slogan h7 {
    font-weight: bold;
    color: #eeeeee;
    text-align: center;
}

.slogan-details {
    text-align: center;
    color: #eeeeee;
}

.slogan-details a, .slogan-details a:visited, .slogan-details a:active {
    color: #cccccc;
    text-decoration: none;
}

.slogan-details a:hover {
    color: #ffffff;
    text-decoration: none;
}

.no-margin {
    margin: 0 !important;
}

.white-border {
    border: 1px solid white;
}

.dropdown-menu show {
    z-index: 10000;
}

.edit-content {
    border: 2px dashed crimson;
    border-radius: 10px;
}

select.disabled {
    pointer-events: none; /* Prevents the element from being clickable. */
    background-color: #f0f0f0;
    color: #a0a0a0;
    border: 1px solid #dcdcdc;
    opacity: 0.6;
    cursor: default;
}

input.disabled {
    pointer-events: none; /* Prevents the element from being clickable. */
    background-color: #f0f0f0;
    color: #a0a0a0;
    border: 1px solid #dcdcdc;
    opacity: 0.6;
    cursor: default;
}

.row-deleted {
    font-style: italic;
}

.container-slideshow {
    --bs-gutter-x: 0;
    max-height: 600px;
}

.edit-content {
    max-width: 100%;
}

.carousel-item {
    position: relative;
}

.overlay-center {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.drop-shadow {
    filter:drop-shadow(4px 4px 8px rgba(26, 81, 138, 0.34));
}

.carousel-item .text-body-emphasis {
    --bs-emphasis-color: #052c65;
}

.carousel-jumbotron {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center !important;
    align-items: center !important;
    background-color: rgba(255, 255, 255, 0.6);
}

.header {
    padding-left: 0;
    padding-right: 0;
}

.client-navbar .nav-link {
    font-weight: 600;
}

.client-navbar {
    /*background-color: rgba(245, 255, 230, 0.6);*/
}

.left-header {
    background-color: #faf4d1;
}

.right-header {
    background-image: url("https://placecats.com/1024/768");
    background-size: cover;
}

.slideshow-banner-title {

}

.slideshow-banner-slogan {

}

/* Blog Specific Classes */
.blog-roll-box {
    display: flex;
    justify-content: center;
}

.blog-roll-img-thumbnail {
    align-items: center;
    flex-grow: 1;
    min-width: 240px;
    max-width: 240px;
    background-color: #dcdcdc;
    border-radius: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 4px;
    text-align: center;
}

.blog-roll-img-thumbnail img {
    border-radius: 10px;
    min-width: 85%;
    max-width: 95%;
}

.blog-card-title {
    font-size: larger;
}

.blog-card-description {
    font-size: large;
}