@font-face { font-family:inter; src: url('../fonts/inter.ttf'); font-display: swap; }

*, ol, ul, li,p {padding:0; margin:0; transition:all 0.3s ease;}

::-webkit-scrollbar {
    height: 12px;
    width: 10px;
    background: #171715;
}

::-webkit-scrollbar-thumb {
    background: #fff;
    -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-corner {
    background: #171715;
}

::-moz-selection { /* Code for Firefox */
  color: #171715;
  background: #f8debd;
}

::-selection { /* Code for Firefox */
  color: #171715;
  background: #f8debd;
}

html {  background: #f8debd;}

body { margin: 0 auto; max-width:1300px; font-size: 18px;  line-height: 31px; padding: 0 ;  font-family: inter; background: #f8debd;}
a, a:not([class]) { text-decoration:none; }
p { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-family: inter; font-weight: 600; }

h1 { font-size:22px; }

h2 { font-size: 20px; font-weight: 700; }

h5 { font-size:24px; font-weight: 500;}

h6 { font-size:16px; font-weight: 400;}

.container-header { padding: 0 1em; background: transparent; box-shadow: none; }
.container-header .navbar-brand {  margin-inline-end: auto;  margin-inline-start: auto; }
.navbar-brand img { max-width:83px;}




/*********** NAVBTN *********/
.container-topbar { 
position: absolute; display:flex; flex-direction: column-reverse; margin-top:2em;
}

.trigger {
}

.bars {
  width: 50px;
  cursor: pointer;
margin-left: -11px;
}

.bars.active .line { stroke:#EA8322; }

.bars .line {
  fill: none;
  stroke: #4b6e48;
  stroke-width: 4;
  stroke-linecap: square;
  transition: stroke-dasharray 400ms,  stroke-dashoffset 400ms;
}


.bars .line.top {
  stroke-dasharray: 40 172;
}
.bars .line.middle {
  stroke-dasharray: 40 111;
}
.bars .line.bottom {
  stroke-dasharray: 40 172;
}
.bars.active .top {
  stroke-dashoffset: -132px;
}
.bars.active .middle {
  stroke-dashoffset: -71px;
}
.bars.active .bottom {
  stroke-dashoffset: -132px;
}



#MainMenu.open {  max-height: 800px; padding: 1em 0;}

#MainMenu {  width: 100%;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    justify-content: center;
    grid-gap: 1em;
text-align: center; 
    font-size: 24px; color:#b2ac88; }


.container-header .mod-menu>li.active >a { color:#954b56; }

body.wrapper-fluid header>.grid-child { padding:0; }

.container-footer.footer { background:transparent; color:#666; border-top: 1px solid #bfbfbf; }

body.wrapper-fluid footer > .grid-child {
  padding: 1em; 
}

body.wrapper-fluid footer > .grid-child .mod-custom { width: 100%; }
body.wrapper-fluid footer > .grid-child .mod-custom > div {
  display: flex; font-size:11px;
  justify-content: space-between;

}

body.wrapper-fluid footer > .grid-child a {
color:#780000 }


.breadcrumb { background: transparent; color:#b2ac88;  padding: 0 !important; }
.breadcrumb-item.active { color:#b2ac88;  }

nav.mod-breadcrumbs__wrapper { margin:0; font-size:20px; font-weight: 300;}

nav.mod-breadcrumbs__wrapper .icon-location { display:none;}

.view-article nav.mod-breadcrumbs__wrapper ol li:last-child, .view-contact nav.mod-breadcrumbs__wrapper ol li:last-child {display:none; }

figure.item-image { max-width:569px;  order:1; }
.view-article .page-header { order:0; }
.com-content-article__body { order: 2; }

.view-article .page-header h1::before {
    content: '*';
    font-size: 57px;
    float: left;
    margin-top: -10px;
    margin-right: 10px;
    color: #ea8322;
}


.view-contact .contact-misc h4 {
    align-items: start;
    display: flex;
    font-size: 36px;
    font-weight: 300;
    justify-content: center;
}

.view-contact .contact-misc  { }

.view-contact .contact-misc h4::before, .view-contact .contact-misc h4::after {
    content: '*';
    font-size: 55px;
    margin: 0 10px;
    color: #ea8322;
    display: inline-flex;
    font-weight: lighter;
}

.pg-category-items-box { margin-top: 2em; }
.pg-item-box { margin:0; border:0; }

.pg-item-box-image img { border-radius:0; box-shadow: none; }

body.wrapper-fluid .site-grid { grid-gap:0 1em; }


.com-content-article.item-page { display: flex;
    flex-direction: column; }

.itemid-104 .com-content-category-blog__item {     display: flex;
    flex-direction: column-reverse; background: #ECC799; grid-gap: 1em; padding: 0 0 0 0;}

.itemid-104 .com-content-category-blog__item:nth-child(2n) { 
    flex-direction: coloumn-reverse; padding: 0 0 0 0;}

.view-category.itemid-104 figure{
    min-width: 60%;
    display: flex;
    overflow: hidden;
    align-items: center;
    max-height: 363px;
margin: 0;
}

.view-category.itemid-104 .item-content { align-content: center; padding: 1em;}

.view-category.itemid-104 .blog-items { grid-gap:2em; }

.btn-secondary {     background: var(--cassiopeia-color-primary);
    color: #fff;
    border-radius: 100px;
    font-size: 16px; border:1px solid; font-weight: 600; border-color: var(--cassiopeia-color-primary); }

.btn-secondary:hover { background:transparent; }

.btn-secondary span::before { display:none;  }

.view-category.itemid-104 .article-info .createdby { font-size: 16px; font-weight: 400; margin: 0; }

.view-category.itemid-104 .article-info .published { font-size: 12px; font-weight: 400; }

.view-category.itemid-104 .icon-fw { display: none; }

.view-category.itemid-104 .page-header a { color:#000; }

.view-category.itemid-104 .page-header a:hover{ color:var(--link-hover-color); }

.pagenavigation { order: 3; }

.com-contact__container {  display: flex;
    flex-direction: column;
    text-align: center; }

.com-contact.contact {     display: flex;
    flex-wrap: wrap;justify-content: center;}

.com-contact__thumbnail { max-width:250px; margin:2em auto; }
.com-contact__thumbnail img { border-radius: 500px; filter: grayscale(); }

.contactbox {
    align-content: center;
}

.icon-info-circle { margin-right: .5em; }

/************ RESPONSIVE ************/

@media screen and (min-width:600px) {

}

@media screen and (min-width:992px) {
figure.item-image { margin-right: 2em; }
#MainMenu {  
    grid-gap: 3em;
}
.container-topbar { 
 flex-direction: row-reverse; 
}
.breadcrumb { background: transparent; color:#b2ac88;  padding: .5rem 1rem !important; }

nav.mod-breadcrumbs__wrapper { font-size:40px; }

.com-content-article.item-page { display: inherit;}

.page-header h1::before {
    font-size: 77px;
}

.view-article h1 { font-size:48px; }
h2 { font-size: 34px;  }

.itemid-104 .com-content-category-blog__item { 
    flex-direction: row-reverse; grid-gap: 2em; padding: 0 2em 0 0;}

.itemid-104 .com-content-category-blog__item:nth-child(2n) { 
    flex-direction: row; padding: 0 0 0 2em;}

.view-category.itemid-104 .item-content { padding:0; }

.com-contact__container {   
    flex-direction: row;
    text-align: left; }

    dl.dl-horizontal dd {padding:0; }

}

:root{
    --link-color:#4b6e48;
--cassiopeia-color-primary:#4b6e48;
--link-hover-color:  #EA8322;

}