:root {
  --cassiopeia-color-primary:  #40312C;
   --heading-color:  #40312C;
  --cassiopeia-color-hover: #F7F3EF;
  --cassiopeia-color-link: #5C4A43;
  --light: #F7F3EF;
  --border-radius-xl: .8rem;
}
.card {--card-title-color:  #40312C;}

body.wrapper-fluid .site-grid {
    grid-gap: 0 0em;
}
.site-grid {
  overflow-x: hidden;
}
main {
  margin-top: 0 !important;
}

.color-brown, ul li::marker, a {
  color: var(--cassiopeia-color-primary)
}

.color-black, #contacts a:hover {color: #000}
.text-orange, a:hover {color: #ED562B}
.border-lightbrown {border-color: #F4EFE9!important; }
.bg-lightbrown {background-color: #F7F3EF;}
.bg-brown  {background-color: #40312C;}

h1, h2, h3, h4 {
  font-weight: normal;
}
h1 {
  font-size:calc(2em + .6vw);
  padding-bottom:1rem;
  margin-top: 3rem;
}
h1.af-title {
  font-size:calc(2em + 3.8vw);
  line-height: 88%;
}
.fs-6 {
  font-size:1.1em!important;
}
.fs-7, .fs-md-7 {
  font-size:1em!important;
}
a.noline {
  text-decoration: none;
}
/* buttons */
.btn-top {
    --btn-color: #ED562B;
    --btn-bg: #FAE6E0;
    --btn-border-color: #FAE6E0;
    --btn-hover-color: #ED562B;
    --btn-hover-bg: #F7F3EF!important;
    --btn-hover-border-color: #F7F3EF;
    --btn-active-color: #fff;
    --btn-active-bg: #F7F3EF;
    --btn-active-border-color: #F7F3EF;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #fff;
    --btn-disabled-border-color: #fff;
    padding: .3em .5em;
    font-size: 1.1em;
    border-radius: .5em;
}

/* knopka na knopke */
.main-button {
  padding: 22px;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.8s ease;
}
.main-button, .main-button .inner-button {
  background-color: #5C4A43;
}
.main-button .inner-button {
  padding: .5em 2.1em;
  color: #5C4A43;
  border:0px solid #5C4A43;
  cursor: pointer;
}
.main-button:hover {
  background-color: #fff;
  color: #40312C; 
}
.main-button:hover .inner-button {
  background-color: #FAE6E0;
  color:#ED562B;   
  cursor: pointer;
  transition: all 0.3s ease;
}
 .main-button .text.time {
  opacity:.5
}
.icon-dark , .main-button:hover .icon-white {
  display: none;
}
.main-button:hover .icon-dark {
  display: inline;
}
.more:hover {
  color:#ED562B;
  background-color: #FAE6E0; 
  padding-left: 16px;
  padding-right: 16px; 
  transition: all 1s ease; 
}
button.square {
  aspect-ratio: 1/1;
}
.icon-fw {
    width: 1.6em;
}

/*--lists-*/
li {padding-bottom: 1em;
}
.usual li {padding-bottom: 0;
}
/*---------------header-----------------*/
.container-header {
  background-color: #fff;  
  background-image: none;
  box-shadow:  0 2px 5px #F7F3EF;
}
.container-header .grid-child {
  padding:0;
}
.container-header .container-nav {
    padding-bottom:2px;
}
.container-header nav, 
.container-header .container-search {
    margin-top: 0px;
}
.navbar-brand .brand-logo img {
  margin: auto; 
  display: block;
  width: 65px;
}
.site-description, .site-description a:hover {
  color: #40312C!important;
  font-size:1.1rem!important;
}
.header .grid-child, .footer .grid-child {
  max-width: 1420px!important;
}
.mod-menu>li:hover {
  text-decoration: underline;
}
.container-header .mod-menu, .metismenu>li.active, .metismenu-item a:hover,
.container-topbar a:not(.btn):hover,.container-topbar a:not(.btn):focus,.container-topbar .btn-link:hover,.container-topbar .btn-link:focus,.container-below-top a:not(.btn):hover,.container-below-top a:not(.btn):focus,.container-below-top .btn-link:hover,.container-below-top .btn-link:focus {
    color: var(--cassiopeia-color-primary)
}
.metismenu.mod-menu .metismenu-item.active>a,.metismenu.mod-menu .metismenu-item.active>button,.metismenu.mod-menu .metismenu-item>a:hover,.metismenu.mod-menu .metismenu-item>button:hover {
  text-decoration: underline;
  outline: none;
}
/*-------home-------*/
.container-content, .com-content-category-blog, 
.com-content-article.item-pageblog .tags.list-inline{
  max-width: 1280px; 
  margin-left: auto;
  margin-right: auto;
}
.af-pic-img {
  max-width: 320.107px; 
  width:60%;
  max-height: 348.585px;
  height:60%;
  transform: rotate(-9.495deg);
  flex-shrink: 0;
  aspect-ratio: 320.11/348.58;
  border-radius: 60px;
  background: linear-gradient(0deg, #40312C 0%, #40312C 100%), url('images/header/image-af.png');   
}
.af-pic {
  max-width: 320.107px;
  width:100%;
  max-height: 348.585px;
  height:100%;
  transform: rotate(5.102deg);
  flex-shrink: 0;
  aspect-ratio: 320.11/348.58;
  border-radius: 60px;         
  margin:45px;
  background: url(/images/header/image-af.png) transparent 0% / cover no-repeat;   
}
.card-about {
  font-size:22px;
}
/*-------icons overlays-------*/
.overlays {
  height: 40px;
  margin: 4px;
}
.overlays a {
  border-radius: 12px;  
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
#contacts .overlays a {  
  background: #FAE6E0;
}
.overlays img {
  width: 40px;
}
.overlays a:hover img {
  margin-top: -40px;
}
 .overlays a:hover img {
  background:#F7F3EF;
}

/*---------------blog------------------*/
.blog-items h2, .list-group-item h3 {
  color: var(--cassiopeia-color-primary);   
  text-align: start; 
  font-size: 1.3em;  
}
.article-info {
  padding-bottom: 30px;
}
.blog-items h2 a {  
  text-decoration: none;
}
.blog-items h2 a:hover {
  color:var(--cassiopeia-color-link);
}
.blog-items {
   grid-gap: 0;
   margin: 0 auto 4em;
   justify-content: center;
   max-width: 1200px;
}
.blog-items .blog-item {
    padding:1.5em;
    margin: 0;
}
.blog-items .blog-item:hover {    
    background-color: #F7F3EF
}
.article-info, .page-header, .blog h1 {
  text-align:center;
  margin-left: auto;
  margin-right: auto;
}
.tags .list-inline-item {
    margin: .2rem .05rem;
}
.tags.list-inline {
  margin-bottom:0;
}
.btn-info {
    --btn-color: #40312C;
    --btn-bg: #F7F3EF;
    --btn-border-color: #F7F3EF;
    --btn-hover-color: #ED562B;
    --btn-hover-bg: #FAE6E0;
    --btn-hover-border-color: #F7F3EF;
    --btn-focus-shadow-rgb: 79,122,158;
    --btn-active-color: ;
    --btn-active-bg: rgba(92,74,67,.8);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #fff;
    --btn-disabled-border-color: #fff;
    padding: .1em .5em;
    font-size: 1em;
    border-radius: .5em;
    transition: all 0.3s ease;
}
/*---------------tags------------------*/
.com-tags-tag.tag-category h1 {
  text-align:center;
  margin-top: 3rem;
}
.com-tags-tag__category.category.list-group {
  flex-direction: row;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  display: flex;
  flex-wrap: wrap;  
  align-items: flex-start;
  margin-bottom: 4em;
}
.com-tags-tag__category.category.list-group li.list-group-item.list-group-item-action {
  display:flex;
  flex-direction: column-reverse;
} 
.list-group-item {
  width:50%; 
  border:none;
  padding: 1.5em 1.5em 4em;  
  margin-top: .3em;
}
.com-tags-tag__category .list-group-item h3 {
  color: var(--cassiopeia-color-primary);  
  font-size: 1.3em;  
  margin-top:15px
}
.com-tags-tag__category .list-group-item h3 a{
  color: var(--cassiopeia-color-primary);    
  text-decoration: none;  
}
.list-group-item img, .blog-items img, #recipeCarousel img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: auto;
  height: auto;
}
.tags li {
  padding-bottom:0;
}
.list-group-item:hover,.list-group-item:active {
    background-color:#F7F3EF!important;       
}
.tags a.btn {
  font-weight: 400;
}
/*---------------cards------------------*/
.h-60 {height: 60%!important}
.h-40 {height: 40%!important}
.h-37 {height: 37.4%!important}
/*---------------modal------------------*/
.modal {--modal-width: 65%;}
.modal-footer {display:none;}
/*---------------carousel------------------*/
.carousel-inner {
    width: 86%;
}
.carousel-control-prev, .carousel-control-next {
  width:6%;
}
.carousel-control-prev-icon {
    background-image: url("/images/icons/chevron-left.svg")
}
.carousel-control-next-icon {
    background-image: url("/images/icons/chevron-right.svg")
}
.grayscale-image { 
  filter: sepia(100%); 
  opacity: .5;
}
.grayscale-image:hover { 
  opacity: .9;
}
/*---------------footer------------------*/
.footer {
    background-color: var(--cassiopeia-color-primary);
    background-image:none;
    margin-top: 3em; 
}
.home-page .footer {margin-top: 0em; 
}
#mod-custom111 {
  width:100%;
}
.footer a:hover{  
  text-decoration:underline;
}
.back-to-top-link {
    border-radius: .8rem;
}
.back-to-top-link:hover,.back-to-top-link:focus {
    color: var(--dark,#fff);
}
/*---------------responsive------------------*/
@media (width<=992px) {    
  .navbar {
    width:100%; 
    left:0;
  }
  .navbar ul {
    width:100%;
    background: var(--cassiopeia-color-hover);
    box-shadow: 0 0px 2px 0px  var(--cassiopeia-color-hover);
  }
  .navbar ul li a{
    width:100%; 
    text-decoration:none!important;
    padding: .7em 1em!important ;
  }
  .navbar ul li a:hover, .metismenu.mod-menu .metismenu-item>a:hover {
    color: inherit;
  }
  .navbar ul li {
    color:#fff; 
    padding:0!important;
    background: var(--cassiopeia-color-link);
  }
  .navbar ul li.active {
    color:var(--cassiopeia-color-primary);
    background: var(--cassiopeia-color-hover);
    box-shadow:none;  
  }
  .container-header .navbar-toggler {  
    color: #40312C;
    border: 0px solid #40312C;
    margin: 20px 0px 10px;
  }
  .container-header nav {    
    top: 0; 
  }  
  .container-header .navbar-toggler {  
    color: #40312C;
    border: 0px solid #40312C;
    margin: 20px 0px 10px;
  }
  .container-header nav {    
    top: 0; 
  }  
  .blog-items .blog-item {   
   padding: 1em;   
  }
  .list-group-item {   
   padding: 1em 1em 4em;   
  }
  .blog-items.columns-2 {
    grid-template-columns: 1fr 1fr; gap:0;padding:0
  }
  .com-content-category-blog, 
  .com-content-article.item-pageblog .tags.list-inline, 
  .com-tags-tag__category.category.list-group{
    padding: 0 .5em;
  }
}
@media (max-width: 767px) {
  .container-header .container-nav .container-search,.container-header .container-nav nav {
    margin-top: 2px;
  }
  .container-header nav {
    position: absolute;
    top: 30%;
  }   
  .container-header .navbar-toggler {
    margin: 11px 0 10px 90%;
    z-index:1;
  }
  .container-header .container-nav {
    padding-bottom: 0px;
  }
   .navbar-toggler:focus {
    box-shadow: 0 0 0 0.03em;
   } 
  .navbar-brand {margin-bottom: 1px!important;}
  .container-header .site-description, .container-header .site-descriptionn a:hover {
   color: #fff!important;
  }
   .container-header .container-search {    
    position: absolute;
    top: 42%;
    right:14%;
  }  
    .navbar-brand .brand-logo img {
    margin: 0 14px;
    width: 42px;
    position: relative;
    z-index: 11;
  }
  .btn-top {
    padding: 3px 14px; font-size: 1em;
  }
  
}
@media (max-width: 586px) {
  .blockquote {
    margin-left:12px;
  }
  .tags.list-inline {
    margin-left: 0;
  }
  .blog-items.columns-2 {
      grid-template-columns: 1fr ;
  }
  .list-group-item {
   width:100%; 
  }
  .com-content-article.item-pageblog .tags.list-inline {
     margin-left: 1em;
  }
  .container-header .site-description, .container-header .site-description:hover {
   font-size: 15px!important;   
    padding: 3px 0;
  }
  .container-header .site-description a {
    opacity:.88;
  }
  .container-header .navbar-brand {
     padding:0;
  }  
  .container-header nav {
    position: absolute; 
    top: 29%; 
  }
  .container-header .navbar-toggler {
    margin: 14px 14px 10px 90%;
    z-index:1;
    padding: 4px; 
  }
  .container-header .container-search {
    position: absolute;
    top: 44%;
    right: 13%;
  }
}