/**
 * Specific styles for the OutSport Toronto theme.
 */
:root {
  --max-width: 98.125rem; }

.align-right {
  float: right; }

.sans {
  font-family: var(--font-sans); }

.fontsize-85 {
  font-size: .85rem;
  line-height: 1.5rem; }

.fontsize-120 {
  font-size: 1.20rem; }

.fontgrey {
  color: #777; }

.fontnormal {
  font-weight: normal; }

.fontlight {
  font-weight: lighter; }

.primary-nav__menu-link--level-1.is-active,
.primary-nav__menu-link--active-trail {
  color: var(--color--primary-60); }

a.button-link,
.button-link a {
  text-decoration: none !important;
  box-shadow: none !important;
  background: var(--color--primary-50) !important;
  color: white !important;
  font-family: metropolis !important;
  padding: .5rem 1rem !important;
  font-size: 1rem !important; }

a.button-link:hover,
.button-link a:hover {
  background: var(--color--primary-60) !important; }

body {
  background-image: none; }

.main-content__container {
  padding: 0; }
  .main-content__container .region--content-above,
  .main-content__container #content {
    padding-inline: var(--container-padding); }
  .main-content__container .region--content-above.has-bk-img {
    padding-inline: 0; }
    .main-content__container .region--content-above.has-bk-img #block-ost-theme-page-title {
      grid-column: 1 / 15; }
      .main-content__container .region--content-above.has-bk-img #block-ost-theme-page-title .title-wrapper {
        position: relative;
        height: auto;
        display: flex; }
        .main-content__container .region--content-above.has-bk-img #block-ost-theme-page-title .title-wrapper .title-background {
          position: relative; }
        .main-content__container .region--content-above.has-bk-img #block-ost-theme-page-title .title-wrapper .image-screen {
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: #0007; }
        .main-content__container .region--content-above.has-bk-img #block-ost-theme-page-title .title-wrapper h1.has-bk-img {
          position: absolute;
          color: white;
          text-shadow: 0 0 30px #000;
          margin: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          text-align: center; }

div.container.site-header__inner__container {
  position: relative; }

/* Ordered list numbering */
ol.num-alpha {
  list-style-type: decimal; }
  ol.num-alpha ol {
    list-style-type: lower-alpha; }
    ol.num-alpha ol ol {
      list-style-type: lower-roman; }
      ol.num-alpha ol ol ol {
        list-style-type: upper-alpha; }
        ol.num-alpha ol ol ol ol {
          list-style-type: upper-roman; }

.text-content ol.policy li p:first-child {
  margin-block-start: var(--sp2); }

#org-top-section-wrapper {
  display: flex; }
  #org-top-section-wrapper .field--name-field-logo {
    width: auto;
    margin: 0 2rem 0 0; }

.views-field-edit-node a {
  width: 26px !important;
  height: 26px !important;
  color: transparent;
  background-image: url(../../../../../core/misc/icons/bebebe/pencil.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 26px;
  display: inline-block; }
.views-field-edit-node a::after {
  background-color: transparent; }
.views-field-edit-node a:hover {
  background-image: url(../../../../../core/misc/icons/787878/pencil.svg); }

.views-field-view-node {
  margin-bottom: 1rem; }

#paragraph-governing_body_member {
  border-collapse: collapse; }
  #paragraph-governing_body_member th, #paragraph-governing_body_member td {
    border: 1px solid #ccc;
    padding: 0 0.5rem; }

nav.menu--footer ul.menu {
  display: flex;
  flex-wrap: wrap; }
  nav.menu--footer ul.menu li {
    margin-right: 1em; }

.form-item__description {
  color: #777; }

.view-organisations .views-view-responsive-grid .views-view-responsive-grid__item {
  position: relative;
  background-color: #EEE; }
  .view-organisations .views-view-responsive-grid .views-view-responsive-grid__item .tile-bk-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%; }
    .view-organisations .views-view-responsive-grid .views-view-responsive-grid__item .tile-bk-image-wrapper .tile-bk-img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      opacity: 0.2; }
  .view-organisations .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
    position: relative;
    padding: 1rem; }
    .view-organisations .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-field-logo {
      float: right;
      margin: 0 0 0.5rem 0.5rem; }
    .view-organisations .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field.views-field-field-website {
      font-size: 0.85rem; }
.view-organisations .views-view-responsive-grid .views-view-responsive-grid__item.org-type-member .views-field-title {
  font-weight: bold; }
