.container-header {
  display:none !important;
}
 
.lpl-category-article-border img, .lpl-no-border-img img {
  max-height:250px;
  width:auto;
}

.lpl-full-article {
 width: clamp(300px, 80%, 840px);
}
  
.com-content-article{
  font-size:clamp(1rem, 0.425rem + 2.192vi, 1.15rem);  
    line-height: 1.3em;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;

    & .page-header{
      width: 80%;
      margin: 20px auto 30px;
    }
  
  }
 
.com-content-article__body{
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5vh;
    padding: 3vh 4%;
    background-color: rgba(255, 255, 255, 0.6);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 1);
    border-radius: 8px;

& a {
       position: relative;
    color: #595b57;
    text-decoration: underline 1px;
    text-decoration-color: #2b7e9b;
    text-underline-offset: 5px;
}

& a:hover {
  color: #2b7e9b; /*kompl clr */;
}

& a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #7F7C71;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}

& a:hover::before{
  transform: scaleX(1);
}
  
  & b, strong {
    font-weight: bold;
    }

  & .item {
    border: 1px solid #ced4da;
    border-radius: 4px;
    }
  
/*accordion*/
& .tf-faq-widget--item--question{
      min-height: 40px;
      padding: 8px;
    border-radius: 8px;
    background-color: #bcbbb91c;
}
  
  & .lpl-accordion-head {
    font-size:larger;
    font-weight:600;
    }
}

/* slut com-content-article__body */

/* sidebar */
.lpl-right-sidebar-blog {
    padding: clamp(8px, 2%, 16px);
  padding-bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  
& h3 {
  font-size:1.4rem;
  }

& h4 { 
    font-size:1.3rem;
  padding-block: .3em;
  line-height: 1.55rem;
}
  
& a {
 color:#787569;
/* color: #144272c9; */
  }
  
& img {
border-radius: 8px;
  }

& .btn-secondary {
  width:100%;
  }

  & .icon-chevron-right {
    padding-right:2px;
    }

  & .readmore {
    padding-top: .4em;
    }
}
/* SLUT sidebar */

/******** gallery *********/
ul.fields-container {
list-style-type:none;
  
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  padding:.1em;
      
    & .lpl-acf-container {

    & figure.item {
          border: 1px solid darkgrey;
          border-radius: 4px;
          padding: .2em;
      }
      
    }

}
  
/* START blogLayout */
/* main */
.com-content-category-blog {
  max-width: 1140px;
      margin: auto;
/* edit */
  .float-end {
    padding: .5rem;
    text-underline-offset: 3px;
}

/* pagination fullW */
& .w-100 {
  
      margin-top: 1.53rem;

   & .page-link.active, .active>.page-link {
       background-color: #22241fbf;
   }
  
   & .page-link:hover {
      color: white;
      background-color: grey;
      border-color: grey;
      text-decoration: none;
  }
}

/* blogLayout */
   & .com-content-category-blog__item.blog-item {
    margin-top: 1vh;
    margin-left: auto;
    margin-right: auto;
    padding-block: 8px;
    padding-inline: .1rem;
    background-color: #ffffff52;
    }
  
/* box inner */
  & .boxed .blog-item {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;

   & .item-image{
      margin-top: max(16px, 6%);
      max-height: 250px;
      overflow: initial;
    }

   & img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3vh;
    max-width: auto;
    max-height: 250px;
    /* box-shadow: rgba(0, 0, 0, 0.40) 0px 20px 20px -20px; */
    }
    
/* add om ex books */
     & .img-category-large {
      margin-top: 0;
      max-height: 300px;
    }

   & .img-category-large img {
    max-height: 350px;
    }
    
    & .item-content {
            h2 {font-size: 1.6rem;}
            padding-inline: clamp(20px, 3vw, 44px);

            & .img-wide {
                 padding-block: 1rem;
             }
      }

    & .btn-secondary {
        padding-inline: 2.5rem;
              text-decoration: none;
      }

    & .readmore{
      padding-top: 1rem;
    }
  }
}
/*** SLUT blogLayout ***/

/* mod btm menu */
#lpl-mod-menu-links {
    padding-top: 1.3em;
    display: flex;
    justify-content: right;
    align-items: end;

 & img {
   max-width: 4em;
  padding-inline: .3em;
}
}
     & .lpl-bookbeat {    
    padding-bottom: .6vh;
    width: min(90px,20%);
}
  }
/* SLUT mod btm menu */