/*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/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&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;
}F
.subhead-2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
    line-height: 140%;
    margin-bottom: -4px;
}
/* // END // RESOURCES Help and Languages*/

.pullquote {
    border-bottom: 1px solid #e57700;
    border-top: 1px solid #e57700;
    color: #6A6A6A;
    font-family: "Merriweather";
    font-size: 140%;
    font-style: italic;
    font-weight: 400;
    line-height: 200%;
    margin: 20px;
    padding: 20px;
}
.float-left {
    display: block;
    float: left;
    height: auto;
    margin-top: 9px;
    padding-right: 19px;
    width: calc(50%);
}

.float-right {
    display: block;
    float: right;
    height: auto;
    margin-top: 9px;
    padding-left: 19px;
    width: calc(50%);
}
/* tasks block for View Edit Delete Revisions */
#block-sfplanning-local-tasks .tabs {
    background: peachpuff; /*new*/
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start; /*new*/
    margin: 0px;
    padding: 0px 0px 0px 0px; /*new*/
}

/* Google Translate INLINE */
div#google_translate_element {
    opacity: .7;
    margin: 0px 20px 0px 1px;
}
.goog-te-gadget img {
    border: none;
    opacity: .6;
    /* display: none; */
    vertical-align: middle;
}
.goog-te-gadget-simple .goog-te-menu-value {
    color: #000;
    font-size: 13px;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    /* text-transform: uppercase; */
}
/* GTRANSLATE UTILIY NAV */
.gtranslate_wrapper {
    font-size: 15px;
    text-transform: uppercase;
    padding-right: 11px;
    margin-top: -2px;
}
.gtranslate_wrapper > a {
    padding: 7px;
    margin-right: 7px;
}
@media only screen and (max-width: 768px) {
.search-block-form {
    width: 100%;
    padding: 6px 10px;
}
/* GTRANSLATE */
.gtranslate_wrapper {
    font-size: 15px;
    text-transform: uppercase;
    margin: 10px 0px;
}
.gtranslate_wrapper > a {
    padding: 7px;
    margin-right: -4px;
}
}
/* end Google Translate */
i {
	font-family: 'Merriweather', Georgia, Times, serif;
}
.alert {
	display: block;/*replaces flex*/
}
.alert a {
    font-size: 21px;
    margin-left: 2px;
    text-decoration: underline dotted 1px #FFFFFF;
    text-underline-offset: 5px;
}
.alert a::after {
    display:none;
}
.alert--gray, .alert--blue, .alert--red, .alert--purple, .alert--orange  {
	text-align:center;
}
.alert--orange {
    background: #B85000;
}
.share-this {
    display: none;
}
.button--link-dark {
    font-size: 19px;
}
.view-resources .view-header h1::after {
	display: none;
}
.paragraph--background-dark {
    background: #FFD89E /* was #ffcc80 */;
}
.paragraph--background-dark a {
    color: #A34700;
}
.paragraph--background-orange {
    background: #fff5e6;
}
/* General tweaks to overall text layout */
p {
    color: #4d4d4d;
    font-family: "Merriweather", Georgia, Times, serif;
    font-size: 17px;
    line-height: 1.85em;
    margin-top: 20px;
}
p#caption {
    font-size: 85%;
    font-style: italic;
    line-height: 160%;
    margin-top: 4px;
}
caption /* see also line 1365 field-caption */{
    color: #888888;
    float: right;
    font-size: 75%;
    font-style: italic;
    text-align: end;
}
/* deactivate 103123 created strange caption style
.field.field--name-field-caption.field--type-string-long.field--label-hidden.field__item {
    font-family: 'Merriweather';
    font-style: italic;
    font-size: 85%;
    margin-top: 4px;
    line-height: 160%;
} */
/* IDs styled to bypass heading level cascade */
p#h3 {
    color: #4d4d4d;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 37px !important;
    letter-spacing: -0.7px;
    line-height: 41px;
    margin: 10px 0px -8px 0px;
    word-break: keep-all;
    word-spacing: 1.5px;
}

p#h4 {
    color: #4d4d4d;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 26px !important;
    letter-spacing: -0.7px;
    line-height: 36px;
    margin: 10px 0px -8px 0px;
    word-break: keep-all;
    word-spacing: 1.5px;
}

