@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
#block-loyola-teamcalendarlist {
  padding-top: 60px;
}
#block-loyola-teamcalendarlist .wrapper-title-btn-all {
  position: relative;
}
#block-loyola-teamcalendarlist h2 {
  font-family: "Mirador";
  font-weight: 700;
  color: #8B2231;
  font-size: 2rem;
  margin: 0 0 35px 0;
}
#block-loyola-teamcalendarlist h3 {
  color: #8B2231;
  font-size: 0.9375rem;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  text-align: center;
}
#block-loyola-teamcalendarlist .wrapper-teams .actions .navigation {
  display: flex;
  justify-content: space-between;
  gap: 2px;
}
#block-loyola-teamcalendarlist .wrapper-teams .actions .navigation > .section {
  width: 33.3333%;
  height: 60px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  border-radius: 4px 4px 0 0;
  background-color: #F4F5F5;
  background-repeat: no-repeat;
  background-position: center 10px;
  cursor: pointer;
}
#block-loyola-teamcalendarlist .wrapper-teams .actions .navigation > .section[data-season=winter] {
  background-image: url(../images/winter.svg);
}
#block-loyola-teamcalendarlist .wrapper-teams .actions .navigation > .section[data-season=fall] {
  background-image: url(../images/fall-icon.svg);
}
#block-loyola-teamcalendarlist .wrapper-teams .actions .navigation > .section[data-season=spring] {
  background-image: url(../images/spring.svg);
}
#block-loyola-teamcalendarlist .wrapper-teams .actions .navigation > .section.selected {
  background-color: rgba(139, 34, 49, 0.2);
  border-bottom: solid 1px #8B2231;
}
#block-loyola-teamcalendarlist .wrapper-teams .content {
  padding: 20px 0;
  position: relative;
}
#block-loyola-teamcalendarlist .wrapper-teams .content [data-season] {
  display: none;
}
#block-loyola-teamcalendarlist .wrapper-teams .content [data-season] [data-node-nid] {
  display: inline-block;
  margin: 0 15px 15px 0;
}
#block-loyola-teamcalendarlist .wrapper-teams .content [data-season].show {
  display: block;
}
#block-loyola-teamcalendarlist .wrapper-teams .content button {
  color: #FFF;
  font-size: 0.9375rem;
  border: none;
  background-color: #8B2231;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding: 9px;
  border-radius: 4px;
}
#block-loyola-teamcalendarlist .wrapper-teams .calendar-content {
  width: 100%;
}
#block-loyola-teamcalendarlist .wrapper-teams .calendar-content iframe {
  width: 100%;
  border: none;
}
#block-loyola-teamcalendarlist div[data-node-nid] {
  padding: 3px 5px;
  border: 1px solid #C8CACC;
  border-radius: 4px;
  padding-left: 28px;
  box-sizing: border-box;
  font-size: 0.9375rem;
  line-height: 24px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
#block-loyola-teamcalendarlist div[data-node-nid].selected {
  font-weight: 700;
}
#block-loyola-teamcalendarlist div[data-node-nid]::before {
  position: absolute;
  left: 5px;
  top: calc(50% - 9px);
  content: "";
  width: 18px;
  height: 18px;
  background-color: red;
  border-radius: 100%;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="59"]::before {
  background-color: #FF6A00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="59"].selected {
  border-color: #FF6A00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="58"]::before {
  background-color: #8B2231;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="58"].selected {
  border-color: #8B2231;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="338"]::before {
  background-color: #00D5FF;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="338"].selected {
  border-color: #00D5FF;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="60"]::before {
  background-color: #FFD500;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="60"].selected {
  border-color: #FFD500;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="355"]::before {
  background-color: #FFB300;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="355"].selected {
  border-color: #FFB300;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="63"]::before {
  background-color: #7A4B00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="63"].selected {
  border-color: #7A4B00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="65"]::before {
  background-color: #C6FF00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="65"].selected {
  border-color: #C6FF00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="64"]::before {
  background-color: #FF0099;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="64"].selected {
  border-color: #FF0099;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="53"]::before {
  background-color: #CC0044;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="53"].selected {
  border-color: #CC0044;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="354"]::before {
  background-color: #00FF66;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="354"].selected {
  border-color: #00FF66;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="54"]::before {
  background-color: #CCCC00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="54"].selected {
  border-color: #CCCC00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="55"]::before {
  background-color: #B300FF;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="55"].selected {
  border-color: #B300FF;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="56"]::before {
  background-color: #009E00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="56"].selected {
  border-color: #009E00;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="367"]::before {
  background-color: #FFB300;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="367"].selected {
  border-color: #FFB300;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="57"]::before {
  background-color: #5D00B3;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="57"].selected {
  border-color: #5D00B3;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="368"]::before {
  background-color: #4B4B4B;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="368"].selected {
  border-color: #4B4B4B;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="321"]::before {
  background-color: #00FFCC;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="321"].selected {
  border-color: #00FFCC;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="62"]::before {
  background-color: #FF0099;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="62"].selected {
  border-color: #FF0099;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="61"]::before {
  background-color: #0099FF;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="61"].selected {
  border-color: #0099FF;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="67"]::before {
  background-color: #B30000;
}
#block-loyola-teamcalendarlist div[data-node-nid][data-node-nid="67"].selected {
  border-color: #B30000;
}

@media screen and (min-width: 768px) {
  #block-loyola-teamcalendarlist .wrapper-teams .content [data-season] {
    width: 66%;
  }
  #block-loyola-teamcalendarlist .wrapper-teams .content button {
    position: absolute;
    right: 0;
    top: 15px;
  }
  #block-loyola-teamcalendarlist div[data-node-nid] {
    line-height: 30px;
  }
}
@media screen and (min-width: 1024px) {
  #block-loyola-teamcalendarlist {
    width: calc(100% + 60px);
    margin: 0 -30px;
  }
}