@charset "UTF-8";
/*--------------------------------------------------------------
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Layout
# Elements

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap");
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #22292f;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  font-weight: 500;
  line-height: 120%;
}

h1 {
  color: #cc0079;
}

p.subheader {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #8795a1;
  margin-bottom: 0;
  font-size: 18.72px;
  font-size: 1.17rem;
}

strong,
b {
  font-weight: 500;
}

em {
  font-style: italic;
}

address {
  font-style: normal;
}

blockquote {
  margin: 1.5em 1.25em 1.5em 0;
  padding-left: 1.25em;
  border-left: 4px solid #079281;
}
blockquote p {
  font-size: 24px;
  font-size: 1.5rem;
  color: #08005b;
  line-height: 1.25em;
}

.text-th-pink {
  color: #cc0079;
}

.text-th-green {
  color: #079281;
}

.text-th-grey {
  color: #8795a1;
}

p.guide {
  color: #08005b;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.25em;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  background: #ffffff;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #ffffff;
  margin-top: 4em;
  position: static !important;
}
@media screen and (min-width: 48em) {
  body {
    margin-top: 0;
  }
}

.inner-container {
  max-width: 1224px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (min-width: 48em) {
  .inner-container {
    padding: 0 20px;
  }
}

.site-content {
  background: #f8fafc;
  padding: 20px 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .site-content {
    padding: 34px 0;
  }
}

#main-content {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  padding: 1em;
  overflow: hidden;
}
@media screen and (min-width: 37.5em) {
  #main-content {
    padding: 1.5em 3em;
  }
}

@media screen and (min-width: 48em) {
  body.sidebar .primary-column {
    float: left;
    margin-right: 8.5106382979%;
    width: 64.8936170213%;
  }
}

body.sidebar .sidebar-column {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  padding: 24px 16px;
}
@media screen and (min-width: 48em) {
  body.sidebar .sidebar-column {
    margin: 74px 0 2em 0;
    float: left;
    width: 26.5957446809%;
  }
}

@media screen and (min-width: 48em) {
  body.sidebar.admin .sidebar-column {
    margin: 1em 0 2em 0;
  }
}

.section {
  border-bottom: 1px solid #e7e6ef;
  padding-bottom: 2em;
}
.section:last-of-type {
  border-bottom: none;
  padding-bottom: 1em;
}
.section > *:last-child {
  margin-bottom: 0;
}
.section > .message:last-child {
  margin-bottom: 1.5em;
}
.section > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 37.5em) {
  .section {
    padding-bottom: 3em;
  }
}

body.advert-start .section,
body.registration-start .section {
  border-bottom: none;
}

.contact-card {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  border-radius: 3px;
  margin-bottom: 1.5em;
  padding: 1em;
}
.contact-card > *:first-child {
  margin-top: 0;
}
.contact-card > *:last-child {
  margin-bottom: 0;
}
.contact-card address {
  margin-top: 1em;
}
.contact-card address:first-of-type {
  margin-top: 0;
}
.contact-card address strong {
  color: #08005b;
}
.contact-card .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  border: 4px solid #dae1e7;
  display: flex;
  height: 66px;
  justify-content: center;
  margin: 0 0 1em 0;
  padding: 0.5em;
  width: 100px;
}
.contact-card .landlord-logo a {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .contact-card .landlord-logo {
    float: right;
    margin-left: 1em;
  }
}
@media screen and (min-width: 62.5em) {
  .contact-card .landlord-logo {
    min-height: 94px;
    width: 140px;
  }
}
.contact-card .landlord-logo img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
  width: 100%;
}

section.landlords ul.landlord-logos {
  list-style: none !important;
  margin: 1.5em 0 1.5em 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.landlords ul.landlord-logos::after {
  content: "";
  width: 31%;
}
section.landlords .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 4px solid #f8fafc;
  display: flex;
  justify-content: center;
  margin: 0 0 4% 0;
  padding: 1em;
  width: 48%;
}
section.landlords .landlord-logo a {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 25em) {
  section.landlords .landlord-logo {
    margin: 0 0 1.5% 0;
    padding: 1.5em;
    width: 31%;
  }
}
@media screen and (min-width: 48em) {
  section.landlords .landlord-logo {
    width: 23%;
  }
}
@media screen and (min-width: 52em) {
  section.landlords .landlord-logo {
    min-height: 120px;
  }
}
section.landlords .landlord-logo img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
  width: 100%;
}

#masthead {
  overflow: hidden;
  padding: 0 0 1.5em 0;
}
@media screen and (min-width: 62.5em) {
  #masthead {
    padding: 0 0 2em 0;
  }
}

#logo {
  margin-top: 1.5em;
  text-align: center;
}
#logo img {
  max-width: 280px;
  width: 80%;
}
@media screen and (min-width: 37.5em) {
  #logo img {
    width: 280px;
  }
}
@media screen and (min-width: 37.5em) {
  #logo {
    float: left;
    text-align: left;
  }
}
@media screen and (min-width: 62.5em) {
  #logo {
    margin-top: 48px;
  }
}

.account-nav {
  margin-top: 1.9em;
}
@media screen and (min-width: 37.5em) {
  .account-nav {
    float: right;
    margin-left: 1.5em;
  }
}
@media screen and (min-width: 56.25em) {
  .account-nav {
    float: right;
  }
}

ul.account-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.account-links li {
  border-bottom: 1px solid #e7e6ef;
  clear: both;
  display: block;
  margin: 0 1em 0 1em;
  padding: 0.5em 0;
}
ul.account-links li:last-of-type {
  margin-right: 0em;
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  ul.account-links li {
    display: inline-block;
    border-bottom: none;
    margin: 0 0.5em 0 0;
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  ul.account-links li {
    margin-right: 1em;
  }
}
ul.account-links li a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  text-decoration: none;
}
ul.account-links li a:visited {
  color: #08005b;
}
ul.account-links li a:hover, ul.account-links li a:focus, ul.account-links li a:active {
  color: #cc0079;
}
ul.account-links i {
  font-size: 18px;
  font-size: 1.125rem;
  color: #cc0079;
  margin-right: 0.5em;
  float: left;
}
@media screen and (min-width: 37.5em) {
  ul.account-links i {
    float: none;
    margin: 0 0 0 0.5em;
  }
}
ul.account-links .button {
  display: block;
  margin: 1em auto 0 auto;
  width: 80%;
}
@media screen and (min-width: 37.5em) {
  ul.account-links .button {
    display: inline-block;
    margin-top: -0.75em;
    width: auto;
  }
}

#accessibility {
  display: none;
}
@media screen and (min-width: 52em) {
  #accessibility {
    float: right;
    display: inline-block;
    margin: 1.375em 0 0 0;
  }
}
#accessibility #inner-accessibility {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  border: 1px solid #e7e6ef;
  padding: 0.5em;
  float: right;
}
#accessibility #inner-accessibility a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 0.25em 0.5em;
}
#accessibility .skip-content {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  text-align: center;
}
#accessibility .skip-content:focus {
  clip: auto;
  height: auto;
  margin: 0 0.5em 0 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
  background-color: #ffffff;
  padding: 0.5em;
  z-index: 10000;
  float: left;
}

#google_translate_element {
  display: none;
}
@media screen and (min-width: 52em) {
  #google_translate_element {
    display: inline-block;
    margin-top: -2px;
  }
}
#google_translate_element a {
  font-family: Arial;
  font-weight: normal;
  padding: 0;
}

.staging-banner {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #cc0079;
  color: #ffffff;
  padding: 1em;
  text-align: center;
}
.staging-banner p {
  margin: 0;
}
.staging-banner a {
  color: #ffffff;
  text-decoration: underline;
}
.staging-banner a:visited {
  color: #ffffff;
}
.staging-banner a:hover, .staging-banner a:focus, .staging-banner a:active {
  color: #08005b;
}

.main-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
}
.main-navigation ul {
  background: #f8fafc;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2);
  clear: both;
  display: none;
  list-style: none;
  margin: 56px 0;
  padding: 1em 0;
  position: fixed;
  width: 100%;
}
.main-navigation li a {
  color: #08005b;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
  color: #cc0079;
}
.main-navigation a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #8795a1;
  cursor: pointer;
  display: block;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
}
.main-navigation a.active {
  color: #cc0079;
}

/* Small menu. */
.menu-toggle {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  background: #f8fafc;
  border: none;
  color: #08005b;
  cursor: pointer;
  float: right;
  padding: 1em 1em 1em 1em;
  position: fixed;
  text-align: right;
  width: 100%;
  z-index: 1;
}
.menu-toggle i {
  font-size: 18px;
  font-size: 1.125rem;
  color: #cc0079;
  margin-left: 0.5em;
}

.main-navigation.toggled ul {
  display: block;
  overflow: hidden;
}

@media screen and (min-width: 48em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation {
    clear: both;
    display: inline-block;
    float: left;
    position: relative;
  }
}
@media screen and (min-width: 48em) and (min-width: 62.5em) {
  .main-navigation {
    clear: right;
    float: right;
    width: auto;
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 48em) {
  .main-navigation ul {
    background: none;
    box-shadow: none;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 1.8em;
    padding: 0;
    position: relative;
  }
  .main-navigation ul li {
    float: left;
    position: relative;
    margin-right: 3em;
  }
  .main-navigation ul li:last-child {
    margin-right: 0;
  }
  .main-navigation ul li a {
    padding: 0;
  }
}
.sidebar-column h3 {
  font-size: 16px;
  font-size: 1rem;
  color: #cc0079;
  margin-top: 0.5em !important;
}
.sidebar-column ul.secondary-nav {
  margin: 0 0 1.5em 0;
  padding: 0;
  list-style: none;
}
.sidebar-column ul.secondary-nav:last-of-type {
  margin-bottom: 0;
}
.sidebar-column ul.secondary-nav li {
  border-top: 1px solid #e7e6ef;
}
.sidebar-column ul.secondary-nav li:first-of-type {
  border-top: none;
}
.sidebar-column ul.secondary-nav li a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  padding: 0.5em 0;
  display: block;
}
.sidebar-column ul.secondary-nav li a:visited {
  color: #08005b;
}
.sidebar-column ul.secondary-nav li a:hover, .sidebar-column ul.secondary-nav li a:focus, .sidebar-column ul.secondary-nav li a:active {
  color: #079281;
}
.sidebar-column ul.secondary-nav li a.active {
  color: #cc0079;
}

ul.button_menu {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  list-style: none;
  margin: 0;
  padding: 1em 1em 0.5em 1em;
}
ul.button_menu li {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 48em) {
  ul.button_menu li {
    display: inline-block;
    margin-right: 0.5em;
  }
  ul.button_menu li:last-of-type {
    margin-right: 0;
  }
}
ul.button_menu a {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0.5em 1em;
  text-align: left;
  text-transform: capitalize;
  width: 100%;
}
@media screen and (min-width: 48em) {
  ul.button_menu a {
    width: auto;
  }
}

footer {
  padding: 1.5em 0;
}
@media screen and (min-width: 48em) {
  footer nav {
    float: left;
    width: 23.5294117647%;
  }
}
footer .footer-logo img {
  width: 178px;
  margin-bottom: 1em;
}
@media screen and (min-width: 48em) {
  footer .footer-logo {
    float: right;
  }
}
footer .footer-meta {
  clear: both;
  border-top: 1px solid #e7e6ef;
  padding-top: 1.5em;
}

footer nav:last-of-type {
  margin-bottom: 2em;
}
@media screen and (min-width: 48em) {
  footer nav:last-of-type {
    margin-bottom: 1em;
  }
}
footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer nav ul li {
  margin-bottom: 0.75em;
}
footer nav a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
footer nav a:visited {
  color: #08005b;
}
footer nav a:hover, footer nav a:focus, footer nav a:active {
  color: #cc0079;
}

footer {
  overflow: hidden;
}
footer p.copyright {
  font-size: 16px;
  font-size: 1rem;
  color: #8795a1;
  margin: 0;
}
@media screen and (min-width: 48em) {
  footer p.copyright {
    float: left;
    width: 48%;
  }
}
footer .admin-login {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
}
footer .admin-login i {
  margin-right: 0.25em;
}
@media screen and (min-width: 48em) {
  footer .admin-login {
    float: right;
    width: 48%;
    text-align: right;
  }
}

@media screen and (min-width: 48em) {
  .home #find-property-form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.home #find-property-form .description h2 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 0 1em 0;
}
@media screen and (min-width: 56em) {
  .home #find-property-form .description h2 {
    margin-bottom: 0;
  }
}
.home #find-property-form .description h2 i {
  color: #cc0079;
  font-weight: 400;
  margin-right: 0.25em;
}
@media screen and (min-width: 48em) {
  .home #find-property-form .description {
    width: 100%;
  }
}
@media screen and (min-width: 56em) {
  .home #find-property-form .description {
    margin-right: 24px;
    width: auto;
  }
}
@media screen and (min-width: 48em) {
  .home #find-property-form .group {
    flex-grow: 1;
    margin-right: 24px;
  }
}
.home #find-property-form .field-container {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 48em) {
  .home #find-property-form .field-container {
    margin-bottom: 0;
  }
}
.home #find-property-form .field-label {
  display: none;
}
.home #find-property-form button {
  background: #cc0079;
  color: #ffffff;
}
.home #find-property-form button:visited {
  background: #cc0079;
  color: #ffffff;
}
.home #find-property-form button:hover, .home #find-property-form button:focus, .home #find-property-form button:active {
  background: #08005b;
  color: #ffffff;
}
.home #find-property-form .error-summary {
  width: 100%;
}
.home #find-property-form .error-summary h2#error-summary-heading {
  font-size: 1.25rem !important;
}
.home section.alerts {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #fff0f9;
  margin-bottom: 2.5em;
  padding: 1.5em;
}
.home section.alerts h2 {
  border-bottom: 1px solid #ffdbf1;
  margin-top: 0;
  padding-bottom: 1em;
}
.home section.alerts h2 i {
  color: #cc0079;
  margin-right: 0.5em;
}
.home section.alerts .alert {
  border-bottom: 1px solid #ffdbf1;
  margin-bottom: 1.5em;
  overflow: hidden;
  padding-bottom: 1.5em;
}
.home section.alerts .alert:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 48em) {
  .home section.alerts .alert .alert-title {
    float: left;
    margin-right: 5%;
    width: 30%;
  }
}
@media screen and (min-width: 48em) {
  .home section.alerts .alert .alert-text {
    float: right;
    width: 65%;
  }
}
.home section.alerts .alert h3 {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  color: #08005b;
  margin: 0 0 0.25em 0;
}
.home section.alerts .alert time {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  color: #08005b;
}
.home section.alerts .alert p {
  margin-top: 1.25em;
}
.home section.alerts .alert p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  .home section.alerts .alert p:first-of-type {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .home section.information {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.home section.information div.what-is {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 1px solid #cc0079;
  padding: 1.5em;
  margin-bottom: 2.5em;
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 48em) {
  .home section.information div.what-is {
    margin-bottom: 1em;
    width: 48.85%;
  }
}
.home section.information div.what-is h2 {
  margin: 0 0 1.25em 0;
}
.home section.information div.what-is h4 {
  border-top: 1px solid #ffdbf1;
  padding-top: 1em;
  margin: 0 0 0.5em 0;
}
.home section.information div.what-is .lead {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.home section.information div.what-is p {
  margin-top: 0;
}
.home section.information div.what-is p:last-of-type {
  margin-bottom: 1.5em;
}
.home section.information div.what-is a.button {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  .home section.information div.what-is a.button {
    margin: auto auto 0 auto;
  }
}
.home section.information div.register {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 1px solid #079281;
  padding: 1.5em;
  margin-bottom: 2.5em;
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 48em) {
  .home section.information div.register {
    margin-bottom: 1em;
    width: 48.85%;
  }
}
.home section.information div.register h2 {
  margin: 0 0 1.25em 0;
}
.home section.information div.register p {
  margin-top: 0;
}
.home section.information div.register p:last-of-type {
  margin-bottom: 1.5em;
}
.home section.information div.register a.button {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  .home section.information div.register a.button {
    margin: auto auto 0 auto;
  }
}
@media screen and (min-width: 48em) {
  .home section.information div.register {
    width: 48.85%;
  }
}
.home section.partners h2 {
  margin: 0.5em 0 1em 0;
}
.home section.partners .partners-lead {
  margin-bottom: 2em;
  max-width: 88ch;
}
.home section.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 48em) {
  .home section.partners ul.north-east-partners::after,
  .home section.partners ul.main-partners::after,
  .home section.partners ul.ichr-partners::after {
    content: "";
    width: 38.5%;
  }
}
.home section.partners .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 4px solid #f8fafc;
  display: flex;
  height: 66px;
  justify-content: center;
  margin: 0 0 4% 0;
  min-height: 120px;
  width: 48%;
  transition: transform 0.3s ease;
}
.home section.partners .landlord-logo:hover {
  border-color: #cc0079;
  transform: translateY(-5px);
}
.home section.partners .landlord-logo a {
  display: flex;
  justify-content: center;
  padding: 1em;
}
@media screen and (min-width: 48em) {
  .home section.partners .landlord-logo a {
    padding: 1.5em;
  }
}
@media screen and (min-width: 48em) {
  .home section.partners .landlord-logo {
    margin: 0 0 1.5% 0;
    min-height: 125px;
    width: 18%;
  }
}
.home section.partners .landlord-logo img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
  width: 100%;
}
.home section.latest-news {
  clear: both;
}
.home section.latest-news h2 i {
  color: #cc0079;
  margin-right: 0.5em;
}
@media screen and (min-width: 48em) {
  .home section.latest-news .articles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .home section.latest-news .articles::after {
    content: "";
    width: 31.85%;
  }
}
@media screen and (min-width: 48em) {
  .home section.latest-news .articles article {
    width: 31.85%;
  }
}
.home section.latest-news article {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-bottom: 1.5em;
  padding: 1.5em;
}
.home section.latest-news article h3 {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 0.25em 0;
}
.home section.latest-news article time {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  color: #08005b;
}
.home section.latest-news article p {
  margin-top: 1.25em;
}
.home section.latest-news article p:last-of-type {
  margin-bottom: 0;
}