p#h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px !important;
    font-weight: bold;
    letter-spacing: -0.7px;
    line-height: 25px; /*102523*/
    margin-bottom: 11px;
    margin-top: 17px !important;
    word-spacing: 1.5px;
}
p#h5-list {    
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px !important;
    font-weight: bold;
    letter-spacing: -0.7px;
    line-height: 25px;
    margin-bottom: 21px !important;
    margin-top: 17px !important;
    word-spacing: 1.5px;
}
p#subhead {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px !important;
    font-weight: bold;
    letter-spacing: -0.7px;
    line-height: 25px; /*102523*/
    margin-bottom: 11px;
    margin-top: 17px !important;
    word-spacing: 1.5px;
}
p#subhead-list {    
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px !important;
    font-weight: bold;
    letter-spacing: -0.7px;
    line-height: 25px;
    margin-bottom: 21px !important;
    margin-top: 17px !important;
    word-spacing: 1.5px;
}

/* ACCESSIBILITY tweaks Jan 2023 -- Note hover states must come after parent style */
a {
    color: #B85000;
    text-decoration: underline dotted 1px #AAAAAA;
    text-underline-offset: 3px;
    transition: color 0.3s, background 0.3s;
}
/************************************/
/* THIS WAS ADDED in front of a:hover BY C3 AS CATCH-ALL FIX -- too broad */
/* #block-sfplanning-content */
/************************************/
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*/ {
    background: #FFFAD6;
    border-bottom-color: #E37700;
    color: #803700;
}
.menu.sm-simple > li > ul a:hover {
    background: #B85000;
    color: #FFFFFF;
}
.menu.sm-simple > li > ul a:focus {
    background: #ffefcd;
    border-bottom: 4px solid #eb7700;
    color: #B85000;
}
.menu.sm-simple > li > a:hover, .menu.sm-simple > li > a.is-active {
    background: #FFFAD6;
    border-bottom-color: #e37700;
    color: #803700;
}
@media (min-width: 768px) {
  .sm-simple {
    background: inherit; /*sets transparent bkgd for contrast accesiblity overrides*/
  }
}
#block-sfplanning-content .text-formatted > a {
    color: #B85000 !important;
    /*border-bottom: 1px dotted #AAAAAA;*/
}
.button a {
  color: #fff !important;
}
.text-formatted a {
    color:#B85000 !important; /* 022824 */
}
.text-formatted a:hover {
    background: #FFFAD6;
    color: #803700;
}
.text-formatted .button a {
    color: #FFFFFF !important;
}
.paragraph--type--text a {
    color: #B85000  !important;
	/*border-bottom: 1px dotted #AAAAAA;*/
}
.paragraph--type--text a:hover {
    background: #FFFAD6;
    color: #803700;
}
.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 {
    background: #FFFAD6;
    color: #803700;
    padding-top: 0px;
}
.node--resource--teaser h4 {
    line-height: 120%;
    margin-bottom: -16px;
    margin-bottom: 5px;
    max-width: fit-content;
    padding-bottom: 6px;
    transition: color 0.3s;
    /*border-bottom: 1px dotted #AAAAAA;*/
}
.node--resource--teaser h4:hover {
    background: #FFFAD6;
    color: #803700;
    max-width: fit-content;
}
.node--event--details_w_icon .date-circle {
	background:#B85000;
}
.node--event--details_w_icon .date-circle .month {
    font-size: 17px;
    letter-spacing: .25px;
    line-height: 86%;
    margin-top: 4px;
    text-transform: uppercase;
}
.node--event--details_w_icon .icon-download {
    /*position: relative;
    top: 2px;
    width: 17px;
    height: 15px;
    left: 3px;
    fill: #e37700;*/
    margin-right: 6px;
    margin-left: 3px;
}
.node--event--details_w_icon .download {
    color: #b85000;

}.node--event--details_w_icon .download:hover {
    color: #803700;

}
.node--event--details_w_icon .watch-link {
    border: 1px dotted #AAAAAA;
    color: #b85000;
    display: block;
    float: right;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 30px;
    padding: 2px 4px 2px 0px;
    text-align: right;
}

