/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
*{margin: 0;padding: 0; outline-color: transparent!important; }
*{
  outline-color: transparent!important;
  outline: none!important;
}
/* 16 grid columns */
[class*="col-"]{
    /*float: left;*/
    padding: 0 10px;
}
[class*="col-"]:first-of-type{
    padding-left: 0;
}
[class*="col-"]:last-of-type{
    padding-right: 0;
}
.container{
  margin: auto;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/*-- GRID SYSTEM --*/
@media screen and (min-width: 1280px) {
  .container{
      max-width: 1280px;
      width: 100%;
  }
   .col-lg-1{width: calc( 1 / 16 * 100%);}
   .col-lg-2{width: calc( 2 / 16 * 100%);}
   .col-lg-3{width: calc( 3 / 16 * 100%);}
   .col-lg-4{width: calc( 4 / 16 * 100%);}
   .col-lg-5{width: calc( 5 / 16 * 100%);}
   .col-lg-6{width: calc( 6 / 16 * 100%);}
   .col-lg-7{width: calc( 7 / 16 * 100%);}
   .col-lg-8{width: calc( 8 / 16 * 100%);}
   .col-lg-9{width: calc( 9 / 16 * 100%);}
  .col-lg-10{width: calc(10 / 16 * 100%);}
  .col-lg-11{width: calc(11 / 16 * 100%);}
  .col-lg-12{width: calc(12 / 16 * 100%);}
  .col-lg-13{width: calc(13 / 16 * 100%);}
  .col-lg-14{width: calc(14 / 16 * 100%);}
  .col-lg-15{width: calc(15 / 16 * 100%);}
  .col-lg-16{width: calc(16 / 16 * 100%);}    
}
.ad-space{padding: 20px 0; display: flex; justify-content: center;}
.ad-space img{
  display: block;
  margin: auto;
}
@media screen and (min-width: 768px) and (max-width: 1589px) {
  .container{
    max-width: 1460px;
    width: 100%;
  }
}

@media screen and (max-width: 1589px) {
  header .bottom > div{
    position: relative;
  }
  header .bottom div nav{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 384px;
    position: absolute;
    right: 0;
  }
  header .bottom div nav ul{
    order: 2;
    width: 100%;
  }
  header .bottom div nav .menu .sub-menu {
    display: none;
  }
  header .bottom div nav .menu .sub-menu.open {
    display: block;
  }
  header .bottom div nav > div{
    width: 100%;
    text-align: right;
    margin-top: 9px;
  }
  header .bottom div nav > div > a{
    font-size: 1.25em;
    padding: 8px;
    /*background-color: #fff;*/
    display: block;
    margin-bottom: 10px;
  }
  #search-d form {
    display: flex;
  }
  #search-d form input {
    width: 100%;
  }
  #search-d form {
    /*margin-top: 8px;*/
    display: none;
  }
  #search-d form.open{
    display: flex;
    position: relative;
    box-shadow: 0px 0px 0px -4px #777;
  }
  #search-d form:before {
    content: "";
    position: absolute;
    top: -17px;
    right: 5px!important;
    width: 0;
    height: 0;
    display: block;
    border-left: 0px solid transparent;
    border-bottom: 15px solid transparent;
    border-top: 0px solid #edeef0;
    border-right: 15px solid #edeef0;
    transform: rotate(-45deg);
  }
  header .bottom div nav{
    z-index: 10;
  }
  header .bottom div nav .menu{
    display: none;
  }
  header .bottom div nav .menu.open{
    display: block;
    box-shadow: 0px 10px 20px -4px #777;
    z-index: 10;
  }
  header .bottom div nav .menu > li {
    position: relative;
    background-color: #edeef0;
  }
  header .bottom div nav .menu > li > a{
    border-bottom: 1px solid #d1d2d3;
  }
  header .bottom div nav .menu > li:first-of-type > a{
    border-top: 1px solid #d1d2d3;
  }
  header .bottom div nav .menu .sub-menu li {
    border-bottom: 0px !important;
  }
  header .bottom div nav ul li{
    display: block;
    /*display: none;*/
  }
  .single #content .sponsors{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .single #content .sponsors a{
    width: calc(100% / 2 - 5px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }
  .ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #b7b7b7;
  }
  /*.single #content .ui-tabs .ui-tabs-nav li{
    padding: 0;
    float: none;
    border: 1px solid #b7b7b7;
    border-bottom: 0;
    margin: 0;
  }
  .single #content .ui-tabs .ui-tabs-nav li.ui-state-active:last-of-type {
    padding: 0;
    float: none;
    border: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    margin: 0;
  }*/
  .ui-tabs .ui-tabs-nav{
    padding: 0 !important;
  }
  .single #content .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    float: none;
    display: block;
  }
  #slider .rsContent div {
    margin-left: 15px;
    max-width: 75%;
    bottom: 20px!important;
  }
  #slider .rsContent div h2{
    font-size: 2.75em;
    line-height: 51px;
  }
  #slider .rsContent div p{
    font-size: 1.125em!important;
  }
  #slider .btn{
    margin-top: 25px !important;
  }
  .single-resource .column {
    width: 100%!important;
  }
  .single #content .show-tools > div > div > div > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .single #content .show-tools > div > div > div > div div:first-of-type{order:2;}
  .single #content .show-tools > div > div > div > div div:last-of-type{
    margin-bottom: 15px;
    order: 1px;
  }
  .media-events > div > div > div{}
  .media-events > div > div > div:last-of-type{
    margin-bottom: 15px;
    order: 1px;
  }
  .media-events > div > div > div:first-of-type{order:2;}{}
}

