:root {
  --urbedtrust-white: #fff;
  --urbedtrust-white-tint: rgba(255,255,255,0.7);
  --urbedtrust-black: #111111;
  --urbedtrust-darkgrey: rgb(93, 88, 80);
  --urbedtrust-lightgrey: rgb(221, 221, 221); 
  --urbedtrust-transport: rgb(188, 24, 35); 
  --urbedtrust-canopy: rgba(116,163,15, 1); 
  --highlight-yellow: #FFD51E;
  --urbedtrust-softyellow: #fff3c0;
}

@font-face {
    font-family: 'Egyptian Slate Pro';
    src: url('fonts/EgyptianSlatePro-Medium.woff2') format('woff2'),
        url('fonts/EgyptianSlatePro-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Egyptian Slate Pro';
    src: url('fonts/EgyptianSlatePro-Regular.woff2') format('woff2'),
        url('fonts/EgyptianSlatePro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Type */

body {
  font-family: "Open Sans", arial, sans-serif;  
  background-color: var(--urbedtrust-white);
}

h1, h2, .h1, .h2, h2.entry-title, #site-navigation {
  font-family: "Egyptian Slate Pro", arial, sans-serif;  
  font-weight: 600;
  color: var(--urbedtrust-canopy);
  line-height: 100%;
}

p, #primary li {
  font-size: 1.1rem;
}

h1, .h1 {
  font-size: 3.2rem;
}

h3, h4, .h3, .h4 {
  font-family: "Egyptian Slate Pro", arial, sans-serif;  
  font-weight: 400;
  color: var(--urbedtrust-darkgrey);
}

h1.entry-title {
  text-align: center;
}

.entry-content li {
  margin-bottom: 0.5rem;
}

.entry-content a:link, .entry-content a:visited, 
.entry-code a:link, .entry-code a:visited {
  border-bottom: 3px solid var(--urbedtrust-lightgrey);
}

.wp-caption .wp-caption-text {
  text-align: left;
  background: var(--urbedtrust-lightgrey);
  margin: 0;
  padding: 0.5rem;
}

.block-meta {
  color: var(--urbedtrust-darkgrey);
}

.block-meta span.dashicons {
  margin-top: 4px;
}

.inline-meta {
  color: var(--urbedtrust-darkgrey);
  font-size: 80%;
}

/* Layout & nav overrides */

#primary {
  background-image: url("img/gridplan-05.png");
  background-repeat: no-repeat;
  background-position: top center;
}

#site-footer .container, .block:not(.block-wysiwyg) .container {
  background: none;
}

#site-branding {
  display: inline-block;
  margin: 1rem 0;
}

.main-navigation ul.navbar-nav a:link, .main-navigation ul.navbar-nav a:visited {
  color: var(--urbedtrust-darkgrey);
  font-size: 1.3rem;
}

.main-navigation ul.navbar-nav li.current-menu-item {
  color: var(--urbedtrust-canopy);
}

.main-navigation ul.navbar-nav li.current_page_item a {
  color: 3px solid var(--urbedtrust-canopy);
}

.main-navigation ul.navbar-nav a:link, .main-navigation ul.navbar-nav a:visited {
  border-bottom: none;
}

.site-title, .site-description {
  left: -9999px;  
}

.main-navigation ul.navbar-nav ul.dropdown-menu {
  border: 0;
  box-shadow: 0;
  z-index: 10000 !important;
}

.main-navigation ul.navbar-nav ul.dropdown-menu li {
  padding: 0.25rem 0;
  font-size: 1.2rem;
  width: 30vw;
}

.main-navigation ul.navbar-nav ul.dropdown-menu li a {
  white-space: normal;
  text-align: left;
}

#masthead #logo {
  border: 2px solid transparent !important;
}

@media (min-width: 992px) {
  #masthead #logo {
    position: relative;
    z-index: 10000;
    max-width: 300px; 
  }
  #masthead #logo img {
    max-width: inherit;
  }
}

#masthead a#logo:focus, #masthead a#logo:active {
  background: var(--urbedtrust-white) !important;
  border: 2px solid var(--highlight-yellow) !important;
}

