/*This file is for all manual overrides of css if Gulp is unable to be used. */
/*including @import for QUOTE class -- which MAY cause load problems*/

@import url('https://fonts.googleapis.com/css?family=Merriweather:400i&display=swap');

/* Login splash window */
.js-form-item.form-item.js-form-type-item.form-type-item.js-form-item-.form-item-.form-no-label {
    width: 1400px;
    margin: 0 auto;
    padding: 40px;
}

/* RESOURCES Help and Languages */
.help-en::before {
	content: "Planning Department staff are available to advise you in the preparation of this document. Call 415.558.6377 or email the Planning Counter at pic@sfgov.org for further information.";
    display: block;
font-family:"Merriweather", Georgia, Times, serif;
font-size:17px;
line-height: 1.85em;
}
.help-es::before {
	content: "Español: Para obtener ayuda sobre cómo completar este documento en español, llame al 628.652.7550. Tenga en cuenta que el Departamento de Planificación requerirá al menos un día hábil para responder.";
    display: block;
font-family:"Merriweather", Georgia, Times, serif;
font-size:17px;
line-height: 1.85em;
}
.help-tl::before {
	content: "Tagalog: Kung gusto mo ng tulong sa pagkumpleto ng dokumento na ito sa Filipino, paki tawagan ang 628.652.7550. Paki tandaan na mangangailangan ang Planning Department ng hindi kukulangin sa isang araw na pantrabaho para makasagot.";
    display: block;
font-family:"Merriweather", Georgia, Times, serif;
font-size:17px;
line-height: 1.85em;
}
.help-zh::before {
	content: "中文: 如果您需要中文填写本文档的帮助，请致电628.652.7550。 请注意，规划部门至少需要一个工作日才能做出答复。";
    display: block;
font-family:"Merriweather", Georgia, Times, serif;
font-size:17px;
line-height: 1.85em;
}
/* // END // RESOURCES Help and Languages*/

.pullquote {
	font-size: 140%;
    line-height: 200%;
    border-top: 1px solid #e57700;
    border-bottom: 1px solid #e57700;
    padding: 20px;
    margin: 20px;
    color: #6a6864;
	font-weight: 400;
    font-style: italic;
    font-family: "Merriweather";
}
/* tasks block for View Edit Delete Revisions */
	#block-sfplanning-local-tasks .tabs {
	display: -ms-flexbox;
	display: flex;
	padding: 0px 0px 0px 0px;/*new*/
	-ms-flex-pack: justify;
	justify-content: flex-start;/*new*/
	margin: 0px;
	background: peachpuff;/*new*/
}

/* Google Translate INLINE */
div#google_translate_element {
    opacity: .7;
    margin: 0px 20px 0px 1px;
}
.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    opacity: .6;
    /* display: none; */
}
.goog-te-gadget-simple .goog-te-menu-value {
    color: #000;
    font-size: 13px;
    font-family: "Source Sans Pro" Arial;
    /* text-transform: uppercase; */
}
/* end Google Translate */
i {
	font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}
.alert {
	display: block;/*replaces flex*/	
}
.alert a {
	margin-left: 2px;
}
.alert a::after {
    display:none;
}
.alert--gray, .alert--blue, .alert--red, .alert--purple, .alert--orange  {
	text-align:center;
}
.share-this {
    display: none;
}
.button--link-dark {
    font-size: 19px;
}
.view-resources .view-header h1::after {
	display: none;
}
.paragraph--background-dark {
    background: #ffcc80;
}
.paragraph--background-orange {
    background: #fff5e6;
}
/* General tweaks to overall text layout */
p {
    color: #4d4d4d;
    font-size: 17px;
    margin-top: 20px;
    font-family: "Merriweather",Georgia,Times,serif;
    line-height: 1.85em;
}
/* flex columns */
.flex {
  display: flex;
  flex-direction: row;
}
.flex div {
  -ms-flex: 1;  /* IE 10 */  
  flex: 1;
  margin-right: 34px /*was 20px*/;
}
.flex div:last-of-type {
  -ms-flex: 1;  /* IE 10 */  
  flex: 1;
  margin-right: 0px;
}
@media (max-width: 47.99em) {
.flex {
  display: flex;
  flex-direction: column;
}
.flex div {
  margin-right: 0px;
} 
}

.paragraph.paragraph--type--text.paragraph--view-mode--default p:first-child {
    margin-top: -12px;
}
.layout-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow: auto; /* fixes screen shake */
}

b, strong {
    letter-spacing: -0.2px;
}

