/*
Theme Name: Where We Live NYC
Theme URI: http://underscores.me/
Author: e. james ford
Author URI: http://web.ejimford.com
Description: Custom Theme For Where We Live NYC Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wwl
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

wwl is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Colors
# Normalize
# Typography
# Elements
# Structure
# Header
# Footer
# Forms
# Navigation
	## Links
	## Menu
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
    ## News
    ## Masonry
    ## Front Page
    ## Newsletter
    ## What Do You Think?
    ## Toolkit and Topic Cards
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*
Blue: #0088c3
Light Blue: #01aec5
Green: #8ab83e
Brown: #42362f
Yellow: #dcda6b

Orange?: #ff8236
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Ringside', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}



audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
    color: #0088c3;
}

dfn {
	font-style: italic;
}


mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
    font-family: 'Surveyor Text';
    src: url('fonts/SurveyorText-Book.woff2') format('woff2'),
        url('fonts/SurveyorText-Book.woff') format('woff'),
        url('fonts/SurveyorText-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-Book.woff2') format('woff2'),
        url('fonts/RingsideRegular-Book.woff') format('woff'),
        url('fonts/RingsideRegular-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-BookItal.woff2') format('woff2'),
        url('fonts/RingsideRegular-BookItal.woff') format('woff'),
        url('fonts/RingsideRegular-BookItal.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-Med.woff2') format('woff2'),
        url('fonts/RingsideRegular-Med.woff') format('woff'),
        url('fonts/RingsideRegular-Med.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-MedItal.woff2') format('woff2'),
        url('fonts/RingsideRegular-MedItal.woff') format('woff'),
        url('fonts/RingsideRegular-MedItal.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-Semi.woff2') format('woff2'),
        url('fonts/RingsideRegular-Semi.woff') format('woff'),
        url('fonts/RingsideRegular-Semi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-BoldItal.woff2') format('woff2'),
        url('fonts/RingsideRegular-BoldItal.woff') format('woff'),
        url('fonts/RingsideRegular-BoldItal.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-Bold.woff2') format('woff2'),
        url('fonts/RingsideRegular-Bold.woff') format('woff'),
        url('fonts/RingsideRegular-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Ringside';
    src: url('fonts/RingsideRegular-Thin.woff2') format('woff2'),
        url('fonts/RingsideRegular-Thin.woff') format('woff'),
        url('fonts/RingsideRegular-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}



body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Ringside', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Surveyor Text';
    clear: both;
    color: #000;
    font-weight: 500;
    position: relative;
    text-transform: lowercase;
}


p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.alert {
    background-color: #8ab83e;
    padding: 10px;
    color: #fff;
}

.alert a {
    color: #fff !important;
}

.hidden {
    display: none;
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
#page {
}

#masthead .masthead_inner {
    margin: 0px auto;
    max-width: 1150px;
}
#content {
    margin: 120px auto 0px auto;
}
#primary {
    padding: 0px 0px;
}
#secondary {
    padding: 10px;
}


/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 600px) {
	#page {
	}
    #masthead .masthead_inner {
        width: 100%;
    }
	#content {
        width: 100%;
        margin: 140px auto 0px auto;
	}
	#content.notification-visible {
        margin: 140px auto 0px auto;
	}
    
	#primary {
	}
	#secondary {
	}
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 768px) {
	#page {
	}
    #masthead .masthead_inner {
    }
	#content {
	}
    body.admin-bar #content {
    }
	#primary {
	}
	#secondary {
	}
}
/* ===== == = === 50em (800px) === = == ===== */
@media only screen and (min-width : 800px) {
	#content {
    }
    body.admin-bar #content {
    }

}
/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 900px) {
	#page {
	}
    #masthead .masthead_inner {
    }
	#content {
	}
	#primary {
	}
	#secondary {
	}
    body.page-template-page-fullwidth #primary {
        float: none;
        width: 100%;
        max-width: 900px;
        margin: 0px auto;
    }
    body.page-template-page-fullwidth #secondary {
        float: none;
        display: none;
    }
    
}

/* ===== == = === 62.5em (1000px) === = == ===== */
@media only screen and (min-width : 1000px) {
    #masthead .masthead_inner {
    }
	#content {
	}
}

/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
	#page {
	}
    #masthead .masthead_inner {
    }
    
	#content {
	}
	#primary {
	}
	#secondary {
	}
}

/* ===== == = === 81.25em (1300px) === = == ===== */
@media only screen and (min-width : 1300px) {
    #masthead .masthead_inner {
    }
	#content {
	}
}

/* ===== == = === 87.5em (1400px) === = == ===== */
@media only screen and (min-width : 1400px) {
    #masthead .masthead_inner {
    }
	#content {
	}

}

/* ===== == = === 93.750em (1500px) === = == ===== */
@media only screen and (min-width : 1500px) {
    #masthead .masthead_inner {
    }
	#content {
	}

}

/* ===== == = === 100em (1600px) === = == ===== */
@media only screen and (min-width : 1600px) {
    #masthead .masthead_inner {
    }
	#content {
	}
    

}

/* ===== == = === 106.250em (1700px) === = == ===== */
@media only screen and (min-width : 1700px) {
    #masthead .masthead_inner {
    }
	#content {
	}

}


/* ===== == = === 112.500em (1800px) === = == ===== */
@media only screen and (min-width : 1800px) {
    #masthead .masthead_inner {
    }
	#content {
	}
    

}






/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px auto;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
}

html.translated-ltr .site-header {
    top: 40px;
}

.site-header .masthead_inner {
    position: relative;
    width: 100%;
}

.site-branding {
    margin: 0px auto;
    padding: 10px 10px;
    position: relative;
}

.site-title {
    max-width: 245px;
    font-size: 18px;
	transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;
    margin: 0px auto;
}



.site-title a, .site-title a:visited {
    color: #0088c3;
    text-decoration: none;
    font-weight: 500;
    text-transform: lowercase;
}

#masthead.scrolled {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);   
}

#masthead.scrolled .header-links {
    height: 30px;
}

#masthead.scrolled .menu-social-menu-container ul li a {
    width: 24px;
    height: 24px;
    padding: 0px 14px;
    background-size: contain;
}

#masthead.scrolled .site-branding {
}

#masthead.scrolled .site-title {
    font-size: 16px;
    max-width: 200px;
    margin: 0px auto;
}
#masthead.scrolled .site-title img {
}

