/*
Theme Name: MCN 2020
Theme URI: https://moviecitynews.com
Description: 2020 mcn theme
Version: 1.0
*/

/*
  gill sans from adobe
  font-weights
    - 300 = light
    - 400 = normal
    - 600 = semibold
    - 700 = bold
*/

body {
  margin: 0;
  padding: 0;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-text-size-adjust: none;
  background: #181818;
  letter-spacing: .1em;
}

/* fix the box model */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
/* stop webkit from doing its own thing with submit buttons */
input { outline: 0; }
input[type=text], input[type=submit] {  -webkit-appearance: none; }
/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.printer-only { display: none; }
.no-desktop { display: none; }

.mobile-only {
  display: none !important;
}

.hide-checkbox {
  position: absolute;
  left: -999em;
}

.flex {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.flex .item {
  position: relative;
}

.flex .width-10 { width: 10%; }
.flex .width-15 { width: 15%; }
.flex .width-20 { width: 20%; }
.flex .width-25 { width: 25%; }
.flex .width-30 { width: 30%; }
.flex .width-33 { width: 33.33333%; }
.flex .width-35 { width: 35%; }
.flex .width-40 { width: 40%; }
.flex .width-50 { width: 50%; }
.flex .width-60 { width: 60%; }
.flex .width-66 { width: 66.66666%; }
.flex .width-70 { width: 70%; }
.flex .width-75 { width: 75%;}
.flex .width-80 { width: 80%; }
.flex .width-85 { width: 85%; }
.flex .width-90 { width: 90%; }
.flex .width-100 { width: 100%; }

a {
  text-decoration: none;
  color: #2d519d;
}

a:hover {
  color: #9D200E;
}

a img {
  border: 0;
}

h1, h3, h4, h5, h6, p {
  margin: 0;
}

/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  height: auto;
}

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

.img.responsive {
  position: relative;
  width: 100%;
  padding: 0 0 100% 0;
}

.img.responsive img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* End Images */

.layout {
  width: 98%;
  margin: 0 auto;
  max-width: 1400px;
  min-width: 1000px;
}

.menu-bg {
  max-width: 100%;
  background: #000;
}

.atop img {
  display: block;
  width: 100%;
  max-width: 728px;
  margin: 1em auto 1em auto;
}

#nav-wrap {
  position: relative;
}


#nav-header {
  position: relative;
}

#nav-header .layout {
  position: relative;
  background: #000;
}


#nav-header .flex {
  margin: 0;
  justify-content: space-between;
  align-items: center;
}

#nav-header .flex .item {
  margin: 0;
  padding: 1em;
}

#nav-header .flex .item.menu {
  position: relative;
  flex-grow: 1;
}


#nav-header .flex .item.menu .nav-items {
  text-align: right;
}

#nav-header .flex .item.menu .nav-items div {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 1.5em;
}

#nav-header .flex .item.menu .nav-items div a {
  display: block;
  text-transform: uppercase;
  color: #fff;
  padding: .75em 2em .85em 2em;
}

#nav-header .flex .item.menu .nav-items div a.gurus {
  background: #cc6830;
}

#nav-header .flex .item.menu .nav-items div a.subscribe {
  background: #2d519d;
}

#nav-header .flex .item.menu .nav-items div a:hover {
  background: #555;
}

#nav-header .flex .item.menu .nav-items div .icon-search {
  font-size: 2em;
  position: relative;
  top: .1em;
}

#nav-header .flex .item.logo img {
  display: block;
  margin-left: -1px;
}

.menu-toggler {
  color: #fff;
  z-index: 55553;
  cursor: pointer;
}

.menu-toggler .icon-menu {
  font-size: 3em;
}

#nav-wrap {
  z-index: 555;
}

#main-nav {
  list-style: none;
  margin: 0 0 1.25em 0;
  padding: 0;
  display: flex;
  display: none;
}

.admin-bar #main-nav {
  top: 2em;
}


#main-nav li {
  width: 33.3333%;
  display: block;
  text-align: center;
  padding: 0;
  position: relative;
}


#main-nav .close-nav {
  margin: 0 0 1em 0;
  text-transform: uppercase;
  padding: 0 1em .5em 1em;
  width: 100%;
  text-align: right;
  height: auto;
  display: none;
}

.admin-bar .close-nav {
  margin-top: 1em !important;
  width: 100%;
}

#main-nav .close-nav label {
  cursor: pointer;
  display: block;
}

#main-nav .close-nav .icon-close {
  font-size: 2em;
}

#main-nav .close-nav .text {
  position: relative;
  display: none;
}

#main-nav li.no-desktop {
  display: none;
}

/* stop the normal menu colors/borders */
#main-nav li a {
  color: #fff;
  padding: 0 0 1em 0;
  display: block;
  text-transform: uppercase;
  font-weight: 400;
}

#main-nav li a.todo {
  opacity: .5;
}

#main-nav li h2 {
  font-size: 1em;
  font-weight: 400;
  color: #f08b34;
  margin: 0;
  padding: 1em;
}

#main-nav li:hover h2 {
  color: #f08b34;
}

#main-nav li a.first {
  font-size: 1.5em;
}