h1, h2, h3, h4, h5 {
    margin-top: 0.5em; /*revised from 1*/
	color: #4d4d4d;
    margin-bottom: 20px;
	letter-spacing: -0.7px;
	word-break: keep-all;
	line-height: 100%;
	word-spacing: 1.5px;
}
/* table header align*/
tr {
	vertical-align:bottom;
}
.banner h1 {
	margin-top:0px;
}
.banner p {
    margin-bottom: 35px;
    color: white;
    font-size: 25px;
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    line-height: 1.6em;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.content > h1 {
    margin-top: 0px;
}
.view-header h1 {
    /*margin-top: 0px;*/
}
.card .title {
    margin-bottom: 4px;
    font-size: 170%;
    line-height: 100%;
    letter-spacing: -.25px;
    text-shadow: 2px 2px 5px #000;
}
/* STAFF CARD */
.field.field--name-field-job-title.field--type-string.field--label-hidden.field__item,

.field.field--name-field-email.field--type-email.field--label-hidden.field__item,
.field.field--name-field-phone.field--type-telephone.field--label-hidden.field__item,
.field.field--name-field-phone-voip.field--type-telephone.field--label-hidden.field__item,
.field.field--name-field-phone-voip.field--type-telephone.field--label-hidden.field__items,
.field.field--name-field-team.field--type-entity-reference.field--label-hidden.field__items,
.field.field--name-field-team.field--type-entity-reference.field--label-hidden.field__item,
.field.field--name-field-quadrant.field--type-entity-reference.field--label-hidden.field__item,
.field.field--name-field-division.field--type-entity-reference.field--label-hidden.field__item {
	/*padding-left: 40px;*/
	font-size: 120%;
}
.field.field--name-field-team.field--type-entity-reference .field__item {
    font-size: 100%;
}
/* hide second title field */
.field.field--name-field-title.field--type-string.field--label-hidden.field__item {
	display:none;
}
/*for stray divs*/
.field.field--name-field-team.field--type-entity-reference.field--label-hidden.field__items.quickedit-field .field__item {
    font-size: inherit;
}

/* STAFF listings*/
.node--staff--card .content .name, .node--staff--teaser .content .name {
	font-size: 20px;
	line-height: 105%;
	letter-spacing: -0.25px;
}


/* BUTTON OUTLINE adjusts right spacing */
.button--outline-dark {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin: 12px 2em 0px 0px;
/* background: #e37700; */
text-decoration: none;
padding: 10px 17px 10px 14px;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
transition: background 0.3s,color 0.3s;
/*color: white; */
background: transparent;
border: 1px solid #e37700;
color: #4d4d4d;
}

/* test for first heading in div */
div:first-child > h1, h2, h3, h4, h5 {
	margin-top: 5px;
}
.promobox div:first-child > h1, h2, h3, h4, h5 {
	margin-top: 0px;
}
.promobox div:first-child {
	float:inherit;
	top:0;
	left:0;
}
/* end test */

/*PROMO Box*/
.promobox {
	border: 1px solid #e37700;
    padding: 0px 8px 0px 16px;
    height: auto;
    display: block;
	float:left;
	overflow:auto; /* allows for height to accomodate child divs */
	width:100%; 
	margin-bottom:36px;
	font-family:"Merriweather", Georgia, serif;
	line-height:34px;
}
/*for editor view*/
.cke_editable .promobox {
	border: 1px solid #e37700;
    padding: 8px 16px;
    height: auto;
    display: block;
	float:left;
	overflow:auto; /* allows for height to accomodate child divs */
	width:100%; 
	margin-bottom:12px;
	font-family:"Merriweather", Georgia, serif;
	line-height:31px;
}
.promobox h1,h2,h3,h4,h5 {
	padding-top:8px; /* to adjust first-child spacing */
}
.promobox div {
	float:left;
	padding-top:0.5em;
}

.resourcebox {
	padding: 18px;
    background: #ffe9c7;
    margin: 30px 0px;
    float: left;
    line-height: 150%;
    width: 100%;
    font-size: 110%;
	overflow:auto; /* allows for height to accomodate child divs */
}
/*for editor view*/
.cke_editable .resourcebox {
	padding: 18px;
    background: #ffe9c7;
    margin: 30px 0px;
    float: left;
    line-height: 150%;
    width: 100%;
    font-size: 110%;
	overflow:auto; /* allows for height to accomodate child divs */
}

/* FORMS and Fields and ECK SUMMARY WEBFORMS */
/* full page */
.view-eck-summary-controls {
    max-width: 1400px;
    padding: 40px;
    margin: 0 auto;
}
.contextual-region.eck-entity {
    padding: 40px;
}
form#summary-control-environmental-notices-edit-form {
    width: 1400px;
    padding: 40px;
    margin: 0 auto;
}
form#summary-control-environmental-notices-form {
    padding: 40px;
}
form#summary-control-environmental-notices-form td:nth-child(2n), th:nth-child(2n) {
    background: none;
}
form#summary-control-environmental-notices-form td, th {
    padding-bottom: -8px;
    padding-top: 15px;
    padding-right: 38px;
}
form#summary-control-change-summary-form {
    padding: 40px;
}
form#summary-control-change-summary-form  td, th {
    padding-bottom: -8px;
    padding-top: 15px;
    padding-right: 38px;
}
form#summary-control-change-summary-form  td:nth-child(2n), th:nth-child(2n) {
    background: none;
}
form#summary-control-ppa-form {
    padding: 40px;
}
form#summary-control-ppa-form td:nth-child(2n), th:nth-child(2n) {
    background: none;
}
form#summary-control-ppa-form td, th {
    padding-bottom: -8px;
    padding-top: 15px;
    padding-right: 38px;
}
form#summary-control-interim-control-form {
    padding: 40px;
}
form#summary-control-interim-control-form  td, th {
    padding-bottom: -8px;
    padding-top: 15px;
    padding-right: 38px;
}
form#summary-control-interim-control-form  td:nth-child(2n), th:nth-child(2n) {
    background: none;
}
textarea#edit-revision-log-0-value {
    height: 60px;
}
.field__label {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
}
/*.field__item p {
    font-family: "Source Sans Pro";
}*/
/* all titles and fields */
h4.label {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
th.field-label {
    text-align: left;
    padding: 10px 0px 0px 0px;
}
.description {
    margin: -14px 0px 16px 0px;
}
div#edit-current-pass--description {
    margin-top: 7px;
}
div#edit-pass--description {
    margin-top: 7px;
    font-weight: bold;
    color: red;
}
div#edit-user-picture-0--description {
    margin-top: 7px;
}
/* event description */
div#edit-field-agenda-0--description {
    margin: 10px 0px 20px 0px;
}
/* Login User fields */
form.user-pass .description, form.user-register-form .description, form.user-login-form .description {
    margin: 1px 0px 16px 0px;
}
/* draggable controls */
td.field-multiple-drag {
    width: 30px;
}
td.delta-order.tabledrag-hide {
    width: 100px;
}
a.tabledrag-handle .handle {
    width: 25px;
    height: 25px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: url(/core/themes/stable/images/core/icons/787878/move.svg) no-repeat 6px 7px;
}
/* checkboxes and fieldnames */
.js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    padding: 8px 10px;
}
label.option {
    padding-left: 10px;
    margin-bottom: 0px;
}
span.fieldset-legend.js-form-required.form-required {
    font-size: 25px;
    line-height: 42px;
}
form label {
 display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/* selector fields height */
select#edit-field-related-topics {
    height: 100px;
	width: 400px;
}
select#edit-field-resource-type {
    height: 100px;
	width: 400px;
}
select#edit-field-neighborhood {
    height: 100px;
	width: 400px;
}
/* Add Another Item buttons */
input#edit-field-staff-contact-telephone-add-more {
    margin: -20px 0px 40px 0px;
}
input#edit-field-latest-update-add-more {
    margin: -20px 0px 40px 0px;
}
input#edit-field-staff-contact-add-more {
    margin: -20px 0px 40px 0px;
}