#masthead.scrolled .main-navigation {
    margin: 14px 0px 0px 10px;
}




/*--------------------------------------------------------------
## Header Links
--------------------------------------------------------------*/

.header-links {
    position: relative;
    padding: 3px 10px 0px 10px;
    z-index: 1000;
    font-size: 150%;
    font-weight: 500;
    float: right;
    display: none;
}


.header-links-inner {
    padding: 0px;
}

.menu-social-menu-container ul {
    list-style-type: none;
    font-size: 1px;
}
.menu-social-menu-container ul li {
    float: left;
    margin-right: 10px;
}
.menu-social-menu-container ul li a {
    width: 48px;
    height: 48px;
    padding: 0px 18px;
    display: inline-block;
    text-indent: -999999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
    
}

.menu-social-menu-container ul li.nav-facebook a {
    background-image: url(images/social-facebook.png);
}
.menu-social-menu-container ul li.nav-twitter a {
    background-image: url(images/social-twitter.png);
}
.menu-social-menu-container ul li.nav-instagram a {
    background-image: url(images/social-instagram.png);
}
.menu-social-menu-container ul li.nav-flickr a {
    background-image: url(images/social-flickr.png);
}
.menu-social-menu-container ul li.nav-medium a {
    background-image: url(images/social-medium.png);
}

.header-links a, .header-links a:visited, .header-links a:hover {
    text-decoration: none;
    display: inline-block;
    color: #000;
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .menu-social-menu-container ul li {
        margin-right: 0px;
    }
    .menu-social-menu-container ul li a {
        width: 32px;
        height: 32px;
        background-size: 27px;
    }
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .site-header {
        max-height: 160px;
    }
    #masthead.scrolled .site-branding {
        max-height: 100px;
    }
}


/*--------------------------------------------------------------
## Notification Bar
--------------------------------------------------------------*/
.site-header.notification-visible, .responsive-menu-pro-button.notification-visible {
    /* top: 40px !important; */
}

.notification-bar {
    font-size: 10px;
    width: 100%;
    background-color: #2494cc;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    letter-spacing: 0.1em;
    position: fixed;
    top:-80px;
    left: 0px;
    z-index: 9999;
    transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
    -webkit-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.75);
}

.notification-bar.notification-visible {
    display: block;
    top: 0px;
}


.notification-bar a, .notification-bar a:visited, .notification-bar a:hover  {
    color: #fff;
}
.notification-bar #hide-notification {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 4px;    
    display: block;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/close.png);
}

.notification-bar-text {
    padding: 0px 20px 0px 0px;
}

.notification-bar.hidden {
    margin-top: -39px;
}

@media only screen and (min-width : 410px) {
    .notification-bar-text {
        padding: 0px 36px;
    }
}

@media only screen and (min-width : 575px) {
    .notification-bar #hide-notification {
        width: 24px;
        height: 24px;
    }
    .notification-bar-text {
        padding: 0px 48px;
    }
}


@media only screen and (min-width : 768px) {
    .site-header.notification-visible, .responsive-menu-pro-button.notification-visible {
        /* top: 50px !important; */
    }
    .notification-bar #hide-notification {
        top: 12px;    
    }
    .notification-bar-text {
        padding: 10px 48px;
    }
}
@media only screen and (min-width : 900px) {
    .notification-bar {
        font-size: 12px;
        padding: 5px 0px;
    }
}
@media only screen and (min-width : 1024px) {
    .notification-bar {
        font-size: 14px;
    }
}





/*--------------------------------------------------------------
# Language Menu
--------------------------------------------------------------*/

.network-language {
    display: none;
    float: right;
    margin-top: -3px;
}

/* Google Translate Menu */
#google_translate_element {
}

#google_translate_element img.goog-te-gadget-icon {
    display: none;
}

#google_translate_element .goog-te-gadget-simple {
    border: none;
    background-color: #f0f1f1;
}

body.new-settlement-apartments #google_translate_element .goog-te-gadget-simple {
    background-color: #fff;
}

#google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
    width: 150px;
    height: 30px;
    color: #000;
    text-decoration: none !important;
    text-indent: -9999px;
    display: block;
    background-image: url(images/menu-language.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f0f1f1;
    border: 1px solid #f0f1f1 !important;
}

#masthead.scrolled #google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
    width: 125px;
    height: 25px;
}
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    color: #000;
    border-left: none !important;
}

a.goog-te-menu2-item {
    color: #000;
}

a.goog-te-menu2-item {
    color: #000;
    background-color: #f0f1f1;
}




@media only screen and (min-width: 414px) {
    .site-title {
        max-width: 320px;
    }
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 600px) {
    .site-header {
    }
    body.admin-bar .site-header {
        top: 32px;
    }
    .site-branding {
    }
    .site-title {
        font-size: 24px;
    }
    
    #masthead.scrolled .site-title {
        font-size: 18px;
    }
	.site-title a {
        
	}
    
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .site-header {
    }
    .site-branding {
        width: 300px;
    }

    .site-title a {
	}
    

}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 900px) {
    .site-branding {
        margin: 0px 0px 0px 0px;
        float: left;
    }
    .site-title, #masthead.scrolled .site-title {
        margin: 0px 0px;
    }
    .header-links {
        width: 360px;
        display: block;
        height: 38px;
    }
    .header-links-inner {
        position: relative;
    }
    .header-links-inner #google_translate_element {
        position: absolute;
        top: 5px;
        left: 0px;
        transition: all .10s ease-in-out;
        -moz-transition: all .10s ease-in-out;
        -webkit-transition: all .10s ease-in-out;
    }
    
    #masthead.scrolled .header-links-inner #google_translate_element {
        top: 0px;
        left: 68px;
        
    }
    
    .header-links-inner .menu-social-menu-container {
        position: absolute;
        top: 0px;
        right: 0px;
    }
        
}

@media only screen and (min-width : 1024px) {
}


/* ===== == = === 68.75em (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
    .site-header {
    }
    .site-branding {
    }
	.site-title a {
	}
    
    .header-links {
    }

}

/* ===== == = === 81.25em (1300px) === = == ===== */
@media only screen and (min-width : 1300px) {
}

/* ===== == = === 87.5em (1400px) === = == ===== */
@media only screen and (min-width : 1400px) {

}

/* ===== == = === 93.750em (1500px) === = == ===== */
@media only screen and (min-width : 1500px) {

}