.advert header.advert-header h1 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #cc0079;
  line-height: 1.5em;
}
@media screen and (min-width: 37.5em) {
  .advert header.advert-header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.advert header.advert-header h1 address {
  font-style: normal;
}
.advert header.advert-header .tools {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .advert header.advert-header .tools {
    float: right;
    width: auto;
  }
}
.advert h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 1.5em 0 1.125em 0;
}
@media screen and (min-width: 48em) {
  .advert h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 1.5em 0 1.125em 0;
  }
}
.advert .col1 {
  position: relative;
}
@media screen and (min-width: 48em) {
  .advert .col1 {
    margin: 0 0 2em 0;
    float: right;
    width: 26.5957446809%;
  }
}
@media screen and (min-width: 48em) {
  .advert .col2 {
    float: left;
    margin-right: 8.5106382979%;
    width: 64.8936170213%;
  }
}
.advert .head-attributes {
  color: #08005b;
  list-style: none;
  margin-bottom: 1.5em;
  padding: 0;
}
@media screen and (min-width: 48em) {
  .advert .head-attributes {
    margin-bottom: 2em;
  }
}
.advert .head-attributes li {
  display: inline;
}
.advert .head-attributes li:first-child {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.advert .head-attributes li::after {
  content: "•";
  color: #cc0079;
  margin-left: 0.5em;
  margin-right: 0.1875em;
}
.advert .head-attributes li:last-child::after {
  content: "";
}
.advert .advert-attributes {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f0faff;
  list-style: none;
  margin: 0 0 2em 0;
  padding: 1em;
}
@media screen and (min-width: 37.5em) {
  .advert .advert-attributes {
    display: flex;
    margin: 0 0 2.5em 0;
  }
}
.advert .advert-attributes li {
  margin-bottom: 1em;
}
.advert .advert-attributes li:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .advert .advert-attributes li {
    margin-bottom: 0;
    margin-right: 1.5em;
  }
  .advert .advert-attributes li:last-of-type {
    margin-right: 0;
  }
}
.advert .advert-attributes i {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008fcc;
  margin-right: 0.5em;
}
.advert .image-gallery {
  margin-bottom: 2em;
}
@media screen and (min-width: 48em) {
  .advert .image-gallery {
    margin-bottom: 2.5em;
  }
}
.advert .image-gallery .primary-image {
  margin-bottom: 0.5em;
}
.advert .image-gallery .primary-image img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.advert .image-gallery .image-nav {
  background: #f8fafc;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-content: flex-start;
  margin: 0 0 2.5em 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 6px solid #f8fafc;
}
.advert .image-gallery .image-nav li {
  border: 4px solid #f8fafc;
  width: 33.333333333%;
}
@media screen and (min-width: 37.5em) {
  .advert .image-gallery .image-nav li {
    width: 14.285714286%;
  }
}
.advert .image-gallery .image-nav li a {
  display: block;
}
.advert .image-gallery .image-nav li a img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
}
.advert .image-gallery .image-nav li.active img {
  opacity: 0.4;
}
.advert .landlord .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 4px solid #f8fafc;
  display: flex;
  justify-content: center;
  float: left;
  height: 66px;
  width: 100px;
  margin: 0 1.5em 1.5em 0;
  padding: 0.5em;
}
.advert .landlord .landlord-logo a {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .advert .landlord .landlord-logo {
    float: none;
    min-height: 200px;
    padding: 1em;
    width: 100%;
  }
}
.advert .landlord .landlord-logo img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
  width: 100%;
}
.advert .landlord .name {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.advert dl.status {
  clear: both;
  margin-bottom: 1.5em;
}
.advert dl.status dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.25em;
}
@media screen and (min-width: 25em) {
  .advert dl.status dt {
    clear: left;
    float: left;
  }
}
@media screen and (min-width: 62em) {
  .advert dl.status dt:last-of-type {
    clear: none;
    float: none;
  }
}
.advert dl.status dd {
  margin-left: 0;
  margin-bottom: 1em;
}
.advert dl.status dd:last-of-type {
  margin-bottom: 0;
}
.advert .date_status {
  margin-top: 0;
}
@media screen and (min-width: 48em) {
  .advert .date_status {
    margin-bottom: 4em;
  }
}
.advert .date_status em {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.advert .applicant_action {
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12);
  background: #f8fafc;
  border: 1px solid #e7e6ef;
  border-radius: 3px;
  margin-bottom: 2em;
  padding: 2em 1em;
}
@media screen and (min-width: 37.5em) {
  .advert .applicant_action {
    padding: 1.5em 1em;
  }
}
.advert .applicant_action p {
  margin-top: 0;
}
.advert .applicant_action p:last-of-type {
  margin-bottom: 0;
}
.advert .applicant_action em,
.advert .applicant_action .label {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  font-style: normal;
}
.advert .applicant_action a.button,
.advert .applicant_action button {
  width: 100%;
}
.advert .applicant_action.not-logged-in a.button {
  margin-bottom: 0;
}
.advert .applicant_action.not-logged-in p {
  margin-bottom: 1.5em;
}
.advert .applicant_action.not-logged-in span {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 0.5em 0;
}
.advert .applicant_action.not-logged-in span:after,
.advert .applicant_action.not-logged-in span:before {
  content: "";
  width: 150px;
  height: 1px;
  background: #e7e6ef;
  margin: 0 0.5em;
}
.advert .charges {
  border-bottom: 1px solid #e7e6ef;
  margin-bottom: 0;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .charges {
    padding-bottom: 3em;
  }
}
.advert .charges dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  color: #08005b;
  margin-bottom: 0.5em;
}
.advert .charges dt:last-of-type {
  margin-top: 1em;
}
.advert .charges dd {
  margin-left: 0;
}
.advert .properties-available {
  border-bottom: 1px solid #e7e6ef;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .properties-available {
    padding-bottom: 3em;
  }
}
.advert .properties-available ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.advert .properties-available ul li {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
.advert .description {
  border-bottom: 1px solid #e7e6ef;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .description {
    padding-bottom: 3em;
  }
}
.advert .criteria {
  border-bottom: 1px solid #e7e6ef;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .criteria {
    padding-bottom: 3em;
  }
}
.advert .criteria dl {
  background: #f8fafc;
  border-radius: 3px;
  color: #08005b;
  margin: 0;
  padding: 1em 1em 1em 2.8em;
}
@media screen and (min-width: 37.5em) {
  .advert .criteria dl {
    padding: 1.5em 1.5em 1.5em 3.2em;
  }
}
.advert .criteria dl dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-left: -1.7em;
}
@media screen and (min-width: 37.5em) {
  .advert .criteria dl dt {
    margin-left: -1.7em;
  }
}
.advert .criteria dl dd {
  margin-left: 0;
  margin-bottom: 1em;
}
.advert .criteria dl dd:last-of-type {
  margin-bottom: 0;
}
.advert .criteria dl i {
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 0.18em;
  vertical-align: middle;
}
.advert .criteria dl i.fa-check-circle {
  color: #079281;
}
.advert .criteria dl i.fa-times-circle {
  color: #cc0079;
}
.advert .criteria dl span.negative-circle {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  background: #cc0079;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  line-height: 20px;
  margin-right: 0.25em;
  text-align: center;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.advert .criteria dl span.positive-circle {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  background: #079281;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  line-height: 20px;
  margin-right: 0.25em;
  text-align: center;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.advert .criteria dl .label-fail {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.advert .other_details {
  border-bottom: 1px solid #e7e6ef;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .other_details {
    padding-bottom: 3em;
  }
}
.advert .other_details ul {
  background: #f8fafc;
  border-radius: 3px;
  list-style: none;
  margin: 0;
  padding: 1em;
}
@media screen and (min-width: 37.5em) {
  .advert .other_details ul {
    padding: 1.5em 1.5em 0 1.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.advert .other_details ul li {
  margin-bottom: 1em;
}
.advert .other_details ul li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .advert .other_details ul li {
    width: 48%;
  }
  .advert .other_details ul li:last-child {
    margin-bottom: 1em;
  }
}
.advert .other_details ul li i {
  font-size: 24px;
  font-size: 1.5rem;
  color: #cc0079;
  float: left;
  margin-top: 0.5em;
}
.advert .other_details ul li span.label {
  color: #08005b;
  display: block;
  margin-left: 3.5em;
}
.advert .other_details ul li span.label:first-of-type {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.advert .map-button {
  border-bottom: 1px solid #e7e6ef;
  margin-top: 2em;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .map-button {
    margin-top: 2.5em;
    padding-bottom: 2.5em;
  }
}
.advert .map-button p {
  margin: 0;
}
.advert .map-button p a.button {
  margin-bottom: 0;
}
.advert #advert-map {
  position: relative;
  overflow: hidden;
  display: block;
  height: 250px;
  width: 100%;
}
@media screen and (min-width: 20em) {
  .advert #advert-map {
    height: 300px;
  }
}
@media screen and (min-width: 37.5em) {
  .advert #advert-map {
    height: 450px;
  }
}
.advert .file_attachments {
  border-bottom: 1px solid #e7e6ef;
  padding-bottom: 2em;
}
@media screen and (min-width: 37.5em) {
  .advert .file_attachments {
    padding-bottom: 3em;
  }
}
.advert .file_attachments ul {
  background: #f8fafc;
  border-radius: 3px;
  list-style: none;
  margin-bottom: 0;
  padding: 1em;
}
@media screen and (min-width: 37.5em) {
  .advert .file_attachments ul {
    padding: 1.5em;
  }
}
.advert .file_attachments ul li {
  padding: 0.5em 0;
}
.advert .file_attachments ul li:first-child {
  padding-top: 0;
}
.advert .file_attachments ul li:last-child {
  padding-bottom: 0;
}
.advert .file_attachments ul li a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.advert .file_attachments i {
  color: #8795a1;
  margin-right: 0.5em;
}
.advert .file_attachments .size {
  margin-left: 0.25em;
  color: #8795a1;
}
.advert .meta {
  background: #fff5fb;
  border: 1px solid #ffccea;
  border-radius: 3px;
  margin-top: 2em;
  padding: 1em;
}
@media screen and (min-width: 37.5em) {
  .advert .meta {
    margin-top: 2.5em;
    padding: 1.5em;
  }
}
.advert dl.ref {
  clear: both;
  margin: 0;
}
.advert dl.ref dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.25em;
}
@media screen and (min-width: 25em) {
  .advert dl.ref dt {
    clear: left;
    float: left;
  }
}
.advert dl.ref dd {
  margin-left: 0;
  margin-bottom: 1em;
}
.advert dl.ref a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.advert .pdf-link {
  margin-bottom: 0;
}
.advert .pdf-link i {
  color: #8795a1;
  margin-right: 0.5em;
}
.advert .pdf-link a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.advert-list-item {
  border-bottom: 4px solid #e7e6ef;
  margin-bottom: 1.5em;
  overflow: hidden;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 48em) {
  .advert-list-item {
    border-bottom: 1px solid #e7e6ef;
  }
}
.advert-list-item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.advert-list-item .col1 {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 48em) {
  .advert-list-item .col1 {
    float: left;
    margin-right: 8.5106382979%;
    width: 64.8936170213%;
  }
}
.advert-list-item .col2 {
  margin-top: 1em;
}
@media screen and (min-width: 48em) {
  .advert-list-item .col2 {
    margin-top: 0;
    float: left;
    width: 26.5957446809%;
  }
}
.advert-list-item .block {
  overflow: hidden;
}
.advert-list-item .block .primary-image img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media screen and (min-width: 48em) {
  .advert-list-item .block {
    margin-bottom: 1.5em;
  }
  .advert-list-item .block .primary-image {
    float: left;
    width: 28%;
  }
}
@media screen and (min-width: 48em) {
  .advert-list-item .block .col {
    float: left;
    margin-left: 3.3%;
    width: 68%;
  }
}
.advert-list-item header.list-item-head h2 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #cc0079;
  margin: 0 0 0.5em 0;
  line-height: 1.5em;
}
@media screen and (min-width: 37.5em) {
  .advert-list-item header.list-item-head h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.advert-list-item header.list-item-head h2 address {
  font-style: normal;
}
.advert-list-item .head-attributes {
  color: #08005b;
  list-style: none;
  margin-bottom: 1em;
  padding: 0;
}
.advert-list-item .head-attributes li {
  display: inline;
}
.advert-list-item .head-attributes li:first-child {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.advert-list-item .head-attributes li::after {
  content: "•";
  color: #cc0079;
  margin-left: 0.5em;
  margin-right: 0.1875em;
}
.advert-list-item .head-attributes li:last-child::after {
  content: "";
}
.advert-list-item .advert-attributes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.advert-list-item .advert-attributes li {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f0faff;
  margin-bottom: 1em;
  padding: 0.5em;
  margin-right: 0.5em;
}
.advert-list-item .advert-attributes li:last-of-type {
  margin-right: 0;
}
.advert-list-item .advert-attributes i {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008fcc;
}
@media screen and (min-width: 48em) {
  .advert-list-item .charges {
    margin-top: 0;
  }
}
.advert-list-item .charges dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
@media screen and (min-width: 62.5em) {
  .advert-list-item .charges dt {
    clear: left;
    float: left;
    margin-right: 0.25em;
  }
}
.advert-list-item .charges dd {
  margin-left: 0;
}
.advert-list-item .summary {
  margin: 0 0 2em 0;
}
.advert-list-item ul.buttons {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 48em) {
  .advert-list-item ul.buttons li {
    display: inline-block;
    margin-right: 1em;
  }
  .advert-list-item ul.buttons li:last-of-type {
    margin-right: 0;
  }
}
.advert-list-item ul.buttons li a.button {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .advert-list-item ul.buttons li a.button {
    width: auto;
  }
}
.advert-list-item ul.buttons li a.button.register {
  margin-bottom: 0;
}
.advert-list-item ul.buttons li span.separator {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 0.5em 0;
}
@media screen and (min-width: 48em) {
  .advert-list-item ul.buttons li span.separator {
    display: inline-block;
    align-items: unset;
    justify-content: unset;
  }
}
.advert-list-item ul.buttons li span.separator:after,
.advert-list-item ul.buttons li span.separator:before {
  content: "";
  width: 150px;
  height: 1px;
  background: #e7e6ef;
  margin: 0 0.5em;
}
@media screen and (min-width: 48em) {
  .advert-list-item ul.buttons li span.separator:after,
  .advert-list-item ul.buttons li span.separator:before {
    margin: 0 0.25em;
  }
}
.advert-list-item ul.buttons li.not-eligible {
  display: block;
  margin-bottom: 1em;
}
.advert-list-item ul.buttons li.has-applied {
  display: block;
  margin-bottom: 1em;
}
.advert-list-item ul.buttons li.has-applied span.label {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
.advert-list-item .landlord .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 4px solid #f8fafc;
  display: flex;
  justify-content: center;
  float: left;
  height: 66px;
  width: 100px;
  margin: 0 1.5em 1.5em 0;
  padding: 0.5em;
}
.advert-list-item .landlord .landlord-logo a {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .advert-list-item .landlord .landlord-logo {
    float: none;
    min-height: 94px;
    padding: 1em;
    width: 140px;
  }
}
.advert-list-item .landlord .landlord-logo img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
  width: 100%;
}
.advert-list-item .landlord .name {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.advert-list-item dl.status {
  clear: both;
  margin-bottom: 0;
}
.advert-list-item dl.status dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.25em;
}
@media screen and (min-width: 25em) {
  .advert-list-item dl.status dt {
    clear: left;
    float: left;
  }
}
@media screen and (min-width: 62em) {
  .advert-list-item dl.status dt:last-of-type {
    clear: none;
    float: none;
  }
}
.advert-list-item dl.status dd {
  margin-left: 0;
  margin-bottom: 1em;
}
.advert-list-item dl.status dd:last-of-type {
  margin-bottom: 0;
}
.advert-list-item .date_status {
  margin-top: 0;
}
@media screen and (min-width: 48em) {
  .advert-list-item .date_status {
    margin-bottom: 4em;
  }
}
.advert-list-item .date_status em {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.advert-list-item dl.ref {
  clear: both;
  margin: 0;
}
.advert-list-item dl.ref dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.25em;
}
@media screen and (min-width: 25em) {
  .advert-list-item dl.ref dt {
    clear: left;
    float: left;
  }
}
.advert-list-item dl.ref dd {
  margin-left: 0;
  margin-bottom: 1em;
}
.advert-list-item dl.ref a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.azure-login {
  display: inline-block;
  width: 215px;
  height: 41px;
}

p.welcome,
p.back-message {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  color: #8795a1;
  margin-bottom: 1.5em;
  margin-top: -0.5em;
}

p.one-color-text {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  color: #8795a1;
  margin-bottom: 1.5em;
  margin-top: -0.5em;
  line-height: 120%;
}

p.two-color-text {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  color: #8795a1;
  margin-bottom: 1.5em;
  margin-top: -0.5em;
  line-height: 120%;
}
p.two-color-text span {
  color: #08005b;
}
@media screen and (min-width: 48em) {
  p.two-color-text span {
    margin: 0 1em 0 0;
  }
}

.task_list {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-bottom: 1.5em;
  padding: 1em;
}
.task_list h3 {
  margin-top: 0;
}
.task_list ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.task_list ul li {
  border-bottom: 1px solid #e7e6ef;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.task_list ul li:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.task_list .count {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #e7e6ef;
  color: #8795a1;
  margin-left: 0.5em;
  padding: 0 0.25em 0.125em 0.25em;
  float: right;
}
.task_list .link {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .task_list .link {
    float: right;
  }
}
@media screen and (min-width: 48em) {
  .task_list .link {
    display: block;
    float: none;
  }
}
@media screen and (min-width: 62.5em) {
  .task_list .link {
    display: inline-block;
    float: right;
  }
}

.sidebar-column *:first-child {
  margin-top: 0;
}
.sidebar-column *:last-child {
  margin-bottom: 0;
}
.sidebar-column p.active_landlord strong {
  color: #08005b;
}
.sidebar-column form {
  display: block;
  clear: both;
  margin-bottom: 2em;
  padding: 0 !important;
}
.sidebar-column form .field-container {
  width: 100%;
}
.sidebar-column form:last-of-type {
  margin-bottom: 0;
}
.sidebar-column hr {
  background-color: #e7e6ef;
  border: none;
  height: 1px;
  margin-bottom: 1.5em;
}
.sidebar-column .field-wrapper {
  padding-left: 3px;
  padding-right: 3px;
}
.sidebar-column .advert-search .field-container,
.sidebar-column .applicant-search .field-container,
.sidebar-column .registration-search .field-container {
  margin-bottom: 0 !important;
}
.sidebar-column .advert-search .field-wrapper,
.sidebar-column .applicant-search .field-wrapper,
.sidebar-column .registration-search .field-wrapper {
  width: 80%;
}
.sidebar-column .advert-search .field-label,
.sidebar-column .applicant-search .field-label,
.sidebar-column .registration-search .field-label {
  margin-bottom: 0.25em !important;
}
.sidebar-column .advert-search .field-notes,
.sidebar-column .applicant-search .field-notes,
.sidebar-column .registration-search .field-notes {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25em;
}
.sidebar-column .advert-search .submit-buttons,
.sidebar-column .applicant-search .submit-buttons,
.sidebar-column .registration-search .submit-buttons {
  float: right;
  margin: -41px 0 0 0 !important;
  position: relative;
  width: 18%;
  z-index: 99999;
}
.sidebar-column .advert-search .submit-buttons button,
.sidebar-column .applicant-search .submit-buttons button,
.sidebar-column .registration-search .submit-buttons button {
  display: inline-block;
  padding: 0.5em 0;
  width: 100%;
}
.sidebar-column .advert-search i,
.sidebar-column .applicant-search i,
.sidebar-column .registration-search i {
  margin: 0;
}

@media screen and (min-width: 48em) {
  .section.applicant-details .applicants {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.section.applicant-details .applicants .applicant {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-top: 1.5em;
  padding: 1em;
}
.section.applicant-details .applicants .applicant h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
}
.section.applicant-details .applicants .applicant h3 i {
  font-size: 16px;
  font-size: 1rem;
  color: #cc0079;
  display: block;
  margin-bottom: 0.25em;
}
.section.applicant-details .applicants .applicant dd > a {
  display: block;
}
.section.applicant-details .applicants .applicant i.is-negative {
  color: #c00219;
}
.section.applicant-details .applicants .applicant i.is-positive {
  color: #47a44b;
}
@media screen and (min-width: 48em) {
  .section.applicant-details .applicants .applicant {
    width: 48.5%;
  }
  .section.applicant-details .applicants .applicant:nth-child(-n+2) {
    margin-top: 0;
  }
}
.section.applicant-details .applicant-reg-btns {
  margin-top: 1em;
}
@media screen and (min-width: 37.5em) {
  .section.applicant-details .applicant-reg-btns {
    display: flex;
    flex-wrap: wrap;
  }
}
.section.applicant-details .applicant-reg-btns .button {
  margin-right: 1em;
}

.applications_box {
  background: #f8fafc;
  border-radius: 3px;
  margin-bottom: 2em;
  padding: 2em 1em;
}
@media screen and (min-width: 37.5em) {
  .applications_box {
    padding: 1.5em 1em;
  }
}
.applications_box a.button,
.applications_box button {
  width: 100%;
}
.applications_box a.button:last-of-type,
.applications_box button:last-of-type {
  margin-bottom: 0;
}
.applications_box .application_status {
  margin-top: 0;
}
.applications_box .application_status em {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.applications_box > *:last-child {
  margin-bottom: 0;
}

.applications_box dl.registration_attributes {
  overflow: hidden;
  margin-bottom: 1em;
}
.applications_box dl.registration_attributes dt {
  margin-bottom: 0;
}
@media screen and (min-width: 25em) {
  .applications_box dl.registration_attributes dt {
    margin-bottom: 0.5em;
    width: 70%;
  }
  .applications_box dl.registration_attributes dt:first-of-type {
    margin-top: 0;
  }
}
.applications_box dl.registration_attributes dd {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 25em) {
  .applications_box dl.registration_attributes dd {
    float: right;
    margin-bottom: 0.5em;
  }
}
.applications_box dl.registration_attributes .fa-check-circle {
  color: #079281;
}
.applications_box dl.registration_attributes .fa-times-circle {
  color: #cc0079;
}
.applications_box dl.registration_attributes .is-change {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #079281;
}
.applications_box dl.registration_attributes .is-change i {
  color: #079281;
  padding: 2px;
}

.copy_inbound_email {
  background: #f8fafc;
  border-radius: 3px;
  margin-bottom: 2em;
  padding: 2em 1em;
}
@media screen and (min-width: 37.5em) {
  .copy_inbound_email {
    padding: 1.5em 1em;
  }
}
.copy_inbound_email h3 {
  font-size: 16px;
  font-size: 1rem;
  color: #08005b;
  margin: 0 0 0.5em 0;
}
.copy_inbound_email a.copy-email {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  word-wrap: break-word;
  display: block;
}
.copy_inbound_email .button {
  margin: 1.5em 0 0 0;
  width: 100%;
}

.batch_jobs h2 {
  margin-bottom: 1.5em;
}
.batch_jobs div {
  border-bottom: 1px solid #e7e6ef;
}
.batch_jobs div:last-of-type {
  border-bottom: none;
}
.batch_jobs div h3 {
  color: #8795a1;
}
.batch_jobs div p {
  color: #08005b;
}
.batch_jobs div ul {
  padding-left: 1em;
}

.download-results-form button {
  float: right;
}

header.cms-header .tools {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  header.cms-header .tools {
    float: right;
    width: auto;
  }
}

.sidebar-column ul#sortable_menu.secondary-nav li a {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.sidebar-column ul#sortable_menu.secondary-nav li a span.menu-title {
  float: left;
}
.sidebar-column ul#sortable_menu.secondary-nav li a span.sortable-menu-icons {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: 0.25em;
}
.sidebar-column ul#sortable_menu.secondary-nav li a i {
  margin-left: 0.5em;
}