/* make the submenus work */
#main-nav .subnav {
  padding: 0 0 1.5em 0;
  display: none;
  position: absolute;
  left: auto;
  background: #000;
  width: 100%;
}

#main-nav li:hover .subnav {
  
  display: block;
}

#main-nav .subnav a {
  padding: .5em 0 .5em 0;
  font-weight: 400;
  font-size: .875em;
  display: block;
}

#main-nav a:hover {
  color: orange;
}

#main-nav .subnav .icon-right-arrow {
  color: #fff;
  font-size: .875em;
  position: relative;
  top: .03em;
  padding: 0 .5em 0 0;
}

#main-nav .submenu-toggler {
  color: #fff;
  position: relative;
  z-index: 555555;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
}


#main-nav .submenu-toggler.no-desktop {
  display: none;
}

#main-nav .submenu-toggler .icon-right-arrow {
  float: right;
  margin: .2em 0 0 0;
}

#main-nav .submenu-toggler .icon-down-arrow {
  display: none;
  float: right;
  margin: .2em 0 0 0;
}

#main-nav .toggler:checked + label .icon-down-arrow,
#main-nav .toggler:checked ~ label .icon-down-arrow {
  display: block;
}

#main-nav .toggler:checked + label .icon-right-arrow,
#main-nav .toggler:checked ~ label .icon-right-arrow {
  display: none;
}

#main-nav .toggler:checked + .subnav,
#main-nav .toggler:checked ~ .subnav {
  position: relative !important;
  border: 0 !important;
  padding: .5em;
  display: block !important;
  left: 0;
}

#main-nav .subnav .col-50 {
  width: 100%;
}

/* now make hambuger menu work */

#menu-trigger:checked ~ #nav-header #nav-wrap {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background: rgba(0,0,0,.9);
}

#menu-trigger:checked ~ #nav-header #main-nav {
  display: flex !important;
  position: relative;
  margin-top: 3em;
  justify-content: center;
}

#menu-trigger:checked ~ #nav-header #main-nav h2 {
  font-size: 1.5em;
}

#menu-trigger:checked ~ #nav-header #main-nav .subnav {
  display: block;
  background: transparent;
}

#menu-trigger:checked ~ #nav-header .icon-menu {
  display: none;
}

#menu-trigger:checked ~ #nav-header #main-nav .close-nav {
  display: block;
  position: absolute;
  right: 3em;
  top: -2.5em;
  z-index: 1555;
  color: #fff;
}

.footer {
  background: #000;
}

.footer .flex {
  width: auto;
  color: #fff;
  padding: 1em 0;
  margin: 0 -1em;
}

.footer .flex .item {
  padding: 1em 2em;
}

.footer .flex .item h2 {
  color: #f08b34;
  font-size: 1.5em;
  font-weight: 600;
  display: inline-block;
  margin: 0 0 1em 0;
}

.footer .flex .item .social {
  float: right;
}

.footer .flex .item .social a {
  color: #f08b34;
  border: 1px solid #f08b34;
  border-radius: 5em;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
}

.footer .social .icon-facebook:before {
  position: relative;
  top: .3em;
  left: .05em;
  font-size: 1.25em;
}

.footer .social .icon-twitter:before {
  position: relative;
  top: .3em;
  left: .05em;
  font-size: 1.25em;
}


.footer .flex .item hr {
  border: 0;
  height: 1px;
  background: #ccc;
  margin: 0 0 0em 0;
}

.footer .footer-menu {
  margin: 0;
}
.footer .footer-menu .item {
  padding: .5em 0;
}

.footer .footer-menu a {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25em;
}

.footer .footer-menu a:hover {
  color: #f08b34;
}

.footer .newsletter-item h2 {
  color: #fff !important;
  margin: 0 0 .5em 0 !important;
}

.footer .newsletter-item h4 {
  font-weight: 400;
  font-style: italic;
  margin: 0 0 1.75em 0;
  font-size: 1em;
}

.footer .newsletter-item #mc_embed_signup {
  margin: 0 0 2em 0;
}

.footer .newsletter-item #mc_embed_signup .mc-field-group p {
  background: #262626;
  padding: .75em 0;
  display: flex;
  width: auto;
}

.footer .newsletter-item #mc_embed_signup input[type=email] {
  background: transparent;
  color: #fff;
  font-size: 1em;
  border: 0;
  padding: .75em;
  width: 70%;
  display: block;
}

.footer .newsletter-item #mc_embed_signup input[type=email]::placeholder {
  color: #fff;
  font-size: 1em;
}

.footer .newsletter-item #mc_embed_signup button {
  display: block;
  background: transparent;
  color: #f08b34;
  font-size: 1em;
  border: 0;
  padding: .75em;
  border: 0;
  border-left: 1px solid #ccc;
  width: 30%;
  text-align: center;
  cursor: pointer;
}

.footer .newsletter-item .recent a {
  color: #fff;
}

.footer .newsletter-item .recent a:hover {
  color: #ccc;
}


.footer .newsletter-item .recent a span {
  color: #f08b34;
  position: relative;
  vertical-align: middle;
  padding-left: 1em;
}


#sitewrap {
  overflow-x: hidden;
}

#sitewrap h2.page-title {
  font-size: 1.125em;
}

