/*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: #6A6A6A;
	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 Italic", 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;
}
/* ACCESSIBILITY tweaks Jan 2023 -- Note hover states must come after parent style */
a {
    color: #B85000;
    transition: color 0.3s, background 0.3s;
    /*text-decoration: none;*/
    /*border-bottom: 1px dotted #AAAAAA;*/
	text-decoration: underline dotted 1px #AAAAAA;
    text-underline-offset: 3px;
}
a:hover {
    color: #803700;
    background: #FFFAD6;
}
a.site-logo {
    border: none;
}
.menu--utility-navigation .sm-simple > li > a {
    border-bottom: none;
}
.menu.sm-simple > li > a:hover/*, .menu.sm-simple > li > a:active, .menu.sm-simple > li > a.is-active*/ {
  color: #803700;
  border-bottom-color: #E37700;
  background: #FFFAD6;
}
.menu.sm-simple > li > ul a:hover {
    color: #FFFFFF;
    background: #B85000;
}
.menu.sm-simple > li > ul a:focus {
	color: #B85000;
	background: #ffefcd;
    border-bottom: 4px solid #eb7700;
}
.menu.sm-simple > li > a:hover, .menu.sm-simple > li > a.is-active {
    color: #803700;
    border-bottom-color: #e37700;
    background: #fffad6;
}
.text-formatted a {
    color: #B85000;
    /*border-bottom: 1px dotted #AAAAAA;*/
}
.text-formatted a:hover {
    color:#803700;
	background: #FFFAD6;
}
.text-formatted .button a {
    color: #FFFFFF;
}
.paragraph--type--text a {
    color: #B85000;
	/*border-bottom: 1px dotted #AAAAAA;*/
}
.paragraph--type--text a:hover {
    color:#803700;
	background: #FFFAD6;
}
.node--resource--teaser h4 {
    margin-bottom: 5px;
    transition: color 0.3s;
    /*border-bottom: 1px dotted #AAAAAA;*/
    max-width: fit-content;
    padding-bottom: 6px;
}
.node--resource--teaser h4:hover {
    color: #803700;
    background: #FFFAD6;
    max-width: fit-content;
}
.node--event--details_w_icon .title {
	color: #B85000;
    text-decoration: underline dotted 1px #aaaaaa;
    text-underline-offset: 3px;
}
.node--event--details_w_icon .title:hover {
    color: #803700;
    background: #FFFAD6;
    padding-top: 0px;
}
.node--event--details_w_icon .date-circle {
	background:#B85000;
}
.node--event--details_w_icon .date-circle .month {
    text-transform: uppercase;
    ;font-size: 17px;
    letter-spacing: .25px;
    line-height: 86%;
    margin-top: 4px;
}
.node--event--details_w_icon .download {
	color:#B85000;
}
.node--event--details_w_icon .watch-link {
    margin-bottom: 0px;
    margin-top: 30px;
    margin-left: 10px;
    border: 1px dotted #AAAAAA;
    padding: 2px 4px 2px 0px;
    display: block;
    float: right;
    text-align: right;
    color: #b85000;
}
.node--event--details_w_icon .watch-link:hover {
    color: #803700;
    background: #fffad6;
}
.node--event--details_w_icon .watch-link .icon-play-solid {
    position: relative;
    top: 2px;
    width: 17px;
    height: 15px;
    left: 3px;
    fill: #e37700;
    margin-right: 3px;
}
    