h2.search-results {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 48em) {
  h2.search-results {
    display: inline-block;
    margin: 1em 0 1.5em 0;
  }
}

.total-number {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #8795a1;
  margin: 0 0 1.25em 0;
}
@media screen and (min-width: 48em) {
  .total-number {
    font-size: 24px;
    font-size: 1.5rem;
    display: inline-block;
    margin: 1em 0 1.5em 1em;
  }
}

#advert-search-wrapper .filter-btn {
  margin-top: 1.5em;
  float: right;
}

#results {
  clear: both;
}

#filter-form {
  background: #f8fafc;
  margin-bottom: 2.5em;
  padding: 1.5em;
  overflow: hidden;
}
#filter-form .error-summary {
  clear: both;
}
#filter-form #regional-area {
  margin-bottom: 1em;
}
@media screen and (min-width: 37.5em) {
  #filter-form #regional-area .control-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 37.5em) {
  #filter-form #regional-area .field-wrapper {
    margin-right: 3em;
  }
}
#filter-form #property-type {
  margin-bottom: 1em;
}
@media screen and (min-width: 37.5em) {
  #filter-form #property-type {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 37.5em) {
  #filter-form #property-type .field-wrapper {
    margin-right: 3em;
  }
}
#filter-form #floor-level {
  margin-bottom: 1em;
}
@media screen and (min-width: 37.5em) {
  #filter-form #start_end_dates .wrapper {
    display: flex;
  }
}
#filter-form #start_end_dates .wrapper .field-container:first-of-type {
  margin-right: 3em;
}
@media screen and (min-width: 62.5em) {
  #filter-form #beds_distance_group > .wrapper {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 20em) {
  #filter-form #bedrooms .field-container:first-of-type {
    margin-right: 1em;
  }
}
@media screen and (min-width: 37.5em) {
  #filter-form #bedrooms .field-container {
    float: left;
    width: auto;
  }
  #filter-form #bedrooms .field-container:first-of-type {
    margin-right: 2em;
  }
}
@media screen and (min-width: 48em) {
  #filter-form #bedrooms .field-container:first-of-type {
    margin-right: 10%;
  }
}
@media screen and (min-width: 62.5em) {
  #filter-form #bedrooms .field-container:first-of-type {
    margin-right: 12%;
  }
}
@media screen and (min-width: 62.5em) {
  #filter-form #bedrooms {
    float: left;
    width: 40%;
  }
}
@media screen and (min-width: 48em) {
  #filter-form #distance_rules .wrapper {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 62.5em) {
  #filter-form #distance_rules .wrapper {
    display: block;
  }
}
@media screen and (min-width: 75em) {
  #filter-form #distance_rules .wrapper {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 48em) {
  #filter-form #distance_rules .field-container:last-of-type {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) {
  #filter-form #distance_rules .field-container .is-stepper {
    margin-top: 0.925em;
  }
}
@media screen and (min-width: 62.5em) {
  #filter-form #distance_rules .field-container .is-stepper {
    margin-top: 0;
  }
}
@media screen and (min-width: 75em) {
  #filter-form #distance_rules .field-container .is-stepper {
    margin-top: 1em;
  }
}
@media screen and (min-width: 62.5em) {
  #filter-form #distance_rules {
    float: right;
    width: 55%;
  }
}
#filter-form .submit-buttons {
  clear: both;
  float: right;
}
#filter-form a.button.btn-grey {
  float: right;
}
#filter-form a.button.btn-grey i.fa-times {
  margin-right: 0;
}

#find-property-form {
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #find-property-form .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #find-property-form .wrapper .field-container {
    flex-grow: 1;
    margin-right: 1.5%;
  }
}
@media screen and (min-width: 48em) and (min-width: 54.25em) {
  #find-property-form .wrapper .field-container {
    margin-right: 2%;
  }
  #find-property-form .wrapper .field-container:last-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 48em) {
  #find-property-form .submit-buttons {
    float: right;
  }
}

#filter-output {
  background: #fff5fb;
  border: 1px solid #ffccea;
  border-radius: 3px;
  overflow: hidden;
  padding: 0.5em 1.5em;
}
@media screen and (min-width: 48em) {
  #filter-output {
    padding: 0.5em 1.5em 0.25em 1.5em;
  }
}
#filter-output dl {
  overflow: hidden;
}
#filter-output dl dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.5em;
  padding-top: 0.25em;
}
#filter-output dl dt:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 25em) {
  #filter-output dl dt {
    float: left;
  }
}
#filter-output dl dd {
  border-bottom: 1px solid #ffccea;
  margin-left: 0;
  padding: 0.25em 0;
}
#filter-output dl dd:first-of-type {
  padding-top: 0;
}
#filter-output dl dd:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (min-width: 52em) {
  #filter-output dl dt#min-bedrooms,
  #filter-output dl dt#max-bedrooms,
  #filter-output dl dt#location,
  #filter-output dl dt#location-miles {
    margin-right: 0;
    padding: 0.25em 0 0 0;
    width: 25%;
  }
}
@media screen and (min-width: 52em) {
  #filter-output dl dt#min-bedrooms,
  #filter-output dl dt#max-bedrooms {
    padding-top: 0.25em;
  }
}
@media screen and (min-width: 52em) {
  #filter-output dl dt#min-bedrooms + dd,
  #filter-output dl dt#max-bedrooms + dd,
  #filter-output dl dt#location + dd,
  #filter-output dl dt#location-miles + dd {
    border-bottom: none;
    float: left;
    padding: 0.25em 0 0 0;
    width: 25%;
  }
}
@media screen and (min-width: 52em) {
  #filter-output dl dt#eligible-only {
    margin: 0 0 0 0;
    padding: 0.25em 0 0 0;
    width: 25%;
  }
}
@media screen and (min-width: 52em) {
  #filter-output dl dt#eligible-only + dd {
    float: left;
    padding: 0.25em 0 0 0;
    width: 25%;
  }
}
#filter-output dl ul {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}
#filter-output dl ul li {
  display: inline;
}
#filter-output dl ul li::after {
  content: "•";
  color: #cc0079;
  margin-left: 0.5em;
  margin-right: 0.1875em;
}
#filter-output dl ul li:last-child::after {
  content: "";
}

.map-trigger {
  margin: -0.5em 0 1.5em 0;
}
@media screen and (min-width: 37.5em) {
  .map-trigger {
    margin: -1.125em 0 1.5em 0;
  }
}
@media screen and (min-width: 55em) {
  .map-trigger {
    float: right;
    margin-top: 1.8em;
  }
}

#view-map-trigger {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}
#view-map-trigger i {
  margin-right: 0.5em;
}

#advert-map.search-results-map {
  margin-bottom: 2em;
  width: 100%;
  height: 672px;
}
@media screen and (min-width: 37.5em) {
  #advert-map.search-results-map {
    margin-bottom: 2.5em;
  }
}