#sitewrap h2.page-title a {
  color: #000;
}

#sitewrap #wrapper {
  background: #fff;
}

#sitewrap #wrapper .post p {
  margin: 0 0 1em 0;
}

#sitewrap #wrapper .post h6 {
  margin: 0 0 1em 0;
  font-weight: 400;
  font-size: .75em;
}


#backtotop {
  position: fixed;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .4);
  text-transform: uppercase;
}

#backtotop a {
  color: #fff;
  display: block;
  padding: .5em .5em .25em .5em;
}

#backtotop .icon-back-to-top:before {
  display: block;
  text-align: center;
  font-size: 1.5em;
  padding-bottom: .2em;
}



#wrapper.flex {
  width: auto;
  padding: 1.5em 0 2em 0;
}

#wrapper .item {
  padding: 0 1em;
}

#wrapper h2 {
  font-size: 1.125em;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #b9b9b9;
  padding: 0 0 1em 0;
}


#wrapper h2 small {
  font-size: .8em;
  font-weight: 600;
  font-style: italic;
  padding: 0 .5em;
}


#wrapper h2 .see-all {
  font-size: .8em;
  font-weight: 400;
  color: #f08b34;
  text-transform: uppercase;
  border-bottom: 1px solid #f08b34;
  display: inline-block;
  margin-left: .5em;
}

#wrapper h4.sp {
  font-size: .6em;
  text-transform: uppercase;
  color: #da2020;
  margin: -.75em 0 1em 0;
}

#wrapper h4.sp a {
  color: #da2020;
}

#wrapper span.sp {
  font-size: .76em;
  text-transform: uppercase;
  color: #da2020;
  padding-left: .75em;
  display: inline-block;
}

#wrapper span.sp {
  color: #da2020;
}

#wrapper div.sp {
  margin: 0 0 2em 0;
}

#wrapper div.sp img {
  width: 100%;
}

#wrapper .content-left div.sp img {
  width: auto !important;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}


/* sidebar */
.content-right div.sp {
  margin: 2em 0 2em 0 !important;
}

.content-right .post {
  border-bottom: 1px solid #b9b9b9;
  padding: 0 0 .5em 0 !important;
  margin: 0 0 1em 0 !important;
  clear: both;
  min-height: 100px;
}

.content-right h2 {
  margin: 0 0 .75em 0 !important;
}

.content-right .post p {
  margin: 0 0 .5em 0 !important;
}

.content-right .post .image {
  float: right;
  margin: .25em 0 0 1em;
}

.content-right .post .image img {
  width: 75px;
  height: 75px;
  display: block;
}

.content-right .author {
  text-transform: uppercase;
  font-size: .8em;
  color: #000;
}

.content-right .date {
  color: #4b4949;
  font-size: .8em;
}

.content-right .sep {
  padding: 0 .25em;
}

.content-right .articles.video {
  margin-bottom: 3em !important;
}

.content-right .articles.video .post {
  display: flex;
  position: relative;
  padding: 0 0 !important;
  border: 0;
}

.content-right .articles.video .image {
  width: 100%;
  position: relative;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  float: none !important;
}

.content-right .articles.video .image img {
  width: 100%;
  height: auto;
}

.content-right .articles.video .entry {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: -2em;
  right: 0;
  color: #000;
  width: 90%;
  padding: .5em 1em !important;
}

.content-right .articles.video .entry p {
  margin: 0 0 .25em 0 !important;
}

/* end sidebar */


/* home page */

.home #wrapper.flex .section {
  margin: 0 0 2em 0;
}

.home #wrapper.flex .section .entry {
  font-size: .875em;
  padding: .5em 0 1em 2em;
}

.home #wrapper.flex .section .entry .cat a {
  color: #f08b34;
}

.home #wrapper.flex .section .entry h3 {
  margin: 0 0 .5em 0;
  font-weight: normal;
}

.home #wrapper.flex .section .entry h3 a {
  color: #000;
}


.home .mcn-originals .originals .flex {
  width: auto;
  margin: 0 -1em;
}

.home .mcn-originals .originals .flex .item {
  padding: 0 1em;
}

.home .mcn-originals .post {
  display: flex;
  width: auto;
  position: relative;
  padding: 0 !important;
}

.home .mcn-originals .post .entry p.date {
  margin: 0 !important;
}

.home .mcn-originals .postnum-2 {
  border-bottom: 1px solid #b9b9b9;
  margin-bottom: 1.5em;
  padding: 0 0 1.5em 0 !important;
}

.home .mcn-originals .post .image {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  flex-grow: 1;
}

.home .mcn-originals .post .image img {
  width: 100%;
  height: auto;
  display: block;
}

.home .mcn-originals .postnum-1 .image {
  width: 100%;
  position: relative;
  min-width: 100%;
  max-width: 100%;
}

.home .mcn-originals .postnum-1 .entry {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: -.5em;
  right: 0;
  color: #000;
  width: 90%;
  padding: .5em 1em !important;
}

.home .videos .flex {
  margin: 0 -1em;
  width: auto;
}

.home .videos .post {
  display: flex;
  position: relative;
  padding: 0 1em !important;
  margin: 0 0 3em 0;
}