/* ===== == = === 100em (1600px) === = == ===== */
@media only screen and (min-width : 1600px) {
    

}

/* ===== == = === 106.250em (1700px) === = == ===== */
@media only screen and (min-width : 1700px) {

}


/* ===== == = === 112.500em (1800px) === = == ===== */
@media only screen and (min-width : 1800px) {
    

}







/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	background-color: #f5f6f4;
    font-size: 14px;
    padding: 12px;
	font-weight: 500;
    margin-top: 0px;
    color: #000;
    position: relative;
}

.site-footer .footer-inner {
    max-width: 1150px;
    margin: 36px auto 0px auto;
    position: relative;
}

.site-footer .footer-links {
}

.site-footer img {
    max-width: 90%;
    height: auto;
}


.site-footer a {
    color: #000;
}


.site-footer .site-info {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
}
.site-footer .site-info div {
    padding: 10px 0px;
}

.site-footer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.site-footer li {
    float: left;
    font-size: .9em;
}
.site-footer li a {
    text-decoration: none;
}

.site-footer .widget.widget_nav_menu a {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

.site-footer .widget.widget_nav_menu ul.sub-menu {
    display: none;
}

.site-footer .widget#nav_menu-2 {
    clear: left;
}

.site-footer .widget#nav_menu-2 li {
    clear: left;
}

.site-footer .widget#nav_menu-2 a {
    padding: 26px 10px 5px 0px;
    display: inline-block;
}

.site-footer .widget_media_image {
    clear: left;
}
.site-footer .widget_media_image img {
    width: 140px;
    margin-top: 30px
}

.site-footer .widget#text-2 {
    clear: left;
}


.site-footer .copyright {
    clear: both;
}


.site-footer .widget-title {
    color: #000;
}




/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 600px) {
    .site-footer .widget {
        width: 47%;
        margin: 0px 10px 0px 0px;
        float: left
    }
    
    
}
/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .site-footer .widget {
        width: 22%;
        margin: 0px 10px 0px 0px;
        float: left
    }
    
    .site-footer .widget_media_image img {
        width: 165px;
        margin-top: 0px
    }
    
    .site-footer .widget#nav_menu-2 li {
        clear: none;
    }
    .site-footer .widget#nav_menu-2 {
        clear: none;
    }
    .site-footer .widget#nav_menu-2 a {
        padding: 26px 5px 5px 5px;
    }
    .site-footer .widget#nav_menu-2 ul li:first-child a {
        padding-left: 0px;
    }
    
    .site-footer .widget#nav_menu-3 {
        position: absolute;
        bottom: 25px;
        right: 0px;
        width: 165px;
    }
    .site-footer .widget.widget_nav_menu, .site-footer .widget.widget_text {
        width: 74%;
    }
    
    
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 900px) {
    .site-footer .widget#nav_menu-2 a {
        padding: 26px 10px 5px 10px;
    }
}

/* ===== == = === 62.5 (1000px) === = == ===== */
@media only screen and (min-width : 1000px) {
}




/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .7em 1em .7em;
    border: 1px solid #fff;
    background-color: #71ADD6;
    color: #fff;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border: 1px solid #0088c3;
    background-color: #fff;
    color: #01aec5;
    
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	border: 2px solid #a9a9a9;
	border-radius: 0px;
	padding: 0px 5px 6px 0px;
    font-size: 12px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}


.acf-form {
    max-width: 500px !important;
}

.acf-fields > .acf-field {
    padding: 0px !important;
    border-top: none;
}

.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="email"], .acf-field input[type="url"] {
    height: 62px
}


.select2-container--default .select2-selection--multiple {
    border-radius: 0px !important;
	border: 1px solid #2C3E50 !important;
    background-image: url(images/menu-arrow.png);
    background-position: right 10px center;
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 10px !important;
}


.acf-form-submit input[type="submit"] {
    font-size: 18px !important;
    width: 188px !important;
    display: block !important;
    height: 62px;
    margin-top: 15px;
}

.acf-form p.post-title-instructions {
    margin: 0px;
}

.acf-form a.awsm-embed.button {
    display: none !important;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
    color: #0789c1
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a.button {
    background-color: #0575a6;
    color: #fff !important;
    display: inline-block;
    padding: 8px 32px;
    font-size: 90%;
    border-radius: 0px;
    text-decoration: none;
    font-weight: 600;
}

body.home a.button {
    background-color: #0575a6;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    max-width: 575px;
    background-color: #fff;
    clear: none;
    height: 40px;
    float: left;
    margin: 28px 0px 0px 5px;
	transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-webkit-transition: all .10s ease-in-out;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
    text-transform: uppercase;
}

.main-navigation ul ul {
    border: 1px solid #c2c2c2;
    border-top: 3px solid #000;
    background-color: #fafafa;
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}


.main-navigation ul li.nav-get-involved ul a {
    width: 163px;
}


.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0px;
}

.main-navigation li {
	float: left;
	position: relative;
}

.site-header .main-navigation li.nav-resources a {
    padding-right: 0px;
}


.site-header .main-navigation li:last-child {
}
.site-header .main-navigation ul ul li:last-child {
}



.main-navigation a {
    padding: 5px 13px;
    font-size: 11px;
    letter-spacing: 0px;
    display: block;
	text-decoration: none;
    font-weight: bold;
}

.main-navigation ul ul a {
	width: 225px;
    font-weight: 500;
    font-size: 13px;
    background-color: #fafafa;
    text-transform: lowercase;
    font-weight: 700;
    font-size: 13px;
    padding: 5px 0px 5px 16px;
}
.main-navigation ul ul li:first-child a {
    padding-top: 10px;
}
.main-navigation ul ul li:last-child a {
    padding-bottom: 10px;
}


/* Responsive Navigation */
@media only screen and (max-width : 900px) {

    #responsive-menu-pro-container #responsive-menu-pro-title {
        padding: 20px 13% 25px 2% !important;   
    }

    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
        border-left: 1px solid rgba(33, 33, 33, 1) !important;
    }
}



@media only screen and (min-width : 1024px) {
    .main-navigation {
        max-width: 690px;
        margin: 26px 0px 0px 15px;
    }
    .main-navigation li {
        margin: 0px 8px;
    }
    .main-navigation ul ul li {
        margin: 0px;
    }
    .main-navigation a {
        padding: 5px 7px;
        font-size: 13px;
        letter-spacing: 0.1px;    
    }
    html[lang="es"] .main-navigation a, html[lang="fr"] .main-navigation a, html[lang="pl"] .main-navigation a {
        padding: 5px 7px;
        font-size: 10px;
        letter-spacing: 0px;
    }
}