.view-organisations .views-view-responsive-grid .views-view-responsive-grid__item.org-type-member .views-field-field-organisation-type {
  color: #0A0;
  font-weight: bold; }
.view-organisations .views-view-responsive-grid .views-view-responsive-grid__item.org-type-non-member {
  background-color: #ccc; }

.view-id-articles .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title,
.view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title {
  font-weight: bold;
  font-size: 1.2rem; }
.view-id-articles .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-created,
.view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-created {
  font-size: 0.85rem;
  color: var(--color-text-neutral-soft); }
.view-id-articles .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner h2, .view-id-articles .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner h3, .view-id-articles .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner h4,
.view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner h2,
.view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner h3,
.view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner h4 {
  font-size: 1rem;
  font-weight: bold;
  margin-block: var(--sp0-5);
  line-height: var(--sp1-5); }

.view-events .view-header .views-display-link {
  float: right; }

.view-events.view-display-id-page_events_listing .views-field-field-where-address .views-label {
  display: inline-block;
  vertical-align: top;
  margin: 1em 1em 0 0; }
.view-events.view-display-id-page_events_listing .views-field-field-where-address .field-content {
  display: inline-block; }

.calendar-view-table td.today {
  background-color: var(--color--primary-80); }
.calendar-view-table td.saturday, .calendar-view-table td.sunday {
  background-color: var(--color--gray-90); }

#block-views-block-articles-block-1 h2.block__title,
.view-id-resources h2.block__title,
.view-events.view-display-id-page_events_listing h2.block__title {
  font-size: 1.2em; }
#block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item,
.view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item,
.view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item {
  background-color: #EFEFEF; }
  #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner,
  .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner,
  .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner {
    padding-bottom: 1rem; }
    #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner > *,
    .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner > *,
    .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner > * {
      padding: 0 1rem; }
    #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title,
    .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title,
    .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title {
      background-color: var(--color--primary-30);
      font-weight: bold;
      font-size: 1.2rem;
      padding: 0;
      min-height: 9rem; }
      #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title a,
      .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title a,
      .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title a {
        color: #FFF;
        text-decoration: none;
        min-height: 9rem;
        padding: 1rem;
        min-width: 100%;
        display: flex; }
    #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title:hover,
    .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title:hover,
    .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-title:hover {
      background-color: var(--color--primary-50); }
    #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-created,
    #block-views-block-articles-block-1 .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-field-when,
    .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-created,
    .view-id-resources .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-field-when,
    .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-created,
    .view-events.view-display-id-page_events_listing .views-view-responsive-grid .views-view-responsive-grid__item .views-view-responsive-grid__item-inner .views-field-field-when {
      margin-block-start: 0.5rem; }

.view-board-of-directors .views-view-responsive-grid__item {
  margin-bottom: var(--sp3); }
  .view-board-of-directors .views-view-responsive-grid__item .views-field-user-picture {
    margin: 0 2rem 1rem 0;
    float: left;
    max-width: 40%; }
  .view-board-of-directors .views-view-responsive-grid__item .views-field-name {
    font-weight: bold;
    font-size: 1.25rem; }
  .view-board-of-directors .views-view-responsive-grid__item .views-field-field-board-position {
    font-style: italic;
    color: var(--color-text-neutral-soft); }

div.paragraph--type--attachments div.field--name-field-preamble {
  margin-bottom: 0; }
  div.paragraph--type--attachments div.field--name-field-preamble h1, div.paragraph--type--attachments div.field--name-field-preamble h2, div.paragraph--type--attachments div.field--name-field-preamble h3, div.paragraph--type--attachments div.field--name-field-preamble h4, div.paragraph--type--attachments div.field--name-field-preamble h5, div.paragraph--type--attachments div.field--name-field-preamble h6 {
    margin-bottom: var(--sp1); }

body.path-user article .field--name-user-picture {
  float: right;
  margin: 0 0 var(--sp1) var(--sp2); }

.badges-table th, .badges-table td {
  min-width: 15rem; }
  .badges-table th code, .badges-table td code {
    max-width: 47rem; }

div.media--type-remote-video.media--view-mode-default iframe {
  width: 100%;
  min-height: 300px; }

.membership-application-form .outsport_to_be_published {
  color: #0C0; }
.membership-application-form .membership-app-signing-name {
  margin: 0; }
  .membership-application-form .membership-app-signing-name > .webform-name {
    width: calc(100% - 2em);
    display: inline-block; }
    .membership-application-form .membership-app-signing-name > .webform-name > .webform-flexbox {
      margin: 0; }
.membership-application-form .webform-element--title-inline > label,
.membership-application-form .webform-element--title-inline > div {
  display: inline-block;
  vertical-align: top;
  margin: 0; }
.membership-application-form .webform-element--title-inline > label {
  width: 30%;
  min-width: 15em;
  border-top: 1px dotted; }
.membership-application-form .webform-element--title-inline > div > div {
  margin: 0 1em 0 0; }
.membership-application-form .webform-element--title-inline > div.description {
  display: block;
  margin: 1em 0 2em; }
.membership-application-form .webform-submission-data .form-item__label {
  display: inline-block;
  font-weight: lighter;
  color: #550;
  margin: 0 1em 0 0;
  font-size: 0.8em; }

.event-posted-date {
  font-style: italic;
  font-size: 0.85em;
  color: var(--color-text-neutral-soft); }

div.add-to-calendar--wrapper {
  border-top: 1px solid #CCC; }
  div.add-to-calendar--wrapper label {
    font-weight: bold;
    font-size: 1.2em; }
  div.add-to-calendar--wrapper ul.add-to-calendar--links {
    list-style: none;
    margin-inline-start: 0; }
    div.add-to-calendar--wrapper ul.add-to-calendar--links li {
      margin-block-start: var(--sp1); }
      div.add-to-calendar--wrapper ul.add-to-calendar--links li a.calendar-link {
        background-repeat: no-repeat;
        padding-left: 2.5em;
        background-size: 1.5em 1.5em;
        display: flex;
        line-height: 2em; }
      div.add-to-calendar--wrapper ul.add-to-calendar--links li a.calendar-link-google {
        background-image: url(../../images/google_calendar_icon.png); }
      div.add-to-calendar--wrapper ul.add-to-calendar--links li a.calendar-link-ics {
        background-image: url(../../images/ical_calendar_icon.png); }
      div.add-to-calendar--wrapper ul.add-to-calendar--links li a.calendar-link-yahoo {
        background-image: url(../../images/yahoo_icon.png); }
      div.add-to-calendar--wrapper ul.add-to-calendar--links li a.calendar-link-webOutlook {
        background-image: url(../../images/outlook_icon.png); }
      div.add-to-calendar--wrapper ul.add-to-calendar--links li a.calendar-link-webOffice {
        background-image: url(../../images/office365_outlook_icon.png); }

#content nav#block-mainnavigation ul.menu--level-1 {
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  margin: 0; }
  #content nav#block-mainnavigation ul.menu--level-1 li {
    background-color: var(--color--primary-30);
    display: flex;
    padding: 0;
    margin-bottom: 1rem;
    width: 14rem; }
    #content nav#block-mainnavigation ul.menu--level-1 li a {
      text-align: center;
      justify-content: center;
      align-items: center;
      display: flex;
      font-weight: bold;
      font-size: 1.2rem;
      padding: 1rem;
      color: #FFF;
      text-decoration: none;
      min-width: 100%;
      min-height: 100%; }
  #content nav#block-mainnavigation ul.menu--level-1 li:hover {
    background-color: var(--color--primary-50); }