@media screen and (min-width: 1590px) {
  .home{}
  .top{}
  .top .dates{
    margin-left: 45px;
  }
  .top .social{
    margin-right: 60px;
  }
  header .bottom{
    padding: 22px 60px;
  }
  header .bottom div nav .menu{
    position: relative;
  }
  header .bottom div nav .menu > li{display: inline-block;}
  header .bottom div nav .menu .sub-menu{
    display: none;
    position: absolute;
  }
  header .bottom div nav .menu > li:hover .sub-menu{
    display: block;
    box-shadow: 0px 4px 20px -4px #777;
    /*position: relative;*/
  }
  header .bottom div nav .menu > li:hover .sub-menu:after { 
    /* ~uguuuu~ */
    content: "";
    position: absolute;
    top: -7px;
    right: 50%;
    width: 0;
    height: 0;
    display: block;
    border-left: 0px solid transparent;
    border-bottom: 15px solid transparent;
    border-top: 0px solid #edeef0;
    border-right: 15px solid #edeef0;
    transform: rotate(-45deg);
  }
  header .bottom div nav .menu .menu-item:nth-of-type(1) .sub-menu {
    left: -50px;
    min-width: 191px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(2) .sub-menu {
    left: -47px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(3) .sub-menu {
    left: -90px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(4) .sub-menu {
    left: -52px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(5) .sub-menu {
    left: 20px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(6) .sub-menu {
    left: -35px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(7) .sub-menu {
    left: -29px;
  }
  header .bottom div nav .menu .menu-item:nth-of-type(8) .sub-menu {
    left: -29px;
  }
  header .bottom div nav .menu .sub-menu li {
    /*width: 225px;*/
  }
  header .bottom div nav{
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  #search-d{}
  #search-d > a{
    padding: 15px 14px;
    display: block;
    width: 50px;
  }
  #search-d form{
    display: none;
  }
  #search-d form.open{
    display: flex;
    position: absolute;
    right: 0;
  }
  #slider .rsContent div{
    width: 750px;
    margin-left: 60px;
  }
  #slider .rsContent div h2{
    font-size: 3.75em;
    line-height: 1.09em;
    font-weight: 600;
    color: #fff;
  }
  #slider .rsContent div p{}
  #slider .rsContent div a{}
  main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1260px;
    margin: auto;
  }
  .single main, .search main, .error404 main, .post-type-archive-previous-issues main {
    max-width: 1260px;
    margin: auto;
    padding: 0 60px;
  } 
  .home main{
    max-width: 1800px;
  }
  .single.wide main{
    justify-content: space-between;
    max-width: 1260px;
    margin: auto;
    padding: 0px;
  }
  #content{
    max-width: 780px;
    width: calc(100% - 340px);
    padding-top: 60px;
  }
  .home #content{
    max-width: 100%;
    width: calc(100% - 340px);
    padding-top: 60px;
  }
  .single.wide #content {
    max-width: 940px;
    width: calc(100% - 320px);
    padding-top: 60px;
  }
  #sidebar{
    max-width: 300px;
    padding-top: 60px;
  }
  #content .flex-areas{
    /*margin-bottom: 80px;*/
    margin-bottom: 40px;
    margin-top: 0;
  }
  #content .flex-areas .flex-zone{
    max-width: 460px;
    width: calc(100% / 3 - 20px);
  }
  .blog #content .flex-areas .flex-zone, .archive #content .flex-areas .flex-zone{
    max-width: 460px;
    width: calc(100% / 3 - 15px);
    /*margin-bottom: 40px;*/
  }
  footer{
    /*max-width: 1460px;*/
    margin: 25px auto 0;
  }
  .home footer{
    /*max-width: 1460px;*/
    margin: 0px auto 0;
  }
  #content .show-areas{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #content .show-areas > div {
    width: calc(100% / 2 - 7.5px);
  }
  #content .show-areas div{
    max-width: 460px;
  }
  .single #content .sponsors a{
    width: calc(100% / 4 - 25px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 33px;
    margin-right: 5px;
  }
  .single #content .sponsors a:nth-of-type(4n){
    margin-right: 0;
  }
  .single #content .show-tools{}
  .single #content .show-tools > div > div > div > div{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .single #content .show-tools > div > div > div > div div:last-of-type{
    width: 220px;
  }
  .single #content .show-tools > div > div > div > div div:first-of-type{
    width: calc(100% - 240px);
  }
  .single #content .media-events{}
  .single #content .media-events > div > div > div{
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .single #content .media-events > div > div > div > div:last-of-type{
    width: 220px;
  }
  .single #content .media-events > div > div > div > div:first-of-type{
    width: calc(100% - 240px);
  }
  .blog .feed{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .blog .feed article{
    width: 30%;
  }
  .single .hero, .blog .hero, .archive .hero, .error404 .hero, .post-type-archive-magazine .hero{
    height: 325px;
  }
  /* -MAGAZINE- */
  .single-magazine{}
  .single-magazine main{
    max-width: none;
    padding: 0;
  }
  .single-magazine main #content{
    width: 100%;
    max-width: none;
  }
  /*.single-magazine main #content p, span, h1, h2, h3, h4, h5, h5, h6, .single-magazine #content > *:not(div){
    margin: auto;
    max-width: 780px; 
  }*/
  .single-magazine main #content p,
  .single-magazine main #content blockquote,
  .single-magazine main #content span,
  .single-magazine main #content h1,
  .single-magazine main #content h2,
  .single-magazine main #content h3,
  .single-magazine main #content h4,
  .single-magazine main #content h5,
  .single-magazine main #content h5,
  .single-magazine main #content h6{}
  .single-magazine main .content > *{
    margin: auto;
    max-width: 780px; 
  }
  .single-magazine main #content .content {
    margin: auto;
    max-width: 1100px; 
  }
  .single-magazine main #content p.image{
    max-width: 1100px;
  }
  .single-magazine main #content p.image img{
    display: block;
    margin: auto;
  }
  .single-magazine .post-meta{
    max-width: 780px;
    margin: auto;
  }
  .single-magazine .more-posts{
    max-width: 940px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .single-magazine .more-posts div{
    width: calc(100% / 3);
    max-width: 300px;
  }
}
@media screen and (max-width: 1589px) and (min-width: 768px){
  .flex-areas .flex-zone {
    width: calc(100% / 2 - 10px)!important;
  }
}

  @media screen and (max-width: 957px) {
    .post-type-archive-previous-issues .flex-areas article {
      max-width: 416px;
      width: 100%;
    }
    .post-type-archive-previous-issues .flex-areas article {
      width: calc(100% / 2 - 10px)!important;
    }
 } 