@media only screen and (min-width : 1100px) {
    .main-navigation {
        max-width: 760px;
        margin: 26px 0px 0px 35px;
    }
    .main-navigation li {
        margin: 0px 10px;
    }
    .main-navigation ul ul li {
        margin: 0px;
    }
    .main-navigation a {
        padding: 5px 10px;
        font-size: 13px;
        letter-spacing: 0.81px;
    }
    .main-navigation ul ul a {
        padding: 10px 0px 10px 16px;
    }
    .main-navigation ul ul li:first-child a {
        padding-top: 20px;
    }
    .main-navigation ul ul li:last-child a {
        padding-bottom: 20px;
    }
    html[lang="es"] .main-navigation a, html[lang="fr"] .main-navigation a, html[lang="pl"] .main-navigation a {
        padding: 5px 7px;
        font-size: 11px;
        letter-spacing: 0px;
    }
}


@media only screen and (min-width : 1200px) {
    .main-navigation {
        max-width: 820px;
    }
    .main-navigation li {
        margin: 0px 18px;
    }
    .main-navigation ul ul li {
        margin: 0px;
    }
    .main-navigation a {
        padding: 5px 10px;
        font-size: 13px;
        letter-spacing: 0.81px;
    }
    html[lang="es"] .main-navigation a, html[lang="fr"] .main-navigation a, html[lang="pl"] .main-navigation a {
        padding: 5px 13px;
        font-size: 11px;
        letter-spacing: 0px;
    }
}

/* ===== == = === 93.750em (1500px) === = == ===== */
@media only screen and (min-width : 1500px) {

}

/* ===== == = === 100em (1600px) === = == ===== */
@media only screen and (min-width : 1600px) {

}

/* ===== == = === 106.250em (1700px) === = == ===== */
@media only screen and (min-width : 1700px) {
}


/* ===== == = === 112.500em (1800px) === = == ===== */
@media only screen and (min-width : 1800px) {

}


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #8f0000;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft, alignright {
    max-width: 80px;
    height: auto;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
    margin-top: 20px;
}

@media only screen and (min-width : 768px) {
    .alignleft, alignright {
        width: auto;
        height: auto;
    }
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
    padding: 0px 10px;
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 900px) {
    #secondary .widget {
        width: 33%;
        float: left;
    }

}


.widget .widget-title {
    font-size: 1.125em;
    font-weight: 600;
}

.widget ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.widget a {
	text-decoration: none;
    color: #0088c3;
}

.widget a:hover {
    color: #8ab83e;
}

.widget a .fa{
	font-size: 1.25em;
}

.widget_recent_entries {
    border: 1px solid #e4e4e4;
    padding: 0px;
}

.widget_recent_entries h2 {
    padding: 0px 10px;
    margin-bottom: 0px;
}

.widget_recent_entries li a {
    font-size: 85%;
    padding: 10px;
    border-bottom: 1px dotted #e4e4e4;
    line-height: 1.2em;
    display: block;
}

.widget_recent_entries li:last-child a {
    border-bottom: none;
}

.widget_recent_entries a:hover {
    background-color: #e4e4e4;
}

    
    





/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0px;
}

.byline,
.updated:not(.published) {
	display: none;
}

.justmobile {
    display: inherit;
}
.justdesktop {
    display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

/* ### Section Title */
.section-header {
    text-align: center;
}

.section-title {
    font-size: 28px;
    margin: 0px auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0px 0px 15px 0px;
    max-width: 225px;
    line-height: 1.25;
}


body.section-about .section-title, body.section-draft-plan .section-title {
    background-image: url(images/section-title-underline-blue.png);
}

body.section-issues .section-title {
    background-image: url(images/section-title-underline-green.png);
}

body.section-get-involved .section-title {
    background-image: url(images/section-title-underline-light-blue.png);
}

body.section-resources .section-title {
    background-image: url(images/section-title-underline-brown.png);
}

body.section-contact .section-title {
    background-image: url(images/section-title-underline-yellow.png);
}

.section-nav {
    margin-top: 10px;
}

.section-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-transform: lowercase;
}
.section-nav ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.section-nav ul li a {
    text-decoration: none;
    padding: 5px 10px;
}

.section-nav ul li.current_page_item a, .section-nav ul li a:hover, .section-nav ul li.current_page_parent a {
    color: #0575a6;
}




.subsection-nav {
    text-align: center;
    background-color: #E6F7F9;
    margin: 20px 0px;
    padding: 10px 0px;
}

.subsection-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-transform: lowercase;
}
.subsection-nav ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.subsection-nav ul li a {
    text-decoration: none;
    color: #000;
    padding: 10px 20px;
    font-weight: 300;
}


.subsection-nav ul li.current_page_item a {
    font-weight: 600;
}



/* ### Page Title */

.entry-header {
    margin-top: 25px;
    background-color: #E6F3F9;
}

.entry-header-inner {
    margin: 0px auto;
    max-width: 1150px;
    position: relative;
}

.intro-text {
    font-size: 16px;
    font-weight: 400;
    padding: 30px 22px 0px 22px;
}

.intro-image {
    border-top: 2px solid #fff;
    line-height: 9px;
}

.page-title,
.entry-title {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0px;
    background-position: bottom left;
    background-repeat: no-repeat;
    line-height: 1;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

body.section-about .entry-title, body.blog article, body.single-post .entry-title, body.section-draft-plan .entry-title {
    background-image: url(images/page-title-underline-blue.png);
}

body.section-issues .entry-title {
    background-image: url(images/page-title-underline-green.png);
}

body.section-get-involved .entry-title {
    background-image: url(images/page-title-underline-light-blue.png);
}

body.section-resources .entry-title, body.section-explore-data .entry-header .entry-title {
    background-image: url(images/page-title-underline-brown.png);
}

body.section-contact .entry-title {
    background-image: url(images/page-title-underline-yellow.png);
}


.page-content,
.entry-content,
.entry-summary {
    margin: 48px auto 0px auto;
    padding: 0px 22px;
    max-width: 768px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    
}

.page-content p, .entry-content p, .entry-summary p {
    margin: 0px 0px 20px 0px;
}
.page-content h1, .entry-content h1, .entry-summary h1,
.page-content h2, .entry-content h2, .entry-summary h2,
.page-content h3, .entry-content h3, .entry-summary h3 {
    margin: 0px 0px 0px 0px;
	font-family: 'Ringside', sans-serif;
    text-transform: lowercase;
}

.page-content h2, .entry-content h2, .entry-summary h2 {
    font-size: 24px;
    font-weight: 600;
    color: #0088c3;
}

.entry-content h2.bighead {
    color: #0088c3;
    margin-bottom: 10px;
}



.page-content h3, .entry-content h3, .entry-summary h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0088c3;
}

