body {
  overflow-x: hidden !important;
}

body {
  padding-top: 123px;
}

@media (min-width: 768px) {
  body {
    padding-top: 139px;
  }
}

@media (min-width: 1200px) {
  body {
    padding-top: 175px;
  }
}

.btn.focus,
*:focus {
  outline: 0;
  box-shadow: none;
}

a {
  text-decoration: none;
}

.logo svg {
  width: 100%;
}

.illustration svg {
  max-width: 100%;
}

/* navApp */
#navApp {
  position: fixed;
  z-index: 999;
  top: 39px;
  right: 0;
  left: 0;
  width: 100%;
}

#navApp .nav-link {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 30px;
  display: table;
  align-items: center;
  text-align: center;
  color: var(--SecondaryP90);
  margin-left: 20px;
  margin-bottom: 40px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0;
}

#navApp .nav-link.active {
  border-bottom: 2px solid var(--SecondaryP90);
}

@media (min-width: 1200px) {
  #navApp .nav-link {
    display: flex;
    margin-left: 24px;
    margin-bottom: 0;
    font-size: 15px;
    padding-left: 0;
  }
}

@media (min-width: 1400px) {
  #navApp .nav-link {
    margin-left: 30px;
    font-size: 17px;
  }
}

#navApp .btn-nav {
  height: 26px;
  border-radius: 5px;
  flex: none;
  order: 1;
  flex-grow: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 16px 24px;
  background: #fefefe;
  color: #031a28;
  min-width: 141px;
  height: 51px;
  text-align: center;
}

#navApp .btn-nav.active,
#navApp .btn-nav:hover {
  background-color: #ffffff;
  color: #053551;
}

#navApp #btn-search {
  border: 0;
  background: transparent;
  width: 25px;
  height: 25px;
  padding: 0;
}

#navApp .navbar-toggler {
  z-index: 999;
  border: 0;
  padding: 0;
}

#navApp .navbar-toggler .close,
#navApp .navbar-toggler.collapsed .open {
  display: block;
}

#navApp .navbar-toggler .open,
#navApp .navbar-toggler.collapsed .close {
  display: none;
}

#navApp .navbar-toggler:focus {
  box-shadow: none;
}

#navApp {
  background-color: var(--GreyG10);
}

#navApp:not(.sticky).bgDark {
  background-color: var(--PrimaryP100);
}

#navApp:not(.sticky).SecondaryP100 {
  background-color: var(--SecondaryP100);
}

#navApp:not(.sticky).bgGrey {
  background-color: var(--GreyG30);
}

#navApp:not(.sticky).SecondaryP100 *:not(.nav-item *),
#navApp:not(.sticky).bgDark *:not(.nav-item *),
#navApp:not(.sticky).bgGrey *:not(.nav-item *) {
  color: var(--BaseWhite);
}

#navApp:not(.sticky).SecondaryP100 .nav-link.active,
#navApp:not(.sticky).bgDark .nav-link.active,
#navApp:not(.sticky).bgGrey .nav-link.active {
  border-bottom: 2px solid var(--BaseWhite);
}

#navApp:not(.sticky).SecondaryP100 #logoNav svg *,
#navApp:not(.sticky).bgDark #logoNav svg *,
#navApp:not(.sticky).bgGrey #logoNav svg * {
  fill: var(--BaseWhite);
}

#navApp:not(.sticky).SecondaryP100 #preferiti svg *,
#navApp:not(.sticky).bgDark #preferiti svg *,
#navApp:not(.sticky).bgGrey #preferiti svg * {
  fill: var(--BaseWhite);
}

#navApp.sticky {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
  background-color: var(--BaseWhite) !important;
}

#navApp,
#navApp.sticky {
  height: 84px;
}

#logoNav svg,
#navApp.sticky #logoNav svg {
  height: 60px;
  width: 218px;
  top: 3px;
  position: relative;
}

#navApp .navbar-collapse {
  position: absolute;
  top: 83px;
  left: 0;
  right: 0;
  width: 100%;
  background: var(--PrimaryP05);
  padding: 50px 20px;
  filter: drop-shadow(0px -3px 4px rgba(0, 0, 0, 0.1));
}

@media (min-width: 768px) {
  #navApp .navbar-collapse {
    top: 100px;
  }

  #navApp,
  #navApp.sticky {
    height: 100px;
  }

  #logoNav svg,
  #navApp.sticky #logoNav svg {
    width: 325px;
    height: unset;
  }
}

