/* colors */
/* fonts */
/* responsive sizes */
/* transitions */
/* Widely-used vertical alignment mixin */
/* max width used on everything */
/* display flex container */
/* font family for soleil */
@media screen and (max-width: 374px) {
  .magazinePage h2.articleTitle br {
    display: none; } }
@media screen and (max-width: 414px) {
  .magazinePage p.bold.subhead {
    font-size: 1.4em; } }
.magazinePage .sectionContent {
  position: relative;
  display: block; }
  @media screen and (max-width: 767px) {
    .magazinePage .sectionContent {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-around;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
.magazinePage .mag {
  margin: 0;
  border-top: 1px solid #CDCDCD;
  padding-top: 2em; }
  @media screen and (max-width: 767px) {
    .magazinePage .mag {
      margin-top: 2em; } }
  .magazinePage .mag .magCover {
    padding-left: 0; }
    .magazinePage .mag .magCover p.extraBold {
      color: #3ac9bb;
      margin-bottom: 1em; }
      @media screen and (min-width: 768px) {
        .magazinePage .mag .magCover p.extraBold {
          display: none; } }
    .magazinePage .mag .magCover img {
      width: 100%; }
    @media screen and (max-width: 767px) {
      .magazinePage .mag .magCover {
        padding-right: 0; } }
  .magazinePage .mag .currentEdition {
    padding-right: 0; }
    @media screen and (max-width: 767px) {
      .magazinePage .mag .currentEdition {
        padding-left: 0;
        margin-top: 2em; } }
    .magazinePage .mag .currentEdition p.extraBold {
      color: #3ac9bb; }
      @media screen and (max-width: 767px) {
        .magazinePage .mag .currentEdition p.extraBold {
          display: none; } }
    .magazinePage .mag .currentEdition h6 {
      margin: .25em 0;
      padding-bottom: .5em; }
      .magazinePage .mag .currentEdition h6:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 30%;
        height: 1px;
        background-color: #9c9c9c; }
    .magazinePage .mag .currentEdition p.bold {
      position: relative;
      margin-top: 1.07142857142857em; }
    .magazinePage .mag .currentEdition p {
      width: 90%; }
    .magazinePage .mag .currentEdition .button {
      margin-top: 1.42857142857143em;
      color: #3ac9bb;
      line-height: 2.8em;
      height: 3em;
      border: 2px solid #3ac9bb;
      display: inline-block;
      width: auto;
      padding: 0 20px;
      -webkit-transition: 0.3s all linear;
      -moz-transition: 0.3s all linear;
      -ms-transition: 0.3s all linear;
      -o-transition: 0.3s all linear;
      transition: 0.3s all linear;
      text-decoration: none;
      background-color: #fff; }
      @media screen and (max-width: 768px) {
        .magazinePage .mag .currentEdition .button {
          font-size: 1.3em;
          text-align: center; } }
      .magazinePage .mag .currentEdition .button:hover {
        text-decoration: none;
        color: #fff;
        background-color: #3ac9bb; }
.magazinePage .nextIssue {
  position: relative;
  margin: 4em 0;
  padding: 4em 0;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD; }
  .magazinePage .nextIssue h4 {
    margin-bottom: .3333333em; }
  .magazinePage .nextIssue h6 {
    color: #3ac9bb;
    margin-bottom: .5em; }
  .magazinePage .nextIssue p {
    max-width: 80%; }
  .magazinePage .nextIssue .col-md-8 {
    padding-left: 0; }
  @media screen and (max-width: 767px) {
    .magazinePage .nextIssue .col-lg-8, .magazinePage .nextIssue .col-lg-4 {
      padding: 0; } }
  .magazinePage .nextIssue .col-lg-4 {
    margin-top: 2em; }
  @media screen and (min-width: 1000px) {
    .magazinePage .nextIssue .col-lg-4 {
      margin-top: 0em; } }
.magazinePage .archive {
  margin: 0; }
  .magazinePage .archive .button {
    color: #3ac9bb;
    line-height: 2.8em;
    height: 3em;
    border: 2px solid #3ac9bb;
    display: inline-block;
    width: auto;
    padding: 0 20px;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -ms-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
    text-decoration: none;
    background-color: #fff; }
    @media screen and (max-width: 768px) {
      .magazinePage .archive .button {
        font-size: 1.3em;
        text-align: center; } }
    .magazinePage .archive .button:hover {
      text-decoration: none;
      color: #fff;
      background-color: #3ac9bb; }
  @media screen and (max-width: 767px) {
    .magazinePage .archive {
      margin: 0 0 2em; }
      .magazinePage .archive .col-md-8, .magazinePage .archive .col-md-4 {
        padding: 0; }
      .magazinePage .archive .col-md-4 {
        margin-top: 2em; } }

.magazineDetail .filterCatgeoryWrapper {
  margin-top: 2em; }
.magazineDetail .sectionHeaderCenter .maxWidthContainer .textWrapper {
  max-width: 100%; }
@media screen and (min-width: 768px) {
  .magazineDetail .filterCatgeoryWrapper {
    margin-top: 0; }
  .magazineDetail .videos {
    padding-top: 0; } }
.magazineDetail .filterCatgeoryWrapper .filterGridItem .image:after {
  content: none; }
.magazineDetail .filterCatgeoryWrapper .filterGridItem .image:after {
  position: absolute;
  content: '';
  width: calc(100% - 30px);
  height: 100%;
  top: 0;
  left: 15px;
  opacity: 0;
  background-color: #3ac9bb;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  transition: 0.3s all linear;
  background-image: none; }
.magazineDetail .filterCatgeoryWrapper .filterGridItem .image:hover:after {
  opacity: .6; }
.magazineDetail .filterCatgeoryWrapper .filterGridItem:hover .image:after {
  opacity: .6; }
.magazineDetail .filterCatgeoryWrapper .filterGridItem:hover h6 {
  color: #3ac9bb; }

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