#slider .royalSlider{
  width: 100%;
  height: 750px;
  position: relative;
}
@media screen and (min-width: 768px){
  #slider{}
  #slider .royalSlider{
    width: 100%;
    height: 750px;
    position: relative;
  }
  #slider .rsUni .rsBullets{
    position: absolute;
    width: auto;
    bottom: 5px;
    right: 20px;
    z-index: 9;
  }
  #slider .caption{display: none;}
  .top{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #b7b7b7;
  }
  .top .dates{
    margin-left: 45px;
  }
  .top .dates li{
    list-style: none;
    display: inline-block;
    margin-bottom: -2px;
  }
  .top .dates li:first-of-type{display: none;}
  .top .dates li.active{
    border: 1px solid #b7b7b7;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #b7b7b7;
  }
  .top .dates li a{
    display: inline-block;
    text-decoration: none;
    padding: 10px 17px;
  }
  header .bottom > div{
    display: flex;
    justify-content: space-between;
  }
  header .bottom > div > div{
    display: flex;
    justify-content: space-between;
  }
  header .bottom > div div div{
    border-left: 1px solid #b7b7b7;
    margin-left: 20px;
    padding-left: 20px;
  }
  header .bottom div nav ul li a:hover, header .bottom div nav ul li.current-menu-parent > a, .post-type-archive-magazine #menu-item-2138 > a, .single-magazine #menu-item-2138 > a, .single-post #menu-item-1720 > a, .post-type-archive-previous-issues #menu-item-2172 > a {
    color: #b7b7b7;
  }

  header .bottom div nav ul li a{
    display: block;
    padding: 21px 14px;
  }
  #shows{}
  #shows div ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #shows div ul li{
    margin: 37px 0;
  }
  #shows > div:last-of-type > div > div {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: space-around;
  }
  .flex-areas{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1460px;
    margin: auto;
    margin-top: 60px;
  }
  .blog .flex-areas{
    display: block;
  }
  .flex-areas .flex-zone{
    max-width: 416px;
    width: 100%;
  }
  .home .sponsors div{
    max-width: 1199px;
    margin: auto;
  }
  footer .footer-copy {
    padding: 30px 60px;
  }

  /*-- footer --*/
  footer .menu{
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
  }
  footer .menu ul{
    width: 50%;
  }
  .single #content .sponsors{
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-start;  
    flex-wrap: wrap;
  }
  .single #content .video{
    display: flex;
    justify-content: space-between;
  }
  .single #content .video > div{
    width: 100%;
  }
  .single #content .video > div:last-of-type{
    margin-left: 20px;
    width: calc(60% - 150px);
  }
  .blog #content .flex-areas.news article.flex-zone {
    max-width: calc(100% / 3 - 20px);
  }
  #content form.search{
    width: 100%;
    max-width: 380px;
  }
  #content form.search input{
    width: 100%;
  }
}

  .post-type-archive-previous-issues  .flex-areas{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1460px;
    margin: auto;
    margin-top: 0px;
  }


