/*
* Website Layout
*/

#page {
overflow: visible;
}

.site-header {
position: relative;
border-radius: 0;
}

.site-header-main {
height: auto;
}

.site-content {
background: none;
padding: 0;
border-radius: 10px;
box-shadow: 0 0 100px -65px #000;
}

.site-content .wrapper {
border-radius: 0;
overflow: hidden;
padding: 0;
}

.site-content #primary {
padding: 0;
}

a {
text-decoration: underline;
}

.content-area {
max-width: none !important;
}

.singular-content-wrap .entry-content {
margin: 0;
}


/*
* Plugin Layout
*/

#nmp-survey-canvas {
position: relative;
display: block;
width: 100%;
min-height: 100vh;
font-family: 'Open Sans', Arial, Sans-Serif;
background: #fff;
}

#nmp-survey,
.nmp-step-layout {
position: relative;
display: block;
width: 100%;
height: 100%;
min-height: 100vh;
}

.nmp-step-layout:not(.active) {
display: none;
}

.nmp-container {
position: relative;
float: left;
display: block;
width: 100%;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
z-index: 1;
}

.nmp-container-padded {
padding: 20px;
}

.nmp-container-padded-heavy {
padding: 30px;
}

#nmp-step-templates {
display: none;
}

/*
* Template: Map
*/

.nmp-step-card {
top: -20px;
opacity: 0;
height: 0;
padding: 0 30px;
overflow: hidden;
transition: all 200ms ease-in-out;
}

.nmp-step-layout.loaded[data-template][data-step-request="info"] .nmp-step-card {
height: auto;
max-height: calc(100vh - 130px);
overflow: auto;
opacity: 1;
padding: 30px;
top: 0;
}

.nmp-step-layout.active[data-template][data-status="edit"][data-step-request="info"] .nmp-step-card {
display: none;
}

.nmp-step-layout.active[data-template][data-step-request="info"][data-step="0"] .nmp-step-card {
max-height: none;
padding: 50px
}

.nmp-step-layout[data-template="map"] .nmp-step-layout-text {
position: absolute;
width: 350px;
padding: 10px;
z-index: 10;
}

.nmp-step-layout[data-template="map"][data-step="0"] .nmp-step-layout-text {
left: 15%;
width: 70%;
padding: 40px 10px;
}

.nmp-step-layout[data-template="map"] .nmp-step-description {
display: block;
font-size: 16px;
line-height: 18px;
}

.nmp-step-layout[data-template="map"] .nmp-step-description p {
margin-bottom: 10px !important;
}

.nmp-step-layout[data-template="map"] .nmp-step-description p:last-child {
margin-bottom: 0;
}

.nmp-step-layout[data-template="map"] .nmp-step-description i.fa-solid {
display: inline-block;
width: 30px;
background: #f1f1f1;
padding: 3px;
border-radius: 5px;
}

.nmp-step-layout .nmp-step-card-close {
position: absolute;
top: 0;
right: 0;
padding: 15px;
}

#nmp-step-interface-map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
z-index: 1;
}

#nmp-step-interface-map.visible {
opacity: 1;
}

.leaflet-draw.leaflet-control {
margin-top: 0;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
height: 30px !important;
line-height: 30px !important;
}

.leaflet-draw-actions a[title="Delete last point drawn"],
.leaflet-draw-actions a[title="Cancel drawing"] {
display: none;
}

.leaflet-pane .leaflet-div-icon {
border-radius: 50%;
}

.leaflet-pane div:nth-child(1 of .leaflet-div-icon) {
background: #ff2e2e;
}

.leaflet-draw-draw-polygon.leaflet-draw-toolbar-button-enabled,
.leaflet-draw-draw-polygon.leaflet-draw-toolbar-button-enabled:hover,
.leaflet-draw-draw-polygon.leaflet-draw-toolbar-button-enabled:focus,
.leaflet-draw-draw-polygon.leaflet-draw-toolbar-button-enabled:active {
background-color: #ffcc00;
}

.leaflet-draw-tooltip-subtext,
.leaflet-draw-tooltip br  {
display: none;
}

.leaflet-right .leaflet-bar {
width: 40px;
border: none !important;
border-radius: 10px !important;
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5) !important;
overflow: hidden;
margin-top: 10px;
}

.leaflet-touch .leaflet-bar a {
width: 40px !important;
height: 40px !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.leaflet-right .leaflet-bar a {
position: relative;
}

.leaflet-draw-toolbar a {
background-image: none !important;
}

.leaflet-right .leaflet-bar a:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: 'FontAwesome';
font-size: 16px;
line-height: 40px;
font-weight: 400;
text-align: center;
}