.home .videos .image {
  width: 100%;
  position: relative;
  min-width: 100%;
  max-width: 100%;
}

.home .videos .post .image img {
  width: 100%;
  height: auto;
}


.home .videos .entry {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: -2em;
  right: 0;
  color: #000;
  width: 90%;
  padding: .5em 1em !important;
}

.home .videos .entry h3, .home .videos .entry p {
  margin: 0 0 .25em 0 !important;
}


.home .podcasts .post {
  padding: 1em 0 !important;
  border-bottom: 1px solid #b9b9b9;
}


.home .podcasts .image img {
  width: 100%;
  height: auto;
}

.home .podcasts .entry .cat a {
  color: #f08b34;
  border-bottom: 1px solid #f08b34;
}

.home .podcasts .sep {
  padding: 0 .5em;
}

.podcasts .podcast-links {
  text-align: center;
  padding: .5em 0;
  text-transform: uppercase;
}

.podcasts .podcast-links span {
  display: inline-block;
  vertical-align: middle;
}

.podcasts .podcast-links a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 1em;
}

.podcasts .podcast-links a span {
  font-size: 2em;
}

.podcasts .podcast-links a span.icon-soundcloud {
  font-size: 3em;
}

.home .byob .post {
  padding: 1em 0 !important;
  border-bottom: 1px solid #b9b9b9;
}


.home .byob .image img {
  width: 100%;
  height: auto;
}

.home .byob .entry .cat a {
  color: #f08b34;
  border-bottom: 1px solid #f08b34;
}

.home .byob .sep {
  padding: 0 .5em;
}


/* end home page */


/* mcn originals */

.page.mcn-originals .flex.originals {
  width: auto;
  margin: 0 -1em;
}

.page.mcn-originals .flex.originals h3 {
  font-weight: 400;
}

.page.mcn-originals .flex.originals .item {
  padding: 0 1em !important;
}

.page.mcn-originals .content-left .post {
  display: flex;
  width: auto;
  position: relative;
  margin: 0 0 2em 0;
}

.page.mcn-originals .content-left .post .entry p.date {
  margin: 0 0 .875em 0 !important;
  color: #4b4949;
  font-size: .875em;
}

.page.mcn-originals .content-left .post .entry p {
  font-size: .875em;
}

.page.mcn-originals .content-left .post .image {
  width: 30%;
}

.page.mcn-originals .content-left .post .image img {
  width: 100%;
  height: auto;
  display: block;
}

.page.mcn-originals .content-left .postnum-1,
.page.mcn-originals .content-left .postnum-2 {
  width: 50%;
}

.page.mcn-originals .content-left .postnum-1 .image {
  width: 100%;
  position: relative;
  min-width: 100%;
  max-width: 100%;
}

.page.mcn-originals .content-left .postnum-1 .entry {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: -.5em;
  right: 0;
  color: #000;
  width: 90% !important;
  height: 70px;
  padding: .5em 1em !important;
}


.page.mcn-originals .content-left .postnum-2 .image {
  width: 100%;
  position: relative;
  min-width: 100%;
  max-width: 100%;
}

.page.mcn-originals .content-left .postnum-2 .entry {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: -.5em;
  right: 0;
  color: #000;
  width: 90% !important;
  height: 70px;
  padding: .5em 1em !important;
}

.page.mcn-originals .content-left .post .entry {
  padding: 0 2em;
  width: 70%;
}

/* end mcn originals */



/* videos */

.page.videos .flex.originals {
  width: auto;
  margin: 0 -1em;
}

.page.videos .flex.originals h3 {
  font-weight: 400;
}

.page.mcn-originals .flex.originals .item {
  padding: 0 1em !important;
}

.page.videos .content-left .post {
  display: flex;
  width: auto;
  position: relative;
  margin: 0 0 2em 0;
}

.page.videos .content-left .post .entry p.date {
  margin: 0 0 .875em 0 !important;
  color: #4b4949;
  font-size: .875em;
}

.page.videos .content-left .post .entry p {
  font-size: .875em;
}

.page.videos .content-left .post .image {
  width: 30%;
}

.page.videos .content-left .post .image img {
  width: 100%;
  height: auto;
  display: block;
}

.page.videos .content-left .post .image {
  width: 100%;
  position: relative;
  min-width: 100%;
  max-width: 100%;
}

.page.videos .content-left .post .entry {
  width: 100%;
  position: absolute;
  background: #fff;
  bottom: -.5em;
  right: 0;
  color: #000;
  width: 90% !important;
  height: 70px;
  padding: .5em 1em !important;
}

.page.videos .content-left .post .entry {
  padding: 0 2em;
  width: 70%;
}

/* end videos */



/* blog posts */

.blog-ssr .blog-search form {
  display: inline-block;
  min-width: 300px;
  position: relative;
  margin: 0 0 2em 0;
  border: 1px solid #65696a;
}


.blog-ssr .blog-search input[type=text]  {
  border: 0;
  padding: .5em;
  width: 100% !important;
  font-size: .9em;
  height: 40px;
  color: #1e1e1e;
  background: #fff;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  -webkit-border-radius: 0 !important;
}