.node--event--details_w_icon .watch-link .icon-play-solid {
    fill: #e37700;
    height: 15px;
    left: 3px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    width: 17px;
}
.node--event--details_w_icon .watch-link:hover {
    background: #fffad6;
    color: #803700;
}
.node--event--full .links .project-website:hover, .node--event--full .links .st-custom-button:hover {
    color: #803700;
}
.node--event--full_teaser_w_icon .date-circle {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-item-align: center;
    -ms-flex-pack: center;
    align-items: center;
    align-self: center;
    background: #B85000;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    float: left;
    flex-direction: column;
    height: 70px;
    justify-content: center;
    margin: 0px 13px 13px 0px !important;
    width: 70px;
}
.node--event--full_teaser_w_icon .date-circle .month {
    font-size: 17px;
    line-height: 86%;
    margin-top: 4px;
    text-transform: uppercase;
}
.node--event--full_teaser_w_icon .left-inner-wrapper {
    font-size: 17px;
    margin-bottom: 13px;
    margin-top: 20px;
    padding: 0px 0px 0px 0;
}
.node--event--full_teaser_w_icon legend {
    font-family: "Merriweather", Georgia, Times, serif;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 20px;
}
.node--event--full_teaser_w_icon .rsvp, .node--event--full_teaser_w_icon .watch-online {
	margin:0px 0px 20px 0px;;
}
.node--resource--full {
    /* display: -ms-flexbox; 052223 */
    /* display: flex; 052223 */
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    margin-bottom: 1em;
   /*  text-decoration: underline dotted 1px #AAAAAA;  052223 */
   /*  text-underline-offset: 3px;  052223 */
}
.node--staff--card a, .node--staff--teaser a {
    color: #B85000;
}
.node--news--horizontal_card .title:hover {
    background: #FFFAD6;
    color: #803700; /* see line 1266 */
    display: inherit;
    line-height: 130%;
    padding-top: 0px;
}
.node--news--teaser .title::after {
    border-bottom: 2px solid #E37700;
    border-right: 2px solid #E37700;
    content: '';
    display: inline-block;
    height: 7px; /*was 5px*/
    left: 5px;
    margin-right: -10px;
    position: relative;
    top: -1px;
    transform: rotate(-45deg);
    width: 7px; /*was 5px*/
}
.node--project--full .nav a {
    color: #6A6A6A;
    display: block;
    padding-bottom: 5px;
    text-decoration: none;
}
.node--project--full .nav a:hover {
	color: #803700;
	display: inline-block; /*112223*/
	text-decoration:none;
}
.node--project--full .nav .active {
    border-color: #e37700;
    border-width: medium;
    color: #b85000;
}
.node--project--text_teaser a:hover {
    color: #803700;
}
.related-resource .link a:hover {
    color: #803700;
}
.view-hearings-events-page .button--link-dark {
    color: #B85000;
	font-size: 17px;
	margin-top: 9px;
	text-decoration: underline dotted 1px #AAAAAA; /*new*/
	text-underline-offset: 3px; /*new*/
}
.view-hearings-events-page .button--link-dark:hover {
	background: #FFFAD6;
	color: #803700;
}
.view-hearings-events-page .grid-date-circle {
	background: #B85000;
}
.view-hearings-events-page .grid-date-circle .month {
	font-size: 17px;
	letter-spacing: .25px;
	line-height: 86%;
	margin-top: 4px;
	text-transform: uppercase;
}

