style.css 7.21 KB

 .carousel:not(.is-admin){
    background-color: transparent !important;
    left: -20px;
    width: 100vw;
    margin-top: 30px;
    margin-bottom: 30px;
 }



 .carousel-items{
     list-style: none;
     margin-block-start: 0em;
     margin-block-end: 0em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     padding-inline-start: 20px;
     background-color: transparent !important;

 }

.slick-list{

    margin: auto;
    margin-right: -20vw;


}





 .slick-next{
    right: 15px;
    z-index: 9999;
    top: calc(50% - 17.5px);
 }
 .slick-prev {
    left: 0px;
    z-index: 9999;
    top: calc(50% - 17.5px);
}


.slick-next:before{
   
    content: " ";
    background-image: url(next-arrow.png);
    background-size: cover;
    width: 35px  !important;
    height: 35px  !important;
    display: block;
    background-repeat: no-repeat;
    opacity: 1;
}
.slick-prev:before,.slick-prev:before{
   
    content: " ";
    background-image: url(previous-arrow.png);
    background-size: cover;
    width: 35px  !important;
    height: 35px  !important;
    display: block;
    background-repeat: no-repeat;
    opacity: 1;
}

.slick-prev:hover:before{
    background-image: url(previous-arrow-hover.png);
}
 .slick-next:hover:before{
    background-image: url(next-arrow-hover.png);
}



.count-up-infographic-block {
    clear: both;
    margin-right: 5px; 

 }
 
 .count-up-infographic-block.vertical {
     display: flex;    
     align-items: center;
     justify-content: center;
     text-align: center;
 }
 
 .count-up-infographic-block .infographic{
     text-align: center;
 }
 .count-up-infographic-block .infographic img{
     margin: auto;
     margin-top: 10px;
     width: 50px;
 }
 .count-up-infographic-block.vertical  .infographic img{
     width: 100px;
 }
 
 .count-up-infographic-block p {
     font-size: 16px;
     line-height: 20px;
     color:#4D4D4D;
 }
 
 .count-up-infographic-block .countup{
     font-size:35px;
     line-height: 42px;
     font-weight: bold;
 }
 .count-up-infographic-block.vertical  .countup{
     display: block;
     margin: 10px 0px;
 }
 
 .count-up-infographic-block.vertical .column{
     width: 100% !important;
 }
 
 
 .carousel-items li .count-up-infographic-block{
     background-color: #F0F0F0;
     width: 342px;
     height: 342px;
  }


  .testimonials{
    background-color:#D6EAF9;

 } 

 .testimonial-text{
    padding: 30px 50px;
}

 .container.testimonials .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
 .container.testimonials p{
     font-size: 16px !important;
     line-height:21px !important;
     font-style: italic;
 }

 .testimonials_image{
     width: 100%;
  
 }
 

.carousel-items li .testimonials{
    background-color: #F0F0F0;
    width: 683px;

 }
 .story{
    width: 342px;
    margin-right:30px;
    background-color: #F0F0F0;
    display: flex;
    align-items: baseline;
    align-content: center;
    justify-content: left;
    flex-direction: column;
    margin-right:20px;
 }

 .story .row {
    overflow: hidden;
 }
 .story .story-image{
    min-height: 181px;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease-in;
    -moz-transition: transform 0.3s ease-in;
    -ms-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    -webkit-transition: transform 0.3s ease-in;
 }

 .story h3{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
 }

 .story a:hover .story-image{
    transform:scale(1.05);
    filter:brightness(1.075);
 }

 .story a:hover h3{
    text-decoration: underline;
 }

 .story .story-content{
    padding: 30px 40px 0px 40px;
 }

 .story .story-content p{
    font-size: 16px;
    line-height: 20px;
    color:#4D4D4D;
}

 .story .more-link {
    background-image: url("more.svg");
    background-repeat: no-repeat;
    text-indent: -999px;
    text-align: left;
    overflow: hidden;
    display: block;
    height: 10px;
    width: 100%;
    align-items: flex-end;
    margin:0px 40px 30px 40px;

  }
  .story a {
    text-decoration: none;
    color: inherit;
  }
  .story a:hover{
    color: inherit;
}
  .story a:hover .more-link {
    background-image: url("more-hover.svg");
  }
  .carousel-items li  .download {
    width:449px;
    margin-right:20px;
  }
  .download a{
  text-decoration:none;
  }
  .download .row {
    overflow: hidden;
  }
  .download .download-image{
    min-height: 235px;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease-in;
    -moz-transition: transform 0.3s ease-in;
    -ms-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    -webkit-transition: transform 0.3s ease-in;
  }
  .download .download-bar{
    background-color:#EE0000;
    position: relative;
}
.download a:hover .download-bar{
    background-color:#669999;
}
.download a:hover .download-image {
    transform:scale(1.05);
    filter:brightness(1.075);
}

.download .download-text{
text-align:center;
padding:15px;
color:#fff;
text-transform: uppercase;
margin:auto;
width: 200px;

}

.download .download-text:after{
        display:inline-block;
        content: "";
        background:  url("pdf-icon.svg") no-repeat;
        width: 20px;
        height: 22px;
        margin-left:10px;
        position: absolute;

}


.staff-diaries {
    width: 200px;
    margin-right:20px;
}
.staff-diaries .staff-image{
    min-height: 200px;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease-in;
    -moz-transition: transform 0.3s ease-in;
    -ms-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    -webkit-transition: transform 0.3s ease-in;
 }

 .staff-diaries .row {
    overflow: hidden;
 }

 .staff-diaries a:hover .staff-image {
    transform:scale(1.05);
    filter:brightness(1.075);
 }

 .staff-diaries .staff-content{
    margin-top:10px;
    font-size: 16px;
    line-height: 20px;
    color:#4D4D4D;
 }
 .staff-diaries .staff-content strong{
    color:#000;
 }


 .book-club {
    width: 200px;
    margin-right:20px;
}
.book-club a{
    text-decoration: none;
    color: inherit;
}
.book-club .book-image{
    min-height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: transform 0.3s ease-in;
    -moz-transition: transform 0.3s ease-in;
    -ms-transition: transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    -webkit-transition: transform 0.3s ease-in;
 }
 .book-club .book-content p:first-of-type {
    position: relative;
 }
 .book-club .book-content p:first-of-type::before{
    display: inline-block;
    content: "";
    background: url("new-window.svg") no-repeat;
    width: 21px;
    height: 22px;
    margin-left: 10px;
    position: absolute;
    top: 0;
    right: 1px;
 }

 .book-club .row {
    overflow: hidden;
 }

 .book-club a:hover .book-image {
    transform:scale(1.05);
    filter:brightness(1.075);
 }

 .book-club a:hover .book-content p:first-of-type::before{
    background: url("new-window-hover.svg") no-repeat;

 }
 .book-club .book-content{
    margin-top:10px;
    font-size: 16px;
    line-height: 20px;
    color:#4D4D4D;
 }


 .book-club .book-content strong{
    color:#000;
 }
 .book-club a:hover .book-content strong{
    text-decoration: underline;
 }