/* 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;
}

/* Styling for New Changing Theme Colors - Just set the primary color variable below and it will change throughout the site! */
:root {
  --primary-color: #3E4223;
}

.et_pb_social_icon a.icon {
  background-color: var(--primary-color) !important;
}
.et-db #et-boc .et-l .et_pb_button_1.et_pb_button, .et-db .pum .et-l .et_pb_button_1.et_pb_button, .et-db #et-boc .et-l .et_pb_button_2.et_pb_button, .et-db .pum .et-l .et_pb_button_2.et_pb_button {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.et-db #et-boc .et-l .et_pb_button_0, .et-db #et-boc .et-l .et_pb_button_0_wrapper .et_pb_button_0, .et-db #et-boc .et-l .et_pb_button_0_wrapper .et_pb_button_0:hover, .et-db .pum .et-l .et_pb_button_0, .et-db .pum .et-l .et_pb_button_0_wrapper .et_pb_button_0, .et-db .pum .et-l .et_pb_button_0_wrapper {
  background-color: var(--primary-color);
}

a.btn.solid.dark.head-reg-btn.secnd-head-reg-btn{
	background-color: #5c6670 !important;
	margin-left: 10px !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;
}
.top-header  {
	display: none;
}
.post-type-archive-contenthub .top-header, .category-gear .top-header, .page-id-7330 .top-header, .category-people .top-header, .category-design .top-header, .category-ideas-features .top-header, .category-webinars-education .top-header, .category-the-weekly .top-header, .category-the-daily .top-header, .category-magazine .top-header, .category-trends .top-header, .category-advocacy .top-header, .category-sustainability .top-header, .category-commerce-retail .top-header, .single-post .top-header {
	display: block;
}
.top-header {
    padding: 12px 16px;
    text-align: right;
	background-color: #000;
    color: #7a7a7a;
}
.top-header {
    padding: 12px 16px;
    text-align: right;
	background-color: #000;
    color: #7a7a7a;
}
.top-header a:hover, .top-header a.active {
	color:#fff;
}
/*-- 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: 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: 1625px) {
  header .bottom > div{
    position: relative;
  }
  header .bottom div nav{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 384px;
    position: absolute;
    right: 0;
  }
	ul.sub-menu.open {
    padding-left: 40px;
}
  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: -5px;
  }
  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: 1626px) {
  .home{}
  .top{}
  .top .dates{
    margin-left: 45px;
  }
  .top .social{
    margin-right: 60px;
  }
  header .bottom{
    padding: 0px 48px 0;
  }
	.top-header {
    padding: 12px 72px !important;
}
  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;
    /* position: relative; */
    border: 3px solid #FFC600;
    right: 10px;
    left: unset !important;
    min-width: 243px;
}
  }
  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: 0;
	/* padding-left: 0; */
  }
  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 0 15px 14px;
    display: block;
  }
  #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;
  }*/
  #content {
    padding-top: 60px;
    max-width: 1110px;
    width: 100%;
}
  .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;
        display: none;
  }
  #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: 230px;
  }
  /* -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: -23px;
    padding-left: 20px;
	  padding-top: 20px;
  }
	.top-header {
    padding: 12px 16px;
    text-align: right;
}
  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: 1520px;
    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;
	  /* padding: 30px 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: 1626px) {
  header .top, .top-header-btn{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;
  }
  .archive.post-type-archive-contenthub .hero{
        height: 230px !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;
	padding: 0 20px !important;
  }
  .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;*/}
  .top-header-btn {
    visibility: hidden;
}
  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;
  top: 42px;
  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;}
#slider .btn {
    border-radius: 0;
}
.top {
    border: 0;
	padding-top: 10px;
}