.leaflet-control-accessibility .leaflet-accessibility-options:after {
content: "\f29a";
font-size: 20px !important;
}

.leaflet-control-zoom a.leaflet-control-zoom-in:after {
content: "\2b";
}

.leaflet-control-zoom a.leaflet-control-zoom-out:after {
content: "\f068";
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon:after {
content: "\f5ee";
}

.leaflet-draw-toolbar .leaflet-draw-edit-edit:after {
content: "\f044";
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove:after,
.leaflet-mock-delete-option:after {
content: "\f2ed";
}

.leaflet-control-zoom a span {
display: none;
}

.leaflet-control .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}

.leaflet-draw-actions {
margin-top: 6px !important;
right: 40px !important;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
overflow: hidden;
}

.leaflet-draw-actions a {
background-color: #515151;
}

.leaflet-draw-actions a:hover,
.leaflet-draw-actions a:focus,
.leaflet-draw-actions a:active {
background-color: #616161;
}

.leaflet-mock-delete {
margin-top: 0 !important;
}

/*Neighborhood Name*/

.nmp-step-name,
.nmp-step-name .nmp-name-edit {
display: none;
}

.nmp-step-name[data-status],
.nmp-step-name[data-status="edit"] .nmp-name-edit {
display: block;
}

.nmp-step-name .nmp-name-display {
height: 0;
margin-bottom: 0;
opacity: 0;
transition: all 200ms ease-in-out;
}

.nmp-step-layout.loaded .nmp-step-name[data-status="display"] .nmp-name-display {
height: 46px;
margin-bottom: 10px;
opacity: 1;
}

.nmp-step-layout[data-template="map"][data-status="edit"] #nmp-step-interface-map:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 9999;
}

.nmp-step-name {
float: left;
width: 100%;
}

.nmp-name-display-current,
input.nmp-name-input-field {
font-family: 'Open Sans', Arial, Sans-Serif;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: #000;
}

.nmp-name-display-current[data-customized="false"] {
font-style: italic;
color: #aaa;
}

.nmp-name-display-current {
float: left;
width: calc(100% - 45px);
padding: 10px 15px;
border: 3px solid #fff;
border-radius: 5px;
cursor: pointer;
}

.nmp-name-display-edit {
float: right;
width: 45px;
height: 45px;
text-align: center;
}

.nmp-name-display-edit a {
font-size: 20px;
line-height: 45px;
}

.nmp-name-input-container {
float: left;
width: 100%;
border: 3px solid #ffcc00;
border-radius: 5px;
overflow: hidden;
}

input.nmp-name-input-field {
float: left;
width: calc(100% - 45px);
height: 40px;
border: 0;
margin: 0;
padding: 0 15px;
}

.nmp-name-input-container button {
float: left;
width: 45px;
height: 40px;
text-align: center;
font-weight: 600;
font-size: 18px;
line-height: 40px;
padding: 0;
background: #ffcc00;
color: #000;
}

.nmp-name-search {
float: left;
width: 100%;
margin-top: 10px;
}

.nmp-name-search-subtitle {
float: left;
width: 100%;
font-size: 13px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
color: #000;
margin-bottom: 3px;
}

.nmp-name-search-title {
float: left;
width: 100%;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: #000;
}

.nmp-name-search-input {
float: left;
width: 100%;
margin-top: 15px;
border-radius: 5px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.nmp-name-search-input i {
float: left;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: #aaa;
}

input.nmp-name-search-input-field {
float: left;
width: calc(100% - 45px);
height: 45px;
padding: 0 15px 0 0;
margin: 0;
border: 0;
font-size: 16px;
font-weight: 400;
line-height: 45px;
color: #000;
font-family: 'Open Sans', Arial, Sans-Serif;
}

.nmp-name-search-list {
float: left;
width: 100%;
height: 200px;
overflow: auto;
padding: 10px;
margin-top: 15px;
box-shadow: 0 0 50px -30px #aaa;
}

.nmp-name-search-list span {
float: left;
width: 100%;
padding: 10px;
border-bottom: 1px solid #aaa;
cursor: pointer;
}

.nmp-name-search-list span:hover,
.nmp-name-search-list span:focus,
.nmp-name-search-list span.active {
color: #000;
font-weight: 600;
background: #f1f1f1;
border-radius: 10px;
}

.nmp-name-search-list span.active {
background: #ffcc00;
}

.nmp-name-search-list .nmp-name-search-list-fallback {
float: left;
width: 100%;
padding: 15px 10%;
border-bottom: 1px solid #aaa;
font-size: 13px;
line-height: 17px;
background: #f1f1f1;
margin-top: 10px;
border-radius: 10px;
}

.nmp-name-search-list .nmp-name-search-list-fallback:hover {
background: #e1e1e1;
cursor: pointer;
}

/*Map: Popup*/

.nmp-popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: transparent;
transition: all 200ms ease-in-out;
z-index: 9999;
}

