/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
  /*--share-bg: rgba(255, 229, 157, 0.7);*/
  /*--share-color: #184454;*/
  /*--share-hbg: #fff;*/
  /*--share-hcolor: #184454;*/
  /*--pager-color: #ff6d6a;*/
  /*--pager-hcolor: #ff6d6a;*/
  /*--pager-border-hcolor: #ff6d6a;*/
  /*--pager-acolor: #FFF;*/
  /*--catbtn-color: #ff6d6a;*/
  /*--tipord-color: currentColor;*/
  /*--tipord-hcolor: #FFF;*/
  /*--tip-hcolor: #0e2c35*/
  --title-shadow: none;
  --intro-color: #3c4f5e;
  --intro-border-color: #00ccbf;
  --content-bg-xs: #fff;
  --content-bg: #fff;
  --entry-bg: #eef6f6;
  --entry-color: #3c4f5e;
  --entry-h3: #00ccbf;
  --entry-h4: #3f7c85;
  --rank-color: #ff5f5d;
  --link-color: #ff5f5d;
  --link-hcolor: #ff2d2a;
  --grad-from: #ff8180;
  --grad-to: #7accc7;
  --rank-bg-xs: #ff5f5d;
  --catbtn-color: #ff5f5d;
  --pager-color: #ff5f5d;
  --pager-hcolor: #ff2d2a;
  --pager-acolor: #ff2d2a;
  --pager-border-hcolor: currentColor;
  --tip-hcolor: #fff;
  --tipord-color: #3f7c85;
  --tipord-hcolor: #ff5f5d;
  --share-color: #fff;
  --share-hcolor: #fff;
  --share-bg: #00ccbf;
  --share-hbg: #00998f;
  --gmd-signature: #3f7c85;
  --more-bg: #f0f5f4;
  --more-color: #33807b;
  --tabs-btn: #a1b3b1;
  --tabs-border-color: #b8cccb;
  --more-link: #39736f;
  --more-hlink: #2d5956;
  --more-date: #7a9997;
  --more-bg: #eef6f6;
  --footer-color: #cccbc4;
  --footer-bg: #2c3b40;
}