.social a {
    display: none;
}
@font-face {
  font-family: 'RamaGothicE-Light';
  src: url('fonts/Dharma%20Type%20-%20RamaGothicE-Light.eot');
  src: local('☺'), url('fonts/Dharma%20Type%20-%20RamaGothicE-Light.woff') format('woff'), url('fonts/Dharma%20Type%20-%20RamaGothicE-Light.ttf') format('truetype'), url('fonts/Dharma%20Type%20-%20RamaGothicE-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Termina-Regular';
  src: url('fonts/Fort%20Foundry%20-%20Termina-Regular.eot');
  src: local('☺'), url('fonts/Fort%20Foundry%20-%20Termina-Regular.woff') format('woff'), url('fonts/Fort%20Foundry%20-%20Termina-Regular.ttf') format('truetype'), url('fonts/Fort%20Foundry%20-%20Termina-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DIN-2014';
  src: url('fonts/ParaType%20-%20DIN%202014.eot');
  src: local('☺'), url('fonts/ParaType%20-%20DIN%202014.woff') format('woff'), url('fonts/ParaType%20-%20DIN%202014.ttf') format('truetype'), url('fonts/ParaType%20-%20DIN%202014.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** Generated by FG **/
@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('fonts/Radomir%20Tinkov%20-%20Gilroy-ExtraBold.eot');
  src: local('☺'), url('fonts/Radomir%20Tinkov%20-%20Gilroy-ExtraBold.woff') format('woff'), url('fonts/Radomir%20Tinkov%20-%20Gilroy-ExtraBold.ttf') format('truetype'), url('fonts/Radomir%20Tinkov%20-%20Gilroy-ExtraBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body header .menu li a, .top .dates li a, #sidebar .buttons a:not(.btn) {
    /*font-family: 'RamaGothicE-Light' !important;*/
    font-family: 'Gilroy-Regular' !important;
    font-size: 18.5px;
}
.single #content a.btn, body a.btn, header .social .btn {
    font-family: 'Gilroy-Regular' !important;
    font-size: 12px !important;
}
header .bottom div div span:last-of-type {
    font-family: 'Termina-Regular' !important;
        font-size: 11.2px;
}
.single #content a.btn, header .social .btn {
    font-family: 'Gilroy-Regular' !important;
    font-size: 12px !important;
}
header .bottom div div span:last-of-type {
    font-family: 'Termina-Regular' !important;
    font-size: 11.2px;
}
header .bottom div div span:first-of-type, span.date {
    /*font-family: 'Gilroy-ExtraBold' !important;*/
    font-size: 18.4px;
}
body #slider .rsContent div h2, body #slider .rsContent div h2 a {
    font-family: 'Gilroy-ExtraBold' !important;
    font-size: 72px !important;
	line-height: normal;
}
#slider .rsContent div p {
    font-family: 'Gilroy-Regular' !important;
    font-size: 18px !important;
    margin-top: 15px;
}
#slider .btn {
    font-family: 'Gilroy-Regular' !important;
    font-size: 15.2px !important;
}
#shows div:last-of-type div h2, #magazine_box h2, #post_box h2, .sponsors h2, .sponsors h2 a {
    font-family: 'Gilroy-ExtraBold' !important;
    font-size: 30.4px;
}
#shows div:last-of-type div p {
    font-family: 'DIN-2014' !important;
    font-size: 18.4px;
}
#flex_box .flex_col h3, #magazine_box h3, .m_article h3, #magazine_box h3 a, .m_article h3 a {
    font-family: 'Gilroy-ExtraBold' !important;
    font-size: 18.4px;
}
#flex_box .flex_col p {
    font-family: 'DIN-2014' !important;
    font-size: 16px !important;
}

#flex_box .flex_col a, .m_meta, .m_meta a {
    font-family: 'RamaGothicE-Light' !important;
    font-size: 18.5px;
	color:#777;
}
body a.btn {
    font-family: 'DIN-2014' !important;
    font-size: 15.2px !important;
}
body p a, .single #content p a, .error404 #content p a, body a, .single #content a, .error404 #content a {
    font-family: 'DIN-2014' !important;
    font-size: 18.5px !important;
}
footer .footer-copy {
    font-family: 'DIN-2014' !important;
}
.single .hero h1, .blog .hero h1, .archive .hero h1, .error404 .hero h1 {
    font-family: 'Gilroy-ExtraBold' !important;
    font-size: 56px !important;
}

.single #content h2, .error404 #content h2 {
    font-family: 'Gilroy-ExtraBold' !important;
    font-size: 30.4px;
}

.single #content h1, .error404 #content h1 {
    font-family: 'Gilroy-ExtraBold' !important;
}

.single #content p, .error404 #content p, .single #content li {
    font-family: 'DIN-2014' !important;
    font-size: 18.4px !important;
}

.single #content p strong {
    font-family: 'Gilroy-ExtraBold' !important;
    font-size: 18.4px !important;
}

.single #content p em strong {
    font-family: 'Termina-Regular' !important;
    font-size: 11.2px;
}

.single #content a.btn, body a.btn {
    font-family: 'DIN-2014' !important;
    font-size: 15.2px !important;
}

#sidebar .buttons a:not(.btn) {
    font-family: 'RamaGothicE-Light' !important;
    font-size: 18.5px !important;
}
body a, .single #content a, body .menu li a{
    font-family: 'RamaGothicE-Light' !important;
}

.sales-contacts div span, .sales-contacts div a, #sidebar .upcoming span {
    font-family: 'DIN-2014' !important;
}
.quick_container {
    background-color: #edeef0;
    padding-bottom: 25px;
}
#shows div:last-of-type {
    background-color: #fff !important;
}
div#button_text .container {
    max-width: 1110px;
    text-align: center;
}

div#button_text .container .button_two {
    display: block;
    clear: both;
    width: 100%;
}