.nmp-popup.loaded {
background: rgba(0, 0, 0, 0.4);
}

.nmp-popup-wrapper {
position: absolute;
display: inline-flex;
flex-direction: column;
top: 50%;
width: 400px;
height: auto;
max-width: 100%;
max-height: 90%;
background: #fff;
padding: 40px;
border-radius: 15px;
margin-left: -200px;
opacity: 0;
-webkit-transform: translateY(-50%) scale(0.6);
-ms-transform: translateY(-50%) scale(0.6);
transform: translateY(-50%) scale(0.6);
transition: all 200ms ease-in-out;
}

.nmp-popup.loaded .nmp-popup-wrapper {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}

.nmp-popup.wide .nmp-popup-wrapper {
width: 600px;
margin-left: -300px;
padding: 30px;
}

.nmp-popup-contents {
position: relative;
display: block;
width: 100%;
height: auto;
text-align: left;
overflow-y: auto;
padding-bottom: 1px;
z-index: 1;
}

h3.nmp-popup-title {
font-size: 22px;
line-height: 24px;
margin-bottom: 10px !important;
}

.nmp-popup-text {
font-size: 16px;
line-height: 20px;
color: #000;
}

.nmp-popup-text p {
margin-bottom: 10px !important;
}

.nmp-popup-text p:last-child,
.nmp-popup-text ol:last-child {
margin-bottom: 0 !important;
}

.nmp-popup-text ul,
.nmp-popup-text ol {
padding-left: 20px;
}

.nmp-popup-close {
position: absolute;
top: -10px;
right: -10px;
background: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
box-shadow: 0 0 9px -2px #aaa;
border-radius: 50%;
z-index: 2;
}

.nmp-step-layout[data-step="0"] .nmp-step-card-close {
display: none;
}

/*Map: Accessibility Mode customizations*/

#nmp-accessibility-mode {
display: block;
width: 100%;
margin: 25px 0 !important;
text-align: center;
}

.nmp-step-button#nmp-accessibility-mode-trigger {
color: #515151 !important;
background: #e1e1e1 !important;
text-transform: none;
padding: 10px 20px;
}

#nmp-accessibility-mode[data-enabled="true"] .nmp-step-button#nmp-accessibility-mode-trigger,
.leaflet-bar.leaflet-control .leaflet-accessibility-options[data-enabled="true"] {
color: #fff !important;
background: #a055bb !important;
}

ol#nmp-accessibility-keys li {
margin: 10px 0;
}

.nmp-accessibility-key {
display: inline-block;
background: #f1f1f1;
padding: 3px 7px;
border-radius: 10px;
}

.leaflet-pane .nmp-accessibility-marker {
width: 20px !important;
height: 20px !important;
background: #a055bb;
border-radius: 50%;
opacity: 0.8;
animation: blinking-marker 1.5s ease-in-out infinite;
}

@keyframes blinking-marker {
  0%, 100% {
    box-shadow: 0 0 0px rgba(160, 85, 187, 0);
  }
  50% {
    box-shadow: 0 0 10px #a055bb;
  }
}

/*Menu: Progress Bar, Directional Buttons*/

.nmp-step-menu {
position: relative;
float: left;
display: block;
width: 100%;
margin-bottom: 10px;
z-index: 2;
}

.nmp-step-progress {
float: left;
display: inline-block;
width: auto;
height: 40px;
border-radius: 10px;
background: #ededed;
overflow: visible;
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}

.nmp-step-layout[data-template="map"][data-status="edit"] .nmp-step-menu,
.nmp-step-layout[data-template="map"][data-status="edit"] .nmp-step-card {
display: none;
}

.nmp-step-progress ul {
display: block;
width: auto;
margin: 0;
}

.nmp-step-progress ul li {
float: left;
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
width: 45px;
height: 100%;
}