@media (min-width: 1200px) {
  #navApp .navbar-collapse {
    position: initial;
    top: unset;
    left: unset;
    right: unset;
    width: unset;
    background: transparent;
    padding: unset;
    filter: none;
  }

  #navApp {
    height: 137px;
  }

  #navApp.sticky {
    height: 84px;
  }

  #logoNav svg {
    width: 290px;
  }

  #navApp.sticky #logoNav svg {
    width: 260px;
  }

  #navApp .navbar-collapse {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }

  #navApp:not(.sticky).SecondaryP100 *,
  #navApp:not(.sticky).bgDark *,
  #navApp:not(.sticky).bgGrey * {
    color: var(--BaseWhite);
  }
}

@media (min-width: 1400px) {
  #logoNav svg {
    width: 380px;
  }
}

@media (max-width: 1199px) {}

#navApp .navbar-toggler svg * {
  fill: var(--SecondaryP90);
}

#navApp:not(.sticky).SecondaryP100 .navbar-toggler svg *,
#navApp:not(.sticky).bgDark .navbar-toggler svg *,
#navApp:not(.sticky).bgGrey .navbar-toggler svg * {
  fill: var(--BaseWhite);
}

/* navApp end */

/* hero */
.hero {
  position: relative;
  overflow-x: hidden !important;
}

.hero .point {
  width: 62px;
  vertical-align: top;
}

.hero .point .verified {
  height: 48px;
  width: 48px;
}