.advert-map-popup {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  max-width: 500px;
  overflow: hidden;
  padding: 1em 0.5em 0.5em;
}
.advert-map-popup .advert-detail h3 {
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 0.5em 0;
}
.advert-map-popup .advert-detail h3 a:focus {
  color: #cc0079;
}
.advert-map-popup .advert-detail .head-attributes {
  font-size: 14px;
  font-size: 0.875rem;
  color: #08005b;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail .head-attributes {
    margin-bottom: 1.5em;
  }
}
.advert-map-popup .advert-detail .head-attributes li {
  display: inline;
}
.advert-map-popup .advert-detail .head-attributes li:first-child {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.advert-map-popup .advert-detail .head-attributes li::after {
  content: "•";
  color: #cc0079;
  margin-left: 0.5em;
  margin-right: 0.1875em;
}
.advert-map-popup .advert-detail .head-attributes li:last-child::after {
  content: "";
}
.advert-map-popup .advert-detail .block {
  overflow: hidden;
}
.advert-map-popup .advert-detail .block .primary-image {
  display: none;
}
.advert-map-popup .advert-detail .block .primary-image img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail .block {
    margin-bottom: 1.5em;
  }
  .advert-map-popup .advert-detail .block .primary-image {
    float: left;
    width: 28%;
    display: inline-block;
  }
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail .block .col {
    float: left;
    margin-left: 3.3%;
    width: 68%;
  }
}
.advert-map-popup .advert-detail dl {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail dl {
    margin: 0;
  }
}
.advert-map-popup .advert-detail dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.25em;
  clear: left;
  float: left;
}
.advert-map-popup .advert-detail dd {
  color: #22292f;
  margin-left: 0;
}
.advert-map-popup .advert-detail dt.rent-service-charges,
.advert-map-popup .advert-detail dd.rent-service-charges {
  display: none;
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail dt.rent-service-charges,
  .advert-map-popup .advert-detail dd.rent-service-charges {
    display: block;
  }
}
.advert-map-popup .advert-detail .summary {
  display: none;
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail .summary {
    display: inline-block;
  }
}
.advert-map-popup .advert-detail a.button {
  display: none;
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .advert-map-popup .advert-detail a.button {
    display: inline-block;
  }
}

.registration-start p.advert-status,
.advert-start p.advert-status {
  margin-bottom: 2em;
}
.registration-start p.advert-status .label,
.advert-start p.advert-status .label {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
.registration-start .section,
.advert-start .section {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-bottom: 1.5em;
  padding: 1em 1em 1.25em 1em;
}
.registration-start .section h4,
.advert-start .section h4 {
  margin-top: 0;
}
.registration-start .section p,
.advert-start .section p {
  border-bottom: 1px solid #e7e6ef;
  margin: 0.5rem 0;
  overflow: hidden;
  padding-bottom: 0.5em;
}
.registration-start .section p:last-of-type,
.advert-start .section p:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.registration-start .section p a,
.advert-start .section p a {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
  margin-bottom: 0.5em;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .registration-start .section p a,
  .advert-start .section p a {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
  }
}
.registration-start .section p .status,
.advert-start .section p .status {
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: inline-block;
  padding: 0.125em 0.375em;
}
@media screen and (min-width: 48em) {
  .registration-start .section p .status,
  .advert-start .section p .status {
    float: right;
  }
}
.registration-start .section p .status.completed,
.advert-start .section p .status.completed {
  background: #079281;
  color: #ffffff;
}
.registration-start .section p .status.not-completed,
.advert-start .section p .status.not-completed {
  background: #08005b;
  color: #ffffff;
}
.registration-start .section p.group-name,
.advert-start .section p.group-name {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  border-bottom: none;
  margin: 0.625em 0 0 0;
  padding-bottom: 0;
}

.applicant-dashboard .col1,
.staff-reg-page .col1 {
  position: relative;
}
@media screen and (min-width: 48em) {
  .applicant-dashboard .col1,
  .staff-reg-page .col1 {
    margin: 0 0 2em 0;
    float: right;
    width: 26.5957446809%;
  }
}
@media screen and (min-width: 48em) {
  .applicant-dashboard .col2,
  .staff-reg-page .col2 {
    float: left;
    margin-right: 8.5106382979%;
    width: 64.8936170213%;
  }
}
.applicant-dashboard h2,
.staff-reg-page h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 1.5em 0 1.125em 0;
}
.applicant-dashboard h2 i,
.staff-reg-page h2 i {
  color: #cc0079;
  margin-right: 0.5em;
}
@media screen and (min-width: 48em) {
  .applicant-dashboard h2,
  .staff-reg-page h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 1.5em 0 1.125em 0;
  }
}
.applicant-dashboard p.back-message,
.staff-reg-page p.back-message {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  color: #8795a1;
  margin-bottom: 1.5em;
  margin-top: -0.5em;
}

.section.your-details {
  border-top: 1px solid #e7e6ef;
  padding-top: 2em;
}
.section.your-details h2 {
  margin-top: 0;
}
@media screen and (min-width: 48em) {
  .section.your-details .applicants {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.section.your-details .applicants .applicant {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-top: 1.5em;
  padding: 1em;
}
.section.your-details .applicants .applicant i {
  font-size: 16px;
  font-size: 1rem;
  color: #cc0079;
  margin-bottom: 0.25em;
}
@media screen and (min-width: 48em) {
  .section.your-details .applicants .applicant {
    width: 48.5%;
  }
  .section.your-details .applicants .applicant:nth-child(-n+2) {
    margin-top: 0;
  }
}
.section.your-details .applicants .applicant h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
}
.section.your-details .applicants .applicant h3 i {
  display: block;
}

span.is-email-disabled {
  color: #c00219;
  text-decoration: line-through;
}

@media screen and (min-width: 48em) {
  .section.household ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.section.household ul li {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-top: 1.5em;
  padding: 1em;
}
.section.household ul li i {
  color: #cc0079;
}
@media screen and (min-width: 48em) {
  .section.household ul li {
    width: 48.5%;
  }
  .section.household ul li:nth-child(-n+2) {
    margin-top: 0;
  }
}

.section.registrations,
.section.passes {
  overflow: hidden;
}
.section.registrations ul li,
.section.passes ul li {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-bottom: 1.5em;
  padding: 1em;
  overflow: hidden;
}
.section.registrations ul li:last-of-type,
.section.passes ul li:last-of-type {
  margin-bottom: 0;
}
.section.registrations ul li h3,
.section.passes ul li h3 {
  font-size: 16px;
  font-size: 1rem;
  color: #cc0079;
  margin: 0;
  width: auto;
}
@media screen and (min-width: 37.5em) {
  .section.registrations ul li h3,
  .section.passes ul li h3 {
    float: left;
    width: 70%;
  }
}
@media screen and (min-width: 37.5em) {
  .section.registrations ul li dl.themed,
  .section.passes ul li dl.themed {
    clear: none;
    float: left;
    width: 70%;
  }
}
@media screen and (min-width: 48em) {
  .section.registrations ul li dl.themed,
  .section.passes ul li dl.themed {
    clear: both;
  }
}
@media screen and (min-width: 62.5em) {
  .section.registrations ul li dl.themed,
  .section.passes ul li dl.themed {
    clear: none;
  }
}
.section.registrations ul li .landlord-logo,
.section.passes ul li .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  border: 4px solid #dae1e7;
  display: flex;
  justify-content: center;
  float: left;
  height: 66px;
  width: 100px;
  margin: 1em 0 1em 0;
  padding: 0.5em;
}
.section.registrations ul li .landlord-logo a,
.section.passes ul li .landlord-logo a {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 37.5em) {
  .section.registrations ul li .landlord-logo,
  .section.passes ul li .landlord-logo {
    float: right;
    padding: 1em;
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) {
  .section.registrations ul li .landlord-logo,
  .section.passes ul li .landlord-logo {
    float: left;
    clear: both;
    margin-top: 1em;
  }
}
@media screen and (min-width: 62.5em) {
  .section.registrations ul li .landlord-logo,
  .section.passes ul li .landlord-logo {
    float: right;
    clear: none;
    min-height: 94px;
    width: 140px;
    margin-top: 0;
  }
}
.section.registrations ul li .landlord-logo img,
.section.passes ul li .landlord-logo img {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: block;
  width: 100%;
}
.section.registrations ul dd ul li,
.section.passes ul dd ul li {
  margin-bottom: 0;
  padding: 0;
}

body.admin .section.passes h3 {
  width: 100%;
}
body.admin .section.passes dl.themed {
  float: none;
  width: 100%;
}

.applicant_meta {
  background: #f8fafc;
  border-radius: 3px;
  margin-bottom: 2em;
  padding: 2em 1em;
}
@media screen and (min-width: 37.5em) {
  .applicant_meta {
    padding: 1.5em 1em;
  }
}
.applicant_meta a.button,
.applicant_meta button {
  width: 100%;
}
.applicant_meta a.button:last-of-type,
.applicant_meta button:last-of-type {
  margin-bottom: 0;
}
.applicant_meta .application_status {
  margin-top: 0;
}
.applicant_meta .application_status em {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}
.applicant_meta > *:last-child {
  margin-bottom: 0;
}

.section.passes .level {
  margin-left: 0.5em;
}

.platinum-pass .level,
.gold-plus-pass .level,
.gold-pass .level,
.silver-plus-pass .level,
.silver-pass .level,
.bronze-plus-pass .level,
.bronze-pass .level,
.expired-pass .level {
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  text-transform: uppercase;
  padding: 0.25em 0.5em;
}

.platinum-pass .level {
  background: #606f7b;
  color: #ffffff;
}

.gold-pass .level,
.gold-plus-pass .level {
  background: #e0970a;
  color: #ffffff;
}

.silver-pass .level,
.silver-plus-pass .level {
  background: #8795a1;
  color: #ffffff;
}

.bronze-pass .level,
.bronze-plus-pass .level {
  background: #8f5933;
  color: #ffffff;
}

.expired-pass .level {
  background: #c00219;
  color: #ffffff;
}

.section.preferences h3 {
  font-size: 16px;
  font-size: 1rem;
  color: #cc0079;
  margin: 0;
  width: 100%;
}
.section.preferences dl.themed {
  margin-bottom: 1em;
}

.notes {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.notes ul {
  margin: 0;
}
.notes .note-body h3 {
  border-top: 1px solid #e7e6ef;
  padding-top: 1.5em;
}
.notes .note-body h3 i {
  margin-right: 0.25em;
}
.notes .note-body p {
  max-width: 75ch; /* 700px, 40rem, etc. */
}
.notes .note-body ul {
  list-style: disc;
}
.notes .note-body .comments-wrapper div {
  margin-bottom: 1em;
}
.notes .note-body .comments-wrapper div:last-of-type {
  margin-bottom: 1.5em;
}
.notes .note-body .comment {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  padding: 1em;
}
@media screen and (min-width: 60em) {
  .notes .note-body .comment {
    width: 75%;
  }
}
.notes .note-body .comment h4 {
  margin: 0;
}
.notes .note-body .comment p {
  max-width: 75ch;
}
.notes .note-body .comment p:first-of-type {
  margin-top: 0;
}
.notes .note-body .comment p:last-of-type {
  margin-bottom: 0;
}

.applicant-dashboard .note-body .comment,
.staff-reg-page .note-body .comment {
  width: 100%;
}

.note {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  margin-bottom: 1.5em;
  padding: 1em;
}
.note p.date {
  color: #08005b;
  margin: 0;
}
.note h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 0;
}
.note h3 .tools {
  margin-left: 1em;
}
.note .body {
  margin-top: 1em;
}
.note .inline-blobs {
  color: #08005b;
  display: block;
}
.note .inline-blobs:last-of-type {
  border-top: 1px solid #e7e6ef;
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.note:last-of-type {
  margin-bottom: 0;
}

.note.note-informational {
  background: #fff0f9;
}
.note.note-informational .inline-blobs:last-of-type {
  border-top: 1px solid #ffdbf1;
}

.note.is-staff-note h3 {
  margin-bottom: 0;
}

.note_meta {
  margin-bottom: 0.25em;
}
@media screen and (min-width: 37.5em) {
  .note_meta {
    float: right;
    margin-bottom: 0;
  }
}
.note_meta i {
  color: #cc0079;
  margin-right: 0.25em;
}
.note_meta i.fa-user-lock {
  color: #f1740e;
}
.note_meta i.fa-id-card {
  color: #554094;
}
.note_meta i.fa-users {
  color: #08005b;
}
.note_meta i.fa-file-upload {
  color: #079281;
}
.note_meta i.fa-exclamation-triangle {
  color: #c00219;
}
.note_meta i.fa-circle-info {
  color: #006b99;
}

.notes .attachments-wrapper,
.note .attachments-wrapper {
  border-top: 1px solid #e7e6ef;
}
.notes .attachments-wrapper ul,
.note .attachments-wrapper ul {
  padding: 0;
  list-style: none;
}
.notes .attachments-wrapper li,
.note .attachments-wrapper li {
  margin-bottom: 1em;
}
@media screen and (min-width: 37.5em) {
  .notes .attachments-wrapper li,
  .note .attachments-wrapper li {
    margin-bottom: 0.5em;
  }
}
.notes .attachments-wrapper .file-size,
.note .attachments-wrapper .file-size {
  color: #8795a1;
  margin-left: 0.25em;
}
.notes .attachments-wrapper i,
.note .attachments-wrapper i {
  color: #08005b;
  margin-right: 0.25em;
}
.notes .note-header .tools button,
.note .note-header .tools button {
  padding-top: 0;
  padding-bottom: 0;
}
.notes .note-header i.fa-angle-down,
.notes .note-header i.fa-angle-up,
.note .note-header i.fa-angle-down,
.note .note-header i.fa-angle-up {
  font-size: 24px;
  font-size: 1.5rem;
  color: #079281;
  margin-left: 0.25em;
  vertical-align: top;
}
.notes ul.attachments,
.note ul.attachments {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
}
.notes ul.attachments i,
.note ul.attachments i {
  margin-right: 0.25em;
}
.notes ul.attachments li,
.note ul.attachments li {
  display: block;
  margin-bottom: 1em;
}
.notes .close,
.note .close {
  border-top: 1px solid #e7e6ef;
  display: block;
  padding-top: 1em;
  margin-top: 1em;
}
.notes .close i,
.note .close i {
  font-size: 24px;
  font-size: 1.5rem;
  color: #079281;
  margin-left: 0.25em;
  vertical-align: top;
}

li.note.requires-action {
  background: #ebf9f8;
}

.note .email-iframe {
  background: #ffffff;
  border: 1px solid #e7e6ef;
  height: 600px;
  margin-top: 1em;
  width: 100%;
}

.application {
  background: #f8fafc;
  border-radius: 3px;
  margin-bottom: 1.5em;
  padding: 1em;
  overflow: hidden;
}
.application.is-allocated {
  background: #fff5fb;
}
.application.is-shortlisting {
  background: #f3fcfb;
}
.application .landlord-logo {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  border: 4px solid #dae1e7;
  display: flex;
  justify-content: center;
  height: 66px;
  width: 100px;
  margin: 1em 0 1em 0;
  padding: 0.5em;
}
.application .landlord-logo a {
  display: flex;
  justify-content: center;
}
.application h2 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #cc0079;
  margin-top: 0;
}
.application dl.themed dd:first-of-type {
  margin-bottom: 1em;
}
@media screen and (min-width: 48em) {
  .application dl.themed {
    clear: none;
    float: left;
  }
}
@media screen and (min-width: 48em) {
  .application .actions {
    float: right;
    clear: left;
  }
}

.is-past {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #c00219;
}

.shortlisting-details {
  overflow: hidden;
}

.shortlist-status {
  margin-bottom: 2em;
}
.shortlist-status h2 {
  margin-bottom: 0.25em;
}
.shortlist-status p {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 0;
}
@media screen and (min-width: 62em) {
  .shortlist-status {
    float: left;
    width: 48%;
  }
}

.shortlist-action-btns form {
  float: left;
  margin-right: 4px;
}
.shortlist-action-btns form:last-of-type {
  margin-right: 0;
}

.shortlist-preferences {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #f8fafc;
  color: #08005b;
  margin-bottom: 2em;
  padding: 1em;
}
.shortlist-preferences p {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}
@media screen and (min-width: 62em) {
  .shortlist-preferences {
    float: right;
    width: 45%;
  }
}

.shortlisting th.position-col {
  width: 10% !important;
}
.shortlisting th.links-col {
  width: 20% !important;
}
.shortlisting th.summary-col {
  width: 35% !important;
}
@media screen and (min-width: 66em) {
  .shortlisting th.summary-col {
    width: 35% !important;
  }
}
.shortlisting th.status-col {
  width: 15% !important;
}
@media screen and (min-width: 66em) {
  .shortlisting th.status-col {
    width: 12% !important;
  }
}
@media screen and (min-width: 68em) {
  .shortlisting th.status-col {
    width: 15% !important;
  }
}
.shortlisting th.tools-col {
  width: 20% !important;
}
@media screen and (min-width: 66em) {
  .shortlisting th.tools-col {
    width: 23% !important;
  }
}
@media screen and (min-width: 68em) {
  .shortlisting th.tools-col {
    width: 20% !important;
  }
}
.shortlisting td {
  vertical-align: top;
}
.shortlisting td span.label {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.25em;
}
.shortlisting td span.sep {
  color: #cc0079;
  margin: 0 0.125em 0 0.125em;
}
.shortlisting [data-label=Position] {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
.shortlisting [data-label=Links] {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.shortlisting [data-label=Links] span {
  font-size: 12px;
  font-size: 0.75rem;
  color: #8795a1;
  display: block;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.shortlisting [data-label=Summary] span.criteria {
  border-bottom: 1px solid #e7e6ef;
  display: block;
  margin-bottom: 0.375em;
  padding-bottom: 0.375em;
}
.shortlisting [data-label=Status] {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
}
.shortlisting [data-label=Status] span.reason,
.shortlisting [data-label=Status] span.address {
  color: #8795a1;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.shortlisting form.shortlisting-tools {
  display: block;
  margin-bottom: 0.5em;
}
.shortlisting form.shortlisting-tools:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 52em) {
  .shortlisting form.shortlisting-tools {
    border-bottom: 1px solid #e7e6ef;
  }
  .shortlisting form.shortlisting-tools:last-of-type {
    border-bottom: none;
  }
}
@media screen and (min-width: 66em) {
  .shortlisting form.shortlisting-tools {
    border-bottom: none;
  }
}
.shortlisting form.shortlisting-tools select {
  padding-top: 0.25em;
  width: 50%;
}
.shortlisting form.shortlisting-tools select:focus {
  outline: 3px solid #cc0079;
}
@media screen and (min-width: 52em) {
  .shortlisting form.shortlisting-tools select {
    display: inline-block;
    width: 100%;
  }
}
@media screen and (min-width: 66em) {
  .shortlisting form.shortlisting-tools select {
    display: inline-block;
    width: 45%;
  }
}

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: none !important;
  }
  html,
  body {
    background: #fff;
    color: #000 !important;
    font-size: 12pt;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  @page {
    margin: 1cm;
  }
  nav#site-navigation,
  .menu-toggle,
  .account-nav,
  nav.footer-nav,
  .button_menu,
  footer .admin-login,
  footer .footer-logo,
  .tools,
  .tool,
  span.tools,
  form.tool,
  button,
  a.button,
  .pagination,
  .dataTables_paginate,
  #find-property-form,
  #filter-form,
  #accessibility {
    display: none !important;
  }
  header#masthead {
    padding-bottom: 0;
  }
  div#logo {
    width: 60mm;
    text-align: left;
  }
  main#content.site-content {
    padding: 0;
  }
  div#main-content {
    padding: 0;
  }
  ul,
  dl {
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  p {
    widows: 4;
  }
  p {
    orphans: 3;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  blockquote,
  pre {
    page-break-inside: avoid;
  }
  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
  iframe,
  ins {
    display: none;
    height: 0 !important;
    line-height: 0pt !important;
    overflow: hidden !important;
    white-space: nowrap;
    width: 0 !important;
  }
  table th {
    font-weight: 500 !important;
  }
  table.shortlisting td:last-child,
  table#adverts-list td:last-child,
  table#registration-list td:last-child,
  table#notes-list td:last-child,
  table#letter-templates-list td:last-child {
    display: none;
  }
  table.shortlisting th:last-child,
  table#adverts-list th:last-child,
  table#registration-list th:last-child,
  table#notes-list th:last-child,
  table#letter-templates-list th:last-child {
    display: none;
  }
  div.message {
    border: 1px solid #8795a1;
  }
  .home section.alerts {
    padding: 0;
  }
  .home section.alerts h2 {
    border-bottom: 1px solid #e7e6ef;
  }
  .home section.alerts .alert {
    border-bottom: 1px solid #e7e6ef;
  }
  .home .latest-news div.articles article {
    padding: 0;
  }
  dl.themed {
    clear: both;
    margin: 0;
  }
  dl.themed dt {
    margin-right: 0.5em;
    clear: left;
    float: left;
  }
  dl.themed dt.space-above {
    margin-top: 1em;
  }
  dl.themed dt.space-above + dd {
    margin-top: 1em;
  }
  dl.themed dt.full-line {
    display: block;
    float: none;
    margin-top: 1em;
  }
  dl.themed dd {
    margin-left: 0;
  }
  body.search p.total-number {
    border-bottom: 1px solid #e7e6ef;
    padding-bottom: 1.5em;
  }
  body.search .advert-list-item .col2 {
    margin-top: 1em;
  }
  body.search .primary-image {
    width: 20%;
  }
  body.search .charges dt {
    clear: left;
    float: left;
    margin-right: 0.25em;
  }
  body.search dl.status {
    clear: both;
    margin-bottom: 1em;
  }
  body.search dl.status dt {
    font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    clear: left;
    color: #08005b;
    float: left;
    margin-right: 0.25em;
  }
  body.search dl.status dd {
    margin-left: 0;
    margin-bottom: 1em;
  }
  body.search dl.status dd:last-of-type {
    margin-bottom: 0;
  }
  body.advert .advert {
    overflow: hidden;
  }
  body.advert .col1 {
    position: relative;
    margin: 0 0 2em 0;
    float: right;
    width: 29.2553191489%;
  }
  body.advert .col2 {
    float: left !important;
    margin-right: 5.8510638298%;
    width: 64.8936170213%;
  }
  body.advert h1 {
    margin-top: 1.5em;
  }
  body.advert h1 address {
    font-size: 20px;
    font-size: 1.25rem;
  }
  body.advert .landlord .landlord-logo {
    display: none;
  }
  body.advert .image-nav {
    display: none !important;
  }
  body.advert .criteria dl {
    padding: 0;
  }
  body.advert .other_details {
    padding-bottom: 1em;
  }
  body.advert .other_details ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 1.5em 1.5em 0 1.5em;
  }
  body.advert .other_details ul li {
    margin-bottom: 1em;
    width: 48%;
  }
  body.advert .other_details ul li:last-child {
    margin-bottom: 0;
  }
  body.advert .other_details ul li:last-child {
    margin-bottom: 1em;
  }
  .applicant_reg_form * {
    page-break-after: auto !important;
    page-break-inside: auto !important;
  }
  .parsed_fhv2 {
    border-radius: 3px;
    background-clip: padding-box; /* stops bg color from leaking outside the border: */
    border-bottom: none;
    padding: 1em 1em;
    border: 1px solid #8795a1 !important;
  }
  .applicant_reg_form ul.form_menu {
    display: none;
  }
  .applicant_reg_form .scrollnicely i {
    display: none;
  }
  .shortlist-status {
    float: left;
    width: 48%;
  }
  .shortlist-preferences {
    border: 1px solid #8795a1;
    float: right;
    width: 45%;
  }
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
i.is-negative {
  color: #c00219 !important;
}