.view-hearings-events-page .views-row article {
	border-bottom: 2px dotted #bbbbbb;
	margin: 0 auto;
	padding: 0 40px; /*max-width*/
}
/* site-footer a has no border-bottom since also affects social media icons */
.site-footer a {
    border-bottom: none !important;
    font-size: 17px;
}
.site-footer a:hover {
    background: #FFFAD6;
    border-bottom: none !important;
    color: #803700;
}
.site-footer p,
.site-footer li {
    font-size: 17px;
}
.site-footer .info li {
    font-size: 17px;
    line-height: 1.2em;
    margin-bottom: 6px;
    margin-top: 9px;
}
.site-footer .newsletter__submit {
    background: #B85000;
    font-weight: bold;
}
.site-footer .newsletter__submit:hover {
    background: #FFFAD6;
    color: #803700;
}d c
.social-links a:hover {
    background: none !important;
    color: #E37700;
}.button {
    -ms-flex-align: center;
    align-items: center;
    background: #B85000;
    border: 1px solid #FFFFFF;
    color: white !important;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px; /* increased from 16px for accessibility */
    font-weight: bold;
    margin: 0px 9px 9px 0px; /*102523*/
    padding: 10px 17px 10px 14px;
    text-decoration: underline dotted 1px #AAAAAA;
    text-transform: uppercase;
    text-underline-offset: 3px;
    transition: background 0.3s, color 0.3s;
}
.text-formatted .button a {
  color: #fff;
}
.button:hover {
    background: #4D4D4D;
    border: 1px solid #FFFFFF;
    color: white;
}
.button:hover a {
    background: transparent;
    color: #FFFFFF;
}
/* BUTTON OUTLINE adjusts right spacing */
.button--outline-dark {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #B85000;
    color: #4d4d4d;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px; /* increased from 16px for accessibility */
    font-weight: bold;
    margin: 12px 2em 0px 0px;
    padding: 10px 17px 10px 14px !important; /* important added to compensate for a.button */
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
}
/* hover state added for accessibility */
.button--outline-dark:hover {
    background: #4d4d4d !important;
    border: 1px solid #FFFFFF;
    color: #ffffff !important;
}
#block-sfplanning-content .text-formatted .button--outline-dark:hover a {
    background: transparent;
    color: #ffffff !important;
}
.button--link-dark::before {
    background: #E37700;
    bottom: 0px; /*sets alignment with a underline*/
    content: '';
    height: 2px;
    position: absolute;
    transition: width 0.3s;
    width: 0;
}

.button--link-dark a {
    color: #B85000;
}
.button--link-dark:hover a {
    color: #803700;
}
.tile .button:hover {
    background: #4D4D4D;
    color: white;
}
.banner a {
    -ms-flex-align: center;
    align-items: center;
    background: #B85000;
    color: white;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 10px 17px 10px 14px;
    text-decoration: underline dotted 1px #AAAAAA;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
}
.banner a:hover {
    background: #4D4D4D;
    color: white;
}
.paragraph--type--text .button {
    -ms-flex-align: center;
    align-items: center;
    background: #B85000;
    border: 1px solid #FFFFFF;
    color: white;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 10px 17px 10px 14px;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
}
.paragraph--type--text .button:hover {
    background: #4D4D4D;
    border: solid 1px #FFFFFF; /* updated */
    color: white;    
}
.paragraph--type--text .button:hover a {
    background: transparent; /* added */
    color: white; /* added */
}

