/*
Theme Name:         Brooklyn Reporter
Theme URI:          https://brooklynreporter.com;
Description:        Custom theme developed for the Brooklyn Reporter
Version:            2.0
Author:             Josh Tipton
Author URI:         https://blocandtackle.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */


.sidebar .newsletter-signup {
	width: 360px;
}

/* BEGIN sidebar ad carousel styles added by HG */

.sidebar-ad-carousel {
    width: 100%;
    height:40px;
    background-color:#6cc4e8;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align:center;
    color:#000;
    padding-top: 7px;
}

.carousel-ad-editorial-container {
    width: 100%;
}

.carousel-ad-editorial-header {
    text-align: center;
    background-color:#f3d916;
    color:#000;
    margin-bottom:0px;
    padding: 6px;
}

.carousel-ad-editorial {
    width: 100%;
    background-color:#eee;
    text-align: left;
    color:#000;
}

.carousel-ad-editorial ul li {
    width: 100%;
}


#layout-with-carousel {
    width: 100%;
}


@media (min-width: 30em) {

    #layout-with-carousel {
        display: flex;
        flex-flow: row wrap;	
}

}


#home-news-feed {
    width: 70% !important;
}

.sidebar-with-carousel {
    width: 30% !important;	
}

.sidebar-ads-header {
    width:100%;
    height:176px;
    margin-bottom: 30px;
}


/* mobile responsive after adding ad carousel  */

@media (max-width: 420px) {

    #home-news-feed {
        width: 100% !important;
    }
	
    .sidebar-with-carousel {
        width: 100% !important;	
    }
	
    .sidebar-ad-carousel {
        margin-top: 30px;		
    }
	
}

/* END sidebar ad carousel styles added by HG */



.single-post header .category:first-child {
float: left;
margin-right: 6px;
background: #b81e23 !important;	
}

.single-post header .category:first-child:hover {
color: #000 !important;	
}



.neighborhoods-page .main-container {
	max-width: 75rem !important;
	margin: 0 auto !important;
}



