@media (prefers-color-scheme: light) {
    body {
        background-color: white;
        background: #80c3c4 url("../assets/images/bg_pattern_light.png") 50% 50% fixed;
        color: black;
    }

    .table {
        --bs-table-color-state: initial;
    }

    :root {
        --bs-body-bg: #fff;
        --bs-border-radius: 0.375rem;
        --bs-link-color-rgb: 13,110,253;
        --bs-body-color: #212529;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        background: #80c3c4 url("../assets/images/bg_pattern_dark.png") 50% 50% fixed;
        color: white;
    }

    .table {
        --bs-table-color-state: #fff;

    }

    .table a {
        color: rgba(100,200,200,1);
    }
    .table a:hover {
            color: rgba(255,255,255,1);
        }

    input:-internal-autofill-selected {
        appearance: menulist-button;
        background-image: none !important;
        background-color: rgba(40, 40, 40, 1.0) !important;
        color: rgba(255,255,255,1) !important;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:focus {
        background-color: rgba(40, 40, 40, 1.0) !important;
        color: rgba(255,255,255,1) !important
    }
    
    .form-floating > .form-control:-webkit-autofill ~ label {
        color: rgba(var(--bs-body-color-rgb),1.0);
        transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
    }
    :root {
        --bs-body-color-rgb: 250,250,250;
        --bs-body-bg: #33f;
        --bs-body-color: #eee;
        --bs-secondary-color: rgba(255, 255, 255, 100);
        --bs-secondary-bg-rgb: 23,23,23;
        --bs-heading-color: 255,255,255;
        --bs-emphasis-color: 255,255,255;
        --bs-emphasis-color-rgb: 255, 255, 255;
        --bs-primary-text-emphasis: #ffffff;
        --bs-secondary-text-emphasis: #ffffff;
        --bs-heading-color: 23,23,23;
        --bs-tertiary-bg-rgb: 24,24,25;
        --bs-border-radius: 0.375rem;
    }
}

/*
--bs-body-color-rgb: 33,37,41;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-heading-color: inherit;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-primary-text-emphasis: #052c65;
--bs-heading-color: 255,255,255;
--bs-tertiary-bg-rgb: 248,249,250;
*/

/*body {
    background-color: white;
    background: #80c3c4 url("../assets/images/bg_pattern_light.png") 50% 50% fixed;
    color: black;
}*/



.bodywrap {
    background: url("../assets/images/bg_heavens.png") 50% 0;
}

.innerwrap {
    /*background: #fff url("../assets/images/bg_bodytexture.jpg") 50% 0 repeat-x;*/
}

/* stylelint-disable stylistic/selector-list-comma-newline-after */


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

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial';
    /*font-family: 'GalanoGrotesqueDEMO'*/;
    /*font-family: "Playfair Display", 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: var(--bs-secondary-text-emphasis);
}

.d-hidden {
  visibility: hidden;
}

/*



*/

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
  z-index: 1500;
}

.css_circle_icon {
    height: 50px;
    width: 50px;
    background-color: #337;
    border-radius: 50%;
    display: inline-block;
}

.css_icon {
    margin-left:9px;
    margin-top:9px;
    color: #fff;
}

.css_id_h1 {
    font-family: 'Arial';
    font-weight: 800;
    font-style: italic;
}


.img_pic {
    width: 59%;
    margin-left: auto;
    margin-right: auto;
}

.css_post_header {
    text-align: center;
    font-family: GalanoGrotesqueDEMO;
    font-size: 24px;
}

.css_gridtemp {
    display: grid !important;
    grid-template-rows: auto;
    grid-template-columns: 2fr 2fr;
    gap: 1rem;
}

.css_td_50_percent {
    width: 50%;
    vertical-align: middle;
}

.css_img_carousel {
    height: 200px;
    padding-left: 20px;
}

.css_img_holder {
    margin-left: auto;
    margin-right: auto;
    /*min-height: 200px;*/
}

.css_jumbo {
    padding: 20px 2px 10px 2px;
    height: 240px;
    overflow: hidden;
}

.carousel-control-next,
.carousel-control-prev {
    width: unset; /*10%!important;*/
    padding: 0px 00px 0px 00px;
}

.css_jumbo h5 {
    font-size: 3.00rem !important;
}


/* Copied from _utilities.scss */
@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }

    .css_jumbo h5 {
        font-size: 1.00rem !important;
    }
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
    .css_jumbo h5 {
        font-size: 1.00rem !important;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
    .css_jumbo h5 {
        font-size: 1.10rem !important;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
    .css_jumbo h5 {
        font-size: 1.20rem !important;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    .css_jumbo h5 {
        font-size: 1.40rem !important;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
    .css_jumbo h5 {
        font-size: 1.40rem !important;
    }
}



@media (max-width: 768px) {

}

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

    .pb-3 {
        padding-bottom: 1rem !important;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .mt-4 {
        margin-top: 1.5rem !important;
    }

    .align-items-center {
        align-items: center !important;
    }

    .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .d-flex {
        display: flex !important;
    }
}