nav.pager .pager__item.is-active a {
    background: #B85000;
    color: white;
}
nav.pager .pager__item a:hover {
    background: #B85000;
    color: white;
}
/* focus states added for accessibilty */
a:focus {
    outline: 2px dotted;
    outline-offset: 3px;
}
.button:focus {
    outline: 2px dotted #454545;
    outline-offset: 3px;
}
.button--outline-dark:focus {
    outline: 2px dotted #454545;
    outline-offset: 3px;
}
.button--link-dark:focus {
    outline: 2px dotted #454545;
    outline-offset: 3px;
}
/*.site-footer a: focus {
    outline: 2px dotted #ffffff;
    outline-offset: 3px;
}*/
input.newsletter__submit:focus {
    outline: 2px dotted #ffffff;
    outline-offset: 3px;
}
/* ACCESSIBILITY END */
/* flex columns */
.flex {
  display: flex;
  flex-direction: row;
    margin-top: 17px; /*022924*/
}
.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) {
/*swaps row for columns on narrow devices */
.flex {
  display: flex;
  flex-direction: column;
}

}
/* Details and Summary - Open and Close Accordion Behaviour */
/* Details controls open/close action */
details {
    border: 1px solid #E37700;
    margin: 27px 0px 27px 0px; /* was 17px 0px 36px 0px */
    padding: 9px 5px 7px 17px;
}
details p:first-of-type {
    margin-top: 13px;
}
details ul,ol:first-of-type {
    margin-top: 19px;
}
/* summary inherits details attributes */
summary {
    cursor: pointer;
    display: list-item; /* makes right-arrow appear */
    font-family: 'Merriweather', Georgia, serif;
    font-style: italic;
    font-size: 21px;
    line-height: 33px;
}
summary:hover {
    background-color: #fffad6;
}
.paragraph.paragraph--type--text.paragraph--view-mode--default p:first-child {
    margin-top: auto; /*110323=revert*/
}
/* 022924 */
.paragraph.paragraph--type--text li {
    margin-left: 20px;
    margin-top: 7px !important;
    padding-left: 10px;
    padding-top: 11px;
}
/* coflicts with line 994
.paragraph.paragraph--type--text.paragraph--view-mode--default.paragraph--no-padding-top {
    padding-left: 0px; /* 033023
} */
.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 {
    color: #4d4d4d;
    letter-spacing: -0.7px;
    line-height: 100%; /*102523*/
    margin-bottom: 20px;
    margin-top: 0.5em; /*revised from 1*/
    word-break: keep-all;
    word-spacing: 1.5px;
}
@media (min-width:80px)
{
h1, h2, h3, h4, h5 {
    line-height:1.1em;
    margin-bottom: 17px; /*110923*/
}
}
@media (max-width: 47.99em) {
h5 {
    font-size: 21px;
    line-height: 130% !important;
}
}
/* table header align*/
tr {
    font-size: 19px; /* 022924 */
    vertical-align: bottom;
}
.banner h1 {
    margin-top: 0px;
    text-shadow: 0 1px 7px rgb(0 0 0 / 80%); /* 053023 */
}
.banner h2, .banner h3 {
	text-shadow: 0 1px 7px rgb(0 0 0 / 85%);
}
.banner p {
    color: white;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 25px;
    line-height: 1.6em;
    margin-bottom: 35px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.content > h1 {
    margin-top: 0px;
}
.view-header h1 {
    /*margin-top: 0px;*/
}
.card .title {
    font-size: 170%;
    letter-spacing: -.25px;
    line-height: 100%;
    margin-bottom: 4px;
    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;
    letter-spacing: -0.25px;
    line-height: 105%;
}
/* 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;
    left: 0;
    top: 0;
}
/* end test */

/*PROMO Box*/
.promobox {
    border: 1px solid #E37700;
    display: block;
    float: left;
    font-family: "Merriweather", Georgia, serif;
    height: auto;
    line-height: 34px;
    margin-bottom: 36px;
    overflow: auto; /* allows for height to accommodate child divs */
    padding: 5px 13px 5px 16px;
    width: 100%;
}
.promobox p:first-child {
    color: #4d4d4d;
    font-family: "Merriweather", Georgia, Times, serif;
    font-size: 17px;
    line-height: 1.85em;
    margin-top: 9px;
}
.promobox ul {
    font-size: inherit;
    line-height: 31px;
    padding-left: 20px; /*121423*/
}
.promobox ul li {
    /* font-size: inherit; */
}
.promobox ul li:last-child {
    margin-bottom: -13px;
}
/*for editor view*/
.cke_editable .promobox {
    border: 1px solid #E37700;
    display: block;
    float: left;
    font-family: "Merriweather", Georgia, serif;
    height: auto;
    line-height: 31px;
    margin-bottom: 12px;
    overflow: auto; /* allows for height to accommodate child divs */
    padding: 8px 16px;
    width: 100%;
}
.promobox h1,h2,h3,h4,h5 {
	padding-top:8px; /* to adjust first-child spacing */
}
.promobox div {
	float:left;
	padding-top:0.5em;
}
.resourcebox {
    background: #ffe9c7;
    float: left;
    font-size: 110%;
    line-height: 150%;
    margin: 30px 0px;
    overflow: auto; /* allows for height to accommodate child divs */
    padding: 18px;
    width: 100%;
}
/*for editor view*/
.cke_editable .resourcebox {
    background: #ffe9c7;
    float: left;
    font-size: 110%;
    line-height: 150%;
    margin: 30px 0px;
    overflow: auto; /* allows for height to accommodate child divs */
    padding: 18px;
    width: 100%;
}
/* FORMS and Fields and ECK SUMMARY WEBFORMS */
/* full page */
.view-eck-summary-controls {
    margin: 0 auto;
    max-width: 1400px;
    padding: 40px;
}
.contextual-region.eck-entity {
    padding: 40px;
}
form#summary-control-environmental-notices-edit-form {
    margin: 0 auto;
    padding: 40px;
    width: 1400px;
}
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,
form#summary-control-environmental-notices-form th {
    padding-bottom: -8px;
    padding-right: 38px;
    padding-top: 15px;
}
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(https://sfplanning.org/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.75em !important; 022824*/
	padding: 0px 20px; /*030724*/
	font-size: 17px; /* 060123 */
    word-spacing: 0.5px;
	/*font-size:19px; turned off for SUMMARY text 042523 */
}
.cke_editable ul ul, .cke_editable ol ol, .text-formatted ul ul, .text-formatted ol ol ~ li:first-child {
	margin-top: 12px !important; /*030524*/
}
/*
.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 {
	word-break: keep-all;
    font-size: 19px;
    line-height: 1.35em;
    padding: 10px 0px 0px 0px !important;
    margin: 7px 0px -11px 11px !important;
}
.cke_editable li:first-child, .text-formatted li:first-child {
    margin-top: -17px !important; /* REV 030524*/
}
.cke_editable li:last-child, .text-formatted li:last-child {
    margin-bottom: 20px !important; /* 110323 */
}
.details li {
    font-size: 19px;
    letter-spacing: -0.1px;
}
li p {
    line-height: inherit;
}
td.views-field li /* 110323 */ {
    font-size: inherit;
	margin-top: 7px; /* 022824 */
}
@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*/
}
}
/*Table ID inherited from previous site captures proper font*/
table.sticky-header {
    max-width: fit-content; /*022924*/
}
@media (max-width: 47.99em) {
table	{
	overflow-x: scroll;
    display: block;
}
table#publications	{
	overflow-x: scroll;
    display: block;
}
}
/* no longer needed */ 
/*table#publications ul, ol {
    font-family: inherit;
    padding-left: 12px;
    line-height: 1.25em;
    margin-left: 15px;
    margin-top: 2px;
    margin-bottom: 4px;
	font-size: 19px; 052223 size adjust to match visual p text
}*/
table#publications li {
    padding-left: 0;
	font-size: 19px; /*022824*/
}
/*NEW 03/27/25*/
#publications p {
    margin-bottom: 13px !important;
    font-size: 19px;
    line-height: normal;
}
/*NEW 03/27/25*/
#publications li:first-child {
    margin-top: -11px !important;
}
#publications td p {
    font-size: inherit;
}
/* no longer needed */ 
/*table#publications li:first-child {
	margin-top: -9px !important;
}*/
/* 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 SEE ALSO line 2088 */
    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 !important;
    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*/
}
.subhead-block {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 2rem;
    letter-spacing: -0.7px;
    word-break: keep-all;
    word-spacing: 1.5px;
    margin-bottom: 11px;
}

