:root {
  --cassiopeia-color-primary: #38484D;
  --cassiopeia-color-link: #30638d;
  --link-color: #6d878f;
  --link-color-rgb: 155, 35, 35;
  --cassiopeia-color-hover: #954b56;
  --link-hover-color: #954b56;
  --link-hover-color-rgb: 149, 75, 86;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #98a5ab54;
  --swiper-theme-color: #373c43;
}

body
{
  background: url('../images/page.jpeg'), #E6DED5;
}

.container-component
{
   background: rgba(211, 220, 223, 0.9) url(../images/sheet.png) bottom left no-repeat scroll;
   border:1px solid #234753;
   padding: 20px;
}

.container-header .grid-child
{
    padding: 0;
}

.container-header {
  background-color: rgb(211 220 223 / 5%);
  background-image: unset;
  padding-bottom: 0;
}

.navbar-brand
{
  padding-bottom: 0; 
}

.container-footer {
  background-color: #E6DED5;
}

.container-topbar 
{
   background-color: #ced7db00;
}

.container-header .mod-menu
 {
    
    background-color: #38484d2b;
    flex: 1 0 100%;
    margin: 0;
    padding: 10px;
    justify-content: center;
    list-style: none;
    border-radius: 5px;
}

.blog-items {
        grid-gap:1em;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        margin: 0 0 1em;
        padding: 20px;
        display: grid
    }




.item-page 
{
   background: rgb(211 220 223 / 53%);
   border:1px solid #234753;
   padding: 20px;
   
}

.mod-menu .mod-list li
 {
    padding: 10px;
}
   
.breadcrumb
 {
    background-color: #c3d1d54a;
    margin-bottom: 0;
}

.breadcrumb-item
{
  color: #a51f18;
  link-color: #a51f18;
}

.card
{
  border-color: #38484D;
  border-radius: 0px;
}
     
.card-header
{
  background: rgb(56 72 77);
  color: #ffffff;
  font-size: 16px
}

.card-body
 {
    padding: var(--card-spacer-y) var(--card-spacer-x);
    background-color: #c3d0d5;
    flex: auto;
    border-color: #38484D;
    border-radius: 0px;
}

.li
{
  color: #38484D;
}

.mod-list li a
 {
    text-decoration: none;
   color: #38484D;
}

.footer
{
    color: #fff;
    background-color: #38484D;
    background-image: unset;
    margin-top: 1em;
}

.com-contact__container
 {
   background-color: #c3d1d54a;
}

h5,.h5,h4,.h4,h3,.h3,h1,.h1
{
  color: rgb(85 101 115);
}

h2,.h2,
{
  color: #71563d;
}


.pagination {
    --pagination-padding-x: .75rem;
    --pagination-padding-y: .375rem;
    --pagination-font-size: 1rem;
    --pagination-color: #E91E63;
    --pagination-bg: #abb5b9;
    --pagination-border-width: var(--border-width);
    --pagination-border-color: var(--border-color);
    --pagination-border-radius: var(--border-radius);
    --pagination-hover-color: var(--link-hover-color);
    --pagination-hover-bg: var(--tertiary-bg);
    --pagination-hover-border-color: var(--border-color);
    --pagination-focus-color: var(--link-hover-color);
    --pagination-focus-bg: var(--secondary-bg);
    --pagination-focus-box-shadow: 0 0 0 .25rem #01015640;
    --pagination-active-color: #fff;
    --pagination-active-bg: #38484d;
    --pagination-active-border-color: #010156;
    --pagination-disabled-color: var(--secondary-color);
    --pagination-disabled-bg: #abb5b9;
    --pagination-disabled-border-color: var(--border-color);
    padding-left: 0;
    list-style: none;
    display: flex
}

.list-group-item
 {
    background-color: #c4d2d77a;
}

.bg-info {
    --bg-opacity: 1;
    background-color: #38484d !important;
}

.table {
    --table-bg: #ced7db;    
}

.blog-items .blog-item
 {
   background-color: rgb(211 220 223 / 59%);
   padding: 20px;
   border:1px solid #4f6e7829; 
} 

.swiper-button-next, .swiper-button-prev
{
  color: #373c43;  
}

.accordion-item {
    color: var(--accordion-color);
    background-color: #e7e9ee2b;
    border: var(--accordion-border-width)solid var(--accordion-border-color)
}