.neighborhoods-page .featured-neighborhood {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.neighborhoods-page .featured-neighborhood figure {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    position: relative
}

.neighborhoods-page .featured-neighborhood figure img {
    width: 100%;
    height: 360px;
    object-fit: cover
}

.neighborhoods-page .featured-neighborhood figure figcaption {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.neighborhoods-page .featured-neighborhood figure figcaption a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgba(10, 10, 10, .2)
}

.neighborhoods-page .featured-neighborhood figure figcaption a .map-pin {
    height: 65px
}

.neighborhoods-page .featured-neighborhood figure figcaption a .map-pin .st0 {
    fill: #fefefe
}

.neighborhoods-page .featured-neighborhood figure figcaption a h1 {
    color: #fefefe;
    margin: 0;
    font-size: 3.4375rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: color ease .3s
}

.neighborhoods-page .featured-neighborhood figure figcaption a:hover h1 {
    color: #6cc4e8
}

.neighborhoods-page .featured-neighborhood .neighborhood-description {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    margin-top: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 2px solid #e6e6e6;
    padding: 30px;
    text-align: center;
}

@media print,
screen and (min-width:64em) {
    .neighborhoods-page .featured-neighborhood .neighborhood-description {
        width: calc(33.33333% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem;
        text-align: left
    }
}

.neighborhoods-page .featured-neighborhood .neighborhood-description p {
    margin-bottom: 0
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .neighborhoods-page .featured-neighborhood .neighborhood-description p,
    .neighborhoods-page .featured-neighborhood .neighborhood-description strong {
        max-width: 300px
    }
}

.neighborhoods-page .featured-neighborhood .neighborhood-description strong {
    font-weight: 700;
    color: #202944;
    font-family: "Source Serif Pro", serif;
    font-size: 1.375rem;
    line-height: 1.5rem
}

.neighborhoods-page .featured-neighborhood .neighborhood-description hr {
    width: 165px;
    margin: 15px auto
}

@media print,
screen and (min-width:64em) {
    .neighborhoods-page .featured-neighborhood .neighborhood-description hr {
        margin: 15px 0
    }
}

.neighborhoods-page .featured-neighborhood .neighborhood-map {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    margin-top: 30px;
    height: 100%;
    object-fit: cover
}

@media print,
screen and (min-width:64em) {
    .neighborhoods-page .featured-neighborhood .neighborhood-map {
        width: calc(66.66667% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem
    }
}

.neighborhoods-page .search {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 40px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.neighborhoods-page .search h4 {
    margin: 0 15px 0 0
}

.neighborhoods-page .search label {
    position: relative;
    width: 100%;
    max-width: 450px
}

.neighborhoods-page .search label span {
    position: absolute;
    right: 15px;
    top: 6px;
    color: #c4c4c4;
    font-size: 1.25rem
}

.neighborhoods-page .search input[type=text] {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 8px 16px
}

.neighborhoods-page .search input[type=text]:focus {
    box-shadow: 0 0 6px 2px #6cc4e8
}

.neighborhoods-page .all-neighborhoods {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 30px
}

@media screen and (min-width:64em) and (-ms-high-contrast:active),
print and (-ms-high-contrast:none),
screen and (min-width:64em) and (-ms-high-contrast:none) {
    .neighborhoods-page .all-neighborhoods {
        width: 1200px
    }
}

.neighborhoods-page .all-neighborhoods .neighborhood {
    width: calc(50% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    margin-bottom: 30px;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .neighborhoods-page .all-neighborhoods .neighborhood {
        width: calc(33.33333% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .neighborhoods-page .all-neighborhoods .neighborhood {
        max-width: 360px
    }
}

.neighborhoods-page .all-neighborhoods .neighborhood img {
    height: 166px;
    width: 100%;
    object-fit: cover
}

.neighborhoods-page .all-neighborhoods .neighborhood span {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fefefe;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    background: rgba(10, 10, 10, .4);
    transition: background ease .3s
}

.neighborhoods-page .all-neighborhoods .neighborhood span:hover {
    background: 0 0
}

.tax-nabetags .neighborhood-content {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media print,
screen and (min-width:40em) {
    .tax-nabetags .neighborhood-content {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.tax-nabetags .neighborhood-content .featured-image {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    position: relative
}

.tax-nabetags .neighborhood-content .featured-image img {
    height: 550px;
    width: 100%;
    object-fit: cover
}

.tax-nabetags .neighborhood-content .featured-image figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(10, 10, 10, .2);
    padding: 30px 60px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .featured-image figcaption {
        padding: 90px 120px
    }
}

.tax-nabetags .neighborhood-content .featured-image figcaption .map-pin {
    height: 65px;
    margin-bottom: 10px
}

.tax-nabetags .neighborhood-content .featured-image figcaption .map-pin .st0 {
    fill: #fefefe
}

.tax-nabetags .neighborhood-content .featured-image figcaption h1 {
    color: #fefefe;
    font-size: 3.4375rem
}

.tax-nabetags .neighborhood-content .featured-image figcaption .caption {
    color: #fefefe;
    text-align: center
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .tax-nabetags .neighborhood-content .featured-image figcaption .caption {
        max-width: 800px
    }
}

.tax-nabetags .neighborhood-content .neighborhood-description {
    width: calc(100% - 7.5rem);
    margin-right: 3.75rem;
    margin-left: 3.75rem;
    margin-top: 45px;
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-description {
        text-align: justify
    }
}

.tax-nabetags .neighborhood-content .neighborhood-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 45px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-slider {
        width: calc(100% - 7.5rem);
        margin-right: 3.75rem;
        margin-left: 3.75rem
    }
}

.tax-nabetags .neighborhood-content .neighborhood-slider li img {
    width: 100%;
    height: 500px;
    object-fit: cover
}

.tax-nabetags .neighborhood-content .neighborhood-slider .orbit-navigation button {
    height: 100%;
    cursor: pointer;

    transition: all ease .2s;
    color: #202944;

}

.tax-nabetags .neighborhood-content .neighborhood-slider .orbit-navigation button:hover {

    color: #fff;

}

.tax-nabetags .neighborhood-content .neighborhood-history {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 45px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-history {
        width: calc(100% - 7.5rem);
        margin-right: 3.75rem;
        margin-left: 3.75rem
    }
}

.tax-nabetags .neighborhood-content .neighborhood-history h1 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-history h1 {
        text-align: left
    }
}

.tax-nabetags .neighborhood-content .neighborhood-history .historical-image {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    height: 350px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-history .historical-image {
        width: 25%;
        margin-right: 0;
        margin-left: 0;
        height: 450px;
        object-fit: cover
    }
}

.tax-nabetags .neighborhood-content .neighborhood-history .history-content {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    background: #f8f8f8;
    padding: 10px 40px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-history .history-content {

        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        min-height: 450px
    }
}

.tax-nabetags .neighborhood-content .neighborhood-history .history-content h4,
.tax-nabetags .neighborhood-content .neighborhood-history .history-content h5,
.tax-nabetags .neighborhood-content .neighborhood-history .history-content h6 {
    font-size: 1.375rem;
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .neighborhood-history .history-content h4,
    .tax-nabetags .neighborhood-content .neighborhood-history .history-content h5,
    .tax-nabetags .neighborhood-content .neighborhood-history .history-content h6 {
        text-align: left
    }
}

.tax-nabetags .neighborhood-content .neighborhood-history .history-content p {

    color: #202944;
    line-height: 1.4375rem
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .latest-neighborhood-articles {
        width: calc(100% - 5.625rem);
        margin-right: 2.8125rem;
        margin-left: 2.8125rem
    }
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles header {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .latest-neighborhood-articles header {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles header h1 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1rem;
    background: #b81e23;
    color: #fefefe;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 6px 15px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .latest-neighborhood-articles header h1 {
        width: calc(33.33333% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem;
        margin: 0 0 0 15px
    }
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article {
    width: calc(100% - 1.875rem);
    margin-right: .9375rem;
    margin-left: .9375rem;
    margin-bottom: 30px
}

@media print,
screen and (min-width:40em) {
    .tax-nabetags .neighborhood-content .latest-neighborhood-articles article {
        width: calc(50% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .latest-neighborhood-articles article {
        width: calc(33.33333% - 1.875rem);
        margin-right: .9375rem;
        margin-left: .9375rem
    }
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article .featured-image {
    margin: 0
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 275px
}

@media print,
screen and (min-width:64em) {
    .tax-nabetags .neighborhood-content .latest-neighborhood-articles article img {
        height: 175px
    }
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article h3 {
    font-size: 1.375rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 18px 15px 13px;
    margin: 0
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article h3 a {
    color: #202944
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article h3 a:hover {
    color: #6cc4e8
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article .meta {
    text-align: center;
    color: #202944;
    font-weight: 700;
    margin-bottom: 15px
}

.tax-nabetags .neighborhood-content .latest-neighborhood-articles article p {
    text-align: center;
    color: #818285
}

.single-post .related-neighborhood {
    width: calc(100% - 7rem);
    margin-right: 3.5rem;
    margin-left: 3.5rem;
    position: relative;
    margin-top: 45px
}

@media screen and (max-width:63.9375em) {
    .single-post .related-neighborhood {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) {
    .single-post .related-neighborhood img {
        height: 485px;
        width: 100%;
        object-fit: cover
    }
}

.single-post .related-neighborhood figcaption {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: rgba(10, 10, 10, .3)
}

.single-post .related-neighborhood figcaption .map-pin {
    height: 65px;
    margin-top: -60px
}

.single-post .related-neighborhood figcaption .map-pin .st0 {
    fill: #fefefe
}

.single-post .related-neighborhood figcaption h1 {
    color: #fefefe;
    margin: 0;
    font-size: 3.4375rem;
    transition: color ease .3s;
    text-align: center
}

.single-post .related-neighborhood figcaption .view-more {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #6cc4e8;
    border: 2px solid #6cc4e8;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 20px;
    font-size: 1rem;
    margin-top: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px
}

.single-post .related-neighborhood figcaption .view-more:hover {
    color: #fefefe;
    border-color: #fefefe
}

.single-post .related-neighborhood figcaption .neighborhood-description {
    margin-top: auto;
    background: rgba(32, 41, 68, .8);
    padding: 24px 120px 8px;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #fefefe
}

.single-post .related-neighborhood figcaption .neighborhood-description p {
    color: #fefefe;
    text-align: center
}



.tax-nabetags .neighborhood-content .neighborhood-history-intro {
      width: calc(100% - 7.5rem);
    margin-right: 3.75rem;
    margin-left: 3.75rem;
    margin-top: 45px;
    text-align: center;
	      text-align: justify
}


.orbit-caption {
padding: 30px 60px !important;
}

.orbit .featured-posts {

}

.norm-byline {
margin: 0px auto 20px auto;
}

.orbit-container .featured-image h2 {
margin-top: 10px !important;

}


.news-feed .story h2 {
	
margin-top: 10px !important;
}

.featured-posts .orbit-container .featured-image img {
height: 100% important;
}


.news-feed .newsletter h1 {
    font-size: 1.2625rem !important;
	
}

.orbit-slides-container {
    height: 100% !important;
}

.orbit-container .orbit-slides-container li.active{
    position:relative;
}