/* BULLET LISTS */
.cke_editable ul, .cke_editable ol, .text-formatted ul, .text-formatted ol {
    font-family: inherit /*"Merriweather",Georgia,Times,serif*/;
    line-height: 1.35em; /*was 1.75em*/
	padding-left: 40px;
	font-size:19px;
}
.cke_editable ul, .cke_editable ol, .text-formatted ul, .text-formatted ol ~ li:first-child {
	margin-top:1.0em;
}
/*
.cke_editable ul, .text-formatted ul{
    margin-bottom: 0;
}
.cke_editable ol, .text-formatted ol { 
    padding-left: 20px;
	margin-left: 20px;
} */
.cke_editable li, .text-formatted li {
    padding-left: 10px; 
	margin-top: 4px;
	word-break: keep-all;
}
.cke_editable li:first-child, .text-formatted li:first-child {
    margin-top: -0.65em;
}
.cke_editable li:last-child, .text-formatted li:last-child {
    margin-bottom: 0.85em;
}
/*Table ID inherited from previous site captures proper font*/
table#publications ul, ol {
    font-family: inherit;
    /*padding-left: 12px;*/
    line-height: 1.25em;
    /*margin-left: 18px;*/
    margin-top: 2px;
    margin-bottom: 4px;
}
table#publications li {
    padding-left: 0;
	font-size: 90%;
}
table#publications li:first-child {
    margin-top: 0;
}
/* IMAGE CAPTION*/
.image-caption {
    padding: 0;
}
.node-image {
    bottom: 0;
}
/* PARAGRAPH TYPE */
.paragraph--type--multi-column-text-card-tile {
    padding-top: 20px;
}
.paragraph--type--text {
    padding: 20px 40px 0px;
}
.paragraph--type--text h4 {
    line-height: 140%;
    font-size: 150%;
}
.paragraph--type--text .button {
    margin-bottom: 20px;
}
/* PARAGRAPH TYPE NEWS*/
.paragraph--type--view.view-paragraph--news--block_1 .view-item:nth-child(2n-1) {
    background: #ffe9c7;
}
.paragraph--type--view.view-paragraph--news--block_1 .view-item:nth-child(2n) {
    background: #fff5e6;
}
/* h2.title {
    margin: 0px 0px;
}*/