i.is-positive {
  color: #47a44b !important;
}

#ccc #ccc-statement p a.ccc-link.ccc-tabbable {
  white-space: nowrap !important;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */
}

a {
  color: #cc0079;
  text-decoration: none;
}
a:visited {
  color: #cc0079;
}
a:hover, a:focus, a:active {
  color: #079281;
  transition: 300ms ease;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

.icon-link {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.icon-link i {
  margin-right: 0.25em;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  border: none;
}

a.button,
button {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  margin-bottom: 1.5em;
  padding: 12px 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: border-radius ease;
  -webkit-transition-duration: 300ms ease;
  -webkit-transition-delay: 300ms ease;
}
a.button:hover, a.button:focus, a.button:active,
button:hover,
button:focus,
button:active {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
a.button i,
button i {
  margin-right: 0.5em;
}

a.button.btn-green,
button.btn-green {
  background: #079281;
  color: #ffffff;
}
a.button.btn-green:visited,
button.btn-green:visited {
  background: #079281;
  color: #ffffff;
}
a.button.btn-green:hover, a.button.btn-green:focus, a.button.btn-green:active,
button.btn-green:hover,
button.btn-green:focus,
button.btn-green:active {
  background: #08005b;
  color: #ffffff;
}

a.button.btn-pink,
button.btn-pink {
  background: #cc0079;
  color: #ffffff;
}
a.button.btn-pink:visited,
button.btn-pink:visited {
  background: #cc0079;
  color: #ffffff;
}
a.button.btn-pink:hover, a.button.btn-pink:focus, a.button.btn-pink:active,
button.btn-pink:hover,
button.btn-pink:focus,
button.btn-pink:active {
  background: #08005b;
  color: #ffffff;
}

a.button.btn-pink-outline,
button.btn-pink-outline {
  border: 1px solid #cc0079;
  color: #cc0079;
}
a.button.btn-pink-outline:visited,
button.btn-pink-outline:visited {
  background: #cc0079;
  color: #cc0079;
}
a.button.btn-pink-outline:hover, a.button.btn-pink-outline:focus, a.button.btn-pink-outline:active,
button.btn-pink-outline:hover,
button.btn-pink-outline:focus,
button.btn-pink-outline:active {
  border: 1px solid #08005b;
  color: #08005b;
}

a.button.btn-grey,
button.btn-grey {
  background: #8795a1;
  color: #ffffff;
}
a.button.btn-grey:visited,
button.btn-grey:visited {
  background: #8795a1;
  color: #ffffff;
}
a.button.btn-grey:hover, a.button.btn-grey:focus, a.button.btn-grey:active,
button.btn-grey:hover,
button.btn-grey:focus,
button.btn-grey:active {
  background: #08005b;
  color: #ffffff;
}

a.button.btn-grey-outline,
button.btn-grey-outline {
  border: 1px solid #8795a1;
  color: #8795a1;
}
a.button.btn-grey-outline:visited,
button.btn-grey-outline:visited {
  background: #8795a1;
  color: #8795a1;
}
a.button.btn-grey-outline:hover, a.button.btn-grey-outline:focus, a.button.btn-grey-outline:active,
button.btn-grey-outline:hover,
button.btn-grey-outline:focus,
button.btn-grey-outline:active {
  border: 1px solid #08005b;
  color: #08005b;
}

button.is-negative,
form.tool button.tool.is-negative {
  background-color: #c00219 !important;
  color: #ffffff;
}
button.is-negative:visited,
form.tool button.tool.is-negative:visited {
  background: #08005b !important;
  color: #ffffff;
}
button.is-negative:hover, button.is-negative:focus, button.is-negative:active,
form.tool button.tool.is-negative:hover,
form.tool button.tool.is-negative:focus,
form.tool button.tool.is-negative:active {
  background: #08005b !important;
  color: #ffffff;
}

table form.tool button.tool.is-negative {
  background-color: transparent !important;
  color: #c00219;
}
table form.tool button.tool.is-negative:visited {
  background: transparent !important;
  color: #c00219;
}
table form.tool button.tool.is-negative:hover, table form.tool button.tool.is-negative:focus, table form.tool button.tool.is-negative:active {
  background: transparent !important;
  color: #079281;
}

button.is-negative-light {
  background-color: #ffe6e9 !important;
  color: #ffffff;
}
button.is-negative-light:visited {
  background: #08005b !important;
  color: #ffffff;
}
button.is-negative-light:hover, button.is-negative-light:focus, button.is-negative-light:active {
  background: #08005b !important;
  color: #ffffff;
}

button.is-positive,
form.tool button.tool.is-positive {
  background-color: #47a44b !important;
  color: #ffffff;
}
button.is-positive:visited,
form.tool button.tool.is-positive:visited {
  background: #08005b !important;
  color: #ffffff;
}
button.is-positive:hover, button.is-positive:focus, button.is-positive:active,
form.tool button.tool.is-positive:hover,
form.tool button.tool.is-positive:focus,
form.tool button.tool.is-positive:active {
  background: #08005b !important;
  color: #ffffff;
}

table form.tool button.tool.is-positive {
  background-color: transparent !important;
  color: #47a44b;
}
table form.tool button.tool.is-positive:visited {
  background: transparent !important;
  color: #47a44b;
}
table form.tool button.tool.is-positive:hover, table form.tool button.tool.is-positive:focus, table form.tool button.tool.is-positive:active {
  background: transparent !important;
  color: #079281;
}

.actions button {
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
  margin-bottom: 1em;
  padding: 0.25em 0.5em;
}
.actions button i {
  color: #ffffff;
  margin-right: 0.25em;
}
.actions button.cancel {
  background: #c00219;
}
.actions button.decline {
  background: #8795a1;
}
.actions button.accept {
  background: #47a44b;
}

.pagination {
  list-style: none;
  margin: 0 0 1.5em 0;
  padding: 1.5em 0 0 0;
}
@media screen and (min-width: 37.5em) {
  .pagination {
    float: right;
  }
}
.pagination li {
  display: inline-block;
  cursor: pointer;
  background: #f8fafc;
  text-align: center;
}
.pagination li:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
}
.pagination li:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background-clip: padding-box;
}
.pagination li a {
  display: block;
  padding: 5px 12px;
}
.pagination .active {
  background: #cc0079;
}
.pagination .active a {
  color: #ffffff;
  display: block;
  padding: 5px 12px;
}
.pagination .disabled {
  cursor: not-allowed;
  padding: 5px 12px;
}
.pagination .disabled i {
  color: #e7e6ef;
}

#registration-list_wrapper .dt-paging,
#adverts-list_wrapper .dt-paging {
  float: left !important;
  text-align: left !important;
  padding-top: 0;
  clear: both;
}

#registration-list_wrapper .dt-paging .dt-paging-button,
#adverts-list_wrapper .dt-paging .dt-paging-button {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.25em 0.7em;
  margin-left: 5px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #cc0079 !important;
  border: 1px solid transparent;
  border-radius: 0;
  background: #f8fafc;
}
#registration-list_wrapper .dt-paging .dt-paging-button i,
#adverts-list_wrapper .dt-paging .dt-paging-button i {
  margin-right: 0;
}
#registration-list_wrapper .dt-paging .dt-paging-button.first,
#adverts-list_wrapper .dt-paging .dt-paging-button.first {
  margin-left: 0;
}

#registration-list_wrapper .dt-paging .dt-paging-button.current,
#registration-list_wrapper .dt-paging .dt-paging-button.current:hover,
#adverts-list_wrapper .dt-paging .dt-paging-button.current,
#adverts-list_wrapper .dt-paging .dt-paging-button.current:hover {
  color: #ffffff !important;
  border: 1px solid #cc0079;
  background-color: #cc0079;
  background: #cc0079;
}

#registration-list_wrapper .dt-paging .dt-paging-button.disabled,
#registration-list_wrapper .dt-paging .dt-paging-button.disabled:hover,
#registration-list_wrapper .dt-paging .dt-paging-button.disabled:active,
#adverts-list_wrapper .dt-paging .dt-paging-button.disabled,
#adverts-list_wrapper .dt-paging .dt-paging-button.disabled:hover,
#adverts-list_wrapper .dt-paging .dt-paging-button.disabled:active {
  cursor: not-allowed;
  color: #e7e6ef !important;
  border: 1px solid transparent;
  background: #f8fafc;
  box-shadow: none;
}

#registration-list_wrapper .dt-paging .dt-paging-button:hover,
#adverts-list_wrapper .dt-paging .dt-paging-button:hover {
  color: #079281 !important;
  border: 1px solid #f8fafc;
  background-color: #f8fafc;
  background: #f8fafc;
}

#registration-list_wrapper .dt-paging .dt-paging-button:active,
#adverts-list_wrapper .dt-paging .dt-paging-button:active {
  color: #ffffff;
  outline: none;
  background-color: #cc0079;
  background: #cc0079;
  box-shadow: none;
}

#registration-list_wrapper .dt-paging .ellipsis,
#adverts-list_wrapper .dt-paging .ellipsis {
  color: #8795a1;
  padding: 0 1em;
}