.link_button {
    display: inline-block;
    margin: 10px 15px;
}
.button_text {
    width: 100%;
    margin-bottom: 30px;
}
div#button_text {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #edeef0;
}
div#button_text p {
    font-family: 'Libre Franklin', arial, sans-serif!important;
    font-size: 20px;
}
.link_button a {
    color: #fff;
    border: 2px solid #FFC600;
    background-color: #FFC600;
    transition: all .16s ease;
    padding: 10px 45px;
    font-family: 'DIN-2014' !important;
}

.link_button a:hover {
       opacity: 0.7;
}
.button_two .link_button:nth-child(2) a {
    background-color: #5C6670;
    border-color: #5C6670;
}
.sponsors iframe {
    max-width: 100%;
}
.sponsors.first {
    padding-bottom: 0;
	background-color:#fff !important;
}
footer .footer-copy span, footer .footer-copy a {
    font-size: 18.5px !important;
    font-family: 'RamaGothicE-Light' !important;
    font-weight: 600;
}
@media screen and (max-width: 1626px){
  header .bottom div nav .menu .menu-item-has-children > a:after {content: '';top: 20px;right: 10px;background-image: url(../../../uploads/2020/04/fa-fa-plus.png);width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;position: absolute;display: inline-block;}
  header .bottom div nav .menu .menu-item-has-children > a {
      position: relative;
  }
  header .bottom div nav .menu .menu-item-has-children.open_sub > a:after {
    transform: rotate(45deg);
}
}
.date_holder {
    margin-top: -37px;
}
.single-resource .date_holder {
    margin-top: -41px;
}
.post-type-archive-contenthub .date_holder, .category .date_holder {
    margin-top: -51px;
}
header,.top-header-btn {
    max-width: 1660px;
    margin: auto;
}
.top-header-btn {
    margin: 0 auto !important;
    padding-right: 60px !important;

}
.post-type-archive header .bottom, .category header .bottom{
    /*padding: 14px 60px 0;*/
}
@media screen and (max-width: 1626px) {
.date_holder {
    margin-top: -52px;
    margin-bottom: 10px;
}
.post-type-archive-contenthub .date_holder, .category .date_holder {
    margin-top: -47px;
}
header .bottom div nav {
    position: absolute;
}
#search-d form.open {
    position: relative;
}
header .bottom div nav ul li a:hover:before{
  content: none !important;
}
header .bottom div nav ul.menu>li>a {
    padding: 21px 14px 21px !important
}
#search-d > a {
    padding: 15px 0 15px 14px;
    display: block;
}
.top-header-btn {
    padding-right: 15px !important;
}
}
@media screen and (max-width: 1440px) {
.date_holder {
    margin-top: -57px;
    margin-bottom: 5px;
}
.post-type-archive-contenthub .date_holder, .category .date_holder {
    margin-top: -47px;
}
}
@media screen and (max-width: 767px) {
.date_holder {
    margin-top: 0;
    margin-bottom: 0;
}
.site-date-branding:before {
    top: 17px !important;
}
}
@media screen and (max-width: 1023px){
  .top-header-btn {
    visibility: hidden;
}
}

.single-resource .single-resource .top-header-btn {
    padding: 40px 0 0 !important;
}

.inline-ad {
    display: block;
    margin: auto;
    max-width: 700px;
    padding: 0 0px 30px 0px;
}

form#gform_4>.gform_footer.top_label {
    text-align: center !important;
}

input#choice_4_8_1 {
    margin-top: -25px !important;
}

li#field {
    list-style: none !important;
}

.s98-modal li#field {
    margin-left: 0px !important;
}

input#gform_submit_button_4 {
    margin-bottom: 25px;
}

.already-subscriber {
	border-bottom: none !important;
}

@media (max-width:767px) {
	input#s98_subscriber_email {
		font-size: 14px;
		width: 100%;
	}
}

input#gform_submit_button_4 {
    background: #FFC600 !important;
    border: 1px solid #FFC600 !important;
}

input#gform_submit_button_4:hover {
    background: #5c6670 !important;
    border: 1px solid #5c6670 !important;
	color:#fff !important;
}


#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link, #onetrust-consent-sdk #onetrust-pc-sdk .ot-pgph-link, #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler, #onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a, #onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler, #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link, #onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-legclaim-link, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc .ot-link-btn, #onetrust-consent-sdk #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a, #onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info a {
  font-family: inherit !important;
}
#onetrust-pc-sdk #ot-pc-desc a {
  margin-left: 5px;
  font-size: inherit !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href], #onetrust-consent-sdk #onetrust-banner-sdk a[href] font, #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn {
  font-family: inherit !important;
  font-size: inherit !important;
}

#onetrust-banner-sdk #onetrust-policy-text a {
  font-size: inherit !important;
}