/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
@media screen and (min-width: 768px) {
	.front-page-content-area .with-featured-image {
		opacity: .8;
	}
}

.hero-container-inner .hentry {
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Marcus edit margin:*/
.content-wrapper.with-featured-image {
	margin: -7% 5% 0 5%;
    box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2)
}

.n2-section-smartslider {
    margin-top: -72px;
}


/* Marcus css schedule test:*/
.flex {
  display: flex;
}

.flex--space-between {
  justify-content: space-between;
}

.timetable-wrap {
  width: 100%;
	
}

.timetable-container {
  margin-top: 1em;
  flex-grow: 1;
  flex-direction: column;
  background-color: $container-background-color;
  &:first-child {
    margin-top: 0;
  }
  h3 {
    width: 100%;
  }
}

.days-wrap {}

.day {
  flex-direction: column;
  h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: darken(white, 2%);
  }
}

.class-container {
  background-color: darken(white, 5%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

@media only screen and (max-width: 767px) {
  .timetable-container {
	 padding-left: 1em;
    h3 {
      padding-left: 10px;
    }
    h3 {
      background-color: white;
    }
  }
  .days-wrap {
    flex-direction: column;
  }
  .day {
    margin-top: .5em;
    h4 {
      padding-left: 10px;
    }
    &:first-child {
      margin-top: 0;
    }
  }
  .class-container {
    flex-direction: row;
    padding: 1em 0;
  }
	  .color--scheme1 {
    color: $light--color;
    background-color: #009688;

  }
  .color--scheme2 {
    color: $dark--color;
    background-color: #4CAF50;

  }
  .color--scheme3 {
    color: $dark--color;
    background-color: #9E9E9E;

  }
  .color--scheme4 {
    color: $dark--color;
    background-color: #FFC107;

  }
  .color--scheme5 {
    color: $light--color;
    background-color: #9C27B0;

  }
  .color--scheme6 {
    color: $light--color;
    background-color: #F44336;

  }
  .color--scheme7 {
    color: $light--color;
    background-color: #3F51B5;

  }
  .color--scheme8 {
    color: $dark--color;
    background-color: #03A9F4;

    }
  .color--scheme9 {
    color: $dark--color;
    background-color: #e166c8;

  }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
  .class-container {
	  
  }
	  .color--scheme1 {
    color: $light--color;
    background-color: #009688;

  }
  .color--scheme2 {
    color: $dark--color;
    background-color: #4CAF50;

  }
  .color--scheme3 {
    color: $dark--color;
    background-color: #9E9E9E;

  }
  .color--scheme4 {
    color: $dark--color;
    background-color: #FFC107;

  }
  .color--scheme5 {
    color: $light--color;
    background-color: #9C27B0;

  }
  .color--scheme6 {
    color: $light--color;
    background-color: #F44336;

  }
  .color--scheme7 {
    color: $light--color;
    background-color: #3F51B5;

  }
  .color--scheme8 {
    color: $dark--color;
    background-color: #03A9F4;

    }
  .color--scheme9 {
    color: $dark--color;
    background-color: #e166c8;

  }
  
}

@media only screen and (min-width: 768px) {
  .timetable-wrap {

  }
  .timetable-container {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    h3 {
      padding-left: 1em;
    }
  }
  .days-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    flex-grow: 1;
    justify-content: space-between;
  }
  .day {
    width: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    &:last-child {
      border-right: none;
    }
    h4 {
      text-align: center;
    }
  }
  .class-container {
    flex-direction: column;
    padding-bottom: 1em;
	padding-left: 1em;

    &:last-child {
      border-bottom: none;
    }
  }
  .color--scheme1 {
    color: $light--color;
    background-color: #009688;

  }
  .color--scheme2 {
    color: $dark--color;
    background-color: #4CAF50;

  }
  .color--scheme3 {
    color: $dark--color;
    background-color: #9E9E9E;

  }
  .color--scheme4 {
    color: $dark--color;
    background-color: #FFC107;

  }
  .color--scheme5 {
    color: $light--color;
    background-color: #9C27B0;

  }
  .color--scheme6 {
    color: $light--color;
    background-color: #F44336;

  }
  .color--scheme7 {
    color: $light--color;
    background-color: #3F51B5;

  }
  .color--scheme8 {
    color: $dark--color;
    background-color: #03A9F4;

    }
  .color--scheme9 {
    color: $dark--color;
    background-color: #e166c8;

  }
}