nav {
  font-size: 1.5rem;
}

.main-navigation ul.navbar-nav li {
  font-weight: 700;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

ul.navbar-nav {
  align-items: center;
}

ul.navbar-nav li.current-menu-item {
  color: var(--urbedtrust-darkgrey);  
}

ul.navbar-nav li.current_page_item a {
  border-color: var(--urbedtrust-darkgrey);  
}

.nav-utility li.menu-item {
  padding: 0.5rem; 
  font-size: 1rem; 
}

footer {
  background: var(--urbedtrust-darkgrey);
}

#footer-copyright p {
  font-size: 1rem;
}

#footer-copyright * {
  color: var(--urbedtrust-white);
}

figcaption {
  font-size: 1rem;
  padding: 0.5rem 0;
  font-style: italic;
}


@media (max-width: 992px) {
  
  h1, .h1 {
    font-size: 2.4rem;
  }
  
  h2, .h2 {
    font-size: 2rem;
  }
  
  h3, .h3 {
    font-size: 1.8rem;
  }
  
  h4, .h4 {
    font-size: 1.3rem;
  }  
  
  p, #primary li {
    font-size: 1rem;
  }
  
  .enlarge-text p {
    font-size: 1.1rem !important;
  }
  
  #masthead {
    display: block;
  }
  
  #masthead .logo {
    display: block;
    width: 100%;
  }
 
  .main-navigation {
    display: block;
    width: 100%;
    padding-right: 0;
  }
  
  .main-navigation ul.navbar-nav li.current-menu-item {
      color: var(--urbedtrust-transport);
  }
  
  .main-navigation ul.navbar-nav li.current_page_item a {
      color: var(--urbedtrust-darkgrey); 
      border-color: var(--urbedtrust-darkgrey);
  }
  
  .main-navigation ul.navbar-nav ul.dropdown-menu li {
    width: auto;
  }
  
  .footer-social {
    padding: 0 1rem;
  }
  
  .main-navigation .offcanvas-logo {
    max-width: 30%;
  }
  
  .main-navigation .offcanvas h3 a {
    padding-left: 0 !important;
  }
  
  .main-navigation ul {
    padding-right: 0 !important;
  }
  
  .main-navigation ul.navbar-nav li {
    padding: 0;
    background: var(--urbedtrust-white);
  }
  
  .main-navigation ul.navbar-nav li a {
    text-wrap: wrap;
    font-size: 1rem;
  }
  
  .main-navigation ul.navbar-nav li li a {
    font-size: 1.1rem !important;
    margin-bottom: 0.5rem;
    padding: 0;
  }
  
  .offcanvas-body {
    background: var(--urbedtrust-lightgrey);
  }
  
  .navbar-toggler {
    border: 2px solid var(--urbedtrust-darkgrey);
    background: var(--urbedtrust-white);
    color: var(--urbedtrust-darkgrey);
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    padding-right: 1rem;
    font-size: 1.4rem;
  }
  .navbar-toggler-icon {
    padding-top: 0.1rem;
    width: 2rem;
    height: 2rem;
  }
  
  .block-banner-image {
    height: 70vh !important;
  }
  
  .block-banner-image.content-align-right, .block-banner-image.content-align-left, .block-banner-image.content-align-center {
    align-items: flex-end; /* don't centre on small screens, so we get more of the photo subject visible */
  }
  
  #footer-menu {
    padding: 0.5rem 0;
  }
  
  #footer-copyright {
   padding: 0.5rem 1rem;
  }
  #footer-copyright p {
    font-size: 100%;
  }
  
  
}

/* sticky top nav */

.fixed-top {
  top: 0px;
  transition: opacity 1s;
  background: white;
  opacity: 0.975;
  box-shadow: 0px 6px 25px -16px rgb(0 0 0 / 75%);
}


body.admin-bar .fixed-top {
  top: 30px;
}

/* component overrides */

.block-promo {
  margin-bottom: 2rem;
}

.block-promo img:hover, .listing-image img:hover {
  transform: none;
}