.blog-ssr .blog-search button {
  border: 0;
  background: #65696a;
  padding: .5em 1em;
  font-size: 1em;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  cursor: pointer;
  text-transform: uppercase;
}

.blog-ssr .blog-search button:hover {
  background: #aaa;
}

.blog-ssr .search-result-title {
  margin: 0 0 2em 0;
  font-size: 1em;
  font-weight: 600;
}

.blog-ssr .blog-posts .post.flex {
  flex-wrap: wrap;
  margin: 0 -1em;
  width: auto;
}

.blog-ssr .blog-posts .item {
  padding: 0 1em;
  margin: 0 0 2em 0;
}

.blog-ssr .blog-posts .item .image {
  margin: 0;
}

.blog-ssr .blog-posts .item img {
  width: 100%;
  height: auto;
  border: 1px solid #e3e3e3;
  margin-top: .3em;
}

.blog-ssr .blog-posts .item h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1em;
  margin: 0 0 .5em 0;
}

.blog-ssr .blog-posts .item h3 a {

}

.blog-ssr .blog-posts .item h3 a:hover {

}

.blog-ssr .blog-posts .item p.date {
  margin: 0 0 1em 0;
}

.blog-ssr .blog-posts .item p.readmore {

}

.blog-ssr .blog-posts .item p.readmore a {
  padding: 1em 2em 1.2em 2em;
  display: inline-block;
  border: 1px solid #825d4a;
  text-transform: uppercase;
  color: #825d4a;
}

.blog-ssr .blog-posts .item p.readmore a:hover {
  padding: 1em 2em 1.2em 2em;
  display: inline-block;
  border: 1px solid #000;
  text-transform: uppercase;
  color: #000;
  background: #fcfcfc;
}


.post .entry hr {
  clear: both;
  border: 0;
  border-top: 1px dashed #e3e3e3;
  background: #fff;
  margin: 0 0 1em 0;
}


.blog-post h3 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.1em;
  margin: 0 0 .875em 0;
}


.blog-post .article-info {
  margin: 0 0 1.25em 0;
  display: flex;
  justify-content: space-between;
}

.blog-post .article-info .social ul {
  margin: 0;
}

.blog-post .article-info .social a {
  padding: 0 0 0 .5em;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5em;
  width: 40px;
  height: 40px;
  line-height: 35px;
}

.blog-post .article-info .social a:hover {
  border: 1px solid #555;
}

.blog-post .article-info .social a span:before {
  text-align: center;
  color: #f08b34;
  position: relative;
  left: -.15em;
  font-size: .85em;
}

.blog-post .article-info .social a span.icon-twitter:before {
  left: -.2em;
}

.blog-post .article-info .social a:hover span:before {
  color: #555;
}

.blog-post .article-info p {
  margin: 0 !important;
}

.blog-post .article-info .date {
  margin: 0 !important;
  font-size: .8em;
  color: #8a8989;
}

.blog-post .article-info .byline {
  color: #f08b34;
  font-size: .875em;
  text-transform: uppercase;
}

.blog-post h4 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1em;
  font-style: italic;
  color: #65696a;
  margin: 0 0 1em 0;
}

.blog-post figure {
  margin: 1em 0;
}

.blog-post figure.size-large img {
  width: 100%;
  height: auto;
}

.blog-post .is-type-video {
  margin: 1em 0;
  position: relative;
  padding: 0 0 56.25% 0;
}

.blog-post .is-type-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-post .entry p {
  margin: 0 0 1.5em 0;
}

.blog-post .social ul {
  list-style: none;
  margin: 0 0 4em 0;
  padding: 0;
}

.blog-post .social ul li {
  display: inline-block;
}

.blog-post .social ul li a {
  color: #888;
  font-size: 1.5em;
  padding: 0 .5em 0 0;
}

.blog-post .social ul li a:hover {
  color: #000;
}

.blog-post .social ul li a.tw span {
  font-size: 1.2em;
  position: relative;
  top: .1em;
}


/* comments */


.blog-post .commentary {
  border-top: 1px solid #ccc;
  padding: 1em 0 0 0;
}

.blog-post .commentary h3 {
  margin: 0 0 1em 0;
  font-size: 1em;

}

.blog-post .commentary #respond h3 {

}

.blog-post .commentary p {
  margin: 0 0 1em 0;
}


.blog-post .commentary textarea {
  border: 1px solid #ccc;
  font-size: 1em;
  font-family: gill-sans-nova, sans-serif;
  height: 200px;
  padding: .5em;
  width: 100%;
}

.blog-post .commentary input[type=text] {
  border: 1px solid #ccc;
  font-size: 1em;
  font-family: gill-sans-nova, sans-serif;
  padding: .5em;
  width: 100%;
  border-radius: 0;
}

.blog-post .commentary input[type=text]:focus,
.blog-post .commentary textarea:focus {
  background: #f9f9f9;
}

.blog-post .commentary #submit {
  border: 0;
  font-family: gill-sans-nova, sans-serif;
  font-size: 1em;
  padding: .5em;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: .1em;
  cursor: pointer;
  background: #e3e3e3;
}

.blog-post .commentary #submit:hover {
  background: #ccc;
}

.blog-post .commentary .commentlist {
  list-style: none;
  padding: 0px;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #ccc;
}

