/** kustom css */



/*************************
 ** HIDE FRONTPAGE VIEW **
 *************************/
.path-frontpage .main-content__container {
  display: none;
}




/*
body {
  margin: 0;
  color: #313637;
  background-color: #f7f9fa;
  background-image: url("/sites/default/files/oncolipsy-bg-4.png");
  background-repeat: repeat;
}


// Hide 'Promoted to front page' items on Front Page
.path-frontpage #block-olivero-content {
  display: none;
}

// BURGER AREA
.site-header__initial {
  background-color: #007cb7;
}
@media (min-width: 75rem) {
  .sticky-header-toggle {
    background-color: #007cb7;
  }
}
*/

/*************************
 ****** BRANDING *********
 *************************/
/* Move a little up the site logo
@media (min-width: 1200px) {
  #block-olivero-site-branding .site-branding__inner {
    padding-bottom: 2.3rem;
  }
}*/

/* Styling word Oncolipsy in Brand colors
oncolipsy {
  font-weight: bold;
}
oncolipsy:before {
  content:"Onco";
  margin-right: 0px;
  color: #79b51c;
}
oncolipsy:after {
  content:"lipsy";
  margin-right: 0px;
  color: #0070c0;
}
*/

/*************************
 **** FRONT SLIDER *******
 *************************/
.view-front-slideshow header {
  display: none;
}
.view-front-slideshow .slide__media {
  text-align: center;
}
.view-front-slideshow .node__links {
  text-align: center;
  /*padding: 7px;*/
  /*margin: 15px;*/
  text-transform: uppercase;
}
.view-front-slideshow .slide__content p {
  font-size: xx-large;
}
.tns-nav {
  margin: 25px 0;
}
.path-frontpage [data-action] {
  display: none;
  margin: 20px auto;
}
/* A nice 2-color bottom border on slider
.slide__top:after, .slide__top:before {
  content: "";
  position: absolute;
  top: auto;
  z-index: 1;
  border: 0 solid transparent;
  -webkit-transition: width .2s;
  transition: width .2s;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.slide__top:before {
  width: 52%;
  bottom: -1px;
  left: 0;
  border-right-width: 9px;
  border-top-width: 9px;
  border-top-color: #79b51c;
}
.slide__top:after {
  width: 48%;
  right: 0;
  bottom: -1px;
  border-left-width: 9px;
  border-bottom-width: 9px;
  border-bottom-color: #053166;
}
*/

/*
#block-views-block-front-hero-carousel-block-1-2 {
  position: relative;
  display: block;
}
.slide__content {
  display: block;
}

.slide__media {
  float: left;
  width: 50%;
}
.slide__caption {
  float: left;
  width: 50%;
  background: #0b172e;
  color: $white;
}

.slide__media img {
  display: block;
  max-width: 100%;
  height: 100%;
}
.slick-arrow {
  position: absolute;
  top: 35%;
  background: transparent;
  height: 80px;
  color: transparent;
  border: none;
}
.slick-next {
  right: 0;
}
.slick-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  padding: 0 10px;
  color: $yellow;
  position: absolute;
  font-size: 50px;
  top: 0%;
  left: 20%;
}
.slick-next:before {
  content: "\f105";
  font-family: FontAwesome;
  padding: 0 10px;
  color: $yellow;
  position: absolute;
  font-size: 50px;
  top: 0%;
  right: 20%;
}
 */

/*
.slide__caption {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  margin-top: -370px;
  z-index: 10;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2.25rem;
}
.slide__caption p {
  background-color: rgba(247, 249, 250, 0.9);
  display: block;
  padding: 1.5em;
  line-height: 3rem;
  font-size: x-large;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 2.00rem),calc(100% - 1.0rem) calc(100% - 1.0rem),calc(100% - 2.00rem) 100%,0 100%);
}
.slide__description a {
  background-color: rgba(247, 249, 250, 0.8);
  text-decoration: none;
  font-weight: 600;
  padding: 0.5em;
  line-height: 2rem;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 2.00rem),calc(100% - 1.0rem) calc(100% - 1.0rem),calc(100% - 2.00rem) 100%,0 100%);
}
 */