/* #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 */
.views-align-left p {
    font-size: 19px !important;
    margin-top: 15px; /*NEW 03/27/25*/
}
/* env review docs table - first and second col width*/
/* th#view-title-table-column {
    width: 97px !important; 022924
} */
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: 7px;
    font-size: 19px; /* see class .details li line 1028 */
}
/* left col only */
.views-field-field-case-number-link-env ul {
    padding-left: 33px !important;
}
/* 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: #ededed;
    font-size: 110%;
    text-shadow: 1px 1px 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: 3; /*formerly 1*/
    display: block;
	padding: 20px 40px;
    background: transparent; /*102023*/
}
/* 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;
}
/* nearby projects */
.view-nearby-projects {
    padding-left: 0px; /*022924*/
}
/* SLIDE / IMAGE and CAPTION / MEDIA CAROUSEL*/
/* .media-slide {
    font-size: 240%; added to offset smaller caption
} */
.media-slide .field--name-field-caption {
    /* Box Model */
    padding: 10px 20px;
    /* Typography */
    font-family: "Merriweather", Georgia, serif;
    line-height: 150%;
    color: #fffccc;
    text-shadow: 2px 0 2px #000;
    /* font-size: 50%; */
    /* Visual */
    background-color: rgba(0, 0, 0, 0.5);
}
.paragraph--type--slideshow .slick-arrow:before {
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
}
/* CAPTION and SLIDE CAPTION */
.field.field--name-field-caption.field--type-string-long.field--label-hidden.field__item {
    /* Positioning */
    float: inherit;
    /* Box Model */
    margin: 0;
    /* Typography */
    color: #555;
    font-family: 'Source Sans Pro';
    font-size: 17px;
    font-style: italic;
	padding:10px 0px;
}
@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 {
    /* Typography */
    text-transform: uppercase; /* new */
    line-height: 1.2em; /* new */
    text-decoration: underline dotted 1px #AAAAAA; /* new for accessibility */
    text-underline-offset: 3px; /* new for accessibility */
    /* Box Model */
    /* padding-top: 3px; */
    /* Display */
    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: 4px; /* 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:#666666;
	letter-spacing: -0.25px;
    word-spacing: 1px;
}
.node--event--full h3.header {
    font-size: 27px;
    margin-bottom: .6em;
    color: #888888; /* passes accessibility due to large font size*/
}
/* 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: 100%;
}
.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; /* see line 1893 */
}
.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: 19px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #cccccc;
}
.node--resource--teaser .type {
    text-transform: capitalize;
    font-weight: normal;
    color: #666666;
    font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2px;
    font-family: 'Merriweather', serif;
    font-style: italic;
}
.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 > .details-wrapper .last-updated {
	margin-left: 19px;
    color: #595959;
    font-size: 17px;
}
.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; */
}
.form-item-field-related-neighborhoods-target-id {
    display: none;
}
/* 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: 0px;
}
/*fix for search button appearance*/
.search-form input#edit-submit {
    margin: initial; 
	background-color: #b85000 !important; /*030124*/
    border: 1px solid #b85000;
    padding-top: 7px;
    font-size: 19px;
}
#edit-submit {
    background-color: transparent !important; /*030524*/
}
.path-search .search-form #edit-submit {
    background-color: transparent; /*022924*/
}
/*form.user-pass .form-submit, form.user-login-form .form-submit {
    background-color: #b85000 !important; 022924
} */
/*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%;
	font-size: 0.935rem; /* 052323 */
}
/* GLOSSARY NODE */
.taxonomy-term {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
.taxonomy-term h3 {
    font-size: 33px;
    padding-bottom: 0px;
    margin-bottom: 13px;
}
/* PERMIT NODE */
/*NEW move button to top of permit page*/
.node--permit--full .title-wrapper .button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-block-end: auto;
}