.blog-post .commentary .commentlist li {
  border: 1px dashed #ccc;
  padding: .5em;
  margin: 0 0 1em 0;
  border-radius: 0;
  background: #f9f9f9;
}

.blog-post .commentary .commentlist li p:last-of-type {
  margin: 0;
}



.blog-post .commentary .commentlist li .avatar {
  display: none;
}


/* end comments */

#post-nav {
  margin: 1em 0 0 0;
  text-align: center;
}

#post-nav a {
  display: inline-block;
  background: #000;
  border-radius: .5em;
  padding: .75em 2em 1em 2em;
  margin: 0 1em 2em 1em;
  text-transform: uppercase;
  font-size: 1.25em;
  color: #fff !important;
  text-transform: uppercase !important;
}

#post-nav a span {
  position: relative;
  top: .1em;
}

#post-nav a span.icon-left-arrow {
  padding-right: .5em;
}

#post-nav a span.icon-right-arrow {
  padding-left: .5em;
}

/* end blog posts */



/* gurus o gold charts */

.gurus .post .date {
  font-size: .875em;
  color: #4b4949;
  margin: 0 0 .875em 0;
}

.gurus .post p {
  font-size: .875em;
}

#guru-charts table {
  margin-top: 35px;
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 1em 0;
}

#guru-charts table thead th {
  border-bottom: 1px solid #ccc;
  padding: 10px 5px 8px 5px;
  font-weight: bold;
  font-size: 12px;
  vertical-align: bottom;
}

#guru-charts table thead th.prev-score {
  width: 10px;
}

#guru-charts table thead th.rank {
  padding: 10px 5px 8px 2px;
}

#guru-charts table thead th.voter {
  padding-bottom: 8px;
  width: 20px !important;
}

#guru-charts table thead th.voter span {
  font-size: 12px;
  font-weight: normal;
  display: block;
  float: left;
  position: absolute;

  text-align: left;
  width: 80px;

  padding: 0px 0px 0px 0px;
  
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* 0=0, 1=90, 2=180, 3=270 */
  transform: rotate(-90deg);
  
  margin: -45px 0px 0px -35px;  /* for all the good browsers */
  
}

#guru-charts table thead th.voter span {  margin /*\**/: -15px 0px 0px 2px\9; width /*\**/: 15px\9; }
#guru-charts table thead th.voter span { *margin: -93px 0px 0px -9px;  /* for IE 7 */ }

#guru-charts table thead th.voter {
  padding-bottom: 8px;
  width: 20px !important;
  letter-spacing: 1px;
}

#guru-charts table thead th.chart-title {
  width: 320px !important;
  text-align: left;
  background: #ccc;
  font-weight: bold;
  border: 1px solid #ccc;
  font-size: 18px;
}

#guru-charts table tbody td {
  font-size: 14px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 5px 5px;
}

#guru-charts table tbody td.prev-score {
}

#guru-charts table tbody td.rank {
}

#guru-charts table tbody td.vote {
  width: 20px;
  height: 25px;
}

#guru-charts table tbody td.name {
  padding: 0px 5px;
  background: #eee;
  text-align: left;
}

#guru-charts table tbody td.num-votes {
  text-align: center;
  background: #f9f9f9;
  font-weight: bold;
}

#guru-charts table tbody td.total-points {
  text-align: center;
  background: #eee;
  font-weight: bold;
}

#guru-charts table tbody td.onevotewonders {
  text-align: left;
  font-weight: bold;
  padding: 10px 5px 3px 83px;
  border-left: 0px;
  border-right: 0px;
}

#guru-charts .tweeks {
  width: 100%;
  margin: 0px 0px 0px 0px;
}
#guru-charts .tweeks th {
  border: 1px solid #ccc;
  background: #eee;
}

#guru-charts .tweeks td {
  /* font-size: 10px; */
  vertical-align: top;
}

#guru-charts .tweeks .highlighted {
  background: #eee;
  width: 140px;
}

#guru-charts .tweeks caption {
  background: #ab3321;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
  padding: 6px 0px 5px 4px;
  text-transform: uppercase;
  text-align: center;
}

#guru-charts.toptens .caption {
  position: fixed;
  margin-top: 100px;
  margin-left: 818px;
}


#guru-charts.toptens .caption a {
  display: block;
  text-align: center;
  background: #eee;
  margin: 2px;
  padding: 4px 15px;
}

#guru-charts.toptens .caption a.disabled {
  background: #f5f5f5;
  color: #ccc !important;
}

#guru-charts.scoreboards table {
  margin: 5px 0px 15px 0px;
}

#guru-charts.scoreboards thead th {
  text-align: left;
  color: #9B3321;
}

#guru-charts.scoreboards table td {
  text-align: left;
  background: #FFF9EF;
}

#guru-charts.scoreboards .movie-title {
  padding: 8px 8px 8px 0px;
  text-align: right;
  color: #48240d;
}

#guru-charts.scoreboards abbr {
  border: 0px;
  cursor: pointer;
  font-size: 12px;
}

#guru-charts.scoreboards abbr.Nominated {
  font-style: italic;
}

#guru-charts.scoreboards .total-points {
  background: #f2ede8;
}