/** Positioning the slide caption div
@media (max-width: 2970px) {
  .slick--thumbnail .slide__caption, .slide--caption--below .slide__caption {
    padding: 20px 0;
    width: 70%;
  }
}
@media (max-width: 1140px) {
  .slick--thumbnail .slide__caption, .slide--caption--below .slide__caption {
    width: 90%;
    margin-top: -250px;
  }
  .slick--thumbnail .slide__caption, .slide--caption--below .slide__caption p {
    padding: 1.5em;
    line-height: 2rem;
    font-size: medium;
  }
  .slick--thumbnail .slide__description a, .slide--caption--below .slide__description h1 {
    font-size: 2rem;
    margin-bottom: 1.10rem;
  }
}
@media (max-width: 540px) {
  .slick--thumbnail .slide__caption, .slide--caption--below .slide__caption {
    width: 100%;
    margin-top: -160px;
  }
  .slick--thumbnail .slide__caption, .slide--caption--below .slide__caption p {
    padding: 1.5em;
    line-height: 2rem;
  }
  .slick--thumbnail .slide__description a, .slide--caption--below .slide__description h1 {
    font-size: 2rem;
    margin-bottom: 1.10rem;
  }
}

 */

/** Adding a nice bottom border on slide's image
.media--image:after, .media--image:before {
  content: "";
  position: absolute;
  top: auto;
  z-index: 1;
  border: 0 solid transparent;
  -webkit-transition: width .2s;
  transition: width .2s;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.media--image:before {
  width: 52%;
  bottom: -1px;
  left: 0;
  border-right-width: 9px;
  border-top-width: 9px;
  border-top-color: #79b51c;
}
.media--image:after {
  width: 48%;
  right: 0;
  bottom: -1px;
  border-left-width: 9px;
  border-bottom-width: 9px;
  border-bottom-color: #007cb7;
}

 */


/** Adding a semi-transparent gradient layer over the slides
.slick-slide::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0.0),rgba(0, 0, 0, 0.1));
}*/

/** Adding a semi-transparent gradient layer over the lab-hero image
.lab-hero::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0.0),rgba(255, 255, 255, 0.2));
}
*/

/*************************
 ****** NEWS *************
 *************************/