@media screen and (min-width: 768px) and (max-width: 1589px) {
  header .top{padding: 0 16px;}
  header .top .dates{margin-left: 0;}
  header .bottom{
    padding: 20px 16px;
  }
  header .bottom div nav{
    display: flex;
  }
  header .bottom div nav ul li a:hover{}
  main{
    max-width: 1260px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
  }
  #content{
    min-width: 416px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .single-magazine #content{
    margin-left: 0;
    margin-right: 0;
  }
  #sidebar{
    width: 300px;
    margin-right: 15px;
  }
  .flex-areas{
    margin-top: 0;
    padding: 0;
    margin-bottom: 80px;
  }
  .home #content .flex-areas:first-of-type{
    margin-bottom: 20px;
  }
  #content .flex-areas+h2{
    /*margin-bottom: 35px;*/
  }
  .flex-areas .flex-zone{
    margin-bottom: 25px;
  }
  /*.flex-areas*/ footer .menu{
    padding-left: 16px;
    padding-right: 16px;
  }
  #shows > div{padding: 0 16px;}
  #shows div:last-of-type{
    padding: 0 30px;
  }
  #shows > div:last-of-type > div > div{
    justify-content: space-around;
  }
  #shows > div:last-of-type .show {
    width: 50%;
  }
  footer .footer-copy {
    padding: 30px 16px;
  }
  .single .hero, .blog .hero, .archive .hero, .error404 .hero, .post-type-archive-magazine .hero{
    height: 180px;
  }
  .single .hero h1, .blog .hero h1, .archive .hero h1, .error404 .hero h1 {
    font-size: 2.25em!important;
  }
  .single-magazine main{
    padding: 0;
    max-width: none;
  }
  .single-magazine #content{
    padding-top: 60px;
  }
  .single-magazine .post-meta{max-width: 780px;margin: auto;}
  .single-magazine .post-meta, /*.single-magazine #content p, span, h1, h2, h3, h4, h5, h5, h6*//*.single-magazine #content > * */{
    padding: 0px 30px;
  }
  /*.single-magazine main #content p, span, h1, h2, h3, h4, h5, h5, h6*/ .single-magazine main #content > * {
    margin: auto;
    max-width: 780px;
    width: calc(100% - 30px);
  }
  /*.single-magazine .meta #content p, span, h1, h2, h3, h4, h5, h5, h6*/ .single-magazine #content > *{
    padding: 0px;
  }
  .single-magazine #content p.image{padding: 0;}
  .single-magazine #content .more-posts{
    padding: 0px;
    max-width: 940px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*padding: 0 15px;*/
  }
  .single-magazine #content .more-posts div img{
    width: 100%;
  }
  .single-magazine .more-posts div{
    width: calc(100% / 2 - 10px);
    margin-bottom: 15px;
  }
  .single-magazine .more-posts div h2{
    padding: 0;
  }
  .single-magazine #content .more-posts div p.date{
    padding: 0;
  }
  #content .image{max-width: 100%!important;}
}
@media screen and (min-width: 1024px) and (max-width: 1589px){
  .single #content .sponsors a {
      width: calc(100% / 3 - 5px)!important;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px;
  }
  .single-magazine .more-posts div {
    width: calc(100% / 3);
    max-width: 300px;
  }
  .single .hero h1, .blog .hero h1, .archive .hero h1, .error404 .hero h1 {
    font-size: 2.25em!important;
  }
  .single .hero, .blog .hero, .archive .hero, .error404 .hero {
    height: 325px!important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px){
  .blog #content .flex-areas.news article.flex-zone {
    max-width: calc(100% / 2 - 20px);
  }
  #content .image{max-width: 100%!important;}
}
@media screen and (max-width: 767px) {
  #top-ad, main, footer{padding: 0 15px;}
  #bottom-ad{display: none;}

  .ad-space img{
    max-width: 100%;
  }
  header .brand{
    padding: 15px;
    text-align: center;
  }
  header .top{margin: 0 15px;}
  header .bottom > div> div{
    display: flex;
    flex-wrap: wrap;
  }
  header .bottom > div> div a{
    /*width: 100%;*/
    order: 2;
  }
  header .bottom > div> div > div{
    width: 100%;
    order: 1;
  }
  header .bottom > div div div{
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #b7b7b7;
  }
  header .bottom div nav > div > a {
    position: absolute;
    right: 20px;
    top: -60px;
  }
  header .bottom div nav {
    z-index: 100;
    max-width: 100%;
  }
  header .bottom div nav > div {
    margin-top: 0;
  }
  header .bottom div nav ul li a:hover, header .bottom div nav ul li.current-menu-parent > a, .post-type-archive-magazine #menu-item-2138 > a, .single-magazine #menu-item-2138 > a, .single-post #menu-item-1720 > a {
    color: #b7b7b7;
  }
  #search-d form:before {
    right: 22px!important;
  }
  #slider .caption h2{
    font-family: 'Libre Franklin', arial, sans-serif;
    font-size: 42px;
    line-height: 51px;
  }
  #slider .caption p{
    font-size: 18px;
    font-family: 'Lora', arial, sans-serif;
    line-height: 30px;
  }
  #slider .caption a{
    text-decoration: none;
    text-transform: uppercase;
  }
  #slider .rsUni .rsBullets {
    /*position: absolute;
    width: auto;
    bottom: 5px;
    right: 20px;*/
    background-color: #5c6670;
    padding-bottom: 15px;
    z-index: 0;
  }
  #slider .rsContent div{display: none;}
  #slider .caption{
    background-color: #5c6670;
    float: none;
    padding: 15px;
    clear: both;
  }

  #shows div ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #shows div ul li{
    width: 50%;
    text-align: center;
  }
  main {
    margin-top: 25px;
  }
  .single .stores{
    overflow-x: scroll;
    margin-bottom: 25px;
  }
  .single .stores table{
    width: 800px;
  }
  header .top .dates{
    margin-top: 5px;
    list-style: none;
  }
  .top .dates li{
    border: 1px solid #b7b7b7;
    border-bottom: 0;
  }
  .top .dates li:last-of-type{
    border-bottom: 1px solid #b7b7b7;
  }
  .top .dates li a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 17px;
  }
  header .social{display: none;}
  footer .social{
    margin: 15px 0 0;
  }
  footer .footer-copy{
    flex-wrap: wrap;
    padding: 15px 0;
  }
  footer .footer-copy > span{
    margin-bottom: 15px;
  }
  #shows div:first-of-type ul li a {
    font-size: 1.5em!important;
    line-height: 2.25em;
  }
  .single .hero, .blog .hero, .archive .hero, .error404 .hero{
    height: 160px;
  }
  .single .hero h1, .blog .hero h1, .archive .hero h1, .error404 .hero h1 {
    font-size: 1.875em!important;
  }
  .single #content .media-events > div > div > div {
    display: flex;
    /*justify-content: space-between;*/
    flex-direction: column-reverse;
    flex-wrap: nowrap;
  }
  .single #content .media-events > div > div > div img{
    width: 100%;
  }
  .single #content .video > div:last-of-type{
    margin-top: 15px;
  }
  footer .menu ul {
    justify-content: flex-start!important;
    flex-wrap: wrap;
  }
  .single-magazine .post-meta{padding: 0 15px;}
  .single-magazine .post-meta h1{padding: 0;}
  .single-magazine .post-meta span{padding: 0;}
  .single-magazine main{padding: 0;}
  .single-magazine #content{
    margin: auto;
  }
  /*.single-magazine #content p, span, h1, h2, h3, h4, h5, h5, h6, */.single-magazine #content > *{
    padding: 0px 15px;
  }
  .single-magazine #content p.image{padding: 0;}
  .single-magazine .more-posts{
    padding: 0 15px;
    max-width: 940px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .single-magazine .more-posts div{
    /*width: calc(100% / 2 - 10px);*/
    margin-bottom: 15px;
  }
  .single-magazine .more-posts div h2{
    padding: 0;
  }
  .single-magazine #content .more-posts div p.date{
    padding: 0;
  }
  .single-magazine #content .post-meta+img{padding: 0;}
  .single-magazine #content h3+hr{
    padding: 0 15px;    
    width: calc(100% - 30px);
  }
  .single #content .ui-tabs .ui-tabs-nav li{
    padding: 0;
    float: none;
    border: 1px solid #b7b7b7;
    border-bottom: 0;
    margin: 0;
  }
  .single #content .ui-tabs .ui-tabs-nav li.ui-state-active:last-of-type {
    padding: 0;
    float: none;
    border: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    margin: 0;
  }
  #content .image{max-width: 100%!important;}
  header .top {position: relative;}
header .top:before{
  font-family: FontAwesome;
  content: "\f0d7";
  position: absolute;
  bottom: 13px;
  right: 15px;
}
}
.flex-zone {width: 100%; margin-bottom: 15px; margin-top: 15px;}
.post-type-archive-magazine .flex-zone {
    margin-top: 0px;
    margin-bottom: 30px;
}
.flex-zone--width2 {width: 400px;}
.ui-tabs .ui-tabs-nav li{margin-left: 0!important;}
.ui-tabs .ui-tabs-nav{padding-left: 0;}