.tools {
  text-align: right;
}
.tools a.tool {
  display: inline;
  padding: 0.25em;
}
.tools a.tool i {
  font-size: 18px;
  font-size: 1.125rem;
}
.tools form {
  display: inline;
}
.tools button.tool {
  background: none !important;
  border: none;
  color: #cc0079;
  cursor: pointer;
  display: inline;
  margin: 0;
  padding: 0.25em;
}
.tools button.tool:visited {
  color: #cc0079;
}
.tools button.tool:hover, .tools button.tool:focus, .tools button.tool:active {
  color: #079281;
}
.tools button.tool.is-negative {
  color: #c00219;
}
.tools button.tool.is-negative:hover, .tools button.tool.is-negative:focus, .tools button.tool.is-negative:active {
  color: #079281;
}
.tools button.tool.is-positive {
  color: #47a44b;
}
.tools button.tool.is-positive:hover, .tools button.tool.is-positive:focus, .tools button.tool.is-positive:active {
  color: #079281;
}
.tools i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 0;
}

table [data-label=Actions] {
  text-align: right;
}
table [data-label=Actions] a.tool {
  padding: 0.25em;
}
table [data-label=Actions] a.tool-shortlist {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  vertical-align: middle;
}
table [data-label=Actions] form.tool {
  display: inline;
}
table [data-label=Actions] form.tool button.tool {
  background: none;
  border: none;
  color: #cc0079;
  cursor: pointer;
  display: inline;
  margin: 0;
  padding: 0.25em;
}
table [data-label=Actions] form.tool button.tool:visited {
  color: #cc0079;
}
table [data-label=Actions] form.tool button.tool:hover, table [data-label=Actions] form.tool button.tool:focus, table [data-label=Actions] form.tool button.tool:active {
  color: #079281;
}
table [data-label=Actions] i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 0;
  vertical-align: middle;
}

form.tool {
  display: inline;
}
form.tool button.tool {
  background: none;
  border: none;
  color: #cc0079;
  cursor: pointer;
  display: inline;
  margin: 0;
  padding: 0.25em;
}
form.tool button.tool:visited {
  color: #cc0079;
}
form.tool button.tool:hover, form.tool button.tool:focus, form.tool button.tool:active {
  color: #079281;
}

.applicant form.tool-reset-password {
  margin-top: 1em;
  display: inline-block;
}

header.advert-header .tools,
.advert-start .tools {
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  header.advert-header .tools,
  .advert-start .tools {
    float: right;
    width: auto;
  }
}

button#ccc-icon {
  margin-bottom: 0;
}

.fhv2 * {
  box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
  font-size: 1em;
  line-height: 1.5em;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fhv2 fieldset {
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
}

.fhv2.has-fieldset > .group {
  padding: 1em 1em 0 1em;
}
.fhv2.has-fieldset > .group fieldset {
  padding: 0;
}

.fhv2 .group fieldset.field-container {
  border: 0;
  padding: 0;
}

.fhv2 .group.is-expandable .wrapper > fieldset {
  margin-bottom: 1em;
}

.fhv2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
}

.fhv2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
}

.fhv2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}

.fhv2 :-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}

.fhv2 input:focus,
.fhv2 textarea:focus,
.fhv2 select:focus {
  outline: 3px solid #005ea5;
  outline-offset: -3px;
}

.fhv2 .description p {
  margin: 0 0 1.5em 0;
}

.fhv2 .field-container {
  margin-bottom: 2em;
}

.fhv2 .field-label {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.5em;
  display: inline-block;
}

.fhv2 .field-notes {
  font-size: 0.875em;
  margin-bottom: 0.5em;
  font-weight: 400;
}

.fhv2 .optional {
  font-weight: normal;
}

.fhv2 .chars-left {
  color: #333;
  font-size: 0.875em;
  margin-top: 0.5em;
}
.fhv2 .chars-left.is-negative {
  color: #d0021b;
}

.fhv2 .field-error {
  color: #d0021b;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.fhv2 .field-error i {
  margin-right: 0.25em;
}

.fhv2 .error-summary {
  border: 3px solid #d0021b;
  font-weight: 700;
  margin-bottom: 1.5em;
  padding: 1em;
}
.fhv2 .error-summary:focus {
  outline: 3px solid #005ea5;
}
.fhv2 .error-summary h2 {
  margin: 0 0 0.5em 0;
}
.fhv2 .error-summary .errors {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.fhv2 .error-summary .errors li {
  margin-bottom: 0.25em;
}
.fhv2 .error-summary .errors li:last-of-type {
  margin-bottom: 0;
}
.fhv2 .error-summary .errors a {
  color: #d0021b;
}
.fhv2 .error-summary .errors a:visited {
  color: #d0021b;
}
.fhv2 .error-summary .errors a:hover, .fhv2 .error-summary .errors a:focus, .fhv2 .error-summary .errors a:active {
  color: #000;
}

.fhv2.is-compact .field-error {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.fhv2.is-compact input.is-error,
.fhv2.is-compact textarea.is-error,
.fhv2.is-compact select.is-error {
  outline: 3px solid #d0021b;
}

.fhv2 .hidden {
  display: none;
}

.fhv2 .no-visible-elements {
  display: none;
}

.fhv2 .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}

.input-width-20 {
  max-width: 41ex;
}

.input-width-10 {
  max-width: 23ex;
}

.input-width-5 {
  max-width: 10.8ex;
}

.input-width-4 {
  max-width: 9ex;
}

.input-width-3 {
  max-width: 7.2ex;
}

.input-width-2 {
  max-width: 5.4ex;
}

.input-width-full {
  width: 100% !important;
}

@media screen and (min-width: 37.5em) {
  .input-width-three-quarters {
    width: 75% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-two-thirds {
    width: 66.66% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-half {
    width: 50% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-one-third {
    width: 33.33% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-one-quarter {
    width: 25% !important;
  }
}

.fhv2 input {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
}

.fhv2 input[type=text] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=email] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=search] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=tel] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=url] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

@media screen and (min-width: 20.625em) {
  .fhv2 .password-field .field-wrapper {
    align-items: center;
    display: flex;
  }
}
@media screen and (min-width: 20.625em) {
  .fhv2 .password-field .field-wrapper button {
    margin-top: 0;
    margin-left: 0.5em;
  }
}

.fhv2 input[type=password] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}
.fhv2 input[type=password]:-ms-reveal {
  display: none;
}

.fhv2 input[name=numeric] {
  max-width: 9ex;
}

.fhv2 *[disabled=disabled] {
  background: #ccc;
  color: #333;
  -webkit-text-fill-color: #333;
  opacity: 1; /* required on iOS */
  cursor: not-allowed;
}

.fhv2 select {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 textarea {
  border: 1px solid #ccc;
  display: block;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 .radio-controls .field-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.fhv2 .radio-controls .field-wrapper:last-of-type {
  margin-bottom: 0;
}
.fhv2 .radio-controls label {
  display: block;
  margin-left: 0.5em;
}
.fhv2 .radio-controls input[type=radio] {
  float: left;
}
@media screen and (min-width: 20em) {
  .fhv2 .radio-controls.is-horizontal .field-wrapper {
    float: left;
    margin-right: 1.25em;
  }
}

@media screen and (min-width: 48em) {
  .radio-controls.two-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.two-columns .control-group .field-wrapper {
    width: 50%;
  }
}

.radio-controls.two-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .radio-controls.two-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.two-columns .control-group > .is-optgroup .field-wrapper {
    width: 50%;
  }
}

@media screen and (min-width: 48em) {
  .radio-controls.three-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.three-columns .control-group .field-wrapper {
    width: 33%;
  }
}

.radio-controls.three-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .radio-controls.three-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.three-columns .control-group > .is-optgroup .field-wrapper {
    width: 33%;
  }
}

.fhv2 .is-optgroup {
  padding: 1em !important;
}
.fhv2 .is-optgroup .field-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.fhv2 .is-optgroup .field-wrapper:last-of-type {
  margin-bottom: 0;
}
.fhv2 .is-optgroup label {
  display: block;
  margin-left: 0.5em;
}
.fhv2 .is-optgroup input[type=radio] {
  float: left;
}

.fhv2 .checkbox-controls .field-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.fhv2 .checkbox-controls .field-wrapper:last-of-type {
  margin-bottom: 0;
}
.fhv2 .checkbox-controls label {
  display: block;
  margin-left: 0.5em;
}
.fhv2 .checkbox-controls input[type=checkbox] {
  float: left;
  flex: none;
}
@media screen and (min-width: 20em) {
  .fhv2 .checkbox-controls.is-horizontal .field-wrapper {
    float: left;
    margin-right: 1.25em;
  }
}

@media screen and (min-width: 48em) {
  .checkbox-controls.two-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.two-columns .control-group .field-wrapper {
    width: 50%;
  }
}

.checkbox-controls.two-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .checkbox-controls.two-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.two-columns .control-group > .is-optgroup .field-wrapper {
    width: 50%;
  }
}

@media screen and (min-width: 48em) {
  .checkbox-controls.three-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.three-columns .control-group .field-wrapper {
    width: 33%;
  }
}

.checkbox-controls.three-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .checkbox-controls.three-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.three-columns .control-group > .is-optgroup .field-wrapper {
    width: 33%;
  }
}

.fhv2 .datetime-field label {
  display: none;
}
.fhv2 .datetime-field .field-wrapper {
  display: inline-block;
}
.fhv2 .datetime-field input {
  margin-right: 0.5em;
}

.fhv2 .quickdate-field label {
  display: none;
}
.fhv2 .quickdate-field .field-wrapper {
  display: inline-block;
  width: auto;
}
.fhv2 .quickdate-field input {
  margin-right: 0.5em;
}
.fhv2 .quickdate-field .is-day,
.fhv2 .quickdate-field .is-month {
  max-width: 7.2ex;
}
.fhv2 .quickdate-field .is-year {
  max-width: 9ex;
}

.fhv2 .monthyear-field label {
  display: none;
}
.fhv2 .monthyear-field .field-wrapper {
  margin-bottom: 1em;
  width: 100%;
}
.fhv2 .monthyear-field .field-wrapper:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .fhv2 .monthyear-field .field-wrapper {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
  }
  .fhv2 .monthyear-field .field-wrapper:first-of-type {
    margin-right: 0.5em;
  }
}

.fhv2 .is-stepper input::-webkit-outer-spin-button,
.fhv2 .is-stepper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.fhv2 .is-stepper input[type=number] {
  margin: 0 0.5em;
}
.fhv2 .is-stepper button {
  margin: 0;
}

.fhv2 input[type=number] {
  -moz-appearance: textfield;
}

.fhv2 .autocomplete {
  position: relative;
}
.fhv2 .autocomplete i {
  font-size: 1.25em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.625em 0.5em 0.5em;
}
.fhv2 .autocomplete [role=listbox] {
  max-height: 9.5em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}
.fhv2 .autocomplete [role=listbox] li {
  cursor: pointer;
  padding: 0.25em 0.5em;
}
.fhv2 .autocomplete [role=listbox] li:hover {
  background-color: #cccccc;
  border-color: #ccc;
}
.fhv2 .autocomplete [aria-selected=true] {
  background-color: #005ea5;
  border-color: #005ea5;
  color: #ffffff;
}
.fhv2 .autocomplete .is-no-results {
  cursor: not-allowed;
}

.fhv2 .is-gender-field .is-blank-option {
  display: inline-block;
}
.fhv2 .is-gender-field label {
  display: inline-block;
  margin-top: 0.5em;
}
.fhv2 .is-gender-field label .field-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.fhv2 .is-gender-field label .field-wrapper input {
  margin-right: 0.5em;
}
.fhv2 .is-gender-field label .field-wrapper label {
  width: 100%;
}

.fhv2 .group.is-repeater .is-repeated {
  background: #eeeeee;
  margin-bottom: 1em;
  padding: 1em 1em 1em 1em;
}
.fhv2 .group.is-repeater .is-repeated > *:last-child {
  margin-bottom: 0;
}
.fhv2 .group.is-repeater .is-repeated .description > *:last-child {
  margin-bottom: 0;
}

.fhv2 .range-inner-wrapper .label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #333;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  line-height: normal;
  margin: 0.5em auto 0 auto;
  padding: 0.25em 0.5em 0.5em 0.5em;
  width: 100px;
}
.fhv2 .range-inner-wrapper .label input[type=text] {
  background: #333;
  border: none;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  padding: 3px;
  outline: none;
}
.fhv2 .range-inner-wrapper .label.is-moving {
  position: relative;
  margin-left: -50px;
}
.fhv2 .range-inner-wrapper .label.is-moving:after {
  content: "";
  position: absolute;
  border-color: #333 transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  bottom: -8px;
  display: block;
  left: 50%;
  margin-left: -8px;
  width: 0;
  z-index: 1;
}
.fhv2 .range-inner-wrapper input[type=range] {
  -webkit-appearance: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 3px;
  background: #ccc;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  margin: 1.5em 0 0.5em 0;
  border: none;
  padding: 0;
}
.fhv2 .range-inner-wrapper input[type=range]:hover {
  opacity: 1;
}
.fhv2 .range-inner-wrapper input[type=range]::-webkit-slider-thumb {
  cursor: grab;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #005ea5;
  border-radius: 50%;
}
.fhv2 .range-inner-wrapper input[type=range]::-moz-range-thumb {
  cursor: grab;
  border: none;
  width: 16px;
  height: 16px;
  background: #005ea5;
  border-radius: 50%;
}
.fhv2 .range-inner-wrapper .min-max-label {
  overflow: hidden;
}
.fhv2 .range-inner-wrapper span.min-value {
  float: left;
}
.fhv2 .range-inner-wrapper span.max-value {
  float: right;
}

.fhv2 button {
  background-color: #ccc;
  border-radius: 3px;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  padding: 0.5em 0.875em 0.5em;
  width: auto;
  -webkit-appearance: none;
  margin: 0 0.5em 0.5em 0;
}
@media screen and (min-width: 48em) {
  .fhv2 button {
    margin-bottom: 0;
  }
}
.fhv2 button:last-of-type {
  margin-right: 0;
}

.fhv2 .field-wrapper button {
  margin-top: 1em;
}

.fhv2 .repeater-add-button {
  margin-bottom: 1em;
}

.fhv2 .repeater-remove-button {
  float: right;
  margin: 0 0 0.875em 0;
}
.fhv2 .repeater-remove-button button {
  font-size: 0.875em;
  padding: 0.375em 0.5em 0.375em;
}

.fhv2 button[aria-expanded=true],
.fhv2 button[aria-expanded=false] {
  background-color: #ccc;
}
.fhv2 button[aria-expanded=true] i,
.fhv2 button[aria-expanded=false] i {
  color: color__text;
  margin-right: 0;
}

.fhv2 .group.is-expandable button[aria-expanded=true],
.fhv2 .group.is-expandable button[aria-expanded=false] {
  margin-bottom: 1em;
}
.fhv2 .group.is-expandable button[aria-expanded=true] i,
.fhv2 .group.is-expandable button[aria-expanded=false] i {
  margin-right: 0.5em;
}

.fhv2 legend button[aria-expanded=true],
.fhv2 legend button[aria-expanded=false] {
  margin: 0 0.5em !important;
}
.fhv2 legend button[aria-expanded=true] i,
.fhv2 legend button[aria-expanded=false] i {
  margin-right: 0 !important;
}

.parsed_fhv2 {
  border-bottom: 1px solid #ccc;
}
.parsed_fhv2 .group {
  margin-bottom: 1em;
}
.parsed_fhv2 .fieldset {
  margin-bottom: 1em;
}
.parsed_fhv2 dl {
  clear: both;
  margin: 0;
  overflow: hidden;
}
.parsed_fhv2 dl dt {
  font-weight: 700;
  margin-right: 5%;
  margin-bottom: 0.375em;
}
.parsed_fhv2 dl dt:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .parsed_fhv2 dl dt {
    clear: left;
    float: left;
    width: 40%;
  }
}
.parsed_fhv2 dl dd {
  margin-left: 0;
  min-height: 1.5em;
  margin-bottom: 0.375em;
}
.parsed_fhv2 dl dd:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .parsed_fhv2 dl dd {
    float: left;
    width: 55%;
  }
}
.parsed_fhv2 dl dd.textarea {
  margin-bottom: 1em;
}
.parsed_fhv2 dl dd.checkbox ul {
  padding-left: 1em;
}
.parsed_fhv2 ol {
  margin-top: 0;
  padding-left: 1em;
}
.parsed_fhv2 ol li {
  margin-bottom: 1em;
}
.parsed_fhv2 .repeater ol {
  padding: 0;
  list-style: none;
}
.parsed_fhv2 .repeater ol li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
.parsed_fhv2 .repeater ol li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.parsed_fhv2 p.legend {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
}
.parsed_fhv2 ul {
  list-style: none; /* Remove default bullets */
}
.parsed_fhv2 ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ccc; /* Change the color */
  font-weight: 700; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.parsed_fhv2 *:first-child {
  margin-top: 0;
}

