@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.catalogue-wrapper 
{
    font-family: "Onest", serif;
    font-optical-sizing: auto;
    overflow: hidden !important;
    margin:auto;
    background-image: url("../images/flipping-book1.gif");
    background-position: left;
    background-repeat: no-repeat;
}
.stf__block
{
/*    width: 10%;*/
/*    margin-left: -25%;*/
}
.stf__block1
{
/*    margin: auto !important;*/
/*    margin-left: 25%;*/
}
  .flip-book {
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
   display: none;
   background-size: cover;
}
.ctalogue-logo
{
    padding: 40% 20% 0;
}
.qr-code
{
/*    padding: 40% 0 0 25%;*/
    padding: 40% 0 0 30%;
}
.qr-code img
{
    width: 50%;
    margin: auto;
}

 .page {
   padding: 20px;
   background-color: #fff;
/*   color: #785e3a;*/
   color: #4d4d4d;
   border: solid 1px #c2b5a3;
   overflow: hidden;
}
 .page .page-content {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: stretch;
}
.page-content h2
{
    color: #785e3a
}
 .page .page-content .page-header {
   height: 30px;
   font-size: 0.8em;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}
 .page .page-content .page-image {
   height: 100%;
   background-size: contain;
   background-position: top center;
   background-repeat: no-repeat;
}
 .page .page-content .right-page-image {
   height: 100%;
   background-size: contain;
   background-position: top center;
   background-repeat: no-repeat;
}
 .page .page-content .page-text {
   font-size: 0.8em;
   height: 100%;
   flex-grow: 1;
   /*text-align: justify;*/
   margin-top: 10px;
   padding-top: 10px;
   box-sizing: border-box;
   border-top: solid 1px #ccc;
}
.item-intro-text{
    padding: 0 5px;
    font-size: 0.8em;
}
 .page .page-content .page-footer {
   height: 30px;
   border-top: solid 1px #ccc;
   font-size: 80%;
/*   color: #998466;*/
   color: #4d4d4d;
   margin-top: 5px;
}
 .page.--left {
   border-right: 0;
   box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
 .page.--right {
   border-left: 0;
   box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);
}
 .page.--right .page-footer {
   text-align: right;
}
 .page.hard {
   background-color: #f2e8d9; 
   border: solid 1px #998466;
}
 .page.page-cover {
   /*background-color: #e3d0b5;
   color: #785e3a;*/
   background-color: #fff3b0;
   color: #26547C;
   border: solid 1px #998466;
   background-image: url("../images/catalogues/2026/wave6.png");
   background-position: left;
   background-repeat: no-repeat;
}
 .page.page-cover h2 {
   text-align: center;
   padding-top: 50%;
   font-size: 210%;
}
 .page.page-cover.page-cover-top {
   box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), -2px 0 5px 2px rgba(0, 0, 0, 0.4);
}
 .page.page-cover.page-cover-bottom {
   box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), 10px 0 8px 0px rgba(0, 0, 0, 0.4);
}
.half
{
    width:50%;
}
.float-left
{
    float:left;
}
.float-right
{
    float:right;
}
.text-center
{
    text-align: center;
}
.text-left
{
    text-align: left;
}
.bolder
{
    font-weight: 600;
}
.underline
{
    text-decoration: underline;
}
.title-line
{
    width: 100%;
    height: 1.3em;
    border-bottom: 1px dotted #4d4d4d;
    clear: both;
}
.title-line-name
{
    width:90%;
}
.title-line-page
{
    width:10%;
}
.title-line p
{
    margin: 0;
    padding: 0;
}
.title-page {

}
#cover-page-title, #the-end {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  
  text-align: center;
  padding-top: 45%;
  font-size: 1.4em;
}
#catalogue-title{
  text-align: center;
  padding: 2% 0;
  font-size: 100%;
  font-weight: 800;
}
.catalogue-subtitle
{
    text-align: center;
    padding: 1% 0;
}
@media (max-width: 1100px)
{
            #cover-page-title, #the-end 
        {
          padding-top: 45%;
          font-size: 1em;
        }
        #catalogue-title
        {
            font-size: 0.8em;
        }
        .title-line-name, .title-line-page
        {
            font-size: 0.7em;
        }
        .title-line
        {
            height: 0.9em;
        }
        .catalogue-subtitle
        {
            font-size: 0.8em;
        }
        .page .page-content .page-header 
         {
              font-size: 0.5em;
         }
      .page .page-content .page-text 
      {
            font-size: 0.8em;
      }
      .item-intro-text
      {
          font-size: 0.7em;
      }
      .key-features
     {
         font-size: 0.8em;
     }
     .right-page-image
     {
         display:none;
     }
      .cut
    {
        display:none;
    }
    .contact-info
    {
        margin-top: -70%;
        font-size: 0.8em;
    }
}