.block-promo img, .listing-image img:hover {
  transition: none;
} 

.block-toolkit img:hover {
  transform: none;
} 

.block-toolkit img {
  transition: none;
} 

.promo_title, .promo_teaser, .block-subtitle, .subtitle, .button-cta, .btn {
  text-align: left;
}

h3.promo_title {
  font-size: 1.4rem;
}

.btn-primary, .btn-cta {
  background-color: var(--urbedtrust-transport);
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: 0;
}

.btn:link, .btn:visited {
  border: none !important;
  border-radius: 0;
}

.btn-primary:hover, .btn-primary:focus, input.button-cta:hover, input.button-cta:focus, .pseudo-btn-cta span, input.button-cta {
  background: var(--urbedtrust-transport);
}

.pseudo-btn-cta a:link {
  border-bottom: 0;
}

.theme-dark {
  background: var(--urbedtrust-darkgrey);
}

.theme-bold {
  background: var(--urbedtrust-canopy);
}

.theme-bold .block-banner-image .teaser {
  background: var(--urbedtrust-white);
}

.theme-dark .block-banner-image .teaser {
  background: var(--urbedtrust-white);
}

.theme-light .block-banner-image .teaser {
  background: var(--urbedtrust-darkgrey);
}

.no-banner-image .block-banner-image.overlay h1.block-subtitle,
.no-banner-image .block-banner-image.overlay h2.block-subtitle {
  text-shadow: none !important;
}

:not(.no-banner-image).has-teaser .block-banner-image {
  height: 30vw;
}

.theme-dark .promo_title, 
.theme-dark .panel_title, 
.theme-dark .block-subtitle, 
.theme-dark p,
.theme-dark li,
.theme-dark a,
.theme-bold .promo_title, 
.theme-bold .panel_title, 
.theme-bold .block-subtitle, 
.theme-bold p,
.theme-light .block-banner-image .block-subtitle,
.theme-dark .block-listing a,
.theme-dark .block-listing .entry-title a,
.theme-dark .block-listing .entry-content,
.theme-dark .block-listing .offsite-listing-link,
.theme-bold .block-listing .entry-title a,
.theme-bold .block-listing .entry-content,
.theme-bold .block-listing .offsite-listing-link {
  color: var(--urbedtrust-darkgrey);
}

.theme-dark .block-banner-image.overlay h1.block-subtitle,
.theme-bold .block-banner-image.overlay h1.block-subtitle {
  color: var(--urbedtrust-darkgrey);
  color: var(--urbedtrust-canopy);
}

.theme-dark .band:not(.has-teaser) .block-banner-image.overlay h2.block-subtitle,
.theme-bold .block-banner-image.overlay h1.block-subtitle, 
.theme-bold .band:not(.has-teaser) .block-banner-image.overlay h2.block-subtitle {
  color: var(--urbedtrust-white);
}


.theme-dark a:active .promo_title,
.theme-dark a:focus .promo_title,
.theme-bold a:active .promo_title,
.theme-bold a:focus .promo_title {
  color: var(--urbedtrust-darkgrey);
}

.theme-dark .btn-primary,
.theme-bold .btn-primary {
  background-color: var(--urbedtrust-white);
  color: var(--urbedtrust-darkgrey) !important;
}

.theme-bold .block-promo .promo_url, .theme-dark .block-promo .promo_url {
  background: var(--urbedtrust-white);
}

.theme-bold .block-promo .promo_url,
.theme-bold .block-promo .promo_url .promo_title, 
.theme-bold .block-promo .promo_url .block-subtitle, 
.theme-bold .block-promo .promo_url p {
  color: var(--urbedtrust-darkgrey);
}

.theme-bold .block-subtitle,
.theme-dark .block-subtitle {
 color: var(--urbedtrust-white);
}

.block-image-text {
  align-items: start;
}

.block-image {
  padding-top: 1rem;
}

/* Reduced motion accessibility. Elements here are disabled for users with this preference in their browser */

@media (prefers-reduced-motion) {
}

/* Video embed (local) tweaks */

