/*****************************************/
/*    Biblio     */
/*****************************************/

.biblio-frontpage-feature-slider{
  @media only screen and (min-width: 991px)  {
    background-image: url('https://2099975.fs1.hubspotusercontent-eu1.net/hubfs/2099975/03%20Biblio/Logo%20+%20graphics%20%28Biblio%29/BIB-illustrations-dark-purple.svg');
    background-repeat: no-repeat;
    background-position: left 39%;
    background-size: 35%;
  }
  @media only screen and (min-width: 1360px)  {
    background-position: left 28%;
    background-size: 620px;
  }
  
}
.biblio-frontpage-feature-slider{
  .featured-device.container-fluid .feature-device{
    margin-bottom:10px;    
  }
  
  .blaze-container{      
    .blaze-track-container{
      margin-top:-20px;
      margin-bottom:-20px;
      .blaze-track{
        margin:20px;
      }
    }
  }
  
  > .container-large{
      .inner{
        padding-left:15px;
        padding-right:15px;
      }
    }
  
  @media only screen and (max-width: 991px)  {
    .blaze-container .blaze-track-container .blaze-track{
      margin-left:15px;
      .sr-card{
        transition:none !important;
      }
    }
    .featured-device.container-fluid{
      padding: 30px 0 !important;
    }
    > .container-large{
      .row{
        padding-left:15px;
        padding-bottom:30px;
        row-gap:0;
      }
      padding-left:0 !important;
      .inner{
        padding-left:30px !important;
      }
    }
    
    .features-view{
      margin-left:-30px;
      .feature-list{
        padding-left:30px;
        .blaze-track{
          
        }
      }
    }
    .featured-device.container-fluid{
      max-width:100% !important;
      margin:0!important;
      overflow:hidden;
      .feature-device{
        width:130%;
        margin-left:-15%;
        margin-bottom:0;
      }
    }
  }
  @media only screen and (max-width: 768px)  {
    .blaze-container .blaze-track-container .blaze-track{
      margin:20px;
      .sr-card{
        padding:1.5rem !important;
      }
    }
    > .container-large{
      .inner{
        padding-left:15px !important;
        padding-right:15px !important;
        .row{
          padding-left:0px;
        }
      }
    }
  
    .features-view{
      margin-left:-16px !important;
      .feature-list{
        padding-left:10px;
      }
    }
    .featured-device.container-fluid{
      .feature-device{
        width:153%;
        width:170%;
        margin-left:-26%;
        margin-left:-35%;
        
      }
    }
  }
}

* {
  -webkit-font-smoothing: antialiased;  
  -moz-osx-font-smoothing: grayscale;
}

.no-margin-bottom{
  margin-bottom:0;
}