/* BLOCKS*/
.block--contact-info .items h3 {
    font-weight: normal;
    margin-top: 27px;
    letter-spacing: -0.7px;
	font-size: 37px !important; /*overrides base css*/
}
/* #block-sfplanning-local-tasks .tabs {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px 0px 0px;
    -ms-flex-pack: justify;
    /* justify-content: space-between;
    margin: 0px;
} see line 50 for revised */

/*ECK SUMMARY LISTS*/
/* env review docs table - first and second col width*/
th#view-title-table-column {
    width: 20%;
}
th#view-field-environmental-review-categ-table-column {
    width: 50%;
}
td.views-field.views-field-field-environmental-review-categ.views-align-left.views-field-field-document.views-align-left ul, ol {
   padding-left: 0;
    margin-bottom: 0;
}
td.views-field.views-field-field-environmental-review-categ.views-align-left.views-field-field-document.views-align-left li {
    margin-top: 4px;
}
/* ECK Entity Form View */
/*.views-element-container.contextual-region {
    padding: 40px;
}*/
form#summary-control-ppa-form {
    padding: 0px 40px;
}
div#edit-field-publication-date-wrapper {
    display: flex;
    text-transform: uppercase;
}
div#edit-field-publication-date-0-value {
    padding-left: 20px;
}
.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-field-type-of-document.form-item-field-type-of-document {
    padding: 8px 10px;
    display: flex;
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-title-0-value.form-item-title-0-value {
    margin-bottom: 1em;
}
.js-form-item.form-item.js-form-type-managed-file.form-type-managed-file.js-form-item-field-file-0.form-item-field-file-0 {
    margin-top: 20px;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-top: 5px;
}
/* end ECK Entity Form View */
/* Resource view*/
input#edit-field-file-0-upload {
    padding: 6px;
    border: 1px solid #e37700;
    margin-bottom: 17px;
    background: antiquewhite;
    border-radius: 8px;
}
/*project page image*/
.image-caption .field.field--name-field-caption.field--type-string-long.field--label-hidden.field__item {
    color: #bbb;
    font-size: 66%;
    text-shadow: 2px 0 2px #000;
    text-align: right;
    padding: 10px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.block--contact-info .items {
    display: flex;
    background: #f5f5f5;
    padding-top: 0;	
}
.block--contact-info .left {
    flex-shrink: 1; /*formerly 0*/
    display: block;
}
/* staff node backend view*/
article.contextual-region.node--staff--full.node.node--type-staff.node--view-mode-full {
	padding: 0px 40px;
    margin: 0 auto;
    max-width: 1400px;
}
/* staff node frontend view*/
article.node--staff--full.node.node--type-staff.node--view-mode-full {
	padding: 0px 40px;
    margin: 0 auto;
    max-width: 1400px;
}
/* resource view for tables */
.node--resource--full .description {
    margin-bottom: 40px;
    width: 100%;
}
/* resource related icon*/
.related-resource--icon .icon {
    opacity: 0.3;
}
/* SLIDE / IMAGE and CAPTION / MEDIA CAROUSEL*/
/* .media-slide {
    font-size: 240%; added to offset smaller caption
} */
.media-slide .field--name-field-caption {
    color: #fffccc;
    padding: 10px 20px;
    text-shadow: 2px 0 2px #000;
    font-family: "Merriweather", Georgia, serif;
	line-height: 150%;
    /* font-size: 50%;*/ 
    background-color: rgba(0, 0, 0, 0.5);
}
.paragraph--type--slideshow .slick-arrow:before {
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
}

@media max-width: 47.99em {
/* .media-slide {
	 font-size: 200%;
} */
.media-slide .field--name-field-caption {
    font-size: initial;
}
}

/* EVENT NODE */
.address {
    display: contents; /*flex*/
}
.node--event--details_w_icon .title {
    text-transform: uppercase; /*new*/
	line-height: 1.15em; /*new*/
	padding-top: 3px; /*new*/
}
/* home page line-spacing 051520*/
.node--event--details_w_icon .download {
	margin-top: 0;
}
.node--event--full .details {
	justify-content: flex-start;
	overflow-wrap: break-word;
    padding-right: 10px;
}

}
.node--event--full .details > div {
	padding-left: 20px;
	letter-spacing:-0.25px
	width: auto; /*sets time col smaller overrides calc 33%*/
}
.node--event--full .details > .time {
	padding-left: 0px !important;
}
/* block view spacing for lists*/
.node--event--details_w_icon .event-type, .node--event--details_w_icon .title {
    margin-bottom:0    ; /* was 9px */
}