.parsed_fhv2 *:last-child {
  margin-bottom: 0;
}

form.fhv2 {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background-color: #f8fafc;
  margin-bottom: 2em;
  padding: 1.5em;
}

.fhv2 fieldset {
  border: 1px solid #e7e6ef;
}

.fhv2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8795a1;
}

.fhv2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #8795a1;
}

.fhv2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #8795a1;
}

.fhv2 :-moz-placeholder {
  /* Firefox 18- */
  color: #8795a1;
}

.fhv2 legend {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}

.fhv2 input:focus,
.fhv2 textarea:focus,
.fhv2 select:focus {
  outline: 3px solid #cc0079;
}

.fhv2 .field-label {
  color: #08005b;
  font-weight: 500;
}

.fhv2 .field-notes {
  color: #3d4852;
}

.fhv2 .chars-left {
  color: #22292f;
}
.fhv2 .chars-left.is-negative {
  color: #c00219;
}

.fhv2 .field-error {
  color: #c00219;
}

.fhv2 .error-summary {
  border: 3px solid #c00219;
}
.fhv2 .error-summary:focus {
  outline: 3px solid #cc0079;
}
.fhv2 .error-summary .errors a {
  color: #c00219;
}
.fhv2 .error-summary .errors a:visited {
  color: #c00219;
}
.fhv2 .error-summary .errors a:hover, .fhv2 .error-summary .errors a:focus, .fhv2 .error-summary .errors a:active {
  color: #c00219;
}

.fhv2.is-compact input.is-error,
.fhv2.is-compact textarea.is-error,
.fhv2.is-compact select.is-error {
  outline: 3px solid #d0021b;
}

.fhv2 input,
.fhv2 input[type=text],
.fhv2 input[type=email],
.fhv2 input[type=search],
.fhv2 input[type=tel],
.fhv2 input[type=url],
.fhv2 input[type=password],
.fhv2 select,
.fhv2 textarea {
  border: 1px solid #e7e6ef;
}

.fhv2 *[disabled=disabled] {
  background: #e7e6ef;
  color: #3d4852;
  -webkit-text-fill-color: #3d4852;
}

.fhv2 .autocomplete i {
  color: #08005b;
}
.fhv2 .autocomplete [role=listbox] {
  background: #f8fafc;
  border: 3px solid #cc0079;
  margin-top: 0.5em;
  scrollbar-color: #cc0079 #e7e6ef; /* Scrollbar Only Firefox */
  scrollbar-face-color: #cc0079; /* Scrollbar Only Firefox */
  scrollbar-shadow-color: #e7e6ef;
  scrollbar-highlight-color: #e7e6ef; /* Scrollbar Only Firefox */
  /* Scrollbar Only Chrome */
}
.fhv2 .autocomplete [role=listbox] li:hover {
  color: #ffffff;
  background-color: #8795a1;
  border-color: #8795a1;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar {
  width: 16px;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background-color: #cc0079;
  border: 1px solid #e7e6ef;
  background-clip: padding-box;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar-track {
  background-color: #e7e6ef;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar-button {
  background-color: #e7e6ef;
}
.fhv2 .autocomplete [aria-selected=true] {
  background-color: #cc0079;
  border-color: #cc0079;
  color: #ffffff;
}

.fhv2 .group.is-repeater .is-repeated {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #e7e6ef;
}

@media screen and (min-width: 20em) {
  .fhv2 fieldset#max_bedroom .radio-controls .field-wrapper,
  .fhv2 fieldset#best_use .radio-controls .field-wrapper,
  .fhv2 fieldset#min_age .radio-controls .field-wrapper,
  .fhv2 fieldset#max_age .radio-controls .field-wrapper,
  .fhv2 fieldset#special_requirements .radio-controls .field-wrapper {
    float: left;
    margin-right: 1.25em;
  }
}
@media screen and (min-width: 60em) {
  .fhv2 fieldset#max_bedroom .radio-controls .field-wrapper,
  .fhv2 fieldset#best_use .radio-controls .field-wrapper,
  .fhv2 fieldset#min_age .radio-controls .field-wrapper,
  .fhv2 fieldset#max_age .radio-controls .field-wrapper,
  .fhv2 fieldset#special_requirements .radio-controls .field-wrapper {
    margin-top: 2.5em;
  }
}
.fhv2 fieldset#max_bedroom fieldset.is-optgroup,
.fhv2 fieldset#best_use fieldset.is-optgroup,
.fhv2 fieldset#min_age fieldset.is-optgroup,
.fhv2 fieldset#max_age fieldset.is-optgroup,
.fhv2 fieldset#special_requirements fieldset.is-optgroup {
  clear: both;
  display: block;
}
.fhv2 fieldset#max_bedroom fieldset.is-optgroup .field-wrapper,
.fhv2 fieldset#best_use fieldset.is-optgroup .field-wrapper,
.fhv2 fieldset#min_age fieldset.is-optgroup .field-wrapper,
.fhv2 fieldset#max_age fieldset.is-optgroup .field-wrapper,
.fhv2 fieldset#special_requirements fieldset.is-optgroup .field-wrapper {
  margin-top: 0;
  float: none;
}
@media screen and (min-width: 37.5em) {
  .fhv2 fieldset#max_bedroom fieldset.is-optgroup .field-wrapper,
  .fhv2 fieldset#best_use fieldset.is-optgroup .field-wrapper,
  .fhv2 fieldset#min_age fieldset.is-optgroup .field-wrapper,
  .fhv2 fieldset#max_age fieldset.is-optgroup .field-wrapper,
  .fhv2 fieldset#special_requirements fieldset.is-optgroup .field-wrapper {
    float: left;
  }
}
@media screen and (min-width: 60em) {
  .fhv2 fieldset#max_bedroom fieldset.is-optgroup,
  .fhv2 fieldset#best_use fieldset.is-optgroup,
  .fhv2 fieldset#min_age fieldset.is-optgroup,
  .fhv2 fieldset#max_age fieldset.is-optgroup,
  .fhv2 fieldset#special_requirements fieldset.is-optgroup {
    clear: none;
  }
}

.fhv2 legend .is-toggle-wrapper {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .fhv2 legend .is-toggle-wrapper {
    display: inline;
  }
}
.fhv2 legend .is-select-all-toggle,
.fhv2 legend .is-clear-all-toggle {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
  border: 1px solid #e7e6ef;
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
  padding: 0.25em 0.5em;
}
@media screen and (min-width: 37.5em) {
  .fhv2 legend .is-select-all-toggle,
  .fhv2 legend .is-clear-all-toggle {
    margin: 0 0.5em 0.5em 0.5em;
  }
}
@media screen and (min-width: 37.5em) {
  .fhv2 legend .is-select-all-toggle {
    margin-left: 1em;
  }
}
.fhv2 legend .is-clear-all-toggle {
  margin-right: 1em;
}

.contact-tel-note {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #cc0079;
}

.fhv2 button {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background-color: #cc0079;
  color: #ffffff;
}
.fhv2 button:visited {
  background-color: #cc0079;
  color: #ffffff;
}
.fhv2 button:hover, .fhv2 button:focus, .fhv2 button:active {
  background-color: #08005b;
}

.fhv2 button#form_primary_button,
.fhv2 button.submit {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  background-color: #079281;
  color: #ffffff;
}
.fhv2 button#form_primary_button:visited,
.fhv2 button.submit:visited {
  background-color: #079281;
  color: #ffffff;
}
.fhv2 button#form_primary_button:hover, .fhv2 button#form_primary_button:focus, .fhv2 button#form_primary_button:active,
.fhv2 button.submit:hover,
.fhv2 button.submit:focus,
.fhv2 button.submit:active {
  background-color: #08005b;
}

.fhv2 button[aria-expanded=true],
.fhv2 button[aria-expanded=false] {
  background-color: #079281;
}
.fhv2 button[aria-expanded=true] i,
.fhv2 button[aria-expanded=false] i {
  color: color__text;
  margin-right: 0;
}
.fhv2 button[aria-expanded=true]:hover,
.fhv2 button[aria-expanded=false]:hover {
  background-color: #08005b;
}

.fhv2 button[aria-label="Find address"] i {
  margin: 0 0 0 0.5em;
}

.fhv2 form.is-already-submitted button.is-duplicate-protected {
  cursor: progress;
}

.fhv2 fieldset.is-property-charges > legend:first-of-type {
  margin-bottom: 1em;
}
@media screen and (min-width: 37.5em) {
  .fhv2 fieldset.is-property-charges .field-container {
    float: left;
    margin-right: 2em;
  }
}

@media screen and (min-width: 48em) {
  .fhv2 fieldset#how_did_you_hear .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .fhv2 fieldset#how_did_you_hear .control-group .field-wrapper {
    width: 33%;
  }
}

.fhv2 .field-wrapper .tox-toolbar__primary button {
  margin-top: 0.125em;
}

.fhv2 .field-wrapper .tox-toolbar__primary button.tox-tbtn--select {
  background: none;
}

.coordinate-selector {
  margin-bottom: 1.5em;
}
.coordinate-selector .field-notes {
  margin-bottom: 1em;
}

.parsed_fhv2 {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border-bottom: none;
  background: #f8fafc;
  padding: 1em 1em;
}
.parsed_fhv2 dl dt {
  color: #08005b;
  font-weight: 500;
}
.parsed_fhv2 dl dd {
  margin-left: 0;
  min-height: 1.5em;
}
.parsed_fhv2 dd.is-added,
.parsed_fhv2 dt.is-added {
  color: #47a44b;
}
.parsed_fhv2 dt.is-changed {
  color: #f1740e;
}
.parsed_fhv2 dd.is-changed {
  color: #47a44b;
}
.parsed_fhv2 dt.is-deleted {
  color: #c00219;
}
.parsed_fhv2 dd.is-changed.checkbox li {
  color: black;
}
.parsed_fhv2 dd.is-changed.checkbox li.is-added {
  color: #47a44b;
}
.parsed_fhv2 dd.is-changed.checkbox li.is-deleted {
  text-decoration: line-through;
  color: #c00219;
}
.parsed_fhv2 .is-original-value {
  display: block;
  text-decoration: line-through;
  color: #c00219;
}
.parsed_fhv2 p.legend {
  color: #cc0079;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.parsed_fhv2 ul li::before {
  color: #cc0079; /* Change the color */
  font-weight: 700;
}
.parsed_fhv2 .repeater ol li {
  border-bottom: 1px solid #e7e6ef;
}

.applicant_reg_form h2 {
  color: #cc0079;
}
.applicant_reg_form ul.form_menu {
  list-style: none;
  border-bottom: 1px solid #e7e6ef;
  padding: 0 0 1.5em 0;
}
.applicant_reg_form ul.form_menu li {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 0.25em;
}
.applicant_reg_form ul.form_menu .has-changes {
  color: #8795a1;
}
.applicant_reg_form .scrollnicely i {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 1em;
  float: right;
}

#content img {
  width: 100%;
}

.not-found {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  margin: 3em auto;
  max-width: 630px;
}
.not-found svg {
  width: 100%;
}

@media screen and (min-width: 20em) {
  img.ss-readspeaker-tools {
    width: 282px !important;
    height: 96px;
  }
}

.gallery {
  background: #f8fafc;
  border-radius: 3px;
  list-style: none;
  margin-bottom: 1.5em;
  margin: 0;
  padding: 1em 1em 0.5em 1em;
}
@media screen and (min-width: 37.5em) {
  .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.gallery li {
  padding-bottom: 0.5em;
}
@media screen and (min-width: 37.5em) {
  .gallery li {
    width: 49%;
  }
}
@media screen and (min-width: 48em) {
  .gallery li {
    width: 32.5%;
  }
}
.gallery li a {
  display: block;
}
.gallery li img {
  border-radius: 3px;
  display: block;
}
.gallery li img:hover {
  opacity: 0.4;
  transition: 300ms ease;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.grey-content-box {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f8fafc;
  padding: 1em 1em;
  margin-bottom: 1.5em;
}

div.pink-content-box {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #fff5fb;
  padding: 1em 1em;
  margin-bottom: 1.5em;
  border: 1px solid #ffccea;
}

div.message {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  clear: both;
  padding: 0.5em 1em 0.625em 1em;
  margin: 1.5em 0 1.5em 0;
}

div.message p {
  margin: 0;
  padding-top: 4px;
  display: flex;
  flex-direction: row;
}
div.message p i {
  padding-right: 0.5em;
  padding-top: 12px;
}
div.message p a {
  text-decoration: underline;
}

div.message ul {
  margin: 0.5em 0 0 0;
  padding: 0 0 0 1em;
  font-size: 14px;
  font-size: 0.875rem;
}

div.message-success {
  border-left: 6px solid #47a44b;
  background: #edf7ee;
  color: #47a44b;
}
div.message-success a {
  color: #47a44b;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.message-success a:visited {
  color: #47a44b;
}
div.message-success a:hover, div.message-success a:focus, div.message-success a:active {
  color: #22292f;
}

div.message-notice {
  border-left: 6px solid #554094;
  background: #f0edf7;
  color: #554094;
}
div.message-notice a {
  color: #554094;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.message-notice a:visited {
  color: #554094;
}
div.message-notice a:hover, div.message-notice a:focus, div.message-notice a:active {
  color: #22292f;
}

div.message-error {
  border-left: 6px solid #c00219;
  background: #ffe6e9;
  color: #c00219;
}
div.message-error a {
  color: #c00219;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.message-error a:visited {
  color: #c00219;
}
div.message-error a:hover, div.message-error a:focus, div.message-error a:active {
  color: #22292f;
}

div.message-user {
  border-left: 6px solid #ac9253;
  background: #fff7e5;
  color: #ac9253;
}
div.message-user a {
  color: #ac9253;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.message-user a:visited {
  color: #ac9253;
}
div.message-user a:hover, div.message-user a:focus, div.message-user a:active {
  color: #22292f;
}

div.message-important {
  border-left: 6px solid #cc0079;
  background: #fff0f9;
  color: #cc0079;
}
div.message-important a {
  color: #cc0079;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.message-important a:visited {
  color: #cc0079;
}
div.message-important a:hover, div.message-important a:focus, div.message-important a:active {
  color: #22292f;
}

div.message-informational {
  border-left: 6px solid #006b99;
  background: #f0faff;
  color: #006b99;
}
div.message-informational a {
  color: #006b99;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.message-informational a:visited {
  color: #006b99;
}
div.message-informational a:hover, div.message-informational a:focus, div.message-informational a:active {
  color: #22292f;
}

div.landlord-notice-pink {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #fff5fb;
  padding: 0.25em 1em;
  margin-bottom: 1.5em;
  border: 1px solid #ffccea;
}
div.landlord-notice-pink a {
  color: #554094;
  text-decoration: underline;
  -webkit-text-decoration-skip: spaces;
          text-decoration-skip: spaces;
}
div.landlord-notice-pink a:visited {
  color: #554094;
}
div.landlord-notice-pink a:hover, div.landlord-notice-pink a:focus, div.landlord-notice-pink a:active {
  color: #22292f;
}

form div.message {
  margin-top: 0;
}
form div.message p {
  margin-bottom: 0 !important;
}

div.draft {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  clear: both;
  margin: 0;
  margin: 1.5em 0 1.5em 0;
  padding-top: 4px;
  padding: 0.5em 1em 0.625em 1em;
  display: flex;
  flex-direction: row;
}
div.draft i {
  padding-right: 0.5em;
  padding-top: 12px;
}
div.draft p {
  display: inline-block;
  margin: 0 0 0.25em 0;
}
@media screen and (min-width: 60.625em) {
  div.draft p {
    margin: 0;
  }
}
div.draft a.is-positive {
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #ffffff;
  border: 1px solid #47a44b;
  color: #47a44b;
  display: inline-block;
  line-height: 1.25em;
  margin-top: 0.25em;
  padding: 0.25em 0.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 44.3125em) {
  div.draft a.is-positive {
    margin: 0;
  }
}
div.draft a.is-positive:visited {
  background-color: #ffffff;
  border: 1px solid #47a44b;
  color: #47a44b;
}
div.draft a.is-positive:hover, div.draft a.is-positive:focus, div.draft a.is-positive:active {
  background-color: #ffffff;
  border: 1px solid #08005b;
  color: #08005b;
}
div.draft form {
  display: inline-block;
  position: relative;
}
div.draft form button.is-negative {
  font-size: 14px;
  font-size: 0.875rem;
  background: #ffffff !important;
  border: 1px solid #c00219;
  color: #c00219;
  line-height: 1.25em;
  margin: 0;
  padding: 0.25em 0.5em;
  text-align: center;
  text-transform: none;
}
@media screen and (min-width: 60em) {
  div.draft form button.is-negative {
    margin: 0 0 0 0.375em;
  }
}
div.draft form button.is-negative:visited {
  background-color: #ffffff;
  border: 1px solid #c00219;
  color: #c00219;
}
div.draft form button.is-negative:hover, div.draft form button.is-negative:focus, div.draft form button.is-negative:active {
  background-color: #ffffff;
  border: 1px solid #08005b;
  color: #08005b;
}

table,
table#registration-list.dataTable,
table#adverts-list.dataTable {
  font-size: 14.8px;
  font-size: 0.925rem;
  border: 1px solid #e7e6ef;
  border-collapse: collapse;
  margin: 0 0 1.5em 0;
  padding: 0;
  width: 100% !important;
  table-layout: fixed;
}

table tr,
table#registration-list.dataTable tr,
table#adverts-list.dataTable tr {
  background: #f8fafc;
  border: 1px solid #e7e6ef;
  padding: 0.35em;
}