.node--event--full .links .project-website:hover, .node--event--full .links .st-custom-button:hover {
    color: #803700;
}
.node--event--full_teaser_w_icon .left-inner-wrapper {
    padding: 0px 0px 0px 0;
    font-size: 17px;
    /*border-bottom: 4px dotted #e8e8e8;*/
    margin-bottom: 13px;
    margin-top: 20px;
}
.node--event--full_teaser_w_icon legend {
    font-family: "Merriweather", Georgia, Times, serif;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 0px;
}
.node--event--full_teaser_w_icon .date-circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    background: #B85000;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin: 0px 13px 13px 0px !important;
    float: left;
}
.node--event--full_teaser_w_icon .date-circle .month {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 86%;
    margin-top: 4px;
}
.node--event--full_teaser_w_icon .rsvp, .node--event--full_teaser_w_icon .watch-online {
	margin:0px 0px 20px 0px;;	
}
.node--permit--full .sidebar a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    margin-bottom: 1em;
    text-decoration: underline dotted 1px #AAAAAA; /*new*/
    text-underline-offset: 3px; /*new*/
}
.node--staff--card a, .node--staff--teaser a {
    color: #B85000;
}
.node--news--horizontal_card .title:hover {
    color: #803700; /* see line 1266 */
    display: inherit;
    background: #FFFAD6;
    padding-top: 0px;
    line-height: 130%;
}
.node--news--teaser .title::after {
    content: '';
    position: relative;
    top: -1px;
    left: 5px;
    border-right: 2px solid #E37700;
    border-bottom: 2px solid #E37700;
    transform: rotate(-45deg);
    width: 7px; /*was 5px*/
    height: 7px; /*was 5px*/
    display: inline-block;
    margin-right: -10px;
}
.node--project--full .nav .active {
    color: #b85000;
    border-color: #e37700;
    border-width: medium;
}
.node--project--full .nav a {
    color: #6A6A6A;
    display: block;
    padding-bottom: 5px;
    text-decoration: none;
}
.node--project--full .nav a:hover {
	text-decoration:none;
	color: #803700;
}
.related-resource .link a:hover {
    color: #803700;
}
.view-hearings-events-page .grid-date-circle {
    background: #B85000;
}
.view-hearings-events-page .grid-date-circle .month {
	text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .25px;
    line-height: 86%;
    margin-top: 4px;
}
.view-hearings-events-page .button--link-dark {
    font-size: 17px;
    margin-top: 9px;
    color: #B85000;
    text-decoration: underline dotted 1px #AAAAAA; /*new*/
    text-underline-offset: 3px; /*new*/
}
.view-hearings-events-page .button--link-dark:hover {
	color: #803700;
    background: #FFFAD6;
}
.view-hearings-events-page .views-row article {
    /*max-width: 750px;*/
    padding: 0 40px;
    margin: 0 auto;
    border-bottom: 2px dotted #bbbbbb;
}
/* site-footer a has no border-bottom since also affects social media icons */
.site-footer a {
    border-bottom: none !important;
}
.site-footer a:hover {
    color: #803700;
    background: #FFFAD6;
    border-bottom: none !important;
}
.social-links a:hover {
    color: #E37700;
    background: none !important;
}
.site-footer .newsletter__submit {
    background:#B85000;
    font-weight: bold;
}
.site-footer .newsletter__submit:hover {
    color: #803700;
    background: #FFFAD6;
}
.button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #B85000;
    border: 1px solid #FFFFFF;
    text-decoration: underline dotted 1px #AAAAAA;
	text-underline-offset: 3px;
    padding: 10px 17px 10px 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px; /* increased from 16px for accessibility */
    transition: background 0.3s, color 0.3s;
    color: white;
}
.button:hover {
    background: #4D4D4D;
	color: white;
    border: 1px solid #FFFFFF;
}
.button:hover a {
    color: #FFFFFF;
    background: transparent;
}
/* 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;
    /*text-decoration: underline dotted 1px #AAAAAA;*/
    padding: 10px 17px 10px 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px; /* increased from 16px for accessibility */
    transition: background 0.3s,color 0.3s;
    background: transparent;
    border: 1px solid #B85000;
    color: #4d4d4d;
}
/* hover state added for accessibility */
.button--outline-dark:hover {
    background: #4d4d4d;
    border: 1px solid #FFFFFF;
    color: #ffffff;
}
.button--outline-dark:hover a {
    background: transparent;
    color: #ffffff;
}
.button--link-dark::before {
    content: '';
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0px; /*sets alignment with a underline*/
    background: #E37700;
    transition: width 0.3s;
}
.button--link-dark a {
    color: #B85000;
}
.button--link-dark:hover a {
    color: #803700;
}
.tile .button:hover {
    color: white;
    background: #4D4D4D;
}
.node--event--full .date-rsvp .button {
    padding-top: 7px;
    padding-bottom: 7px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: #FFFFFF;
    border: 1px solid #B85000;
    color: #4D4D4D;
}
.node--event--full .date-rsvp .button:hover {
    background: #4D4D4D;
    color: white;
    border: 1px solid #4D4D4D;
}
.node--event--full .date-rsvp .button::after {
    border-right: 2px solid #e37700;
    border-top: 2px solid #e37700;
}
.banner a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #B85000;
    text-decoration: underline dotted 1px #AAAAAA;
    padding: 10px 17px 10px 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    transition: background 0.3s, color 0.3s;
    color: white;
}
.banner a:hover {
    color: white;
    background: #4D4D4D;
}
.paragraph--type--text .button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #B85000;
    border: 1px solid #FFFFFF;
    padding: 10px 17px 10px 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    transition: background 0.3s, color 0.3s;
    color: white;
}
.paragraph--type--text .button:hover {
    color: white;
    background: #4D4D4D;
    border: solid 1px #FFFFFF;
}
.paragraph--type--text .button:hover a {
    color: white;
    background: transparent;
}
nav.pager .pager__item.is-active a {
    background: #B85000;
    color: white;
}
nav.pager .pager__item a:hover {
    background: #B85000;
    color: white;
}
/* ACCESSIBILITY END */
/* 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;
}

/* Details and Summary - Open and Close Accordion Behaviour */
/* Details controls open/close action */
details {
    border: 1px solid #E37700;
    padding: 9px 5px 7px 17px;
    margin: 17px 0px 36px 0px;
    font-family: "Merriweather", Georgia, serif;
}
/* summary inherits details attributes */
summary {
    display: list-item; /* makes right-arrow appear */
    font-style: italic;
    font-size: 19px;
}