#guru-charts.scoreboards tfoot td {
  background: #fff;
  padding: 5px;
}

/* end gurus o gold charts */



/* newsletter signup page */

.newsletter-signup #mc_embed_signup {
  margin: 1em 0 2em 0;
  
}

.newsletter-signup #mc_embed_signup .mc-field-group p {
  border: 1px solid #ccc;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.newsletter-signup #mc_embed_signup input[type=email] {
  background: transparent;
  color: #000;
  font-size: 1em;
  border: 0;
  padding: .75em;
  width: 70%;
  display: block;
  
}

.newsletter-signup #mc_embed_signup input[type=email]::placeholder {
  color: #000;
  font-size: 1em;
}

.newsletter-signup #mc_embed_signup button {
  display: block;
  background: #f3f3f3;
  color: #f08b34;
  font-size: 1em;
  border: 0;
  border-left: 1px solid #ccc;
  padding: .75em;
  width: 30%;
  text-align: center;
  cursor: pointer;
}

.newsletter-signup #mc_embed_signup button:hover {
  background: #e3e3e3;
}

/* end newsletter signup page */



/* Contact forms - general styling */

.wpcf7-form {
  max-width: 600px;
}

.wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=email]{
  border: 1px solid #d4d5d6;
  font-size: .875em;
  width: 100%;
  color: #444;
  font-family: 'Open Sans';
  padding: .25em .5em;
  margin: 0 0 1em 0;
}

.wpcf7 textarea::placeholder,
.wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=email]::placeholder {
  color: #565654;
  text-transform: uppercase;
}

.wpcf7 textarea {
  height: 100px;
}

.wpcf7 input[type=submit] {
  border: 0;
  font-size: .875em;
  width: auto;
  color: #fff;
  font-family: 'Open Sans';
  padding: .4em 3em;
  background: #c1414b;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 0 1em 0;
}

.wpcf7 input[type=submit]:hover {
  background: #555;
}

.wpcf7 .wpcf7-not-valid {
  border: 1px dashed #b50102 !important;
  font-weight: bold;
}

.wpcf7 .wpcf7-response-output {
 
  margin: 0 0 1em 0;
  padding: .5em;
  font-size: .875em;
  color: #b50102;
  border: 0;
  background: #eee;
}

.wpcf7 .wpcf7-display-none,
.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-not-valid-tip {
  display: none;
}




/* video gallery */

.sfwd-gallery .flex {
  width: auto;
  margin: 0 -1em;
}

.sfwd-gallery .item {
  padding: 0 1em;
  margin: 0 0 1em 0;
}

.sfwd-gallery .item img {
  width: 100%;
  height: auto;
}

.sfwd-gallery .item .description {
  text-transform: uppercase;
  padding: 1em 0;
}

/* end video gallery */





@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?v=8');
  src:  url('/fonts/icomoon.eot?v=8#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.woff2?v=8') format('woff2'),
    url('/fonts/icomoon.ttf?v=8') format('truetype'),
    url('/fonts/icomoon.woff?v=8') format('woff'),
    url('/fonts/icomoon.svg?v=8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-spotify:before {
  content: "\e91e";
}
.icon-soundcloud:before {
  content: "\e91c";
}
.icon-counter-clockwise:before {
  content: "\e91a";
}
.icon-clockwise:before {
  content: "\e919";
}
.icon-back-to-top:before {
  content: "\e918";
}
.icon-pencil:before {
  content: "\e917";
}
.icon-podcasts:before {
  content: "\e91d";
  color: #93c;
}
.icon-headphones:before {
  content: "\e91b";
}
.icon-left-arrow:before {
  content: "\e916";
}
.icon-checkbox-off:before {
  content: "\e915";
}
.icon-back:before {
  content: "\e900";
}
.icon-cart:before {
  content: "\e901";
}
.icon-checkbox-on:before {
  content: "\e902";
}
.icon-close:before {
  content: "\e903";
}
.icon-down-arrow:before {
  content: "\e904";
}
.icon-download:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-mail:before {
  content: "\e908";
}
.icon-menu-2:before {
  content: "\e909";
}
.icon-menu:before {
  content: "\e90a";
}
.icon-next:before {
  content: "\e90b";
}
.icon-phone:before {
  content: "\e90c";
}
.icon-pinterest:before {
  content: "\e90d";
}
.icon-play:before {
  content: "\e90e";
}
.icon-right-arrow:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-twitter:before {
  content: "\e911";
}
.icon-upload:before {
  content: "\e912";
}
.icon-user:before {
  content: "\e913";
}
.icon-youtube:before {
  content: "\e914";
}