.news-categories:before {
  content: "\f3fa";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0px;
  padding-left: 16px;
  font-size: 16px;
  position: absolute;
}
.news-categories {
  margin-left: 24px;
  float: left;
}
.news-categories strong {
  padding-right: 10px;
}
.news-sep {
  margin: 0 16px;
  float: left;
}
.news-dates:before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
}
.news-dates {
  margin-left: 14px;
}
.news-dates strong {
  padding-left: 10px;
}
.news-box {
  margin: 15px 0 35px 0;
}
.news ul.links li a {
  font-size: 16px;
  font-weight: 600;
  padding: 0 0 0px;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  border-bottom-width: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.news ul.links li.node-readmore a:after {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  content: "\f105";
  padding-left: 8px;
}
.news .node__links {
  margin-top: 0px;
}
.news ul.inline li {
  padding: 0;
}
.news .all_news {
  text-align: center;
  padding-bottom: 30px;
}

/* NEWS LIST PAGE */
.news .item-list ul {
  list-style-type: none;
}
.news-meta-info {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  border-top: 1px solid #e7e6e6;
  border-bottom: 1px solid #e7e6e6;
  margin-bottom: 5em;
}
.news-meta-info .news-alignleft {
  width: 80%;
  display: inline;
  float: left;
  margin-right: 15px;
  padding: 10px 0;
}
.news-alignright {
  display: inline;
  float: right;
  margin-left: 15px;
  padding: 5px 0;
}

/* NEWS SINGLE PAGE */
.field--name-field-related-image img {
  margin: 30px 0;
}

/*
.news h1, h5 {
  color: white;
}
.news p a {
  color: #007cb7;
}
.news p a:hover {
  color: #f7f9fa;
}
.news .node__content {
  padding-bottom: 0rem;
}
.news .node--view-mode-teaser:after {
  border-top: 0px solid #fff;
}
.news .node--view-mode-teaser {
  margin-bottom: 0.375rem;
}
.news .views-view-grid__item {
  padding: 30px;
  position: relative;
  z-index: 0;
  background: white;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 3.00rem),calc(100% - 1.5rem) calc(100% - 1.5rem),calc(100% - 3.00rem) 100%,0 100%);
}
@media (min-width: 75rem) {
  [dir="ltr"] body:not(.is-always-mobile-nav) .site-news-zone {
    border-left: solid 90px #007cb7;
  }
  .site-news-zone .site-footer__inner {
    padding-bottom: 4.625rem;
  }
}
.site-news-zone {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.2)), url(/sites/default/files/news--bg.jpg) 50% 50% no-repeat fixed;
  background-size: cover;
  margin: -1px 0 0 0;
  position: relative;
  z-index: 2;
}
.news-page .views-view-grid__item:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #79b51c;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.00rem), calc(100% - 1.5rem) calc(100% - 1.5rem), calc(100% - 3.00rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(100% - 3.00rem - 0.41px) calc(100% - 1px), calc(100% - 1.5rem - 0.71px) calc(100% - 1.5rem - 0.71px), calc(100% - 1px) calc(100% - 3.00rem - 0.41px), calc(100% - 1px) 1px, 1px 1px);
}
.news-brdr .views-view-grid__item:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #79b51c;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.00rem), calc(100% - 1.5rem) calc(100% - 1.5rem), calc(100% - 3.00rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(100% - 3.00rem - 0.41px) calc(100% - 1px), calc(100% - 1.5rem - 0.71px) calc(100% - 1.5rem - 0.71px), calc(100% - 1px) calc(100% - 3.00rem - 0.41px), calc(100% - 1px) 1px, 1px 1px);
}

 */

/*
.news .views-view-grid__item:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #79b51c;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.00rem), calc(100% - 1.5rem) calc(100% - 1.5rem), calc(100% - 3.00rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(100% - 3.00rem - 0.41px) calc(100% - 1px), calc(100% - 1.5rem - 0.71px) calc(100% - 1.5rem - 0.71px), calc(100% - 1px) calc(100% - 3.00rem - 0.41px), calc(100% - 1px) 1px, 1px 1px);
}
*/

  /*background: linear-gradient(45deg,#79b51c,#f4ebf2);*/
  /*background: linear-gradient(45deg,#f4ebf2,#9ea0a1);*/
  /* 2px border */
  /*clip-path: polygon(0 0,100% 0,100% calc(100% - 72.00px),calc(100% - 36px) calc(100% - 36px),calc(100% - 72.00px) 100%,0 100%,0 0,2px  2px ,2px calc(100% - 2px),calc(100% - 72.00px - 0.83px) calc(100% - 2px),calc(100% - 36px - 1.41px) calc(100% - 36px - 1.41px),calc(100% - 2px) calc(100% - 72.00px - 0.83px),calc(100% - 2px) 2px,2px 2px);*/
  /* 1px border */
  /*clip-path: polygon(0 0,100% 0,100% calc(100% - 72.00px),calc(100% - 36px) calc(100% - 36px),calc(100% - 72.00px) 100%,0 100%,0 0,1px  1px ,1px calc(100% - 1px),calc(100% - 72.00px - 0.41px) calc(100% - 1px),calc(100% - 36px - 0.71px) calc(100% - 36px - 0.71px),calc(100% - 1px) calc(100% - 72.00px - 0.41px),calc(100% - 1px) 1px,1px 1px);*/
  /*clip-path: polygon(0 0,100% 0,100% calc(100% - 48.00px),calc(100% - 24px) calc(100% - 24px),calc(100% - 48.00px) 100%,0 100%,0 0,1px  1px ,1px calc(100% - 1px),calc(100% - 48.00px - 0.41px) calc(100% - 1px),calc(100% - 24px - 0.71px) calc(100% - 24px - 0.71px),calc(100% - 1px) calc(100% - 48.00px - 0.41px),calc(100% - 1px) 1px,1px 1px);*/


/*.news time:before {*/
/*  content:"When:";*/
/*  margin-right: 6px;*/
/*  color: #c0c0c0;*/
/*  font-weight: bold;*/
/*}*/



/*************************
 **** PRODUCT LIST *******
 *************************/
.products header {
  display: none;
}
.products hr {
   margin-bottom: 10px;
   margin-top: 10px;
}

/*************************
 **** PRODUCT SINGLE *****
 *************************/
.node--type-product img {
  margin-bottom: 10px;
}
.resources-to-product {
  padding-top: 10px;
  margin-top: 10px;
  /*border-top: 1px solid #dedede;*/
}
.view-resources-related-to-product h5 {
  color: #0d1214;
}
h4.views-field-field-type-of-resource-type {
  padding-bottom: 30px;
}
/*p.views-field-field-type-of-resource-type::before {*/
/*  content: "\f02d";*/
/*  font-family: "Font Awesome 5 Free";*/
/*  font-weight: 900;*/
/*  !*font-size: 36px;*!*/
/*  color: #053166;*/
/*}*/

.res-type {
  padding-top: 20px;
}
.res-type::before {
  content: "\f02d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /*font-size: 36px;*/
  color: #053166;
  margin-right: 15px;
}

/*************************
 ****** STRENGTHS ********
 *************************/
/*.strengths {*/
/*  margin: 5em 0 2em 0;*/
/*}*/
.strengths .sth-wrap {
  text-align: center;
  margin-bottom: 1em;
}
.sth-intro {
  text-align: center;
  padding-top: 0.5em;
}
.sth-header {
  text-align: center;
  padding-bottom: 2em;
}
/*.sth-intro::before {*/
/*  !*content: "\f06e";*!*/
/*  content: "\f058";*/
/*  font-family: "Font Awesome 5 Free";*/
/*  font-weight: 900;*/
/*  font-size: 76px;*/
/*  color: #79b51c;*/
/*}*/

/*************************
 ******** TEAM ***********
 *************************/
.team-person {
  margin-bottom: 35px;
  border-bottom: 0px;
}
.team-person ul.sicon {
  margin: 0px;
}
.team-person p.subtitle {
  max-width: 395px;
  margin: 0 auto 0px;
}


/*************************
 ****** ESPA BLOCK *******
 *************************/
.espa img {
  margin-left: auto;
  margin-right: auto;
}

/*************************
 ** MOTHER COMPANY BLOCK *
 *************************/
.mc-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.mc-logo {
  /*float: left;*/
}
.mc-logo img {
  margin-top: 28px;
}
.mc-info {
  display: block;
}
.mc-location:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 16px;
  font-size: 16px;
  position: absolute;
}
.mc-location {
  padding-left: 24px;
}



/*************************
 ****** CONTACT PAGE *****
 *************************/
.contact-address:before {
  content: "\f1ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0px;
  font-size: 16px;
  position: absolute;
}


/*************************
 ****** FOOTER SECTION ***
 *************************/
.footer__section h2 {
  text-align: left;
}
.footer__section .mc-info, .mc-logo {
  text-align: left;
}
.footer__section p {
  text-align: left;
}
.footer__section li {
  text-align: left;
}
.site-footer .menu li {
  display: inline;
  margin-right: 20px;
}


/****************************************
 ****** FIX HEADER ON-SCROLL SHIFT ******
 ****************************************/
/*
header.js-fixed {
  margin-left: -34px;
}
*/