div:has(video) {
  width: 100%;
}

div.wp-video br {
  display: none;
}

.entry-content video {
  width: 100%;
  height: auto;
}

/* dynamic pagination e.g. on listings */

#result-pages {
  padding-bottom: 2rem;
  padding-top: 2rem;
  text-align: center;
}

.result-page {
  display: flex;  
  display: none;
  height: 0;
  padding-top: 6rem;
}

.result-page-visible {
  display: flex;  
  flex-wrap: wrap;
  height: auto;
}

.result-page-link {
  background: var(--urbedtrust-lightgrey);
  min-width: 2rem;
  min-height: 2rem;
  padding: 0.25rem 0;
  margin-bottom: 0.5rem;
  display: inline-block;
  text-align: center;
}

.result-page-link.current-result {
  background: var(--urbedtrust-canopy);
  color: white;
}

#live-search-container {
  margin: 0;
  padding: 1rem;
}

#live-search-container input {
  margin: 1rem 0;
}

#live-search-results ul {
  margin: 0;
  padding: 0;  
}

#live-search-results li {
 list-style: none;
}

#live-search-results li a {
  display: block !important;
}

#live-search-results .promo_image {
  display: none;
}


/* Publications */

.cover-image {
  max-width: 100%;
  height: auto;
  border: 1px solid var(--urbedtrust-darkgrey);
}

.file-download {
  margin-top: 1rem;
}

#publication-meta a {
  border-bottom: 1px solid var(--urbedtrust-darkgrey);
}

/* Chat */

.entry-chat {
  padding: 1rem;
  color: white !important;
  background: var(--urbedtrust-canopy);
  margin: 2rem 0;
}

.entry-chat .dashicons {
  font-size: 36px;
  width: 36px;
  height: 36px;
}

.entry-chat h2, .entry-chat a {
  color:  white !important;  
}

.chat-question textarea {
  font-family: 'Egyptian Slate Pro', Courier, monaco, monospace;
  font-size: 1.2rem;
  padding: 0.5rem;
}

.chat-response {
  font-family: 'Egyptian Slate Pro', Courier, monaco, monospace;
  padding: 1rem;
  background: var(--urbedtrust-white-tint);
  color: var(--urbedtrust-darkgrey);
  margin-bottom: 1rem;
}

.chat-response p, li {
  font-size: 1.2rem;
}

.entry-chat input.btn-primary {
  background: var(--urbedtrust-transport);
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: 0;
}

#archive-description p {
  color: white;
}

body.archive .listing-image {
  max-width: 250px;
}

.enlarge-text p {
  font-size: 1.3rem;
}

.block-subtitle, .subtitle {
  z-index: 1;
}

.listing-image {
  border: 0.5px solid var(--urbedtrust-lightgrey);
}

/* Search modal & nav */

#site-search-modal-trigger {
  color: var(--urbedtrust-darkgrey);  
}

#site-search-modal-trigger .dashicons-search {
  line-height: inherit;
}

#site-search-modal {
  margin-top: 10%;
}

.modal-backdrop {
  z-index: 1;
}

/* pagination overrides */

.wp-pagenavi .pages {
  border: none;
}

.wp-pagenavi .current {
  background: var(--urbedtrust-canopy);
  border: none;
  color: white;
  min-width: 2rem;
  min-height: 2rem;
  display: inline-block;
  text-align: center;	
}

.wp-pagenavi .page {
  text-align: center;	
  border: none;
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
  border: none;
}

.wp-pagenavi a {
  border: none;
  background: var(--urbedtrust-lightgrey);
  min-width: 2rem;
  min-height: 2rem;
  display: inline-block;
  text-align: center;	
}

/* blog bylines */

div.post-meta  {
  display: block;
  padding: 2rem 0 0 0;
}

.post-meta img.avatar {
  border-radius: 50%;
  float: left;
  margin-right: 1rem;
}

.post-meta-author {
  padding: 1.5rem 0 0 0;
  margin-bottom: 0;
}

.post-meta-date {
  padding: 0 0 1rem 0;
  margin-top: 0;
}