/* Tiles browser view*/
.tile .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /*background: rgba(0, 0, 0, 0.4);*/
    color: white;
    padding: 8% /*21px 21px 20px 29px */;
}
.tile--featured_tile .content {
    background: rgba(30, 83, 150, 1);
}
.tile .title {
    color: white;
    font-weight: normal;
    margin-bottom: 10px;
	margin-top:-7px; /*new*/
    font-size: 170%;
    text-shadow: 0 1px 3px rgb(0 0 0 / 85%); /*new*/
}

/*project website, share etc icon and text */
.node--event--full .links .icon {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.node--event--full .links .st-custom-button, .node--event--full .links .project-website, .node--event--full .links .accessible {
	color:#888888;
	letter-spacing: -0.25px;
    word-spacing: 1px;
}
.node--event--full h3.header {  
    font-size: 27px;
    margin-bottom: .6em;
    color: #888888;
}
/* for commaffairs view */
.entities-list .rendered-entity {
    width: 21%;
}

@media (min-width: 48em) {
.menu--utility-navigation {
    width: auto;
    transition: height 0.3s;
    overflow: visible;
    min-width: max-content;
    zoom: 84%;
}
.node--event--full .details > div {	
	width: auto; /*sets time col smaller overrides calc 33%*/
	/* border: none; margin-right: 18px; */
	padding-right: 33px;
    border-right: 0px dotted #e8e8e8;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.node--event--full .details .neighborhood {
    display: none;
}
.view-resources .form--inline .form-item:nth-child(n + 2) {
		margin-right: 20px;
		min-width:180px;/*was 200px*/
}
.node--project--full .tab > .container {
    display: inherit;
}
.view-item:nth-child(2n - 1) .node--event--details_w_icon {
    border-right: 4px dotted #e8e8e8;
    padding-bottom: 26px; /*new*/
}
}

/* NEWS node */
.node--news--teaser .date {
	margin-bottom: 4px;
}
.node--news--teaser .title {
    color: #4d4d4d;
	line-height: 25px;
}
.node--news--teaser .container {
    padding: 30px 10px 20px 10px;
}

/* Press Release node teaser view*/
.node--press_release--teaser {
    /* margin-bottom: 40px; */
    margin-top: 0px;
    width: 100%;
    max-width: calc(100% - 40px);
    padding: 30px 10px 20px 40px;
}

.node--press_release--teaser .date {
    margin-bottom: 4px;
    font-family: "Merriweather",Georgia,Times,serif;
    font-style: italic;
    width: 100%;
}

.node--press_release--teaser .title {
    margin-bottom: 12px;
    transition: color 0.3s;
	line-height: 25px;
    font-size: 22px;
}
/*hides summary text from press release */
.node--press_release--teaser .field--name-body p {
	display:none;
}
/* PRESS ROOM*/
.path-news .view-latest-news {
    padding-top: 40px;
    width: 1400px; /*new fixes block breaking at wide screen*/
    margin: 0 auto; /*new fixes block breaking at wide screen*/
}
.sidebar.press-room__sidebar {
    height: 500px;
    overflow-y: auto;
    width: 390px;
    margin-bottom: 40px;
}
.press-room__sidebar h3 {
    margin-top: -6px;
    font-size: 22px;
}
/* resources page and subpages -- rows more shallow per DS */

.node--resource--teaser {
	padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}
.node--resource--teaser .date {
    display: none; /* J. Bintliff originally wanted on; D Sider off */
}
.node--resource--teaser .sidebar__header {
	font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.node--resource--teaser .sidebar .field__item {
	margin: 6px 0px;
}
.node--resource--full .description-wrapper {
    margin-bottom: 0;
}
.node--resource--full .related .field__item {
	font-family: 'Merriweather';	
}
.node--resource--full .related {
    margin-bottom: 20px;
    border-top: 4px dotted #e8e8e8;
    padding-top: 16px;
}
.node--resource--full .related-wrapper {
    margin-bottom: 20px;
    border-bottom: 4px dotted #e8e8e8;
    /* margin-top: 46px; */
}

/* NEIGHBORHOOD NODE*/

.node--neighborhood--full .field--name-field-quick-facts .paragraph--type--text .field--name-field-wysiwyg p {
    text-shadow:  2px 0 2px #000;    
    line-height: 100%;
    padding-top: 7px;
}

/* ARTICLE */

/*article.contextual-region.node--news--full {
    padding: 0 20px;
}
article.contextual-region.node--press_release--full {
    padding: 0 20px;
}*/
.node--news--full h1, .node--press_release--full h1 {
	letter-spacing: -1.5px;
    line-height: 90%;
}
/*Share this button*/
.node--news--full .st-custom-button, .node--press_release--full .st-custom-button {
	display:none;
}
h4.title {
    font-size: 22px;
    line-height: 25px;
}
.node--news--horizontal_card {
    padding-top: 20px;
	padding-bottom:inherit;
}
.node--news--horizontal_card .content {
    padding-left: 20px;
}
.node--news--horizontal_card .title {
    padding-left: 0px;
}
.node--news--horizontal_card .date {
    padding-left: 0px;
	font-style: italic;
	margin: 0px 0px 6px 0px;
	font-family: 'Merriweather';
}
.node--news--card .date {
	font-style: italic;
	margin-bottom: 0px;
	font-family: 'Merriweather';
}
.node--news--card .title {
	letter-spacing: -1px;	
}

/* not sure what this is

@media min-width: 58.75em {
.block--contact-info .left {
	background:#e8e8e8;
	flex-shrink: 0;
	display:inline;
	text-align:left;	
}
} */

/* Environmental Review */

@media (min-width: 58.75em) {
.view-environmental-review-documents .form-item-field-environmental-review-categ-target-id {
    bottom: 0;
    float: left;
    position: relative;
    width: 60%;
}
.item-list ul{
    padding: 0; /* overrides SEARCH style */
}
.view-item .node--event--details_w_icon {
	padding-left: 13px;
    margin-bottom: 17px; /*new*/ 
}
/*fixes home page layout of events cols*/
.view-paragraph--hearings_events--block_1 .view-content > * {
    width: 33%; /*was calc(33% - 20px)*/
}
}

/* SEARCH */

/* no results text */
.item-list {
    padding: 0 10px 0 30px;
    max-width: 1400px;
    margin: 0 auto;
}
/* IE fix for icon float search bar */
.search-block-form .icon-search, .search-block-form .form-submit {
position: absolute;
left: 13%;
top: 15%;
}
/* fix for firefox util nav spacing */
div#edit-actions {
    margin-top: /*2em */0;
}


/*SOLR Search Results page > Search field */

.view-solr-search .view-filters {
    background: none; 
    padding: 0px 40px 40px 10px;
    max-width: 1400px;
    margin: 0 auto;
}

/* PROJECT PAGES */

.node--project--full .sidebar {
    max-width: 450px;
    margin-bottom: 40px;
}
.node--project--full .tab > .container > .sidebar {
    padding: 20px 0 0 0px;
}

/* hides Upcoming Events title in ABOUT tab */
.node--project--full .sidebar > h3  {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    display: none;
}

/* hides Events list */
.node--project--full .sidebar > .view.view-hearings-events.view-id-hearings_events.view-display-id-block_1 {
    display: none;
}

/* hides Calendar button */
.node--project--full .sidebar > .button--outline-dark {
    display: none;
}

/* reactivates other Titles */
.node--project--full .sidebar > .sidebar__section > h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
}
/* Nearby Projects */
.sidebar .node--project--text_teaser {
    padding-left: 10px;
    margin-bottom: 6px;
    display: list-item;
    left: 40px;
    max-width: 85%;
}