.nmp-step-progress ul li a {
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;
font-size: 20px;
line-height: 40px;
color: #000;
text-decoration: none;
background: transparent;
transition: all 200ms ease-in-out;
}

.nmp-step-progress ul li a:hover,
.nmp-step-progress ul li a:focus,
.nmp-step-progress ul li a:active {
background: #fff;
}

.nmp-step-progress ul li a i {
opacity: 0.5;
transition: all 200ms ease-in-out;
}

.nmp-step-layout.loaded .nmp-step-progress ul li a[data-active="true"] {
background: #ffcc00;
}

.nmp-step-progress ul li a[data-active="true"] i {
opacity: 1 !important;
}

.nmp-step-progress ul li a[data-active="true"]:after {
content: "\f107";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
background: #ededed;
border-radius: 0 0 10px 10px;
font-family: 'Font Awesome 7 Free';
font-size: 17px;
line-height: 30px;
font-weight: 600;
text-align: center;
opacity: 0;
z-index: -1;
transition: all 200ms ease-in-out;
}

.nmp-step-layout.loaded .nmp-step-progress ul li a[data-active="true"]:after {
bottom: -30px;
opacity: 1;
}

.nmp-step-layout.active[data-template][data-step-request="info"] .nmp-step-progress ul li a[data-active="true"]:after {
content: "\f077";
background: #ffcc00;
}

.nmp-step-layout .nmp-step-progress ul li:first-child a {
border-radius: 10px 0 0 10px;
}

.nmp-step-layout.loaded .nmp-step-progress ul li:first-child a[data-active="true"] {
border-radius: 10px 0 0 0;
}

.nmp-step-layout .nmp-step-progress ul li:last-child a {
border-radius: 0 10px 10px 0;
}

.nmp-step-layout.loaded .nmp-step-progress ul li:last-child a[data-active="true"] {
border-radius: 0 10px 0 0;
}

.nmp-step-navigation {
float: right;
display: inline-block;
width: auto;
height: 40px;
margin: 0;
}

.nmp-step-layout[data-template="survey"] .nmp-step-navigation {
float: left;
margin-left: 10px;
}

.nmp-step-navigation ul {
display: block;
margin: 0;
}

.nmp-step-navigation ul.nmp-navigation-cta a {
font-weight: 600;
margin-right: 10px;
}

.nmp-step-navigation ul li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
width: auto;
}

.nmp-step-progress ul li a {
display: block;
width: auto;
height: auto;
}

.nmp-step-button {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 16px;
font-weight: 700;
color: #fff !important;
background: #6478FF;
border: 4px solid #fff;
text-transform: uppercase;
text-align: center;
text-decoration: none;
padding: 10px;
border-radius: 8px;
transition: all ease 500ms;
white-space: nowrap;
}

.nmp-step-button:hover,
.nmp-step-button:focus,
.nmp-step-button:active {
color: #fff;
background: #4254d2;
}

.nmp-step-button-red,
.nmp-step-button-purple,
.nmp-step-button-yellow {
color: #000 !important;
}

.nmp-step-button-red {
background: #ff8587;
}

.nmp-step-button-red:hover,
.nmp-step-button-red:focus,
.nmp-step-button-red:active {
background: #d56d6f;
}

.nmp-step-button-purple {
background: #a8b0ff;
}

.nmp-step-button-purple:hover,
.nmp-step-button-purple:focus,
.nmp-step-button-purple:active {
background: #8288c9;
}

.nmp-step-button-yellow {
background: #ffcc00;
}

.nmp-step-button-yellow:hover,
.nmp-step-button-yellow:focus,
.nmp-step-button-yellow:active {
background: #c9a100;
}

.nmp-step-button[data-step-trigger="back"] {
padding: 10px;
}

.nmp-step-button i {
position: relative;
left: 0;
transition: all ease 500ms;
}

.nmp-step-layout .nmp-step-navigation .nmp-step-button {
border: none;
line-height: 20px;
}

.nmp-step-layout .nmp-step-card .nmp-step-button {
border-color: #f1f1f1;
margin-top: 10px;
}

.nmp-step-layout[data-step="0"] .nmp-step-button:hover i,
.nmp-step-layout[data-step="0"] .nmp-step-button:focus i,
.nmp-step-layout[data-step="0"] .nmp-step-button:active i {
left: 5px;
}

/*Card*/

.nmp-step-progress-label {
display: block;
font-size: 14px;
line-height: 14px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 10px 0;
}