.cke_editable li, .text-formatted li {
.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;
}
.paragraph.paragraph--type--text.paragraph--view-mode--default.paragraph--no-padding-top {
    /* padding-left: 40px; */
}
.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;
}
@media (max-width: 47.99em) {
h5 {
    font-size: 21px;
    line-height: 130% !important;
}
}
/* 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, .field.field--name-field-quadrant.field--type-entity-reference.field--label-hidden.field__items.quickedit-field .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;
}


/* 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: 5px 13px 5px 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;
}
.promobox p:first-child {
    color: #4d4d4d;
    font-size: 17px;
    margin-top: 9px;
    font-family: "Merriweather", Georgia, Times, serif;
    line-height: 1.85em;
}
.promobox ul {
    font-size: inherit;
    line-height: 31px;
}
.promobox ul li {
    font-size: inherit;
    line-height: 31px;
    margin-bottom: -13px;
}
/*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-edit-form {
    padding: 40px;
}
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-edit-form {
    padding: 40px;
}
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;
}
@media (max-width: 47.99em) {
.cke_editable li, .text-formatted li {
    padding-left: 1px;
    margin-top: 4px;
    word-break: keep-all;
    line-height: 130%; /*new*/
    padding-bottom: 3px; /*new*/
}
}
.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*/
@media (max-width: 47.99em) {
table	{
	overflow-x: scroll;
    display: block;
}
table#publications	{
	overflow-x: scroll;
    display: block;
}
}
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; /* don't adjust affects overall layout */
    max-width: 1400px;
    margin: 0 auto;
}
.paragraph--type--text h4 {
    line-height: 140%;
    font-size: 150%;
}
.paragraph--type--text .button {
    margin-bottom: 20px;
}
.paragraph--type--multi-column-reference {
    padding: 20px 40px 0px;
    max-width: 1400px;
    margin: 0 auto;
}
.paragraph--type--multi-column-reference h2 {
    margin-left: -40px;
}
article.node--project--card {
    padding-left: 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.2em; /*new*/
	/* padding-top: 3px; */
	text-decoration: underline dotted 1px #AAAAAA; /*new for accessibility*/
	text-underline-offset: 3px; /*new for accessibility*/
    display: inline; /*new for accessibility*/
}
/* 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: 5px; /* 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: 130%;
    border-bottom: none;
	text-decoration: underline dotted 1px #AAAAAA;
    text-underline-offset: 3px;
}
.node--news--teaser .container {
    padding: 30px 10px 20px 10px;
}
.node--news--teaser a:hover {
    color: #803700;
    background: #FFFAD6;
    padding-top: 0px;
}
/* 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; /*see line 265*/
    display: inline; /* this is for ADA hover 1/19/23 */
    line-height: 130%; /* this is for ADA hover 1/19/23 */
}
.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 */
a.search-result {
    text-decoration: none;
}
.path-search .search-result__link {
    color: #B85000;
    margin-bottom: 10px;
    font-size: 16px;
    text-decoration: underline dotted 1px #AAAAAA;
}
.path-search .search-result:hover {
    background: #FFFAD6;
}
.path-search .search-result__snippet-info strong {
    background: yellow;
}
/* 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%;
    border: 0px; /*corrects for hover*/
    background: none; /*corrects for hover*/
}
/* 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%;
}

/* PERMIT NODE */
/*NEW move button to top of permit page*/
.node--permit--full .title-wrapper .button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    margin-block-end: auto;
}