/*  PROJECT NODE  */

.node--project--full .node__title {
    overflow-wrap: normal;
    text-transform: capitalize;
    width: 98%;
    letter-spacing: -1.2px;
    word-spacing: 3px;
	margin-top: 0px;
}

.node--project--full .right p {
    font-size: 18px;
    font-family:  "Merriweather",Georgia,Times,serif;
    line-height: 1.75em;
}

.node--project--full .tab > .container > .content {
    padding-right: 20px;
    width: 98%; 
}

/* PROJECT TABS */

.node--project--full .nav-wrapper {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    top: -20px;
    letter-spacing: -0.25px; /*new*/
}

.node--project--full .nav li {
    margin-right: 45px; /*60px*/
}

/* CALENDAR */

.view-hearings-events-page .grid-i {
    font-family: "Merriweather";
    font-size: 90%; /*revised*/
    font-style: italic;
}
.view-display-id-grid {
    max-width: 1400px;
    padding: 0px;
    margin: 0 auto;
}
/*** inner rows ***/
.view-hearings-events-page .inner-row {
    padding: 0px 20px; /* 0px new */
}
.view-hearings-events-page .inner-column {
    padding: 20px;
    border-top: 1px solid #ccc;
}

/** Calendar GRID and LIST **/

.view-hearings-events-page {
    padding-top: 40px;
    max-width: 1400px;
    margin: 0 auto;
}
.view-hearings-events-page h3 {
    padding-left: 40px;
}
.view-hearings-events-page h4.field-content {
    margin-bottom: 3px;
    font-size: 25px !important;
    text-transform: uppercase;
}
select#edit-field-id-upcoming-years {
    width: 100px;
}
.node--event--details_w_icon .event-type {
    font-size: 14px !important;
}
.view-hearings-events-page .grid-link {
    text-align: right;
    margin-top: 0;
}
.views-row h3 {
    padding-left: 0px; /* for list view */
}

