  .content-section,
  .container-fluid.no-padding {
    padding:                    0px;
    height:                     100%;
    width:                      100%;
  }

  .page-tplt-view {
    position:                   relative;
    overflow-y:                 initial !important;
    height:                     100%;
    min-height:                 100%;
    width:                      100%;

    display:                    flex;
    flex-direction:             row;
  }

  .page-tplt-view-left-section,
  .page-tplt-view-center-section,
  .page-tplt-view-right-section {
    -webkit-box-sizing:         border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing:            border-box;    /* Firefox, other Gecko */
    box-sizing:                 border-box;         /* Opera/IE 8+ */

    height:                     100%;
    width:                      100%;
    overflow-y:                 auto;
  }

  .page-tplt-view-center-section {
    overflow-y:                 auto;
    overflow-x:                 hidden;
    scrollbar-gutter:           initial;
    margin:                     0 20%;
    width:                      100%;
  }

  @media (max-width: 767px) {
    .page-tplt-view-center-section {
      margin:                   0;
    }  
  }

  .page-tplt-view-left-section,
  .page-tplt-view-right-section {
    white-space:                nowrap;
    overflow:                   hiddenvisible;
    width:                      20%;

    -ms-overflow-style:         -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
  }

  .page-tplt-view-right-section .page-view-inner.closed,
  .page-tplt-view-right-section .page-view-inner-no-footer.closed {
    float:                      right;
  }

  .sponsors-section,
  .financial-aid-section,
  .results-section,
  .videos-section,
  .photos-section,
  .events-section,
  .news-section {
    -webkit-box-sizing:         border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing:            border-box;    /* Firefox, other Gecko */
    box-sizing:                 border-box;         /* Opera/IE 8+ */

    height:                     100%;
    min-height:                 100%;
    max-height:                 100%;
    width:                      100%;
    overflow:                   hidden;
    scrollbar-gutter:           initial;
  }

  .news-section {
    grid-area:                  news;
  }

  .financial-aid-section {
    grid-area:                  financial-aid;
  }

  .sponsors-section {
    grid-area:                  sponsors;
  }

  .videos-section {
    grid-area:                  videos;
  }

  .photos-section {
    grid-area:                  photos;
  }

  .events-section {
    grid-area:                  events;
  }

  .results-section {
    grid-area:                  results;
  }

  @media (max-width: 1023px) {
    .page-tplt-view-center-section {
      width:                    100%;
    }
    
    .page-tplt-view-left-section,
    .page-tplt-view-right-section {
      display:                  none;
    }
  
    h2.list-widget-top {
      min-height:               100%;
    }
  }

  h2.list-widget-top,
  h2.list-widget-bottom {
    position:                   relative;
    overflow:                   hidden;
    padding:                    10px 0;
    display:                    block;
    text-align:                 center;
    font-size:                  18px !important;
    font-weight:                700;
    text-transform:             uppercase;
    background-color:           var(--listing-background-color);
  }
  
  h2.list-widget-top {
    border-top:                 5px solid var(--listing-background-color);
    border-bottom:              2px solid var(--listing-background-color);
    min-height:                 65px;
  }

  h2.list-widget-bottom {
    border-top:                 5px solid var(--listing-background-color);
  }

  .left-sidebar h2.list-widget-top,
  .left-sidebar h2.list-widget-bottom {
    border-right:               5px solid var(--listing-background-color);
  }
  
  .right-sidebar h2.list-widget-top,
  .right-sidebar h2.list-widget-bottom {
    border-left:                5px solid var(--listing-background-color);
  }
  
  ul.list-widget {
    list-style:                 none !important;
    padding:                    10px 20px;
  }

  .list-widget {
    color:                      #636363;
    background-color:           #f9f9f9;
    text-align:                 left;
    height:                     100%;
  }

  ul.list-widget li {
    overflow:                   hidden;
    margin:                     10px 0;
    padding-top:                5px;
    border-top:                 2px solid var(--listing-background-color);
  }  

  ul.list-widget li:first-child {
    border-top:                 none;
    margin-top:                 -8px;
  }

  .sidebar-item {
    padding:                    0 0;
    margin:                     0 0 45px 0;
    overflow:                   hidden;
  }
 
  .widgetable {
    padding:                    0 0;
    overflow:                   hidden;
    margin:                     0 0 0 0;
  }

  .left-sidebar,
  .right-sidebar {
    position:                   relative;
    overflow-y:                 initial;
    overflow-x:                 hidden;
    height:                     100%;
    min-height:                 100%;

    /* grid container settings */
    display:                    grid;
    grid-template-columns:      1fr;
  }

  .right-sidebar .sidebar-closed,
  .left-sidebar  .sidebar-closed {
    width:                      40px;
  }

  .right-sidebar .sidebar-closed,
  .right-sidebar .sidebar-opened  h2.list-widget-top a.pin,
  .left-sidebar  .sidebar-opened  h2.list-widget-top a.pin {
    float:                      right;
    color:                      var(--club-secondary-color);
  }

  .left-sidebar  .sidebar-closed  h2.list-widget-top a.pin {
    float:                      left;
    color:                      var(--club-secondary-color);
  }

  .left-sidebar  .sidebar-opened
  .left-sidebar  .sidebar-closed,
  .right-sidebar .sidebar-opened
  .right-sidebar .sidebar-closed {
    position:                   relative;
    transition:                 0.3s ease-in-out;
  }

  /* Right sidebar */
  .right-sidebar .sidebar-closed.hide,
  .right-sidebar .sidebar-opened.hide {
    animation:                  slideRightOnRightSideBar .5s linear;
    -webkit-animation:          slideRightOnRightSideBar .5s linear;
    -moz-animation:             slideRightOnRightSideBar .5s linear;
    -o-animation:               slideRightOnRightSideBar .5s linear;
  }

  .right-sidebar .sidebar-closed.show,
  .right-sidebar .sidebar-opened.show {
    animation:                  slideLeftOnRightSideBar .5s linear;
    -webkit-animation:          slideLeftOnRightSideBar .5s linear;
    -moz-animation:             slideLeftOnRightSideBar .5s linear;
    -o-animation:               slideLeftOnRightSideBar .5s linear;
  }

  .right-sidebar .sidebar-closed.show {
    display:                    grid;
    top:                        -100%;
  }

  .right-sidebar .sidebar-closed.hide,
  .right-sidebar .sidebar-opened.hide {
    left:                       -100%;
    overflow:                   hidden;
  }

  /* Left sidebar */
  .left-sidebar  .sidebar-closed.show,
  .left-sidebar  .sidebar-opened.show {
    animation:                  slideRightOnLeftSideBar .5s linear;
    -webkit-animation:          slideRightOnLeftSideBar .5s linear;
    -moz-animation:             slideRightOnLeftSideBar .5s linear;
    -o-animation:               slideRightOnLeftSideBar .5s linear;
  }

  .left-sidebar  .sidebar-closed.hide,
  .left-sidebar  .sidebar-opened.hide {
    animation:                  slideLeftOnLeftSideBar .5s linear;
    -webkit-animation:          slideLeftOnLeftSideBar .5s linear;
    -moz-animation:             slideLeftOnLeftSideBar .5s linear;
    -o-animation:               slideLeftOnLeftSideBar .5s linear;
  }

  .left-sidebar  .sidebar-closed.show {
    display:                    grid;
    top:                        -100%;
  }
  
  .left-sidebar  .sidebar-opened.hide,
  .left-sidebar  .sidebar-closed.hide {
    right:                      -100%;
    overflow:                   hidden;
  }

  .fixture-meta .competition {
    display:                    none;
  }

  .sidebar-closed .list-widget {
    padding:                    20px 0 0 0;
  } 
  
  .vertical-text {
    text-orientation:           sideways;

    writing-mode:               vertical-lr; 
    -webkit-writing-mode:       vertical-lr;
    -ms-writing-mode:           tb-lr;
  }

  .left-sidebar   .vertical-text {
  }
 
  .sidebar-title {
    font-size:                  2.0em;
    font-weight:                bold;
  }

  .clubs {
    float:                  left;
    width:                  100%;
    text-align:             center;
  }

  .clubs h4 {
    margin:                 5px 0;
    width:                  100%;
    color:                  #121c35;
  }

  .clubs .home-clubs,
  .clubs .away-clubs {
    display:                flex;
    justify-content:        space-between;
    flex-direction:         row;
    align-items:            center;

    text-transform:         uppercase;
    font-size:              16px !important;
    line-height:            30px !important;
    padding:                0 2%;
    width:                  96%;
  }

  .team-schedule-team-logo,
  .clubs .away-clubs .away-logo,
  .clubs .home-clubs .home-logo {
    display:                flex;
    flex-direction:         row;
    align-items:            center;
  }

  .standing .team-logo {
    display:                inline-flex;
    align-items:            center;
  }

  .standing .team-logo img,
  .clubs .away-clubs .away-logo img,
  .clubs .home-clubs .home-logo img {
    height:                 30px;
    width:                  30px;
    margin:                 2px 10px 0 0 !important;
  }

  .clubs .score {
    float:                  right;
  }

  .home-team .team-standing-info,
  .home-team .team-name,
  .clubs .score.active,
  .clubs .away-clubs .away-logo span.active,
  .clubs .home-clubs .home-logo span.active {
    font-weight:            700;
    color:                  var(--club-secondary-color);
  }

  .away-team .team-standing-info,
  .away-team .team-name {
    font-weight:            700;
    color:                  var(--club-primary-color);
  }

  .score {
    -moz-border-radius:     2px;
    -khtml-border-radius:   2px;
    -webkit-border-radius:  2px;
    border-radius:          2px;
    background-color:       rgba(0, 0, 0, 0.05);
    min-width:              36px;
    padding:                2px 5px;
    margin:                 0 0 0 5px;
    text-align:             center;
  }
 
  .date {
    display:                flex;
    flex-direction:         row;
    align-items:            center;
    
    font-size:              12px;
    margin:                 0 0;
    width:                  100%;
  }
 
  .kickoff {
    padding:                0.5em;
  }

  .standing:hover,
  .fixture:hover,
  .result:hover {
    border-radius:          var(--border-radius);
    background-color:       var(--club-highlight-color);
  }

  .fixture-meta .competition {
    padding:                0.5em;
    text-transform:         uppercase;
  }

  .center-panel {
    display:                    flex;
    justify-content:            center;
    align-items:                center;
    margin:                     auto;
    height:                     100%;
  }

  .photo-panel {
    height:                     20vh;
    min-height:                 20vh;
    background-color:           var(--club-secondary-color) !important;
    color:                      #ffffff;
  }
  
  @media (max-width: 767px) {
    ul.list-widget {
      padding:                  5px;
    }  
  }

  @-webkit-keyframes slideRightOnRightSideBar {
    0% {
      left:                     0%;
      opacity:                  1;  
    }
    50% {
      left:                     50%;
      opacity:                  .5;  
    }
    100% {
      left:                     100%;
      opacity:                  0;  
    }
  }
  @keyframes slideRightOnRightSideBar {
    from {
      left:                     0%;
      opacity:                  1;  
    }
    50% {
      left:                     50%;
      opacity:                  .5;  
    }
    to {
      left:                     100%;
      opacity:                  0;  
    }
  }

  @-webkit-keyframes slideLeftOnRightSideBar {
    0% {
      right:                    -100%;
      opacity:                  0;  
    }
    50% {
      right:                    -50%;
      opacity:                  .5;  
    }
    100% {
      right:                    0%;
      opacity:                  1;  
    }
  }
  @keyframes slideLeftOnRightSideBar {
    from {
      right:                    -100%;
      opacity:                  0;  
    }
    50% {
      right:                    -50%;
      opacity:                  .5;  
    }
    to {
      right:                    0%;
      opacity:                  1;  
    }
  }

  @-webkit-keyframes slideRightOnLeftSideBar {
    0% {
      left:                    -100%;
      opacity:                  0;  
    }
    50% {
      left:                     -50%;
      opacity:                  .5;  
    }
    100% {
      left:                     0%;
      opacity:                  1;  
    }
  }
  @keyframes slideRightOnLeftSideBar {
    from {
      left:                    -100%;
      opacity:                  0;  
    }
    50% {
      left:                     -50%;
      opacity:                  .5;  
    }
    to {
      left:                     0%;
      opacity:                  1;  
    }
  }

  @-webkit-keyframes slideLeftOnLeftSideBar {
    0% {
      left:                     0%;
      opacity:                  1;  
    }
    50% {
      left:                     -50%;
      opacity:                  .5;  
    }
    100% {
      left:                     -100%;
      opacity:                  0;  
    }
  }
  @keyframes slideLeftOnLeftSideBar {
    from {
      left:                     0%;
      opacity:                  1;  
    }
    50% {
      left:                     -50%;
      opacity:                  .5;  
    }
    to {
      left:                     -100%;
      opacity:                  0;  
    }
  }