/*  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: 17px;
    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 0;
    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: 11px;
}
.views-row h3 {
    padding-left: 0px; /* for list view */
    padding-top: 2px;
}

.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 only screen and (max-width: 768px) {
/* CAROUSEL for MOBILE*/
.hero__items h2 {
    font-size: 39px;
    line-height: 35px;
    max-width: 100%;
    }
.hero__items p {
    line-height: 27px;
    max-width: 100%;
    font-weight: 400;
    font-size: 21px;
}
.hero__items .cta-wrapper {
    background-color: #4d4d4f90;
    top: unset;
    bottom: 0;
    transform: none;
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 30px 55px 106px 55px;
}
}
    
@media (max-width: 47.99em) {

.node-image {
        position: relative;
        margin-top: -10px; /*adjusts photo credit and neighborhood, was -40px*/
    }

/* PERMIT NODE */
.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 7px 7px;
    max-width: fit-content; /*replaces 50%*/
}
.node--permit--full .sidebar {
    margin-left: -10px;
    width: 265px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    zoom: 80%;
}
.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: large;
}
.view-hearings-events-page .views-view-grid {
    border-bottom: none;
    margin-bottom: 7px;
}
.view-hearings-events-page .views-row:nth-child(2n) {
    background: none;
}
.view-hearings-events-page .views-row article {
    /*max-width: 750px;*/
    padding: 0 20px;
    margin: 0 auto;
    border-bottom: 2px dotted #bbbbbb; /*new*/
}
/*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*/
}
.node--event--full .links .project-website:hover, .node--event--full .links .st-custom-button:hover {
    color: #803700;
      background: #FFE6CC;
}
.node--event--full_teaser_w_icon .date-circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    background: #B85000;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* margin: 0 auto; */
    float: left;
    margin-right: 17px;
}
.node--event--full_teaser_w_icon legend {
    font-family: "Merriweather", Georgia, Times, serif;
    font-size: 17px; /*new*/
    margin-top: 13px; /*new*/
    margin-bottom: 0; /*new*/
    color: #959595; /*new*/
}
.node--event--full_teaser_w_icon .right {
    padding-bottom: 27px;
}
.node--event--full_teaser_w_icon .right i {
    color: #959595;
}
 .node--event--full_teaser_w_icon .right h3 {
    padding: 0px;
    font-size: 2em;
}
.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;
}
/* backend event address fields made wider */
input#edit-field-address-0-address-address-line1 {
    width: 100%;
}

input#edit-field-address-0-address-address-line2 {
    width: 100%;
}
/*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;	
}
@media (max-width: 47.99em) { 
.block--contact-info .items .flex {
    padding: 0 20px;
    display: block; /* fixes col collapse*/
}
}
.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: 158%; /*new*/
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%); /*new*/
}

.tile p {
    margin: 0 0 19px;
    text-shadow: 0 2px 4px rgb(0 0 0 / 95%);
    line-height: 123%;
    font-size: 110%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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%; 
} ***/
}