/* Magnific Popup CSS */
.mfp-bg {
  z-index: 500000 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  z-index: 500000 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  z-index: 500000 !important;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1200px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-title small {
display: none;
}
.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/* end magnific popup */




/* desktop screens */
@media all and ( min-width: 769px ) {

}
/* end large screens */


/* tablet landscape and less  */
@media only screen and (min-width : 320px) and (max-width : 1024px) {
  .no-mobile, .no-tablet {
    display: none;
  }
}
/* end tablet landscape and less  */

/* tablet portrait and smaller */
@media only screen and (min-width : 320px) and (max-width : 768px) {
  .no-desktop {
    display: block !important;
  }
  
  .no-tablet {
    display: none !important;
  }
  
  .layout {
    min-width: auto;
    min-width: unset;
  }
  
  .flex .twidth-10 { width: 10%; }
  .flex .twidth-15 { width: 15%; }
  .flex .twidth-20 { width: 20%; }
  .flex .twidth-25 { width: 25%; }
  .flex .twidth-30 { width: 30%; }
  .flex .twidth-33 { width: 33.33333%; }
  .flex .twidth-35 { width: 35%; }
  .flex .twidth-40 { width: 40%; }
  .flex .twidth-50 { width: 50%; }
  .flex .twidth-60 { width: 60%; }
  .flex .twidth-66 { width: 66.66666%; }
  .flex .twidth-70 { width: 70%; }
  .flex .twidth-75 { width: 75%;}
  .flex .twidth-80 { width: 80%; }
  .flex .twidth-85 { width: 85%; }
  .flex .twidth-90 { width: 90%; }
  .flex .twidth-100 { width: 100%; }

  
  #main-nav li h2 {
    display: none;
  }
  
  
  #menu-trigger:checked ~ #nav-header #main-nav li h2 {
    display: block;
    font-size: 1.15em;
    padding-top: 2em;
  }
  
  .content-left {
    margin-bottom: 2em;
    border-bottom: 5px solid #000;
    padding-bottom: 2em;
  }
  
  #guru-charts .vote {
    display: none;
  }
  
  #guru-charts .voter {
    display: none;
  }
}
/* end tablet portrait and smaller */
 

/* mobile in portrait ----------- */
@media only screen and (min-width : 320px) and (max-width : 479px) {
  .mobile-only {
    display: block !important;
  }
  
  .flex .mwidth-20 { width: 20% !important; }
  .flex .mwidth-30 { width: 30% !important; }
  .flex .mwidth-50 { width: 50% !important; }
  .flex .mwidth-70 { width: 70% !important; }
  .flex .mwidth-80 { width: 80% !important; }
  .flex .mwidth-100 { width: 100% !important; }
  
  .layout {
    width: 95%;
  }
  
  .atop {
    padding-top: 1em;
  }
  
  .menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    
    height: 40px;
    overflow: hidden;
    background: #e9780f;
    z-index: 10555;
  }
  
  .admin-bar .menu-bg {
    top: 46px;
  }

  .menu-bg .contact-us:before {
    display: none;
  }

  .menu-bg .contact-us:after {
    display: none;
  }
  
  .menu-bg .contact-us .nav-item a {
    padding: .45em 1em 1em;
  }
  
  .menu-toggler {
    position: fixed;
    right: auto;
    bottom: auto;
    top: 3px;
  }
  
  .admin-bar .menu-toggler {
    top: 48px;
  }

  .menu-toggler .icon-menu {
    font-size: 2em;
  }
  
  #menu-trigger:checked ~ #nav-header #main-nav .close-nav {
    display: none;
  }
  
  #menu-trigger:checked ~ label.close-label {
    display: block !important;
    position: fixed;
    top: 0;
    right: 1em;
    z-index: 155445;
    color: #fff;
    cursor: pointer;
    font-size: 1.25em;
  }
  
  .admin-bar #menu-trigger:checked ~ label.close-label {
    top: 51px;
  }

  #nav-header {
    margin: 0;
  }
  
  #main-nav {
    display: none;
  }

  #menu-trigger:checked ~ #sitewrap {
    position: fixed;
  }
  
  #menu-trigger:checked ~ #nav-header #main-nav {
    flex-wrap: wrap;
    margin-top: 0;
  }
  
  #main-nav li:hover .subnav {
    display: none;
  }
  
  #main-nav li {
    width: 100% !important;
    text-align: left;
    padding: .5em 1em;
  }
  
  #menu-trigger:checked ~ #nav-header #main-nav li h2 {
    display: none;
  }
  
  #menu-trigger:checked ~ #nav-header #main-nav .subnav {
    display: none;
    padding-top: 1em;
  }
  
  #menu-trigger:checked ~ #nav-header #main-nav  li .submenu-toggler {
    display: block !important;
  }
  
  #menu-trigger:checked ~ #nav-header #nav-wrap {
    overflow-y: scroll;
    background: #000;

    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 1.5em;
  }
  
  .no-mobile {
    display: none !important;
  }
  
  .home #wrapper.flex .section {
    margin: 0 0 1em 0;
  }
  
  .home .mcn-originals .post {
    margin: 0 0 1.5em 0;
  }
  
  .home .podcasts .post {
    margin: 0 0 1.5em 0;
    padding: 0 0 .5em 0 !important;
  }
  
  .home .podcasts .image {
    padding: 0 !important;
  }
  
  .home .podcasts .entry {
    padding: 0 !important;
  }
  
    .content-left {
    margin-bottom: 2em;
    border-bottom: 5px solid #000;
    padding-bottom: 1em;
  }

  .blog-ssr .blog-posts .item {
    padding: 0 1em;
    margin: 0 0 1em 0;
  }
  
  .blog-ssr .blog-posts .item.image {
    margin: 0 0 .5em 0;
  }
}
/* end mobile in portrait */