.page-content a, .entry-content a, .entry-summary a {
    color: #5B7E30;
    text-decoration: none;
}

.page-content a:hover, .entry-content a:hover, .entry-summary a:hover {
    color: #7FB738;
    text-decoration: underline;
}


.page-content ul,
.entry-content ul {
    margin-left: 0px;
    padding-left: 22px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-footer {
    font-size: 80%;
}


.supplementary-content {
    background-color: #fafafa;
    max-width: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.supplementary-inner {
    width: 100%;
    max-width: 768px;
    margin: 0px auto;
    padding: 30px 12px;
}



.post-edit-link {
    background-color: #42362f;
    color: #fff !important;
    font-size: 100%;
    text-transform: lowercase;
    border: 1px solid #42362f;
    display: block;
    width: 120px;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 300;
    margin: 10px auto;
}

.post-edit-link:hover {
    background-color: #fff;
    color: #42362f !important;
}

.display-posts-listing {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.display-posts-listing a {
    padding: 5px 0px;
}



.page-id-187 .intro-text p {
    font-size: 18px;
}



.post-88 form[action="#benchmark-email-lite-3_shortcode"] {
    margin: 10px 0px 50px 0px;
}


.page-template-page-noband .entry-title {
    font-family: 'Surveyor Text';
    background-image: none !important;
}

.share-box {
    margin-bottom: 10px;
}

.share-box h5 {
    margin: 0px 0px 0px 0px;
    line-height: 1;
}

.a2a_dd {
    display: none !important;
}

.addtoany_list a {
    padding: 0px 8px 0px 0px !important;
}

.easy-footnote-single a {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


@media only screen and (min-width : 600px) {
    .page-content ul,
    .entry-content ul {
        margin-left: 20px;
        padding-left: 22px;
    }
}


/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    .justmobile {
        display: none;
    }
    .justdesktop {
        display: inherit;
    }
    .section-title {
        font-size: 64px;
        max-width: 100%;
    }
    .section-nav ul li {
        display: inline-block;
    }

    .section-nav ul li a {
        display: inline-block;
        padding: 5px 20px;
    }

    .entry-header {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        height: 252px;
    }
    
    
    .intro-text {
        position: absolute;
        left: 1%;
        top: 0px;
        max-width: 360px;
        font-size: 13px;
        font-weight: 400;
        padding: 20px 0px 0px 30px;
        z-index: 50;
    }

    .intro-image {
        max-width: 400px;
        position: absolute;
        right: 0px;
        top: 0px;
        border-top: none;
        z-index: 40;
    }
    .page-title,
    .entry-title {
        font-size: 48px;
    }
    
    body.section-issues .entry-title {
        font-size: 42px;
        line-height: 1.25;
    }
    .page-content,
    .entry-content,
    .entry-summary {
        font-size: 20px;
        padding: 0px 12px;
    }
    .entry-content h2.bighead {
        font-size: 32px;
    }
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 900px) {
    .entry-header {
        height: 285px;
    }
    
    .intro-text {
        max-width: 440px;
        font-size: 16px;
    }

    .intro-image {
        max-width: 450px;
    }
}

/* ===== == = === 56.25em (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
    .entry-header {
        height: 330px;
    }
    
    .intro-text {
        max-width: 500px;
        font-size: 20px;
    }

    .intro-image {
        max-width: 522px;
    }
}


/*--------------------------------------------------------------
## Responsive Columns
--------------------------------------------------------------*/
.rhcol.span9 {
    text-align: center;
}

@media only screen and (min-width : 550px) {
    .rhcol.span9 {
        text-align: left;
        padding-top: 7%;
    }
}
@media only screen and (min-width : 950px) {
    .rhcol.span9 {
        padding-top: 8%;
    }
}
/*--------------------------------------------------------------
## News
--------------------------------------------------------------*/

body.blog article {
    width: 100%;
    margin: 15px 0px 10px 0px;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 15px 0px 30px 0px;

}

body.blog article .entry-title {
    padding-bottom: 0px;
}

body.blog article img {
    max-width: 80px;
    height: auto;
    float: right;
    margin: 10px 0px 20px 20px;
}


body.single-post h2.entry-title {
    line-height: 1.25;
}


.blog-post-title .entry-title {
    background-image: none;
    padding-bottom: 40px;
}


.post-date {
    line-height: 1;
    font-size: 20px;
    color: #000;
}

.single .post-date {
    margin-top: 30px;
}

.blog-post-content {
    background-repeat: no-repeat;
    background-position: bottom left;
}

.blog-post-content p {
    margin-top: 10px;
    font-size: 20px;
}

.blog-post-content .entry-title a, .blog-post-content .entry-title a:visited {
    text-decoration: none;
    color: #7FB738;
}

.blog-post-content .entry-title a:hover {
    text-decoration: underline;
}



nav.post-navigation {
    clear: both;
}

.entry-footer {
    display: none;
    padding-bottom: 20px;
    margin-bottom: 0px;
    font-size: 75%;
    text-align: right;
    font-weight: 700;
}
.entry-footer a {
    font-weight: 300;
}

body.post-type-archive article {
    border-bottom: 1px dotted #2C3E50;
}
body.post-type-archive .entry-title a {
    text-decoration: none;
}

 

body.archive .entry-content, body.archive .entry-content p {
    margin-top: 0px;
}

body.archive .entry-content img {
    max-height: 150px;
    width: auto;
}


nav.pagination {
    clear: both;
    font-size: 80%;
    margin: 0px auto 10px auto;
    text-align: center;
}

nav.pagination a, nav.pagination span.current {
    padding: 5px;
}


/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 600px) {
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 768px) {
    body.blog article img {
        max-width: 150px;
        height: auto;
    }
}

/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 900px) {
}


/* ===== == = === 59.375em (950px) === = == ===== */
@media only screen and (min-width : 950px) {
}


/* ===== == = === 62.5em (1000px) === = == ===== */
@media only screen and (min-width : 1000px) {

}

/*--------------------------------------------------------------
## Masonry
--------------------------------------------------------------*/


.grid {
    display: none;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.element-item {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 15px 20px 30px 0px;
    text-align: left;
    font-size: 0.8em;
    text-decoration: none;
    line-height: 1.4em;
    color: #000;
}

.element-item > * {
  margin: 0;
  padding: 0;
}


@media only screen and (min-width: 600px) {
    .element-item {
        width: 50%;
    }
}

@media only screen and (min-width : 768px) {
    
}


@media only screen and (min-width : 1000px) {
    
}




/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
.home .entry-header {
    display: none;
}

.home .entry-content {
    margin-top: 0px;
    max-width: 1150px;
}

.home .section {
    clear: both;
    max-width: 1150px;
    margin: 0px auto 40px auto;
}


.home .entry-content h1 {
    background-image: url(images/heading-border-bottom.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    line-height: 1;
    padding-bottom: 20px;
    margin: 0px;
    font-size: 28px;
    font-family: 'Surveyor Text';
    text-transform: lowercase;
}




/* ### Slider */
.section.slider {
    background-color: #fafafa;
}

.home .entry-content .lightslide h1 {
    padding: 10px 0px 20px 30px;
    background-position: bottom 0px left 30px;
    margin-bottom: 20px;
}
.home .entry-content .lightslide p {
    padding-left: 30px;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

.lslide p {
    line-height: 1.2;
}


.lSAction>a {
    background-image: none !important;
    background-color: #fff !important;
    height: 60px !important;
    width: 45px !important;
    text-align: center !important;
    padding: 7px !important;
}
.lSAction>.lSPrev {
    left: 0px !important;
    display: none !important;
}
.lSAction>.lSNext {
    right: 0px !important;
}

/* ### Icons */

.section.icons h1 {
    line-height: 1.25;
    margin-bottom: 15px;
}
.icon-table {
    display: table
}

.icon {
    width: 100%;
    display: table-row;
}


.icon span {
    display: table-cell;
    vertical-align: middle;
}
.icon .icon-icon {
    width: 25%;
}
.icon .icon-icon img {
    max-width: 90%;
}


.icon .icon-text {
    font-size: 16px;
    width: 75%;
    font-weight: 400;
    padding: 10px 0px 10px 10px;
}

.icon .icon-text p {
    line-height: 1.5;
    margin-bottom: 0px;
}

.icon a {
    text-decoration: none;
}


/* ### Brochure Download */

.section.brochure {
}

.section.brochure .brochure-image {
    
}
.section.brochure .brochure-image img {
    max-width: 200px;
    display: block;
    margin: 25px auto 0px auto;
}

.section.brochure .brochure-text {
    padding: 20px;
}
.section.brochure .brochure-text h1 {
    width: 100%;
    margin-bottom: 10px;
}
.section.brochure .brochure-text a {
    white-space: nowrap;
    font-size: 90%;
}



.page-id-84 .section.brochure {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;    
}

.page-id-84 .brochure-inner {
    max-width:1100px;
    margin: 0px auto;
}

.page-id-84 .brochure-inner h1 {
    background-image: url(images/heading-border-bottom-desktop.png);
    font-size: 46px;
    width: 55%;
    background-image: url(images/heading-border-bottom.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    line-height: 1;
    padding-bottom: 20px;
    margin: 0px;
    font-size: 28px;
    font-family: 'Surveyor Text';
    text-transform: lowercase;
}


.page-id-84 .supplementary-content {
    background-color: #fff;
}





/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 600px) {
    .lightslide h1 {
        width: 55%;
        clear: none;
        display: inline-block;
    }
    .lightslide img {
        max-width: 40%;
    }
    .lslide p {
        font-size: 18px;
        line-height: 1.5;
    }

}

@media only screen and (min-width : 768px) {
        
    .home .entry-content h1 {
        background-image: url(images/heading-border-bottom-desktop.png);
        font-size: 46px;
        width: 55%;
    }
    
    .section.icons {
        margin-bottom: 0px;
    }
    
    .section.icons h1 {
        font-size: 46px !important;
        margin-bottom: 30px;
        width: 100%;
    }
    .section.icons .icons-section-text {
        float: left;
        width: 50%;
    }
    .section.icons .icons-section-text p {
        padding-right: 70px;
    }
    .section.icons .icon-table {
        float: right;
        width: 50%;
    }
    
    

    .section.brochure .brochure-image {
        float: right;
        width: 50%;

    }
    .section.brochure .brochure-image img {
        max-width: 100%;
    }

    .section.brochure .brochure-text {
        float: left;
        width: 50%;
        font-size: 90%;

    }
    
    .page-id-84 .brochure-inner h1 {
        background-image: url(images/heading-border-bottom-desktop.png);
        font-size: 46px;
        width: 55%;
    }

    
    
    
    
    
    
}

@media only screen and (min-width : 900px) {
    .lslide p {
        font-size: 19px;
        line-height: 1.6;
    }
    .section.icons .icons-section-text {
        width: 35%;
    }
    .section.icons .icons-section-text p {
        padding-right: 70px;
    }
    .section.icons .icon-table {
        width: 60%;
    }
    .icon .icon-text {
        font-size: 20px;
    }
    
    .section.brochure .brochure-image {
        width: 65%;
        padding: 0px 20px;
    }

    .section.brochure .brochure-text {
        width: 35%;
    }
}

@media only screen and (min-width : 1024px) {
    .lslide h1 {
        font-size: 64px !important;
    }
    .lslide p {
        font-size: 20px;
        line-height: 1.8;
    }


}
/* ===== == = ===  (1100px) === = == ===== */
@media only screen and (min-width : 1100px) {
    .lightslide h1 {
        padding: 30px 0px 25px 30px !important;
        width: 44% !important;
    }
    .lightslide img {
        max-width: 55%;
    }
    .section.brochure .brochure-text {
        padding: 20px 20px 0px 0px;
        font-size: 100%;
    }


}



/*--------------------------------------------------------------
## Newsletter Subscribe
--------------------------------------------------------------*/

.section.newsletter, .home .section.newsletter {
    clear: both;
    max-width: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #e9f7fa;
}


.section.newsletter {
    margin-top: 50px;
}
.home .section.newsletter {
    margin-top: 0px;
}

.newsletter-inner {
    width: 100%;
    max-width: 1150px;
    margin: 0px auto;
    padding: 30px 30px 0px 30px;
}

.newsletter-image {
    display: none;
}



.newsletter-text {
    font-size: 20px;
}

.newsletter-text h2 {
    background-image: url(images/heading-border-bottom-blue.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    line-height: 1;
    padding: 0px 0px 35px 5px;
    font-family: 'Surveyor Text';
    font-size: 46px;
    text-transform: lowercase;
}

.home .entry-content .newsletter-text h2 {
    font-size: 42px;
    padding: 0px 0px 29px 5px;
    margin-bottom: 12px;
}

.intro-text h2.widgettitle {
    display: none;
}

.inline-subscribe h2, .inline-subscribe p {
    display: none !important;
}


.home .entry-content .newsletter-text p, .newsletter-text p {
    line-height: 1.5;
}
.benchmarkemaillite-subscribe label {
    display: block;
    text-indent: -999px;
    font-size: 1px;
    line-height: 1px;
}
.benchmarkemaillite-subscribe input[type="text"] {
    display: block;
    font-size: 20px;
    margin-bottom: 12px;
    padding: 5px 10px;
    font-weight: 100;
    width: 100%;
    height: 62px;
}

.newsletter-text .benchmarkemaillite-subscribe input[type="text"] {
    border: 1px solid #fff;
    background-color: #fff;
}


.benchmarkemaillite-subscribe button {
    font-size: 20px;
    margin-top: 0px;
    height: 62px;
    background-color: #0575a6;
}
.benchmarkemaillite-subscribe button:hover {
    color: #fff;
    text-decoration: underline;
}



.benchmarkemaillite-subscribe input::placeholder {
    color: #D5D5D5;
    font-weight: 100;
}


form[action="#benchmark-email-lite-3_shortcode"] {
    margin-bottom: 20px;
}

@media only screen and (min-width : 768px) {
    .newsletter-inner {
        max-width: 1150px;
        display: table;
        margin: 0px auto;
        padding: 0px;
    }
    
    .newsletter-table-row {
        display: table-row;
    }

    .newsletter-image {
        display: table-cell;
        width: 36%;
        line-height: 1px;
        vertical-align: middle;
    }
    .newsletter-image img {
        max-width: 90%;
    }
    .newsletter-text {
        width: 51%;
        display: table-cell;
        vertical-align: middle;
        padding: 20px 0px 20px 0px;
    }
    .benchmarkemaillite-subscribe input#email-2_shortcode, .benchmarkemaillite-subscribe input#email-3_shortcode {
        max-width: 500px;
    }
    .benchmarkemaillite-subscribe input#zip-2_shortcode, .benchmarkemaillite-subscribe input#zip-3_shortcode {
        width: 200px;
    }

}


/*--------------------------------------------------------------
## What Do You Think?
--------------------------------------------------------------*/

/* ### What Do You Think? */
.question_date {
    font-family: 'Surveyor Text';
    font-size: 18px;
}

div[data-name=my_response] .acf-label, div[data-name=respondent_postal_code] .acf-label, div[data-name=respondent_email_address] .acf-label {
    display: none;
}

div[data-name=respondent_postal_code] input, div[data-name=respondent_email_address] input {
    display: block;
    font-size: 20px !important;
    margin-bottom: 5px !important;
    padding: 21px 10px !important;
    font-weight: 100;
}

div[data-name=respondent_postal_code] input {
    max-width: 200px;
}

div[data-name=respondent_email_address] input {
    max-width: 500px;
}

.section.question h1, .section.responses h1, section.extra-text h1 {
    margin-bottom: 20px;
    color: #0088c3;
    font-weight: 600;
    
}

.section.question h2.response-thanks {
    color: #71ADD6;
    font-size: 30px;
}

.section.question p, section.extra-text p {
    max-width: 600px;
}


a.show-more-responses {
    padding: 15px 20px 30px 0px;
    text-align: left;
    font-size: 0.8em;
    text-decoration: none;
    line-height: 1.4em;
    color: #000;
    background-image: url(images/response-border-top.png);
    background-position: top left;
    background-repeat: no-repeat;
}

@media only screen and (min-width : 768px) {    
    .home .section.question, .home .section.extra-text {
        background-image: url(images/hp-whatdoyouthink.png);
        background-position: top right;
        background-size: 40%;
        background-repeat: no-repeat;
    }
    .home .section.question p, .home .section.extra-text p {
        max-width: 60%;
    }
    .home .section.extra-text {
        min-height: 430px;
        padding-top: 7%;
    }
    
}


/*--------------------------------------------------------------
## Toolkit and Topic Cards
--------------------------------------------------------------*/


button.topic-button, a.topic-button {
    display: block;
    float: left;
    margin:0px 15px 10px 0px;
    width:150px;
    height:140px;
    color: #fff;
    background-color: #f14c79;
    padding: 0px 14px 0px 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 0px;
    font-size: 19px;
    line-height: 1.35;
    position: relative;
    background-size: cover;
    text-transform: lowercase;
    font-weight: 400;
    font-family: 'Surveyor Text';
}

button.topic-button:nth-child(even), a.topic-button:nth-child(even) {
    margin: 0px 0px 25px 0px;
}

button.topic-button .button-border-line, a.topic-button .button-border-line {
    display: none;
    background-color: #fff;
    width: 60px;
    height: 4px;
    position: absolute;
    top: 150px;
    left: 52px;
}


button.topic-button:hover, button.is_current, a.topic-button:hover, a.is_current {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.45);
    transform: scale(1.05);
    color: #fff;
    text-decoration: none;
    outline: none;
}

button.topic-button-showall.is_current, a.topic-button-showall.is_current {
    color: #01aec5;
}

button.topic-our-history-of-segregation, a.topic-our-history-of-segregation {
    background-color: #f14c79;
    padding: 0px 11px 0px 11px;
    background-image: url(images/history-of-segregation-nyc.jpg);
}

button.topic-your-neighborhood-experience, a.topic-your-neighborhood-experience {
    background-color: #88bc4a;
    background-image: url(images/your-nyc-neighborhood-experience.jpg);
}

button.topic-housing-challenges-and-discrimination, a.topic-housing-challenges-and-discrimination {
    background-color: #2494cc;
    background-image: url(images/housing-challenges-and-discrimination.jpg);
}

button.topic-our-shared-vision-for-the-future, a.topic-our-shared-vision-for-the-future {
    background-color: #dadd75;
    background-image: url(images/our-shared-vision-for-the-future-of-nyc-housing.jpg);
}

button.topic-button-showall, button.topic-button-showall {
    display: block;
    margin: 0px auto;
    width: 90px;
}

button.topic-button.last-topic-button, a.topic-button.last-topic-button {
    margin:0px 0px 0px 0px;
}
.after-card-buttons-clear {
    height: 0px; 
    width: 100%; 
    clear: both; 
    font-size: 1px; 
    line-height: 1px;
}

h2.header-our-history-of-segregation {
    color: #f14c79;
    padding-bottom: 15px;
    margin-top: 20px;
}

h2.header-your-neighborhood-experience {
    color: #88bc4a;
    padding-bottom: 15px;
    margin-top: 20px;
}

h2.header-housing-challenges-and-descrimination {
    color: #2494cc;
    padding-bottom: 15px;
    margin-top: 20px;
}

h2.header-our-shared-vision-for-the-future {
    color: #dadd75;
    padding-bottom: 15px;
    margin-top: 20px;
}




body.single-topic_card {
    color: #fff;
    text-align: center;
    font-weight: 700;
}

body.topic_our-history-of-segregation, body.response-topic-our-history-of-segregation {
    background-color: #f14c79;
    color: #fff;
}

body.topic_your-neighborhood-experience, body.response-topic-your-neighborhood-experience {
    background-color: #88bc4a;
    color: #fff;
}

body.topic_housing-challenges-and-discrimination, body.response-topic-housing-challenges-and-discrimination {
    background-color: #2494cc;
    color: #fff;
}

body.topic_our-shared-vision-for-the-future, body.response-topic-our-shared-vision-for-the-future {
    background-color: #dadd75;
    color: #000;
}



.single-topic-card-iframe-container .topic-card-list {
    text-align: center;
}
.single-topic-card-iframe-container iframe, .single-topic-card-iframe-container {
    height: 535px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.single-topic-card-iframe-container iframe {
    border: none;
    border-radius: 0px;
}

.single-topic_card button.responsive-menu-pro-button, .page-template-page-bare button.responsive-menu-pro-button {
    display: none !important;
}

.single-topic_card .entry-content {
    margin-top: 0px;
    padding: 0px 10px;
    line-height: 1;
}

.single-topic_card .topic {
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: 300;
}

.single-topic_card .topic .topic-border {
    background-color: #fff;
    height: 4px;
    width: 50%;
    margin: 15px auto 0px auto;
    line-height: 1px;
}

.single-topic_card .the_text {
    height: 230px;
    overflow: hidden;
}

.single-topic_card .the_question {
    line-height: 1.25;
    margin-bottom: 10px;
    font-size: 22px;
    padding: 0px 30px;
    font-weight: 400;
}


.single-topic_card .supplemental {
    font-size: 90%;
    font-style: italic;
}

.single-topic_card input, .single-topic_card textarea {
    border: 0px !important;
    width: 100% !important;
    max-width: none;
    resize: none !important;
    font-weight: 400;
}

.single-topic_card .acf-field textarea {
    border-radius: 0px 0px 0px 0px;
    padding: 8px 10px 1px 10px;
    font-size: 18px;
}
.single-topic_card input {
    border-radius: 0px 0px 0px 0px;
}


.single-topic_card .acf-form {
    max-width: none !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.single-topic_card .acf-form-submit input[type="submit"] {
    margin-top: 0px;
    width: 100% !important;
    height: 43px;
    padding: 0px 0px 0px 0px;
    background-color: #1075A4;
    font-weight: 300;
}

.single-topic_card .acf-form-submit input[type="submit"]:hover {
    background-color: #1075A4;
    color: #fff;

}






@media only screen and (min-width : 768px) {
    button.topic-button, a.topic-button {
        font-size: 21px;
        height: 190px;
    }
    button.topic-button .button-border-line, a.topic-button .button-border-line {
        display: block;
    }
    button.topic-button:nth-child(even), a.topic-button:nth-child(even) {
        margin:0px 15px 0px 0px;
    }
    button.topic-button.last-topic-button, a.topic-button.last-topic-button {
        margin:0px 0px 0px 0px !important
    }
    .single-topic-card-iframe-container {
        width: 50%;
        padding: 0px 12px 0px 0px;
        float: left;
        margin-bottom: 25px;
    }
    .after-card-buttons-clear {
        height: 20px; 
    }

}

@media only screen and (min-width : 900px) {    
    .single-topic-card-iframe-container iframe, .single-topic-card-iframe-container {
        height: 515px;
    }
    .single-topic_card .the_text {
        height: 190px;
    }
    button.topic-button, a.topic-button {
        float:left;
        margin:0px 25px 0px 0px;
        width:166px;
    }
    button.topic-button:nth-child(even), button.topic-button:nth-child(even) {
        margin:0px 25px 0px 0px;
    }

    
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error-404 .page-title {
    text-align: center;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
video,
embed,
iframe,
object {
	width: 100%;
    height: 240px;
}
@media only screen and (min-width : 768px) {

    video,
    embed,
    iframe,
    object {
        height: 450px;
    }
    
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
    font-family: 'Surveyor Text';
    font-size: 14px;
    line-height: 1.25;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
    padding: 0px 10px;
    margin: 0px 0px 10px 0px;
}

.gallery-item img {
    -webkit-transition: 250ms -webkit-filter linear;
    -moz-transition: 250ms -moz-filter linear;
    -moz-transition: 250ms filter linear;
    -ms-transition: 250ms -ms-filter linear;
    -o-transition: 250ms -o-filter linear;
    transition: 250ms filter linear, 250ms -webkit-filter linear;

}

.gallery-item:hover img {
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
    padding: 0px 10px;
}

.gallery-columns-2 .gallery-item:nth-child(odd) {
    max-width: 53%;
}
.gallery-columns-2 .gallery-item:nth-child(even) {
    max-width: 47%;
}



.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-4 .gallery-item img {
	max-height: 150px;
    width: auto;
}


.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.lightbox-wwl {
    display: none;
}

.lightbox-wwl input {
    padding: 14px;
    font-size: 120%;
}

/*--------------------------------------------------------------
## Hide Admin Bar on Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
    #wpadminbar {
        display: none !important;
    }
}