.block-website-by-block {
  text-align: right; }

.caption > img {
  width: 100%; }

.event-where-wrapper {
  display: flex;
  flex-wrap: wrap; }
  .event-where-wrapper > div {
    width: 50%;
    min-width: 350px; }

.search-result__meta .result-type {
  border-right: 1px solid var(--color-text-neutral-soft);
  padding-right: 1em;
  margin-right: 1em; }
.search-result__meta .result-meta-posted,
.search-result__meta .result-meta-by {
  margin-right: 0.3em; }

/* Media-query specific layout CSS. */
@media (max-width: 44rem) {
  /* Float comment pictures instead of overlaying on top of text. */
  .add-comment__picture,
  .comment__picture {
    position: relative;
    float: left;
    margin: 0.25rem; } }
@media (min-width: 43.75rem) {
  #block-textresize {
    position: absolute;
    right: 0;
    padding-inline: var(--container-padding); }

  /* Don't push comment picture so far to the left. */
  .add-comment__picture, .comment__picture {
    inset-inline-start: calc(-1 * var(--sp1) * 3.5);
    width: var(--sp3);
    height: var(--sp3); }

  img.align-right {
    margin-inline-start: var(--sp5); }

  .views-view-responsive-grid__item img.align-right {
    margin-inline-start: var(--sp1); } }
@media (min-width: 62.5rem) {
  .sidebar-grid > .site-main {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column: 3 / 12; } }

/*# sourceMappingURL=style.css.map */