/*  PROJECT NODE  */

.node--project--full .node__title {
    overflow-wrap: normal;
    text-transform: inherit;
    width: 98%;
    letter-spacing: -1.2px;
    word-spacing: 1px;
	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 **/
/* this style created for calendar full teaser + icon view as list fix */
a.button {
    color: #FFFFFF !important;
    font-family: 'Source Sans Pro' !important;
    margin: 0px 13px 9px 0px;
    padding: 5px 17px 5px 14px;
    border: 1px solid #FFFFFF !important;
}
a.button:hover {
    background: #4D4D4D !important;
    color: #FFFFFF !important;
}
.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*/
}
.view-filters select {
    color: #4d4d4d;
    width: -webkit-fill-available; /*was 'auto' did not resize to mobile */
}
/* TOP OF PAGE */
div#block-topofpage {
    background-color: #4d4d4d;
}
/* FOOTER */
.site-footer .seal {
    height: 85px;
	margin-right: 1em;
    float: left;
    margin-bottom: 13px;
}
.site-footer h3 {
	margin-top: 0px;
}

/* CAROUSEL */
.hero__items h2 {
    color: white;
    font-size: 62px;
    line-height: 60px;
    max-width: 100%;
    text-shadow: 0 1px 3px rgb(0 0 0 / 85%);
}
.hero__items p {
    color: white;
    font-size: 29px;
    line-height: 30px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 42px;
    max-width: 100%;
    text-shadow: 0 1px 3px rgb(0 0 0 / 85%);
}
/* BASIC PAGE HERO CAROUSEL */
.node--page--full .hero__items .cta-wrapper {
        padding-left: 140px;
        padding-right: 140px;
        max-width: 1400px;
        top: 25%;
    }
