/* screen and (max-width: 1210px) */

.showTablet{display:block;}
.showTablet--inline {
   display:inline-block;

}
.hideTablet{display:none;}

.wrapper {
   width: 100%;
   padding:0 30px;
}
.cols__left {
   width: 220px;
   padding: 0 20px 0 0;
}
.cols__middle {
   width: calc(100% - 440px);
}
.cols__right {
   width: 220px;
   padding-left: 20px;
}
.stickyside--sticky .stickyside__pos {
   width: 200px;
}
.download-pdf {
   padding: 0;
}
.weekend-signup {
   padding: 0;
}

.articlecols__right .stickyside--sticky .stickyside__pos {
   width: 300px;
}
.utility__item a {
   padding: 10px 5px;
}
.utility__item {
   font-size: 14px;
}
.entry-content .contributor-names {
   width: 250px;
}
.contributor {
   width: 33%;
   padding-right: 20px;
}


/* portrait */
@media (max-width: 1023px) {
   .cols {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .cols__middle--border {
      padding: 0;
      border:0;
   }
   .cols__middle {
      -webkit-order: 1;
      order: 1;
      width: 100%;
   }
   .cols__right {
      -webkit-order: 2;
      order: 2;
      width: 100%;
      padding:0;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 40px;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .cols__left {
      -webkit-order: 3;
      order: 3;
      width: 100%;
      padding:0;
   }
   .featured {
      display: none;
   }
   .featured-separator {
      display: none;
   }
   .more-archive {
      margin-top: 0;
      display: none;
   }
   .issue--letters {
      display: none;
   }
   .rightboxes {
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .rightboxes .stickyside,
   .weekend-signup,
   .download-pdf {
      width: calc(33% - 5px);
      margin-top: 0;
      height: 100%;

   }
   .articlecols__right .stickyside {
      width: 100%;
      position: relative;
      height: auto;
      margin-bottom: 50px;
   }
   .stickyside-placeholder {
      display: none;
   }
   .share {
      padding: 0;
   }

   .articlecols {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .articlecols__left {
      width: 100%;
      padding:0 20px;
   }
   .articlecols__left--tablet-padding {
      padding-left: 70px;
   }
   .articlecols__right {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-top: 40px;
      width: 100%;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding:0;
   }

   .adzone {
      width: 100%;
   }
   .articlecols__right .bottomflex {
      width: 100%;

   }
   .articlecols__right .bottomflex__top {
      width: 100%;
   }

   .articlecols__right .bottomflex__bottom {
      width: 100%;
      -webkit-display: flex;
      display: flex;
      margin-top: 0;
      -webkit-justify-content: center;
      justify-content: center;

   }
   .articlecols__right .bottomflex__bottom .related {
      width: 40%;
      padding-right: 5px;
      padding-left: 0;
      margin-top: 0;

   }
   .articlecols__right .bottomflex__bottom .more-from-issue {
      width: 40%;
      padding-left: 5px;
      margin-top: 0;
   }
   /* hamburger menu*/

   .hamburger-menu {
      width:50px;
      height:50px;
      vertical-align: middle;
      cursor: pointer;
      transition: all 0.5s ease;
      position: fixed;
      left:20px;
      top:15px;
      z-index: 52;
      background: none;
      border: 0;

   }

   .hamburger-menu__bg {
      transition: all 0.5s ease;
   }
   .navTrigger {
      cursor: pointer;
      width: 30px;
      height: 30px;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 15px;
      bottom: 0;
      background: none;
   }
   .navTrigger i {
      background-color: #000;
      content: '';
      display: block;
      width: 100%;
      height: 4px;
   }

   .navTrigger i:nth-child(1) {
      -webkit-animation: outT 0.8s backwards;
      animation: outT 0.8s backwards;
      -webkit-animation-direction: reverse;
      animation-direction: reverse;
   }
   .navTrigger i:nth-child(2) {
      margin: 4px 0;
      -webkit-animation: outM 0.8s backwards;
      animation: outM 0.8s backwards;
      -webkit-animation-direction: reverse;
      animation-direction: reverse;
   }

   .hamburger-menu[aria-expanded="true"] .navTrigger i:nth-child(1) {
      -webkit-animation: inT 0.8s forwards;
      animation: inT 0.8s forwards;
   }
   .hamburger-menu[aria-expanded="true"] .navTrigger i:nth-child(2) {
      -webkit-animation: inM 0.8s forwards;
      animation: inM 0.8s forwards;
   }

   @-webkit-keyframes inM {
      50% {
         -webkit-transform: rotate(0deg);
      }
      100% {
         -webkit-transform: translateY(-3px) rotate(45deg);
      }
   }
   @keyframes inM {
      50% {
         transform: rotate(0deg);
      }
      100% {
         transform: translateY(-3px) rotate(45deg);
      }
   }
   @-webkit-keyframes outM {
      50% {
         -webkit-transform: rotate(0deg);
      }
      100% {
         -webkit-transform: translateY(-3px) rotate(45deg);
      }
   }
   @keyframes outM {
      50% {
         transform: rotate(0deg);
      }
      100% {
         transform: translateY(-3px) rotate(45deg);
      }
   }
   @-webkit-keyframes inT {
      0% {
         -webkit-transform: translateY(0px) rotate(0deg);
      }
      50% {
         -webkit-transform: translateY(0px) rotate(0deg);
      }
      100% {
         -webkit-transform: translateY(5px) rotate(135deg);
      }
   }
   @keyframes inT {
      0% {
         transform: translateY(0px) rotate(0deg);
      }
      50% {
         transform: translateY(0px) rotate(0deg);
      }
      100% {
         transform: translateY(5px) rotate(135deg);
      }
   }
   @-webkit-keyframes outT {
      0% {
         -webkit-transform: translateY(0px) rotate(0deg);
      }
      50% {
         -webkit-transform: translateY(5px) rotate(0deg);
      }
      100% {
         -webkit-transform: translateY(5px) rotate(135deg);
      }
   }
   @keyframes outT {
      0% {
         transform: translateY(0px) rotate(0deg);
      }
      50% {
         transform: translateY(5px) rotate(0deg);
      }
      100% {
         transform: translateY(5px) rotate(135deg);
      }
   }


   /* end hamgburger*/
   body.menu-open {
      position: absolute;
      overflow: hidden;
   }
   .mobilemenu {
      position: fixed;
      display: block;
      width: 100%;
      z-index: 100;
      top:90px;
      background: #000;
      padding:0 40px;
      color:#fff;
      text-align: center;
      bottom: 0;
      overflow-y: auto;
   }
   .topmenu__logo {
      text-align: center;
      margin:0 auto;
   }
   .searchbar {

   }
   .topmenu__actions .btn {
      display: block;
   }
   .utility {
      margin-top: 20px;
      background:none;
   }
   .utility__item a,
   .utility__item {
      display: block
   }
   .connect h4 {
      display: none;
   }
   .site-footer {
      margin-top: 50px;
   }
   .searchbar__input input,
   .searchbar__submit {
      color: #fff;
   }
   .topmenu__actions .btn,
   .topmenu__search {
      border-bottom: 1px solid #fff;
   }
   .topmenu__actions .btn {
      font-family: Giovanni-Book;
      font-size: 31px;
      padding: 30px 0;
   }
   .topmenu__actions .btn--nobg {
      color: #fff;
   }
   .searchbar {
      position: relative;
   }
   .searchbar__input input,
   .searchbar__input {
      display: block;
      width: 100%;
   }
   .searchbar__input input {
      padding: 15px 0;
   }
   .searchbar__submit {
      position: absolute;
      right: 20px;
      top: 4px;
   }
   .utility__item a {
      padding: 20px 0;
   }
   .connect {
      padding: 30px 0 60px;
   }
   .submissions-outer > .flex__item:first-child {
      width: 100%;
      margin-bottom: 50px;
   }
   .submissions-outer > .flex__item:last-child {
      width: 100%;
   }
   .contacts .flex__item {
      width: 50%;
      margin-bottom: 30px;
   }
   .articlecols__right .bottomflex__bottom {
      padding-bottom: 0;
   }
   img.aligncenter, img.alignright, img.alignleft, img.alignnone, .size-post-thumbnail, .size-large, .size-medium, .size-full {
      max-width: 100%;
      height: auto;
   }
   .entry-content .alignnone,
   .entry-content .wp-caption,
   .entry-content .aligncenter,
   .entry-content .alignleft,
   .entry-content .alignright {
      max-width: 100% !important;
      margin-top: 20px;
      margin-bottom: 20px;
   }

   .periodically_author .articlecols__right {
      -webkit-justify-content: center;
      justify-content: center;
      text-align: center;
   }
   .masthead .flex__item {
      width: 33%;
   }

   .utility__item--8125 {
      display: block;
   }
   .customad {
      text-align: center;
   }
}