header.dossier-header .title {
  text-shadow: 0 0 30px var(--title-shadow, #b34c4a)
}

header.dossier-header h1 {
  letter-spacing: .3em;
  text-transform: uppercase;
  font-family: "Barlow Condensed", "GT Walsheim Pro Condensed", "GT Walsheim Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500
}

header.dossier-header h1.mt-3.mb-4 {
  margin: 1rem 0 !important
}

header.dossier-header .pic {
  -webkit-filter: saturate(1.2);
  filter: saturate(1.2)
}

header.dossier-header .veil {
  background-image: none;
  background-color: rgba(84, 45, 24, 0.2);
  -webkit-box-shadow: 0 0 30vw 0px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 30vw 0px rgba(0, 0, 0, 0.5) inset
}

.dossier-container, .dossier-body {
  background: var(--content-bg-xs, #0e2c35)
}

@media (min-width: 992px) {
  .dossier-container, .dossier-body {
    background: var(--content-bg, #184454 url("../../../img/noise-400-100-5.png") top)
  }
}

.dossier-body {
  line-height: 1.8;
  color: #ffd4c4
}

@media (min-width: 992px) {
  .dossier-body {
    border-width: 6px 0 0;
    border-style: solid;
    -o-border-image: linear-gradient(to right, var(--grad-from, #ff6d6a), var(--grad-to, #ffe59d)) 100% 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--grad-from, #ff6d6a)), to(var(--grad-to, #ffe59d))) 100% 1;
    border-image: linear-gradient(to right, var(--grad-from, #ff6d6a), var(--grad-to, #ffe59d)) 100% 1
  }
}

.dossier-body .rte {
  padding-top: 1rem
}

.dossier-body .rte a:not([class]) {
  color: var(--link-color, #ff6d6a);
  text-decoration: none;
  border-bottom: 2px solid
}

.dossier-body .rte a:not([class]):hover {
  color: var(--link-hcolor, #ffe59d)
}

.pager {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0;
  font-size: 18px
}

.pager.pager-top {
  display: none
}

.pager a, .pager span {
  border-radius: 4px
}

.pager .nav .fa, .pager .nav .far, .pager .nav .fal {
  -webkit-transform: none;
  transform: none
}

.intro {
  position: relative;
  padding: 20px 0;
  max-width: 840px;
  margin: 0 auto 40px;
  text-align: left;
  font-family: var(--bs-font-sans-serif);
  line-height: 1.9;
  color: var(--intro-color, var(--content-color, #ffd4c4))
}

.intro::after {
  content: '';
  display: block;
  background: var(--intro-border-color, #ff6d6a);
  width: 30px;
  height: 2px;
  margin: 30px auto
}

@media (min-width: 992px) {
  html {
    background-color: #184454;
    background-image: url("../../../img/noise-400-100-5.png")
  }
}

.entry {
  margin: 0 0 60px;
  text-align: center;
  color: var(--entry-color, #ffd4c4)
}

.entry p.bodytext, .entry p.link {
  text-align: left
}

.entry .cover {
  max-width: 80vw;
  text-align: center;
  margin: 0 auto
}

.entry .cover img {
  border: 1px solid #DDD
}

.entry .num, .entry h3, .entry h4 {
  font-family: 'Montserrat', sans-serif
}

.entry .num {
  padding: 5px 15px;
  display: inline-block;
  margin: -26px 0 15px;
  -webkit-transform: skewY(-6deg);
  transform: skewY(-6deg);
  line-height: 1;
  color: var(--rank-color-xs, #fff);
  background: var(--rank-bg-xs, #ff6d6a);
  font-size: 42px;
  font-weight: 300
}

.entry h3, .entry h4 {
  line-height: 1.1;
  letter-spacing: -.03em;
  margin: 0 0 8px
}

.entry h3 {
  color: var(--entry-h3, #ffe59d);
  font-size: 42px;
  font-weight: 800
}

.entry h4 {
  color: var(--entry-h4, #fff);
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 500
}

.entry p.link {
  margin-top: 40px;
  margin-bottom: .5rem
}

.entry p.link + .link {
  margin-top: 0
}

.dossier-body .rte .entry p.link a:not([class]) {
  color: var(--link-color, inherit);
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 500
}

.dossier-body .rte .entry p.link a:not([class]):hover {
  color: var(--link-hcolor, inherit)
}

.entry p.link a:not([class])::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  width: 1em;
  text-align: center;
  display: inline-block;
  margin-right: 5px
}

.entry p.link.media a::before {
  content: '\f6a8'
}

.entry p.link.article a::before {
  content: '\f15c'
}

@media (min-width: 992px) {
  .entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin: 0 8%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    border-width: 6px 0 0;
    border-style: solid
  }

  .entry:first-child {
    margin-top: 3rem
  }

  .entry::before, .entry::after {
    content: '';
    margin-top: -86px;
    margin-bottom: -86px;
    width: calc(100 / 84 * 8% + 1px);
    min-width: 60px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2
  }

  .entry::before {
    margin-left: calc(100 / 84 * -8%)
  }

  .entry::after {
    margin-right: calc(100 / 84 * -8%);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
  }

  .entry .cover {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 30%;
    margin-right: 8%
  }

  .entry .num {
    padding: 0;
    margin: 0 0 10px;
    -webkit-transform: none;
    transform: none;
    background: none;
    color: var(--rank-color, #ff6d6a);
    font-size: 72px
  }

  .entry:nth-child(even) {
    background: -webkit-gradient(linear, left top, right top, color-stop(60%, var(--entry-bg, #0e2c35)), to(transparent));
    background: linear-gradient(to right, var(--entry-bg, #0e2c35) 60%, transparent);
    -o-border-image: linear-gradient(to right, var(--grad-to, #ffe59d), var(--grad-from, #ff6d6a)) 100% 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--grad-to, #ffe59d)), to(var(--grad-from, #ff6d6a))) 100% 1;
    border-image: linear-gradient(to right, var(--grad-to, #ffe59d), var(--grad-from, #ff6d6a)) 100% 1
  }

  .entry:nth-child(even) .cover {
    margin-left: 8%;
    margin-right: 0
  }

  .entry:nth-child(even) .fiche {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
  }

  .entry:nth-child(even)::before {
    border: 6px solid var(--grad-from, #ff6d6a);
    border-top-color: var(--grad-to, #ffe59d);
    border-bottom-color: var(--grad-from, #ff6d6a);
    border-width: 6px 0;
    border-radius: 20px 0 0 80px;
    background: var(--entry-bg, #0e2c35)
  }

  .entry:nth-child(odd) {
    background: -webkit-gradient(linear, right top, left top, color-stop(60%, var(--entry-bg, #0e2c35)), to(transparent));
    background: linear-gradient(to left, var(--entry-bg, #0e2c35) 60%, transparent);
    -o-border-image: linear-gradient(to left, var(--grad-to, #ffe59d), var(--grad-from, #ff6d6a)) 100% 1;
    border-image: -webkit-gradient(linear, right top, left top, from(var(--grad-to, #ffe59d)), to(var(--grad-from, #ff6d6a))) 100% 1;
    border-image: linear-gradient(to left, var(--grad-to, #ffe59d), var(--grad-from, #ff6d6a)) 100% 1
  }

  .entry:nth-child(odd)::after {
    background: var(--entry-bg, #0e2c35);
    border: 6px solid var(--grad-from, #ff6d6a);
    border-top-color: var(--grad-to, #ffe59d);
    border-width: 6px 0;
    border-radius: 0 20px 80px 0
  }

  .entry:first-child, .entry:first-child::after {
    border-top-width: 0 !important
  }

  .entry:first-child::after {
    margin-top: -80px
  }

  .entry:last-child::before {
    border-bottom-width: 0 !important;
    margin-bottom: -80px
  }
}

/*# sourceMappingURL=Tops-albums-2019.css.map */