@media only screen and (max-width: 768px) {
.node--page--full .hero__items .cta-wrapper {
        background-color: transparent;
        top: unset;
        bottom: 250px;
        transform: none;
        margin: 0;
        max-width: 100%;
        width: 100%;
        padding: 30px 55px 74px 55px;
    }
.node--page--full .hero__items .cta-wrapper h2 {
        font-size: 39px !important;
}
}
/* MOBILE */
@media only screen and (max-width: 48em) {
/* CAROUSEL for MOBILE*/
.hero__items .hero-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #4d4d4f90;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.hero__items h2 {
    font-size: 35px;
    line-height: 36px;
    max-width: 100%;
    }
.hero__items p {
    line-height: 27px;
    max-width: 100%;
    font-weight: 600;
    font-size: 25px;
}
.hero__items .cta-wrapper {
    background-color: transparent;
    top: unset;
    bottom: 0;
    transform: none;
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 150px 55px 106px 55px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1500px) {
/* CAROUSEL for IPAD*/
    .hero__items .cta-wrapper {
    background-color: transparent;
    top: 220px;
    bottom: 0;
    transform: none;
    margin: 0 auto;
    max-width: 1313px;
    width: 100%;
    padding: 0 100px;
}
    .hero__items p {
    line-height: 27px;
    max-width: 100%;
    font-weight: 600;
    font-size: 25px;
}
    .hero__items .hero-mask {
    background: #4d4d4f90;
    }
}
@media only screen and (max-width: 1500px) {
.field.field--name-field-caption.field--type-string-long.field--label-hidden.field__item {
    font-size: 1em;
}
}

/*     MOBILE    */

/* all styles below are for mobile -- this @media set ends at end of file */
@media (max-width: 47.99em) {
a {
    /* color: #B85000;
    transition: color 0.3s, background 0.3s; */
	text-decoration: underline dotted 1px #AAAAAA;
    text-underline-offset: 3px;
}
p#h3 {
    font-size: 31px;
    line-height: 33px;
}
p#h4 {
    font-size: 21px;
    line-height: 29px;
}
.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 0 7px;
	max-width: min-content; /*replaces 50%*/
}
.node--permit--full .sidebar {
    padding-right: 0px;
    width: 265px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    zoom: 100%;
    margin-left: -11px;
}
.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: -1.5px;
	font-size: 226%; /*was 120%*/
    margin-top: -24px;
    margin-bottom: -13px;
    font-kerning: auto;
}
.node--event--full .details > .neighborhood {
    border-bottom: none;
    display: none; /* see line 1299 */
}
.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 0px; /* fixes layout 052323 */
}
.paragraph--type--multi-column-text-card-tile .paragraph--type--text {
    padding: 10px 20px 10px 20px; /* fixes mobile layout 011824 */
}
.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;
	font-size: 19px; /* 052323 */
}
/* 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%;
}
/*BACKEND VIEW ONLY*/
.js .paragraph-type-title {
   flex-basis: 300px; /*overrides default 100px backend view*/
}
/* VIEWS backend */
.contextual-region.view.view-archive.view-id-archive {
    width: 1320px;
    margin: 20px auto;
}
/*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%;
}
/*Project page active tab stops promobox overlap*/
.node--project--full .nav-wrapper {
    display: inline-block;
}
/*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;
    background: #f5f5f5; /* 102023 */
}
.block--contact-info .left {
    flex-shrink: inherit/*was 0*/;
    display: block;
    padding: 10px 20px;
}
.block--contact-info .items {
    padding: 0px 40px 0px 0px; /* 052223 */
}
.block--contact-info .items .flex {
    padding: 0px;  /* fixes alignment */
    display: block; /* fixes col collapse*/
}
/* conflicts with line 1865 .paragraph--type--text {
    margin: 0px; /* fixes mobile layout
    padding: 0px 20px !important; 033023
} */
.block--contact-info .items h3 {
    font-size: 30px !important;
	margin-top: 2px;
}
.block--contact-info .paragraph--type--text {
    padding: 0px 10px 10px 0px;
    margin-left: 20px;
}
/*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%;
} ***/
}
/* the above @media starts at line 1702 */