/* Drop shadow and width of box -
Affecting elements with class "feature-drop-shadow" */
.feature-drop-shadow{
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
 
}
@media only screen and (min-width: 1600px)  {
  .feature-drop-shadow{
    width: 1140px;
    margin:auto;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 768px)  {
  .dnd-column:has(.feature-drop-shadow){
    padding: 1.5rem 3rem !important;
  }
}
/* END */

/* Video styling -
Affecting elements with classes "vertical-video" and "transparent-video"
*/
.vertical-video video{
  aspect-ratio: 6/9;
}
.transparent-video video{
  height: 520px;
  width: 260px;
  border-radius: 40px;
  margin-left:120px;
  box-shadow: 0 4px 8px -2px rgba(16,24,40,0.5),0 2px 4px -2px rgba(16,24,40,-0.44);
}
@media only screen and (max-width: 1200px){
  .transparent-video video{
    margin-left:0;
  }
}
@media only screen and (max-width: 768px){
  .vertical-video video, .transparent-video video{
    height:355px;
  }
  .vertical-video img{
    height:350px !important;
    width:auto;
  }
  .transparent-video video{
    width:172px;
    border-radius: 30px;
    margin-bottom:0;
  }
}
/* END */

/* align height of cards -
Affecting elements with class "feature-cards-min-height", "feature-cards-min-height-320" and "feature-cards-min-height-220" */
@media only screen and (min-width: 1000px){
  .feature-cards-min-height .sr-card{
    min-height:220px;
  }
}
@media only screen and (min-width:767px){
  .feature-cards-min-height-320 .sr-card{
    min-height:320px;
  }
  .feature-cards-min-height-220 .sr-card{
    min-height:220px;
  }
}
/* END */

/* align height of contact columns - 
Affecting elements with class "contact-align-column-height"*/
@media only screen and (min-width: 768px) and (max-width: 992px){
  .contact-align-column-height .col-content{
    min-height:320px;
  }
}
@media only screen and (min-width: 992px){
  .contact-align-column-height .col-content{
    min-height:280px;
  }
}
/* END */


/*****************************************/
/*     Publizon    */
/*****************************************/

.less-margin-bottom-on-headling{
  margin-bottom: 20px;
}

@media only screen and (min-width:992px){
  .spotify-image-desktop-bottom .responsive-image{
    position:absolute;
    top:100%;
  }
}

.contact-page-two-col-wrapper{
  @media only screen and (min-width:992px){
    position:relative;
    background:linear-gradient(to bottom, #F0F5F5 50%, #fff 50%);
    .contact-page-two-col .col-content{
      position:absolute;
      top:50%;
      margin-top:100px;
    }
  }
  .form-wrapper{
    @media only screen and (min-width:769px){
      background:#fff;
      border-radius:24px;
      padding:40px;
      box-shadow: 15px 25px 60px 0px rgba(0, 0, 0, 0.1);
    }
    .sr-form form{
      .hs-fieldtype-text, .hs-fieldtype-phonenumber, .hs-fieldtype-date, .hs-fieldtype-textarea{
        input, textarea{
          background: #F0F5F5 !important;
          border: none !important;
          box-shadow: none !important;
          border-radius: 30px !important;
          color:rgba(20, 20, 60, 0.5) !important;
        }
        input::placeholder, textarea::placeholder{
          color:rgba(20, 20, 60, 0.5) !important;
        }
      }
      .hs-fieldtype-textarea textarea{
        resize: none;
        height: 150px;
        max-height: 150px;
        white-space: nowrap;
        overflow: hidden;
      }
    }
  }
}


/*****************************************/
/*     WEDOBOOKS      */ 
/*****************************************/

 /* Hero animation 
 Affecting elements with class "hero-animation"*/
 @media only screen and (min-width:768px){
  .hero-animation{
    height:71vh;
    margin-top:20vh;
  }  
 }
 @media only screen and (max-width:768px){
  .hero-animation lottie-player{
    width:250px !important;
    height:250px !important;
    padding-left:4rem;
  }
 }
/* END Hero animation */

/* address module - 
Affecting elements with classes "address-less-p-spacing" and "address-no-title" */
.address-less-p-spacing p{
  margin:0;
}
@media only screen and (max-width:1300px) and (min-width:768px) {
  .row-fluid-wrapper .row-fluid:has(.address-less-p-spacing){
    flex-wrap:wrap;
  }
  .row-fluid-wrapper .row-fluid .span3:has(.address-less-p-spacing){
    width:50%;
  }
}
@media only screen and (min-width : 768px){
  /* address module */
  .address-no-title{
    margin-top:105px;
  }
}
/* END address module */


@media only screen and (max-width:1300px) {
  .tabs-split-screen-rounded-corners.wdb-colors .content-scroll div[data-section="1"] .content-scroll__info{
    background:#14143C;
  }
  .tabs-split-screen-rounded-corners.wdb-colors .content-scroll div[data-section="2"] .content-scroll__info{
    background:#4B2323;
  }
  .tabs-split-screen-rounded-corners.wdb-colors .content-scroll div[data-section="3"] .content-scroll__info{
    background:#F04B5A;
  }
}

/* show arrow on links on paralax module on front page*/
.button-arrows .cta-button:after{
  content: "<svg width="16px" height="11px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg>";
  width: 16px;
  height: 11px;
  margin-left: 4px;
  display: inline-block;
}
/* END show arrow on links on paralax module on front page*/



@media only screen and (max-width:1300px) {
   /* remove title margin on mobile*/
   .remove-title-padding-mobile h1, .remove-title-padding-mobile h2{
    margin-bottom:-1rem;
  }
}

/* Rounded corners -
Affecting elements with classes "rounded-corners", "two-column-individual-elements .rounded-text-box" and "rounded-corners.two-column-with-image" */ 
/* Rounded corners on two-column-with-image elements*/ 
.rounded-corners{
  border-radius: 41px;
}
/* END of Rounded corners on two-column-with-image elements*/ 

.two-column-individual-elements .rounded-text-box .content-wrapper{
  border-radius: 40px !important;
  padding:2rem !important;
}
.two-column-individual-elements img{
  border-radius: 40px !important;
}
.two-column-individual-elements .content-wrapper:has(img){
  background:transparent !important;
}

@media only screen and (min-width : 768px){
  .rounded-corners.two-column-with-image .sr-col:first-child{
    padding-left:2rem;
  }
  .rounded-corners.two-column-with-image .sr-col:first-child:has(img){
    position:relative;
    right:1rem;
    padding:0;
  }
  .rounded-corners.two-column-with-image .sr-col:first-child:has(img) img{
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .rounded-corners.two-column-with-image .sr-col:last-child:has(img){
    position:relative;
    left:1rem;
  }
  .rounded-corners.two-column-with-image .sr-col:last-child:has(img) img{
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  } 
}
@media only screen and (max-width:992px) {
  .rounded-corners.two-column-with-image{
    margin:0 1rem 0 1rem;
  }
  .rounded-corners.two-column-with-image .container{
    max-width:none;
  }
}
@media only screen and (max-width:768px){
 
  .rounded-corners.two-column-with-image .sr-row{
    row-gap:0;
  }
  .rounded-corners.two-column-with-image .sr-col{
    padding:2rem;
  }
  .rounded-corners.two-column-with-image .sr-col:last-child:has(img), .rounded-corners.two-column-with-image .sr-col:first-child:has(img){
    padding:0;
  }
  .rounded-corners.two-column-with-image .sr-col img{
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    width:100%;
  }
}
/* END Rounded corners */

/* Cards only text - 
Affecting elements with class "cards-only-text" */
.cards-only-text .item-card{
  min-height: 200px;
  padding-top: 30px;
}
.cards-only-text .item-card:hover{
  box-shadow:none;  
}

/* Contact section smaller video on mobile -
Affecting elements with class "contact-video-element" */
@media only screen and (max-width:768px){
  .contact-video-element{
    width:50%;
    margin-left:25%;
  }
}
/* END Contact section smaller video on mobile */

/* Temporary fix for equal heights on desktop */
@media only screen and (min-width : 1150px) {
  .equal-heights-fix .content-wrapper{
    min-height:350px;
    margin-top:-2rem;
  }
}

/* accessibility styling improvements */
.body_dnd_area a:not(.cta-button), #hs-eu-cookie-confirmation a, #hs-modal-body a{
  text-decoration:underline;
}
a:not(.cta-button){
  text-decoration:underline;
}
.btn-primary-wrapper:not(.btn-wrapper-sm) .cta-button, form .actions .hs-button.primary{
  font-size: 19px;
}
form .actions .hs-button{
  padding:0 40px !important;
}
/* END */

@media only screen and (max-width:767px){
  /* Possibility to decrease columns to be half or 3/4 size instead of full width on mobile, hide on mobile and reduce margin*/
  .col-sm-3{
    width:25%;
  }
  .col-sm-3.offset-sm-3{
    margin:auto;
  }
  .col-sm-6{
    width:50%;
    margin:auto;
  }
   .col-sm-9{
    width:75%;
    margin:auto;
  }
  .hide-element-mobile{
    display:none;
  }
  .reduced-margin{
    margin-bottom:-40px !important;
  }
  .remove-button-padding-mobile .cta-group{
    padding-top:0;
  }
  /* END */ 
}
@media only screen and (max-width:991px){
 .reduced-margin-small{
    margin-bottom:-20px !important;
  }
}

@media only screen and (max-width:767px){
  .smaller-headline-mobile{
    font-size:28px;
  }
}

@media only screen and (max-width:991px){
  .hide-element-tablet{
    display:none;
  }
}
@media only screen and (min-width:992px){
  .hide-element-desktop{
    display:none;
  }
}