.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-sort-by.form-item-sort-by {
    display: none; /* hide Display Sort field name -- doesn't work*/
}

@media (min-width: 48em) {
.view-hearings-events-page .form--inline .form-item:nth-child(n + 2) {
    margin-right: 20px;
    min-width: fit-content; /* Year dropdown width control */
}
/* block view lists*/
.view-item:nth-child(2n - 1) .node--event--details_w_icon {
    border-right: 4px dotted #e8e8e8;
    padding-bottom: 1px; /*new*/
    margin-bottom: 17px;
}

}

/* Calendar Search field */

.view-hearings-events-page .view-filters {
    background: #f5f5f5;
    padding: 18px 0 1px 0; /*revised form 40px 0*/
    margin-bottom: 13px; /*revised from 30*/
}
/* TOP OF PAGE */
div#block-topofpage {
    background-color: #4d4d4d;
}
/* FOOTER */
.site-footer .seal {
    height: 85px;
	margin-right: 1em;
    float: left;
}
.site-footer h3 {
	margin-top: 0px;
}

/* MOBILE */
@media (max-width: 47.99em) {
.node-image {
        position: relative;
        margin-top: -10px; /*adjusts photo credit and neighborhood, was -40px*/
    }
/*Permit pages*/
.node--permit--full .title-wrapper {
    display: -ms-flexbox;
    display: contents;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.node--permit--full .title-wrapper .button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: right;
    margin: 0 0 0 7px;
	max-width: 50%
}
.node--permit--full .sidebar {
    padding-right: 0px;
    width: 265px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    zoom: 69%;
}
.node--permit--full {
    padding-left: 20px;
    padding-right: 20px;
    max-width: fit-content;
}

/*Events*/
.node--event--details_w_icon {
    margin-bottom: 17px; /*revised*/
    border-top: 2px solid #e8e8e8; /*new*/
    padding-top: 20px; /*new*/
	border-right: none;
}
/* mobile view calendar event wider */
.paragraph--type--view .view-content {
    max-width: fit-content;
    margin: 0 auto;
}
/* block view list */
.node--event--details_w_icon .title {
    margin-bottom: 5px; /* was 13px */
    font-size: 27px;
    transition: color 0.3s;
}
.node--event--full .details > div {
    font-size: 27px;
    margin-bottom: 20px;
	padding-left: 0;
    /* padding-bottom: 20px; */
    /* border-bottom: 4px dotted #e8e8e8; */
}
.node--event--full .date {
    margin-right: 13px;
    font-weight: normal;
    letter-spacing: -.75px;
	font-size: 226%; /*was 120%*/
    margin-top: -24px;
    margin-bottom: -13px;
}
.node--event--full .details > .neighborhood {
    border-bottom: none;
}
.view-hearings-events-page .grid-address {
    padding-left: 0px;
    font-size: larger;
}
.view-hearings-events-page .views-view-grid {
    border-bottom: none;
    margin-bottom: 7px;
}
.view-hearings-events-page .views-row:nth-child(2n) {
    background: none;
}
/*hides grid and list buttons*/
.view-buttons {
  display: none;
}
/* block view list */
.node--event--details_w_icon .event-type {
    font-family: "Merriweather", Georgia, Times, serif;
    font-size: 14px !important;
    font-style: italic;
    margin-bottom: 0; /* was 12px */
	margin-top: -11px; /* new */
}
.node--event--details_w_icon .event-type {
    font-size: 14px;
}
.node--event--full_teaser_w_icon .left-inner-wrapper {
    border-bottom: 0;
    text-align: left;
    overflow-wrap: anywhere; /*new fixes wrap left col list view*/
}
.paragraph--type--text {
    padding: 10px 20px;
}
.node--project--full .tab > .container {
    display: inherit;
}
/* Lists */
.cke_editable li, .text-formatted li {
    padding-left: 1px;
    margin-top: 4px;
    word-break: keep-all;
}
.cke_editable ul, .cke_editable ol, .text-formatted ul, .text-formatted ol {
    font-family: inherit /* "Merriweather",Georgia,Times,serif*/;
    line-height: 1.75em;
    padding-left: 20px;
}
/*Project page*/
.field.field--name-field-caption.field--type-string-long.field--label-hidden.field__item {
    position: inherit; /*adjusts positioning of caption*/
}
/*Project page tabs*/
.node--project--full .nav {
    font-size: 150%;
}
/*adjusts position of subhead right button*/
.paragraph--type--multi-column-text-card-tile .button-wrapper {
    -ms-flex-order: 1000;
    order: 1000;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: flex-end;
    margin-top: -12px;
    margin-bottom: 20px;
}
/*News*/
.paragraph--type--view.view-paragraph--news--block_1 h2 {
    margin-left: 20px;
    margin-top: 30px;
}
.node--news--teaser .container {
    width: 100%/*350px*/;
    max-width: calc(100% - 0px/*40px*/);
    padding: 20px 20px 0px 20px;
}
.node--news--teaser .date {
	margin-bottom: 4px;
}
.node--news--horizontal_card {
	padding: 6px 20px;
}
.node--news--horizontal_card .image {
	margin: 9px 0px;
}
.node--press_release--teaser {
	padding: 30px 10px 0px 20px;
}
.node--press_release--teaser .title {
	line-height: 25px;
}
article.contextual-region.node--press_release--teaser {
	padding: 30px 10px 0px 20px; /* new */
	max-width: calc(100% - 0px);
	width: 100%;
}
/*Staff cards*/
.node--landing_page--full .paragraph--type--multi-column-reference .items > * {
    width: 100%; 
}
/*Staff Name for Mobile*/
.field.field--name-title.field--type-string.field--label-hidden {
    padding-right: 20px;
}
/*Share this icons*/
.node--event--full .links .st-custom-button, .node--event--full .links .project-website, .node--event--full .links .accessible {
    align-items: flex-start;
}
/*Blocks*/
.col-sm-2, .col-sm-3, .col-sm-4 {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: inherit; /*new*/
}
.block--contact-info .left {
    flex-shrink: 1; /*new*/
    display: block;
}
.block--contact-info {
    margin-top: 40px;
}
.block--contact-info .left {
    flex-shrink: inherit/*was 0*/;
    display: block;
    padding: 10px 40px 0px;
}
.block--contact-info .items {
    padding: 0 20px;	
}
.block--contact-info .items h3 {
    font-size: 30px !important;
	margin-top: 2px;
}
/*Neighborhood node quick facts*/
.node--neighborhood--full .quick-facts h2 {
    color: #ffcc00;
    font-size: 25px;
    padding-bottom: 11px;
}
/* Tiles */
.tile .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    /* justify-content: center; */
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    /*background: rgba(0, 0, 0, 0.4);*/
    color: white;
    padding: 5% /*13px 8px 9px 21px*/;
}
.tile--featured_tile .content {
    background: rgba(30, 83, 150, 1);
}
.tile .title {
    color: white;
    font-weight: normal;
    margin-bottom: 9px; /*new*/
	margin-top:-5px; /*new*/
    font-size: 200%; /*new*/
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%); /*new*/
}

.tile p {
    margin: 0 0 19px;
    text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    line-height: 140%;
    font-size: 120%;
}

.tile .button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #e37700;
    text-decoration: none;
    padding: 2% /*7px 13px 7px 11px*/;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 103%;
    transition: background 0.3s, color 0.3s;
    color: white;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
/*** TILES for images and home page -- overrides tile.css
.tile .content {
	padding: 20px;
 	justify-content: flex-start;
}
.tile p {
	margin: 0 0 16px;
	text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
	letter-spacing: 0.4px;
	line-height: 1.5em;
}
.tile .title {
	color: white;
	font-weight: normal;
	margin-bottom: 8px;
	font-size: 136%;
	margin-top: -14px;
	letter-spacing: 0.2px;
}
.tile img {
	display: block;
	transition: transform 0.3s;
	filter: brightness(0.8);
	opacity: 75%; 
} ***/
}