@media (max-height: 420px) {
  .search-container {
    z-index: 3;
    padding-top: 14px;
  }
  .share-icons > li + li {
    margin-left: -6px;
  }
}

/* from 480 DOWN */
@media (max-width: 400px) {
  header.site.persistent .container {
    padding-left: 10px;
  }
  header.site.persistent .menu-button-container {
    margin-top: .33em;
  }
  header.site.persistent .search-button {
    margin-top: .125em;
  }
  header.site.persistent .right {
    padding-top: 12px;
  }
  header.site.persistent .right .top-menu {
    margin-left: 0;
  }
  header.site.persistent .right .menu > li > a {
    font-size: 11px;
  }
  .search-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .search-container .top {
    padding-right: 120px;
  }
  .search-container .top .search-icon {
    right: 120px;
  }
  .search-container .top .advanced-filters-button {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  blockquote.generated-blockquote + blockquote.generated-blockquote {
    margin-left: 0;
    margin-top: 1.5em;
    float: left;
  }
  blockquote.generated-blockquote,
  .content-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .posts-slider .slider-item .post-info .post-kicker {
    display: none;
  }
  .search-container {
    z-index: 3;
    padding-top: 14px;
  }
  header.site .top-menu .menu {
    font-size: 11px;
  }
  header.site .top-menu .menu > li > a {
    padding: .75em 15px;
  }
  header.site .social-icons > li {
    display: none;
  }
  header.site .social-icons > li.search-button-container, header.site .social-icons > li.menu-button-container {
    display: inline-block;
  }
  header.site.top .logo {
    width: 100px;
  }
  header.site.top .logo + .right {
    padding-left: 105px;
  }
  header.site.persistent .container > .logo {
    display: none;
  }
  header.site.persistent .right {
    float: none;
  }
  header.site.persistent .top-menu {
    float: right;
  }
  header.site.persistent .search-button {
    position: relative;
    top: 0;
  }
  footer.site .widget-areas .widget-area.footer-0, footer.site .widget-areas .widget-area.footer-1, footer.site .widget-areas .widget-area.footer-2 {
    width: 100%;
  }
  footer.site .widget-areas .widget-area + .widget-area {
    margin-top: 1.5em;
  }
  footer.site .textwidget p {
    font-size: 14px;
  }
  footer.site .menu {
    margin: .5em;
  }
  footer.site .menu > li {
    line-height: 20px;
  }
  footer.site .menu > li > a {
    font-size: 13px;
  }
  footer.site .tweets {
    display: none;
  }
  footer.site .bottom .left-items,
  footer.site .bottom .right-items {
    float: none;
    text-align: center;
    position: relative;
  }
  footer.site .bottom .right-items {
    padding-top: 1.25em;
  }
  footer.site .bottom .back-to-top {
    position: absolute;
    top: 0;
    right: 0;
  }
  footer.site .bottom .social-icons {
    width: auto;
    margin: 0;
  }
  footer.site .bottom .left-items {
    padding-right: 0;
    clear: both;
    padding-top: 2em;
  }
  .user-list .list {
    line-height: 1.25em;
  }
  .user-list .list.left-side, .user-list .list.right-side {
    width: 100%;
    float: none;
  }
  .user-list .list.right-side > li:first-child {
    margin-top: .5em;
    padding-top: .5em;
    border-top: 1px dashed #8b8d90;
  }
  .news-list .news-item .meta {
    line-height: 1.125em;
  }
  .thin-green-line .page-title {
    font-size: 24px;
  }
  .thin-green-line .breadcrumb-container {
    padding-top: 15px;
  }
  .thin-green-line > .header .header-content {
    padding-top: 50px;
  }
  .page-template-tpl-daily-newsletter .featured-image {
    float: none;
    width: 200px;
    margin: 0 auto;
  }
  .page-template-tpl-daily-newsletter .featured-image ~ * {
    margin-right: 0;
  }
  .series-nav .nav-previous,
  .series-nav .nav-next {
    width: 100%;
    padding: 0 5px;
    text-align: center;
  }
  .series-nav .nav-previous + .nav-next {
    margin-top: 1em;
  }
  .series-nav .nav-next {
    border: none;
  }
  .fossil-fuel-map .video-container .sightline-logo {
    right: 56px;
  }
}

/* Small devices (tablets, 768px and UP) */
@media (min-width: 768px) {
  header.site .menu-button-container {
    display: none;
  }
  header.site.top {
    padding-bottom: 0;
  }
  header.site.top .logo {
    width: 200px;
  }
  header.site.top .logo + .right {
    padding-left: 225px;
  }
  header.site.top .top {
    margin-right: 0;
  }
  header.site.top .top .search-button {
    display: none;
  }
  header.site.top .social-icons {
    clear: none;
    float: right;
    padding-right: 0;
  }
  header.site.top nav {
    padding-right: 35px;
    padding-bottom: .125em;
    position: relative;
    display: block !important;
    overflow: visible;
    background: none;
  }
  header.site.top nav .header {
    display: none;
  }
  header.site.top nav .menu {
    float: right;
    padding: 0;
  }
  header.site.top nav .menu > li {
    float: left;
  }
  header.site.top nav .menu > li > a {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  header.site.top nav .menu > li.current-menu-item > .sub-menu, header.site.top nav .menu > li.current-menu-ancestor > .sub-menu {
    display: none;
  }
  header.site.top nav .menu > li:hover > .sub-menu {
    display: block;
  }
  header.site.top nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #f1f9f6;
    padding-top: 12px;
    text-align: left;
    display: none;
    padding-left: 0;
    margin-left: -5px;
  }
  header.site.top nav .sub-menu > li > a {
    display: block;
    padding: .75em 15px .75em;
    color: #414042;
    white-space: nowrap;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
  header.site.top nav .sub-menu > li > a:hover {
    background: #73bfa9;
    color: #fff;
  }
  header.site.top nav .search-button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    margin-top: 1.66em;
  }
  header.site.persistent .container {
    padding-right: 30px;
  }
  header.site.persistent .social-icons {
    display: inline-block;
  }
  header.site.persistent .logo {
    width: 117px;
  }
  .social-icons > li {
    padding-left: 10px;
    padding-right: 10px;
  }
  footer.site .widget-areas .widget-area.footer-0, footer.site .widget-areas .widget-area.footer-1, footer.site .widget-areas .widget-area.footer-2 {
    width: 33.333%;
  }
  footer.site .widget-areas .widget-area.footer-1 {
    padding-left: 75px;
  }
  footer.site .bottom .left-items > * {
    float: left;
  }
  blockquote.generated-blockquote + blockquote.generated-blockquote {
    margin-left: 38%;
  }
  blockquote.generated-blockquote.full-width + blockquote.generated-blockquote {
    margin-left: 0;
  }
  blockquote.generated-blockquote,
  .content-box {
    width: 50%;
  }
  .news-list .column {
    width: 50%;
  }
  .news-list .column + .column .news-item:first-child {
    border-top: none;
  }
  .thin-green-line .page-title {
    font-size: 54px;
  }
  .thin-green-line .has-image-left > .container {
    padding-left: 33.33%;
  }
  .thin-green-line .has-image-left > .container > .image-container {
    width: 30%;
    left: 0;
  }
  .thin-green-line .has-image-right > .container {
    padding-right: 33.33%;
  }
  .thin-green-line .has-image-right > .container > .image-container {
    right: 0;
    width: 30%;
  }
  body .mfp-content {
    padding: 50px;
  }
  .popup {
    padding: 50px;
    max-width: 600px;
  }
}

/* Medium devices (desktops, 992px and UP) */
@media (min-width: 992px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
  .container > .vc_row {
    margin-left: -60px;
    margin-right: -60px;
    padding-left: 45px;
    padding-right: 45px;
  }
  .vc_row[data-vc-stretch-content="true"] .vc_col-xs-1 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-1 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-1 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-1 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-2 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-2 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-2 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-2 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-3 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-3 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-3 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-3 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-4 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-4 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-4 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-4 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-5 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-5 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-5 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-5 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-6 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-6 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-6 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-6 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-7 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-7 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-7 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-7 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-8 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-8 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-8 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-8 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-9 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-9 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-9 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-9 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-10 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-10 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-10 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-10 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-11 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-11 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-11 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-11 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-xs-12 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-sm-12 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-md-12 > .vc_column-inner, .vc_row[data-vc-stretch-content="true"] .vc_col-lg-12 > .vc_column-inner {
    padding-left: 60px;
    padding-right: 60px;
  }
  header.site nav .menu > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
  header.site.persistent .menu-button-container {
    display: none;
  }
  header.site.persistent nav {
    margin-left: 160px;
    margin-right: 360px;
    padding-top: 15px;
    padding-bottom: 0;
    display: block !important;
    position: static;
    overflow: visible;
    background: none;
  }
  header.site.persistent nav .header {
    display: none;
  }
  header.site.persistent nav .menu {
    padding-top: .5em;
    text-align: center;
  }
  header.site.persistent nav .menu > li {
    display: inline-block;
    float: none;
    position: relative;
  }
  header.site.persistent nav .menu > li > a {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  header.site.persistent nav .menu > li.current-menu-item > .sub-menu, header.site.persistent nav .menu > li.current-menu-ancestor > .sub-menu {
    display: none;
  }
  header.site.persistent nav .menu > li:hover > .sub-menu {
    display: block;
  }
  header.site.persistent nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: left;
    display: none;
    background: #f1f9f6;
    padding: 15px 0 0;
  }
  header.site.persistent nav .sub-menu > li > a {
    padding: .75em 15px;
    font-size: 12px;
    white-space: nowrap;
    display: block;
  }
  header.site.persistent nav .sub-menu > li > a:hover {
    background: #73bfa9;
    color: #fff;
  }
  .thin-green-line > .header .breadcrumb-container {
    margin-left: 0;
    width: 100%;
  }
  .post-container .row > div:first-child {
    padding-right: 75px;
  }
  body.old-site-width #content .post-container > article > .container .col-sm-8 {
    width: 604px;
  }
  body.old-site-width #content .post-container > article > .container .col-sm-4 {
    width: 33.333%;
  }
  .page-content.has-sidebar article.type-page {
    padding-right: 60px;
  }
  blockquote.generated-blockquote,
  .content-box {
    width: 33.333%;
  }
  body.old-site-width blockquote.generated-blockquote,
  body.old-site-width .content-box {
    width: 40%;
  }
  body.old-site-width aside blockquote.generated-blockquote,
  body.old-site-width aside .content-box {
    width: 100%;
  }
  .posts-slider {
    width: 100%;
  }
  .posts-slider .slider-item .post-info .post-title {
    font-size: 20px;
  }
  .thin-green-line .page-title {
    font-size: 66px;
  }
  .thin-green-line > .header .header-content {
    padding-top: 110px;
  }
}

/* Large (large desktops, 1200px and UP) */
@media (min-width: 1200px) {
  header.site nav .menu > li > a {
    padding-left: 19px;
    padding-right: 19px;
  }
  header.site.persistent .social-icons {
    font-size: 14px;
  }
  header.site.persistent .top-menu .menu > li > a {
    padding-left: 23px;
    padding-right: 23px;
  }
  header.site.persistent .right .menu > li > a {
    font-size: 14px;
  }
  header.site.persistent nav .menu > li > a {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
  }
  .vc_row#home-special-row .wpb_wrapper {
    max-width: 500px;
    float: right;
  }
  .vc_row#home-special-row .wpb_column + .wpb_column .wpb_wrapper {
    float: left;
  }
  .thin-green-line .page-title {
    font-size: 80px;
  }
  .fossil-fuel-map .video-container iframe.loaded ~ .time-updated {
    display: block;
  }
}