#scheduleWrapper {
        display: none;
        width: 100%;
        overflow: hidden;
		margin: 2rem 0;
      }
#scheduleWrapper.active {
	display: block;
}

  .basic-page-template .fixed-width-content ul.courses li:before {
	  content: none;
  }
.fixed-width-content ul.courses {
	padding: 0 !important;
}


i.fa, i.fas, i.far {
    font-size: 18px;
    padding: 2px;
}

.acadYear h5 {
	    padding: 15px;
    margin: 10px 0;
    border-radius: 2px;
    color: #fff;
    background: rgb(29,78,145);
    background: linear-gradient(59deg, rgba(29,78,145,1) 0%, rgba(29,101,145,0.5374942213213411) 100%);
}
      #scheduleWrapper.slideFormat {
		padding: 20px 0;
        border: 1px solid #ddd;
		background: #f0f0f0;
	  }
      #scheduleControls {
		  display: none;
	  }
      .slideFormat #schedule {
        display: flex;
        transition: all 200ms ease-out;
      }
      .blockFormat #schedule {
        display: flex;
		flex-direction: column;
      }
.semester-container {
    display: flex;
    flex-wrap: wrap;
}
      .semester-schedule {
        padding: 10px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        background: #fff;
		border-radius: 2px;
		margin: 1% 1% 1% 0;
      }
      .slideFormat .semester-schedule {
        border-radius: 12px;
        flex: 0 0 30%;
        width: 30%;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        margin: 0 0.5%;
        margin: 0 8px;
      }
      .blockFormat .semester-schedule {
        flex: 0 0 23.5%;
      }
      #showAll {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000000bd;
        z-index: 3;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        display: none;
      }
      #showAll #printSchedule {
        display: flex;
        flex-wrap: wrap;
        padding: 35px;
        background: #fff;
        width: 90%;
        margin: 25px auto 0;
      }
      #printSchedule .slide-semester {
        border-radius: 0;
        box-shadow: none;
        margin: 0;
      }
      #showAll .slide-semester {
        flex: 0 0 33%;
      }

      .semester-schedule h2 {
            margin: 0;
    text-transform: capitalize;
    font-family: ui-sans-serif, sans-serif;
    font-size: 1.1em;
    color: #434343;
    border-bottom: 1px solid #ea9610;
    padding-bottom: 10px;
    margin-bottom: 4px;
      }
      .courses li {
        padding: 3px;
        border-bottom: 1px solid #ddd;
        font-family: sans-serif;
        font-size: 0.9em;
        color: #575757;
      }
      .courses li:last-of-type {
        border-bottom: none;
      }
      .courses {
        padding: 0;
        list-style-type: none;
      }
      @media screen and (max-width: 450px) {
        #schedule .slideFormat .semester-schedule {
          flex: 0 0 75%;
          width: 75%;
        }
      }
      @media screen and (max-width: 680px) {
        #printSchedule .semester-schedule {
          flex: 0 0 45%;
          width: 45%;
        }
        #showAll #printSchedule {
          padding: 0 15px;
        }
      }

      @media screen and (max-width: 725px) {
        #schedule .slideFormat .semester-schedule {
          flex: 0 0 42.5%;
          width: 42.5%;
        }
      }

      /* @media screen and (max-width: 700px) {
        #schedule .slide-semester {
          flex: 0 0 40%;
          width: 40%;
        }
      } */
      @media screen and (max-width: 450px) {
        #schedule .slideFormat .semester-schedule {
          flex: 0 0 75%;
          width: 75%;
        }
      }

      /* The switch - the box around the slider */
      .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
      }

      /* Hide default HTML checkbox */
      .switch input {
        opacity: 0;
        width: 0;
        height: 0;
      }

      /* The slider */
      .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: 0.4s;
        transition: 0.4s;
      }

      .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: 0.4s;
        transition: 0.4s;
      }

      input:checked + .slider {
        background-color: #2196f3;
      }

      input:focus + .slider {
        box-shadow: 0 0 1px #2196f3;
      }

      input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
      }

      /* Rounded sliders */
      .slider.round {
        border-radius: 34px;
      }

      .slider.round:before {
        border-radius: 50%;
      }