.nmp-step-layout[data-step="0"] .nmp-step-progress-label {
display: none;
}

.nmp-step-title {
display: block;
font-family: 'Inter', 'Open Sans', Sans-Serif;
font-size: 22px;
line-height: 24px;
font-weight: 600;
color: #000;
margin: 0 0 10px 0;
}

/*
* Template: Survey
*/

.nmp-step-layout[data-template="survey"] .nmp-step-layout-text {
float: left;
width: 500px;
max-width: 100%;
padding: 10px 50px;
}

#nmp-step-interface-survey {
display: block;
width: 100%;
}

#nmp-step-interface-survey iframe {
display: none;
width: 100%;
height: calc(100vh - 80px);
border: none;
visibility: visible;
margin: 0;
}

/*
* Template: Text
*/

.nmp-step-layout[data-template="text"] {
text-align: center;
padding: 50px 5%;
overflow: auto;
}

.nmp-step-layout[data-template="text"] .nmp-step-layout-text,
.nmp-step-layout[data-template="map"][data-step="0"] .nmp-step-layout-text {
display: inline-block;
text-align: left;
}

.nmp-step-layout[data-template="map"][data-step="0"] .nmp-step-layout-text {
position: relative;
}

.nmp-step-layout[data-template="text"] .nmp-step-layout-text .nmp-step-description,
.nmp-step-layout[data-template="map"][data-step="0"] .nmp-step-layout-text .nmp-step-description {
float: left;
}

.nmp-step-layout[data-template="text"] .nmp-step-layout-text .nmp-step-description a,
.nmp-step-layout[data-template="map"][data-step="0"] .nmp-step-layout-text .nmp-step-description a {
text-decoration: underline;
}

.nmp-step-layout[data-template="text"] .nmp-step-navigation {
float: left;
height: auto;
}

.nmp-step-layout[data-template="text"][data-step="4"] .nmp-step-navigation a {
margin: 0 10px 10px 0;
}

a.tooltip {
position: relative;
}

a.tooltip:before {
content: attr(data-message);
position: absolute;
top: -30px;
left: 0;
width: auto;
color: #fff;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
font-weight: 600;
background: #515151;
padding: 5px 10px;
border-radius: 3px;
}

/*
* Mobile Media Queries
*/

@media screen and (min-width: 701px) {

.site-header {
background: none;
border: 0;
}

}

@media screen and (max-width: 1024px) {

.site-header,
.site-content,
.site-content .wrapper {
border-radius: 0 !important;
}

.site-header {
height: 90px;
background: #a4cee3;
border-bottom: 4px solid #76aac3;
}

header.site-header.hidden {
height: 0;
border-bottom: 0;
}

.site-content article {
padding: 0;
}

.entry-footer,
.entry-content > p {
display: none;
}

.entry-content {
margin: 0 !important;
}

.nmp-step-layout[data-template="text"] {
padding: 30px;
}

.nmp-step-layout[data-template="text"] .nmp-step-layout-text {
float: left;
}

.nmp-step-layout[data-template="map"][data-step="0"] .nmp-step-layout-text {
left: 5%;
width: 90%;
}

.nmp-step-layout.active[data-template][data-step-request="info"][data-step="0"] .nmp-step-card {
padding: 50px 10%;
}

.nmp-step-layout[data-template="map"] .nmp-step-layout-text {
width: 100%;
}

.nmp-step-layout[data-template="survey"] .nmp-step-layout-text {
position: absolute;
width: 100%;
padding: 10px;
z-index: 10;
}

.nmp-step-layout[data-template="survey"] .nmp-step-layout-text .nmp-step-card {
padding: 20px;
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}

.nmp-step-layout[data-template="survey"] #nmp-step-interface-survey {
padding: 80px 5% 0 5%;
}

.leaflet-control-container .leaflet-top.leaflet-right {
top: 110px;
}

.nmp-step-layout[data-template="map"][data-step="1"] .leaflet-control-container .leaflet-top.leaflet-right {
top: 50px;
}

.nmp-step-layout[data-template="map"][data-step="2"] .leaflet-control-container .leaflet-top.leaflet-right {
top: 110px;
}

.leaflet-pane div:nth-child(1 of .leaflet-div-icon) {
width: 30px !important;
height: 30px !important;
}

.leaflet-pane.leaflet-popup-pane {
display: none;
}

}

@media screen and (max-width: 500px) {

.nmp-popup-wrapper {
top: 25%;
left: 5%;
max-width: 90%;
margin-left: 0;
}

}