.hero .heroTxt {
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero.heroWithImg .titlePage {
  color: var(--BaseBlack);
}

.hero.heroWithImg .heroTxt .title {
  color: var(--BaseBlack);
}

.hero.heroWithImg {
  padding-top: 40px;
}

.hero.heroWithImg .illustration {
  width: 135%;
  height: 390px;
  margin-left: -16%;
  margin-top: 4%;
}

.hero.heroWithImg .illustration svg {
  height: 100%;
}

/* -- */

.hero.heroWithBg1 .heroTxt {
  padding: 50px 15px 40px 15px;
}

.hero.heroWithBg1 .titlePage {
  color: var(--BaseWhite);
}

.hero.heroWithBg1 .text {
  color: var(--BaseWhite);
}

.hero.heroWithBg1 .heroTxt {
  background-color: var(--PrimaryP100);
}

.hero.heroWithBg1 .heroTxt .title {
  color: var(--BaseWhite);
}

.hero.heroWithBg1 .imgHeroTablet,
.hero.heroWithBg1 .imgHeroMobile {
  position: relative;
  top: -15px;
}

/* -- */

.hero.heroWithBg2 .titlePage {
  color: var(--PrimaryP100);
}

.hero.heroWithBg2 .text {
  color: var(--GreyG90);
}

.hero.heroWithBg2 .heroTxt {
  background: transparent;
}

/* -- */

@media (min-width: 768px) {
  .hero.heroWithImg .illustration {
    width: 92%;
    height: unset;
    margin-left: 0;
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .hero {
    overflow: visible !important;
  }

  .hero .heroTxt {
    position: absolute;
    top: 40px;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0;
    background: transparent;
  }

  .hero.heroWithBg1 .titlePage {
    color: var(--PrimaryP100);
  }

  .hero.heroWithBg1 .text {
    color: var(--BaseBlack);
  }

  .hero.heroWithBg2 .imgHero {
    width: 100%;
    margin-left: 0%;
  }

  .hero.heroWithBg1 .heroTxt {
    background: transparent;
  }

  .hero.heroWithBg1 .heroTxt {
    padding: 0px 0px;
    top: 0;
  }
}

@media (min-width: 1200px) {
  .hero .heroTxt .container {
    margin-top: -80px;
  }
}

/* hero end*/

/* footer */
footer {
  background-color: var(--GreyG05);
}

footer .logo {
  width: 85%;
}

footer .logo {
  max-width: 280px;
}

footer * {
  color: var(--BaseBlack);
}

footer .borderSX {
  border-left: 1px solid var(--GreyG80);
  padding-left: 23px;
}

footer .ps {
  font-weight: 200;
}

footer .nav {
  font-weight: 500;
}

footer p,
footer li {
  margin-bottom: 10px;
}

footer hr {
  opacity: 1;
}

/* COMPONENTS */
.author {
  background-color: var(--PrimaryP100);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px;
  min-height: 470px;
  border-radius: 48px;
}

.author .cover {
  width: 160px;
  height: 160px;
  display: block;
  margin: 0 auto;
  border-radius: 100px;
  background-color: var(--GreyG40);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.author * {
  color: var(--BaseWhite);
  text-align: center;
}

/* ** */
.cardPathology {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: var(--BaseWhite);
  border-radius: 24px;
  border: 0;
  overflow: hidden;
}

.cardPathology .padCard {
  padding-top: 32px;
  padding-right: 32px;
  padding-left: 32px;
}

.cardPathology .like {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  padding: 32px;
  z-index: 9;
}

.cardPathology .card-body {
  padding-top: 15px;
  padding-right: 32px;
  padding-left: 32px;
  padding-bottom: 40px;
}

.cardPathology .card-date {
  color: var(--GreyG50);
}

.cardPathology .card-date svg {
  fill: var(--GreyG50);
  position: relative;
  top: -3px;
}

.cardPathology .card-title {
  color: var(--BaseBlack);
}

.cardPathology .card-text {
  color: var(--GreyG50);
}

.cardPathology .card-text p {
  margin-bottom: 0;
}

.cardPathology.small {
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px;
}

.cardArticle1 .card-img svg {
  transform: scale(1.2);
  max-height: 180px;
  max-width: 100%;
  position: relative;
  right: -22%;
  margin-top: 19px;
}

@media (min-width: 500px) {
  .cardArticle1 .card-img svg {
    max-height: 210px;
  }
}

@media (min-width: 768px) {
  .cardArticle1 .card-img svg {
    max-height: 210px;
    transform: scale(1.05);
  }
}

@media (min-width: 1400px) {
  .cardArticle1 .card-img svg {
    transform: scale(1.1);
    max-height: 360px;
    margin-top: 0px;
    right: -15%;
  }
}

.cardPathology.small .card-img {
  height: unset;
  margin-top: 0;
  margin-bottom: 0;
}

.cardPathology.small .card-img svg {
  width: 100%;
  height: auto;
  position: unset;
}

.cardPathology.small:hover,
.cardPathology.small:active,
.cardPathology.small:focus {
  background-color: var(--BaseWhite);
}

.cardPathology:hover,
.cardPathology:active,
.cardPathology:focus {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

.cardPathology:hover .card-title,
.cardPathology:active .card-title,
.cardPathology:focus .card-title {
  color: var(--AccentA90);
}

.cardPathology.noCover {
  background-color: var(--PrimaryP70);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

.cardPathology.noCover .card-body {
  padding: 32px;
}

.cardPathology.noCover .card-title {
  color: var(--BaseWhite);
  font-weight: 500;
}

.cardPathology.noCover:hover {
  background-color: var(--SecondaryP70);
}

.cardPathology .card-title,
.cardPathology .card-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card .cta {
  font-family: "American Typewriter";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}

/* ** */

.divider {
  width: 100%;
  height: 22px;
  background-image: url(../images/divider.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center left;
  margin-top: 30px;
}

/* ** */

.filter .labelTag {
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

/* ** */

.owl-carousel .owl-item {
  padding: 15px;
}

.owl-carousel .owl-item img {
  display: unset;
  width: unset;
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 40px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: var(--SecondaryP70);
  border-radius: 99px;
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 48px;
  height: 8px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  height: 8px;
  background: var(--SecondaryP50);
}


/* ** */

.shape {
  position: relative;
  top: 13px;
}

.shape svg,
.shape svg * {
  max-width: 100%;
}

.shapeImg {
  width: 100%;
  position: relative;
  top: 2px;
}

/* ** */

#pinkCard .cardArticleSmall2 {
  background-color: var(--SecondaryP70);
}

#congressi .cardArticleSmall2 {
  background-color: var(--PrimaryP70);
}

/* ** */

.discoverMore {
  overflow: hidden !important;
}

.discoverMore .bgShape {
  background-color: var(--PrimaryP70);
}

.discoverMore .shape svg path {
  fill: var(--PrimaryP70);
}

.discoverMore .logo svg {
  max-width: 300px;
}

.discoverMore .illustration svg {
  height: 100%;
}

.discoverMore .illustration {
  width: 135%;
  height: 390px;
  margin-left: -16%;
  margin-top: 4%;
}

.discoverMore .tx {
  color: var(--BaseWhite);
  font-weight: 500;
}

.discoverMore .btn.more {
  width: 100%;
}

@media (min-width: 768px) {
  .discoverMore .illustration {
    width: 71%;
    height: unset;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
  }

  .discoverMore .btn.more {
    width: unset;
    display: block;
    margin: 0 auto;
  }

  .discoverMore .logo svg {
    max-width: 390px;
  }
}

@media (min-width: 992px) {
  .discoverMore .btn.more {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .discoverMore .illustration {
    width: 89%;
    display: block;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .discoverMore .logo svg {
    max-width: 460px;
  }
}

/* ** */
.contents .bgShape {
  background-color: var(--PrimaryP10);
}

.contents .shape svg path {
  fill: var(--PrimaryP10);
}

/* ** */
.board .title {
  color: var(--PrimaryP100);
}

/* ** */
@media (min-width: 992px) {
  .bgProject1 {
    padding-top: 70px;
    background-image: url(../images/project.png);
    background-position: top + 60% left;
    background-size: 45%;
    background-repeat: no-repeat;
  }
}

@media (min-width: 1700px) {
  .bgProject1 {
    background-size: contain;
  }
}

/* ** */
.contentArticle div {
  color: var(--BaseBlack);
}

/* ** */
.btnlikeArticle {
  margin-left: 40px;
}

.btnlikeArticle img {
  background: transparent;
  padding-right: 100px;
  position: absolute;
  margin-left: -40px;
}

#search .input-icon {
  width: 85%;
}

@media (min-width: 1200px) {
  #search .input-icon {
    width: 90%;
  }
}

#search .searchClose {
  padding-top: 13px;
  padding-left: 6px;
  position: absolute;
}

/* ** */

.cardArticleSmall1 {
  min-height: 153px;
}

.cardArticleSmall2 {
  min-height: 206px;
}

@media (min-width: 768px) {
  .cardArticle1 {
    min-height: 567px;
  }
}

@media (min-width: 1400px) {
  .cardArticle1 {
    min-height: 746px;
  }
}

.article-author .author-cover {
  height: 58px;
  width: 58px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 100%;
}

.article-author .author-name {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 200;
  line-height: 21px;
  color: #fff;
  font-size: 15px;
}

@media (min-width: 1200px) {
  .navbar.navbar-expand-xl ul.navbar-nav {
    margin-top: -60px;
  }

  .navbar.navbar-expand-xl .navbar-brand {
    margin-top: -20px;
  }

  .navbar.navbar-expand-xl.sticky ul.navbar-nav {
    margin-top: 7px;
  }

  .navbar.navbar-expand-xl.sticky .navbar-brand {
    margin-top: 0px;
  }
}

/* **** */

.player {}

.podcast-progress-indicator {
  align-self: center;
  width: 100%;
  background-color: #dbdbdb;
  height: 6px;
  position: relative;
}

.podcast-progress-indicator .podcast-current-progress {
  width: 1%;
  background-color: var(--AccentA90);
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.podcast-volume-indicator {
  width: 50px;
  background-color: #dbdbdb;
  height: 6px;
  position: relative;
  display: inline-block;
}

.podcast-volume-indicator .podcast-current-volume {
  width: 0;
  background-color: var(--AccentA90);
  height: 6px;
  position: absolute;
  top: 0;
}

.single_podcast button {
  border: 0;
  background: none;
  padding: 5px;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
}

.single_podcast .download_mp3 {
  color: #000;
  padding: 5px;
  font-size: 1.3rem !important;
}

.single_podcast button:hover,
.single_podcast .download_mp3:hover {
  color: var(--AccentA90);
}

.single_podcast .podcast-pause {
  display: none;
}

.podcast-duration,
.podcast-duration * {
  color: var(--AccentA90);
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.bi-play {
  color: var(--AccentA90);
  padding: 15px;
  font-size: 40px;
}

.bi-pause {
  color: var(--AccentA90);
  padding: 11px;
  font-size: 40px;
}

.bi-skip-backward,
.bi-skip-forward {
  color: var(--AccentA90);
  font-size: 40px;
}

.podcast-play,
.podcast-pause {
  border: 2px solid var(--AccentA90) !important;
  border-radius: 1000px;
  height: 79px;
  width: 79px;
}

/* **** */

/* Media */

@media (min-width: 576px) {}

@media (min-width: 768px) {
  .w-md-75 {
    width: 75% !important;
  }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}