table th,
table#registration-list.dataTable th,
table#adverts-list.dataTable th {
  color: #ffffff;
  background-color: #08005b;
  text-align: left;
  font-size: 0.875em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.25em;
}

table th,
table#registration-list.dataTable th,
table#adverts-list.dataTable th,
table td,
table#registration-list.dataTable td,
table#adverts-list.dataTable td {
  padding: 0.875em;
  border: 1px solid transparent;
}

@media screen and (max-width: 52em) {
  table,
  table#registration-list.dataTable,
  table#adverts-list.dataTable {
    border: 0;
  }
  table caption,
  table#registration-list.dataTable caption,
  table#adverts-list.dataTable caption {
    font-size: 1.3em;
  }
  table thead,
  table#registration-list.dataTable thead,
  table#adverts-list.dataTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr,
  table#registration-list.dataTable tr,
  table#adverts-list.dataTable tr {
    border-bottom: 3px solid #e7e6ef;
    display: block;
    margin-bottom: 0.625em;
  }
  table td,
  table#registration-list.dataTable td,
  table#adverts-list.dataTable td {
    font-size: 14px;
    font-size: 0.875rem;
    border-bottom: 1px solid #e7e6ef;
    display: block;
    min-height: 1.7em;
    text-align: right;
  }
  table.one-col-table td {
    text-align: left;
  }
  table td::before,
  table#registration-list td::before,
  table#adverts-list.dataTable td::before {
    /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
    content: attr(data-label);
    color: #08005b;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table#registration-list td.sorting_1,
  table#adverts-list.dataTable td.sorting_1 {
    display: none;
  }
  table td:last-child,
  table#registration-list td:last-child,
  table#adverts-list.dataTable td:last-child {
    border-bottom: 0;
  }
}
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: none !important;
}

.dt-info {
  color: #8795a1 !important;
  margin-bottom: 1em;
  padding-top: 0 !important;
  text-align: left !important;
}

.dt-length {
  color: #8795a1 !important;
  margin-bottom: 1em;
  text-align: left !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.5 !important;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 1 !important;
}

table .advert-no-col {
  width: 12%;
}
table .status-col {
  width: 5%;
}
table .address-col {
  width: 30%;
}
table .email-col {
  width: 25%;
}
table .last-update-col {
  width: 10%;
}
table .tools-col {
  width: 15%;
}

table thead tr th.tools-col {
  text-align: right !important;
}

table#registration-list [data-label=Applicants] span {
  display: block;
}

table#notes-list th.subject-col {
  width: 28% !important;
}
table#notes-list th.printed-col {
  width: 10% !important;
}

table#letter-templates-list i.fa-check-circle {
  color: #079281;
}
table#letter-templates-list th.label-col {
  width: 16%;
}
table#letter-templates-list th.subject-col {
  width: 16%;
}
table#letter-templates-list th.category {
  width: 10%;
}
table#letter-templates-list th.attachments-col {
  width: 12%;
}
table#letter-templates-list th.notifications-col {
  width: 12%;
}
table#letter-templates-list th.letter-back-up-col {
  width: 12%;
}
table#letter-templates-list th.landlords-col {
  width: 12%;
}
table#letter-templates-list th.tools-col {
  width: 10%;
}
table#letter-templates-list [data-label=Label] {
  font-size: 14px;
  font-size: 0.875rem;
}
table#letter-templates-list [data-label=Category] {
  font-size: 14px;
  font-size: 0.875rem;
}
table#letter-templates-list [data-label=Attachments],
table#letter-templates-list [data-label=Notification],
table#letter-templates-list [data-label="Letter Backup"],
table#letter-templates-list [data-label="All Landlords"] {
  text-align: right;
  min-height: 48px;
}
@media screen and (min-width: 52em) {
  table#letter-templates-list [data-label=Attachments],
  table#letter-templates-list [data-label=Notification],
  table#letter-templates-list [data-label="Letter Backup"],
  table#letter-templates-list [data-label="All Landlords"] {
    text-align: center;
    min-height: 0;
  }
}

table#history-list th.id-col {
  width: 8%;
}
table#history-list th.date-col {
  width: 18%;
}
table#history-list th.category-col {
  width: 15%;
}
table#history-list th.details-col {
  width: 37%;
}
table#history-list th.user-col {
  width: 22%;
}
table#history-list [data-label=Category] {
  font-size: 14px;
  font-size: 0.875rem;
}
table#history-list span {
  font-size: 12px;
  font-size: 0.75rem;
}

table#compare-history th.select-col {
  width: 10%;
}
table#compare-history th.status-col {
  width: 10%;
}
table#compare-history th.date-col {
  width: 25%;
}
table#compare-history th.user-col {
  width: 20%;
}
table#compare-history th.landord-col {
  width: 35%;
}
table#compare-history [data-label=Status] {
  min-height: 48px;
}
@media screen and (min-width: 52em) {
  table#compare-history [data-label=Status] {
    min-height: 0;
  }
}
table#compare-history td i.is-outdate {
  color: #c00219;
}
table#compare-history td i.is-draft {
  color: #f1740e;
}
table#compare-history td i.is-latest {
  color: #47a44b;
}

table#audit-log th.id-col {
  width: 8%;
}
table#audit-log th.date-col {
  width: 12%;
}
table#audit-log th.category-col {
  width: 12%;
}
table#audit-log th.details-col {
  width: 26%;
}
table#audit-log th.registation-col {
  width: 20%;
}
table#audit-log th.landlord-col {
  width: 22%;
}
table#audit-log [data-label=Category] {
  font-size: 14px;
  font-size: 0.875rem;
}
table#audit-log span {
  font-size: 12px;
  font-size: 0.75rem;
}

table#pending-letters th.created-col,
table#printed-letters th.created-col {
  width: 13%;
}
table#pending-letters th.reg-no-col,
table#printed-letters th.reg-no-col {
  width: 15%;
}
table#pending-letters th.subject-col,
table#printed-letters th.subject-col {
  width: 30%;
}
table#pending-letters th.attachments-col,
table#printed-letters th.attachments-col {
  width: 15%;
}
table#pending-letters th.printed-col,
table#printed-letters th.printed-col {
  width: 12%;
}
table#pending-letters th.tools-col,
table#printed-letters th.tools-col {
  width: 10%;
}

table#pending-batches th.created-col {
  width: 25%;
}
table#pending-batches th.author-col {
  width: 33%;
}
table#pending-batches th.attachments-col {
  width: 25%;
}
table#pending-batches th.type-col {
  width: 15%;
}
table#pending-batches th.tools-col {
  width: 22%;
}

table#printed-batches th.created-col {
  width: 25%;
}
table#printed-batches th.author-col {
  width: 25%;
}
table#printed-batches th.printed-col {
  width: 20%;
}
table#printed-batches th.attachments-col {
  width: 15%;
}
table#printed-batches th.tools-col {
  width: 20%;
}

table#user-management th.type-col {
  width: 3%;
}
table#user-management th.name-col {
  width: 15% !important;
}
table#user-management th.email-col {
  width: 24%;
}
table#user-management th.roles-col {
  width: 15%;
}
table#user-management th.landlord-col {
  width: 20%;
}
table#user-management th.staffgroup-col {
  width: 8%;
}
table#user-management th.tools-col {
  width: 15%;
}
table#user-management [data-label=Email] {
  word-wrap: break-word;
}

table#advert-cycle th.cycle-title-col {
  width: 20%;
}
table#advert-cycle th.opens-col {
  width: 26%;
}
table#advert-cycle th.closes-col {
  width: 26%;
}
table#advert-cycle th.allowed-col {
  width: 20%;
  text-align: center;
}
@media screen and (max-width: 52em) {
  table#advert-cycle th.allowed-col {
    text-align: left;
  }
}
table#advert-cycle th.tools-col {
  width: 8%;
}
table#advert-cycle [data-label="Allowed Applications"] {
  text-align: center;
}
@media screen and (max-width: 52em) {
  table#advert-cycle [data-label="Allowed Applications"] {
    text-align: right;
  }
}

body:not(.admin) table tr {
  display: table-row;
  border-bottom: 1px solid #e7e6ef;
}

body:not(.admin) table:not(.opening-hours):not(.landlord-simple-table):not(.ov-lets):not(.ov-stats):not(ov-passes) td {
  border-collapse: collapse;
  border: none;
  display: table-cell;
  text-align: left;
}

.opening-hours th,
.landlord-simple-table th {
  background: none;
  color: #08005b;
  width: 50%;
}
.opening-hours td,
.landlord-simple-table td {
  text-align: right;
}
@media screen and (max-width: 52em) {
  .opening-hours th,
  .landlord-simple-table th {
    display: none;
  }
  .opening-hours td,
  .landlord-simple-table td {
    text-align: left;
  }
  .opening-hours td::before,
  .landlord-simple-table td::before {
    display: block;
    text-align: left;
    width: 100%;
  }
}

.useful_contacts td {
  text-align: left;
}
.useful_contacts td a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

table#ov-lets td:nth-child(2),
table.ov-lets td:nth-child(2),
table#ov-passes td:nth-child(2),
table.ov-passes td:nth-child(2),
table#ov-stats td:nth-child(2),
table.ov-stats td:nth-child(2) {
  text-align: right;
}
@media screen and (max-width: 52em) {
  table#ov-lets td,
  table.ov-lets td,
  table#ov-passes td,
  table.ov-passes td,
  table#ov-stats td,
  table.ov-stats td {
    text-align: left;
  }
  table#ov-lets td:nth-child(2),
  table.ov-lets td:nth-child(2),
  table#ov-passes td:nth-child(2),
  table.ov-passes td:nth-child(2),
  table#ov-stats td:nth-child(2),
  table.ov-stats td:nth-child(2) {
    text-align: left;
  }
}

@media screen and (max-width: 37.5em) {
  article table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}
article table td {
  vertical-align: top;
  word-break: break-word;
}
article table ul,
article table ol,
article table ul.plain {
  margin-top: 0;
}

article ul:not(.gallery):not(.plain),
article section ul:not(.gallery):not(.plain),
body.advert .description ul:not(.gallery):not(.plain) {
  margin: 1.25em 0 1.5em 0;
  list-style: none;
}
article ul:not(.gallery):not(.plain) li,
article section ul:not(.gallery):not(.plain) li,
body.advert .description ul:not(.gallery):not(.plain) li {
  margin-bottom: 0.875em;
}
article ul:not(.gallery):not(.plain) li:not(.landlord-logo):before,
article section ul:not(.gallery):not(.plain) li:not(.landlord-logo):before,
body.advert .description ul:not(.gallery):not(.plain) li:not(.landlord-logo):before {
  content: "•";
  color: #cc0079;
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
article ol,
article section ol,
body.advert .description ol {
  margin: 1.25em 0 1.5em 0;
}
article ol li,
article section ol li,
body.advert .description ol li {
  margin-bottom: 0.875em;
}

ul.plain {
  margin: 1.25em 0 1.5em 0;
  padding-left: 0;
  list-style: none;
}
ul.plain li {
  margin-bottom: 0.875em;
}
ul.plain li:not(.landlord-logo):before {
  content: "";
  width: 0;
  margin-left: 0;
}

dl.themed {
  clear: both;
  margin: 0;
}
dl.themed dt {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #08005b;
  margin-right: 0.5em;
}
@media screen and (min-width: 25em) {
  dl.themed dt {
    clear: left;
    float: left;
  }
}
dl.themed dt.space-above {
  margin-top: 1em;
}
dl.themed dt.space-above + dd {
  margin-top: 1em;
}
dl.themed dt.full-line {
  display: block;
  float: none;
  margin-top: 1em;
  margin-bottom: 0;
  width: 100%;
}
dl.themed dd {
  margin-left: 0;
}
dl.themed dd.full-line {
  display: block;
  float: none;
  width: 100%;
}

dl.themed dd ul li {
  margin-bottom: 0;
  padding: 0;
}

ul.inline-blobs {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}
ul.inline-blobs li {
  display: inline;
}
ul.inline-blobs li::after {
  content: "•";
  color: #cc0079;
  margin-left: 0.5em;
  margin-right: 0.1875em;
}
ul.inline-blobs li:last-child::after {
  content: "";
}

.data {
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid #e7e6ef;
  padding: 1.25em;
  margin-bottom: 1.5em;
}

.data h3 {
  margin-top: 0;
}

[data-type=pie] .chart-container {
  width: 100%;
}
@media screen and (min-width: 20em) {
  [data-type=pie] .chart-container {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 30em) {
  [data-type=pie] .chart-container {
    width: 46%;
    float: left;
    margin-right: 4%;
  }
}
[data-type=pie] .legend {
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 30em) {
  [data-type=pie] .legend {
    float: left;
    width: 50%;
  }
}

[data-type=bar] .chart-container {
  margin-bottom: 1em;
}
ul.legend {
  font-size: 14px;
  font-size: 0.875rem;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0 !important;
}
ul.legend span.blob {
  border-radius: 50px;
  display: inline-block;
  height: 14px;
  margin-right: 16px;
  width: 14px;
}
ul.legend span.value {
  font-family: "Rubik", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.view-data {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1em;
  display: block;
}

.table-wrapper {
  clear: both;
}

.table-wrapper.is-open {
  clear: both;
}

table#chart-table {
  font-size: 14px;
  font-size: 0.875rem;
  border-top: 5px solid #08005b;
  border-collapse: collapse;
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table#chart-table tr {
  padding: 0.35em;
  border-bottom: 1px solid #08005b;
  background-color: transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

table#chart-table th,
table#chart-table td {
  padding: 0.5em;
  text-align: right;
}

table#chart-table th {
  background-color: transparent;
  color: #08005b;
}

table#chart-table thead tr {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  vertical-align: top;
}

table#chart-table tbody tr th {
  text-align: left;
}

@media screen and (max-width: 48em) {
  table#chart-table {
    border: 0;
    border-top: 5px solid #08005b;
    margin: 0 0 2em 0;
  }
  table#chart-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table#chart-table th {
    background-color: transparent;
    color: #08005b;
  }
  table#chart-table tr {
    border-top: 1px solid #08005b;
    border-bottom: 1px solid #08005b;
    display: block;
    padding-bottom: 0;
    background-color: transparent;
  }
  table#chart-table td {
    border-bottom: 1px solid #08005b;
    display: block;
    text-align: right;
  }
  table#chart-table td:first-of-type {
    border-top: 1px solid #08005b;
  }
  table#chart-table td::before {
    /*
     * aria-label has no advantage, it won't be read inside a table
     content: attr(aria-label);
     */
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
  table#chart-table td:last-child {
    border-bottom: 0;
  }
}
body.mce-content-body table tr {
  display: table-row;
  border-bottom: 1px solid #e7e6ef;
}
body.mce-content-body table td {
  border-collapse: collapse;
  border: none;
  display: table-cell;
  text-align: left;
}
body.mce-content-body .mce-object-iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
  overflow: hidden;
  width: 100%;
}
body.mce-content-body .mce-object-iframe iframe {
  width: 100%;
  height: 100%;
}

button.tox-tbtn[aria-expanded=true],
button.tox-tbtn[aria-expanded=false] {
  background-color: unset;
}
button.tox-tbtn[aria-expanded=true]:hover,
button.tox-tbtn[aria-expanded=false]:hover {
  background-color: #dee0e2;
}