/* stylelint-disable @stylistic/selector-list-comma-newline-after */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');

.blog-header-logo {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif
        /*rtl:Amiri, Georgia, "Times New Roman", serif*/
    ;
    font-size: 2.25rem;
}

.blog-header-logo:hover {   
    text-decoration: none;
}

h1 .blog-header-logo {
    font-size: 1em;
}

.color-teal {
    color: teal;
}

.bg-teal {
    background-color: teal;
}

.bg-teal h1, .bg-teal p{
    color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif
        /*rtl:Amiri, Georgia, "Times New Roman", serif*/
    ;
}

.flex-auto {
    flex: 0 0 auto;
}

.h-250 {
    height: 250px;
}

@media (min-width: 768px) {
    .h-md-250 {
        height: 250px;
    }
}

/* Pagination */
.blog-pagination {
    margin-bottom: 4rem;
}

/*
   * Blog posts
   */
.blog-post {
    margin-bottom: 4rem;
}

.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
}

.section-404.text-center.container {
    padding-top: 10%;
    padding-bottom: 10%;
}

body {
    font-family: "Inconsolata", monospace;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    padding-top: 3rem;
    color: rgb(var(--bs-tertiary-color-rgb));
}


/* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}

.btn.btn-primary {
    background-color: teal !important;
    border: none;
    color: white;
}

a,
a:link,
a:visited {
    color: teal;
    text-decoration: none;
}

footer {
    bottom: 0;
    margin-bottom: 0;
}

.text-primary-emphasis {
    color: teal !important;
}

a.btn:hover {
    opacity: .8 !important;
}

.bd-placeholder-img {
    background-size: cover;
}

img.d-block.w-100 {
    opacity: .7;
}

.carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carousel-item {
    background-color: #000;
}

.mb-1.text-body-secondary {
    text-transform: uppercase;
}

.alert.alert-ok {
    background-color: #ccbea9 !important;
    margin-top: 1em;
    color: #000;
    border: none;
}

.alert.alert-error {
    background-color: rgb(235, 105, 78) !important;
    margin-top: 1em;
    color: #fff;
    border: none;
}

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

.card-img-top {
    max-height: 225px;
}

.link-secondary.icon-link-hover {
    padding-left: 1em;
}

a.link-secondary:hover {
    color: teal !important;
    opacity: .8;
}