/* Changing header logo width to auto to prevent skewing */
.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image,
.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {
  width: auto;
}

/* End header logo width change */


/* Fixed Search Box overlay issue */
.spf-body .spf-input-group>.spf-group-element-wrapper input[type=text] {
  display: block;
}

/* Top nav styles */
.spf-top-nav ul.uikit-link-list>li {
  margin: 0;
}

.spf-top-nav ul.uikit-link-list>li a {
  padding: 1.6em 1.2em;
}

.spf-top-nav ul.uikit-link-list li ul {
  display: none;
  text-align: center;
}

.spf-top-nav ul.uikit-link-list li:hover>ul {
  display: block;
}

.spf-top-nav ul.uikit-link-list li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 9;
  background: #f0f3f5
}

.spf-top-nav ul.uikit-link-list li ul li {
  list-style-type: none;
  display: block;
  position: relative;
  z-index: 9;
  margin: 0;
  border-bottom: 1px solid #313131;
  text-align: left;
}

.spf-top-nav ul.uikit-link-list li ul li a {
  font-weight: 300;
  font-size: .95em;
  padding: 0.6em .8em;
  line-height: 1.3em;
}

.spf-top-nav ul.uikit-link-list li ul li:hover {
  background-color: #edd7e9;
  border-bottom: solid 1px #3f2583;
}

.spf-top-nav ul.uikit-link-list li ul li a:hover {
  background-color: transparent;
  border-bottom: 1px solid transparent;
}

.spf-top-nav ul.uikit-link-list li ul li ul {
  left: 179px;
  top: 0;
}

.spf-top-nav ul.uikit-link-list li ul li ul li a {
  box-sizing: border-box;
  width: 179px;
}

.spf-top-nav ul.uikit-link-list>li ul li a {
  border-bottom: solid 1px transparent;
  box-sizing: border-box;
  width: 179px;
}

.spf-top-nav li ul li.has-children:after {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  float: right;
  font-size: 1.2em;
  position: absolute;
  right: 5%;
  top: 20%;
}

/* Top nav text wrapping styles */
.spf-top-nav ul.uikit-link-list>li>a {
  vertical-align: middle;
  max-width: 150px;
  height: 79px;
  border-collapse: collapse;
  border-spacing: 0;
  display: table-cell;
  padding: 0em 1.2em;
  text-align: center;
}

.spf-top-nav ul.uikit-link-list {
  display: flex;
  flex-wrap: wrap;
}

/* End Top nav text wrapping styles */


/* top menu mobile toggle style */

.spf-top-nav-mobile {
  display: none;
}

@media (max-width:767px) {
  .spf-top-nav-mobile {
    display: block;
  }

  .spf-top-nav {
    display: none;
  }
}

.spf-top-nav-mobile ul.uikit-link-list.uikit-link-list--inline {
  display: block;
  padding-bottom: 0;
}

.spf-top-nav-mobile ul.uikit-link-list.uikit-link-list--inline.closed {
  display: none;
}

nav.spf-top-nav-mobile ul li {
  width: 100%;
  background: #f0f3f5;
  list-style-type: none;
  margin: 0;
}

nav.spf-top-nav-mobile ul {
  margin: 0;
  padding: 0;
}

nav.spf-top-nav-mobile ul li a {
  display: block;
  padding: 15px 5px;
  border-bottom: 1px solid #000;
}

nav.spf-top-nav-mobile ul li li>a {
  padding-left: 15px;
}

nav.spf-top-nav-mobile ul li li li>a {
  padding-left: 25px;
}

.spf-top-nav-mobile ul li ul li {
  background: #fff;
}

.spf-top-nav-mobile>ul>li.has-children>a:after,
.spf-top-nav-mobile ul li ul>li.has-children>a:after {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  float: right;
  font-size: 1.2em;
  transform: rotate(90deg);
  position: absolute;
  right: 5%;
}

/* end top menu mobile toggle style */


/* bringing across the visually hidden class from SPF1 */
.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Reducing paragraph spacing */
.kss-modifier__example p,
.uikit-body p {
  margin: 0 0 1em 0;
}

/* Reducing side nav size */
.spf-body .spf-side-nav--first .spf-side-nav--second>li>a,
.spf-body .spf-side-nav--first>a {
  padding: 1em;
}

/* adding in arrow from .open and .closed js sub nav for normal subnav with sub pages under it */
.spf-side-nav--first.has-children a:after,
.spf-side-nav--second.has-children a:after {
  content: '\f054';
  transform: rotate(90deg);
}

/* ACTGov styles only, remove later */
div.resource {
  margin-bottom: 25px;
}

.resource-title {
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.5em;
  background: #eeeeee;
}

.resource-title a {
  color: #8d0d0d;
  color: #000000;
  text-decoration: none;
}

.resource-title a:hover {
  text-decoration: underline;
}

.resource-owner {
  margin-top: 10px;
  padding-left: 0.5em;
  font-weight: bold;
  color: #444;
}

.resource-description {
  margin-top: 10px;
  padding-left: 0.5em;
}

.resource-link a {
  color: #8d0d0d;
  color: #1B75C9;
}

.resource-link {
  padding-left: 0.5em;
}

.resource-issueDate {
  padding-left: 0.5em;
  margin-top: 10px;
  margin-bottom: 0px;
  font-weight: bold;
}

.resource-interestGroups {
  padding-left: 0.5em;
  margin-top: 0px;
  font-weight: bold;
}

.resource-newsletterTitle {
  color: #004899;
  margin-bottom: 10px;
  font-size: 1.15em;
}

.resource-newsletterTitle>span {
  color: #000000;
  font-size: 0.9em;
  font-weight: normal;
  float: right;
}

.resource-newsletterContent {
  padding-left: 0.5em;
}

/* SPF1 Search Styles */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

#search-queryform {
  padding: 10px 0 0 0;
  font-size: 1.25em
}

#search-facets {
  padding-left: 1em;
}

#query {
  padding: .25em;
  max-width: 48em;
  min-width: 40%
}

#search-queryform .button {
  padding: 5px 10px
}

#search-spelling {
  font-weight: bold;
  font-size: 1.25em;
  padding: 8px
}

#search-spelling .funnelback-highlight {
  font-style: italic
}

p.search-explore {
  text-align: right
}

p.search-explore a:link {
  text-decoration: none
}

p.search-explore a:hover {
  text-decoration: underline
}

.facet {
  margin-bottom: 1em;
  font-weight: bold
}

.facetLabel {
  text-transform: uppercase;
  font-size: .85em;
  font-weight: bold;
  color: #767676;
  margin-bottom: .25em;
  border-bottom: 1px solid #ccc
}

.search-facet-count {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  background: #767676;
  line-height: 14px;
  vertical-align: baseline;
  padding: 0 9px 0 9px;
  font-size: .9em;
  font-weight: normal;
  white-space: nowrap
}

.facet a {
  font-weight: normal
}

.facet a:link {
  text-decoration: none
}

.facet a:hover {
  text-decoration: underline
}

.facet .category {
  margin-bottom: .5em;
  line-height: 1.25em
}

#search-matching {
  padding: 6px;
  margin: 10px 0;
  font-size: .85em;
  background: #efefef;
  color: #3b3b3b
}

#search-contextual-navigation {
  margin-left: 8%
}

#search-contextual-navigation h2 {
  font-weight: normal;
  font-size: 1.25em;
  margin-bottom: .5em
}

#search-contextual-navigation a:link {
  text-decoration: none
}

#search-contextual-navigation a:hover {
  text-decoration: underline
}

#search-contextual-navigation ul {
  margin: 0;
  padding: 0
}

#search-contextual-navigation ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 46%;
  display: inline-block;
  margin-right: 3%;
  line-height: 1.5em
}

#search-results {
  margin: 0;
  padding: 0;
  max-width: 44em
}

#search-results li {
  list-style-type: none;
  margin-bottom: .5em;
  padding: 8px
}

#search-results li.search-best-bet {
  background: #fff9db
}

#search-results li h3 {
  font-weight: normal;
  font-size: 1.25em;
  margin: 0;
  padding: 0
}

#search-results li p {
  margin: 0;
  padding: 0
}

#search-results li .search-file-format,
#search-results li .search-meta,
#search-results li .search-date {
  color: #767676
}

#search-results li cite {
  color: #388222;
  font-style: normal;
  overflow: hidden
}

.search-result-thumbnail-wrapper {
  float: left;
  margin: 4px 4px 4px 0;
  min-height: 80px;
  min-width: 80px
}

a.search-cached:link {
  text-decoration: none
}

a.search-cached:hover {
  text-decoration: underline
}

.search-pagination {
  margin: 40px 20px;
  float: none;
  clear: both;
  text-align: center
}

.search-pagination ul {
  margin: 0;
  padding: 0
}

.search-pagination ul li {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 5px;
  margin: 2px
}

.search-pagination ul li a {
  padding: 10px;
  display: inline-block
}

.search-pagination ul li a:link {
  text-decoration: none
}

.search-pagination ul li a:hover {
  text-decoration: underline
}

.search-pagination ul li.active {
  background: #d3d3d3
}

.search-pagination ul li.active a {
  text-decoration: none
}

ul.ui-autocomplete {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  background: white;
  text-align: left;
  border: solid 1px #767676;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 25em
}

ul.ui-autocomplete h2 {
  font-size: small;
  background-color: #efefef;
  padding: 5px
}

ul.ui-autocomplete li.ui-menu-item {
  padding: 0;
  margin: 0
}

ul.ui-autocomplete li.ui-menu-item a {
  display: block;
  padding: 3px;
  text-decoration: none;
  cursor: pointer;
  color: #3b3b3b
}

ul.ui-autocomplete li.ui-menu-item a.description,
ul.ui-autocomplete li.ui-menu-item a.url {
  padding-top: 0
}

ul.ui-autocomplete li.ui-menu-item span {
  display: block;
  font-size: small;
  padding-left: 10px
}

ul.ui-autocomplete li.ui-menu-item a.ui-state-hover,
ul.ui-autocomplete li.ui-menu-item a.ui-state-focus {
  background-color: #eaf6f9
}

ul.search-quicklinks {
  margin-left: 5%;
  padding-left: 0
}

#search-results ul.search-quicklinks li {
  max-width: 80%;
  min-width: 40%;
  margin: 0;
  padding: 0;
  margin-right: 4%;
  float: left
}

ul.search-quicklinks li a:link {
  text-decoration: none
}

ul.search-quicklinks li a:hover {
  text-decoration: underline
}

form.search-quicklinks-search {
  margin: .5em 0 0 5%
}

form.search-quicklinks-search .query {
  max-width: 18em;
  min-width: 5em
}

#search-advanced-toggle {
  text-align: right;
  font-size: .85em
}

#search-advanced-toggle a:link {
  text-decoration: none
}

#search-advanced-toggle a:hover {
  text-decoration: underline
}

#search-advanced fieldset {
  padding: 2%;
  border: 1px solid #ccc;
  margin-bottom: 1em
}

#search-advanced fieldset ul {
  margin: 0;
  padding: 0
}

#search-advanced fieldset ul li {
  list-style-type: none
}

#search-advanced fieldset ul li label {
  font-weight: normal;
  display: block
}

#search-advanced input,
#search-advanced select {
  border: 1px solid #767676;
  padding: .25em
}

@media only screen and (max-width:767px) {
  #search-facets {
    width: 100%;
    float: none
  }
}

@media only screen and (max-width:320px) {
  #search-contextual-navigation ul li {
    display: block;
    width: 100%
  }

  .search-results li {
    padding: 0
  }
}

@media only screen and (min-width:1023px) {
  #search-facets {
    width: 220px;
    float: left
  }

  #search-inner-wrapper {
    float: right;
    width: 720px
  }
}

/* another style straight from SPF1 */
.ui-helper-hidden-accessible {
  display: none;
}

/* removes the horizontal scroll bar issue and general use to remove padding */
.uikit-grid .no-padding {
  padding: 0;
}

.uikit-grid .no-padding-top {
  padding-top: 0;
}

.uikit-grid .no-padding-right {
  padding-right: 0;
}

.uikit-grid .no-padding-bottom {
  padding-bottom: 0;
}

.uikit-grid .no-padding-left {
  padding-left: 0;
}

.uikit-grid .row {
  margin: 0;
}

.uikit-grid .no-margin {
  margin: 0;
}

/* set width of header text wrapping li so it stacks inline */
.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo:last-child {
  max-width: 60%;
}

/* set width of header text to auto so it doesn't derp out  */
.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {
  width: auto;
}

@media only screen and (max-width:502px) {
  .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo:last-child {
    max-width: 100%;
  }

  .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo {
    border: none;
  }
}

/* Remove float on header logo wrapper so block element takes up 100% width of parent container */
.spf-body .uikit-header .uikit-header__logo-wrapper {
  float: none;
}

/* side nav styling 20171212 */

.visuallyhidden,
.is-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

/*.local-nav {
    padding: 1.6em 0;
}
.primary-nav ul a, .local-nav ul a {
    color: #313131;
    display: block;
    border: none;
    border-bottom-width: medium;
    border-left-width: medium;
    border-bottom-style: none;
    border-left-style: none;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-left: 4px solid transparent;
    border-bottom: none;
    padding: 0.8em;
    text-decoration: none;
    transition: border-color 0.1s ease-in-out;
}
.primary-nav ul, .local-nav ul {
    color: #313131;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.6em;
}
.nav-collapse ul {
    width: 100%;
    display: block;
}
.nav-collapse li {
    width: 100%;
    display: block;
}
.primary-nav ul a.is-current, .local-nav ul a.is-current {
    background-color: #def4f9;
}
.primary-nav ul a.is-active, .local-nav ul a.is-active {
    font-weight: 700;
}
.primary-nav ul li:first-child, .local-nav ul li:first-child {
    border-top: 1px solid #bbbbbb;
}
.primary-nav ul li, .local-nav ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #bbbbbb;
}  */

.primary-nav,
.local-nav {
  overflow: hidden
}

.primary-nav ul,
.local-nav ul {
  color: #313131;
  margin: 0;
  padding: 0;
  list-style: none
}

.primary-nav ul a,
.local-nav ul a {
  color: #313131;
  text-decoration: none;
  outline: none;
  border-bottom: solid 1px #f0f3f5;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: background-color, border-color, color
}

.primary-nav ul a:hover,
.primary-nav ul a:focus,
.local-nav ul a:hover,
.local-nav ul a:focus {
  background-color: #f0f3f5;
  color: #313131
}

.primary-nav ul a[rel~='external'],
.local-nav ul a[rel~='external'] {
  display: inline;
  position: relative;
  margin-right: 1.6em
}

.primary-nav ul a[rel~='external']:hover,
.local-nav ul a[rel~='external']:hover {
  border-color: transparent
}

.primary-nav ul a[rel~='external']::after,
.local-nav ul a[rel~='external']::after {
  background-size: 0.9em auto
}

.primary-nav ul .see-more,
.local-nav ul .see-more {
  display: inline-block;
  position: relative;
  margin-right: 1.6em;
  font-weight: 700;
  color: #18788d
}

.primary-nav ul .see-more::after,
.local-nav ul .see-more::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1.2em;
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-repeat: no-repeat;
  background-position: right 0.4em;
  background-size: 0.64em auto
}

.primary-nav ul .see-more:hover,
.primary-nav ul .see-more:focus,
.local-nav ul .see-more:hover,
.local-nav ul .see-more:focus {
  color: #313131
}

.primary-nav ul span.placeholder-link,
.local-nav ul span.placeholder-link {
  color: rgba(49, 49, 49, 0.7);
  border-bottom: none;
  cursor: not-allowed
}

.primary-nav ul span.placeholder-link:hover,
.local-nav ul span.placeholder-link:hover {
  cursor: not-allowed
}

.primary-nav ul ul,
.local-nav ul ul {
  font-size: 0.875rem;
  margin: 0;
  text-transform: none
}

.primary-nav ul ul li:last-child,
.local-nav ul ul li:last-child {
  border-bottom: none
}

.primary-nav ul ul ul a,
.local-nav ul ul ul a {
  padding-left: 3em;
  border-bottom: 0
}

.primary-nav ul ul ul ul a,
.local-nav ul ul ul ul a {
  padding-left: 2.4em;
  background-repeat: no-repeat;
  background-position: 1.6em center;
  background-size: 0.4em auto
}

.primary-nav ul li,
.local-nav ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #bbbbbb
}

.primary-nav ul li:first-child,
.local-nav ul li:first-child {
  border-top: 1px solid #bbbbbb
}

.primary-nav ul a,
.local-nav ul a {
  display: block;
  border: none;
  border-left: 4px solid transparent;
  border-bottom: none;
  padding: 0.8em;
  text-decoration: none;
  transition: border-color 0.1s ease-in-out
}

.primary-nav ul a:hover,
.local-nav ul a:hover {
  /* border-color: #043751;  */
  border-color: #3F2583;
}

.primary-nav ul a.is-active,
.local-nav ul a.is-active {
  font-weight: 700
}

.primary-nav ul a.is-current,
.local-nav ul a.is-current {
  background-color: #f0f3f5
}

.primary-nav {
  padding: 1.6em 0
}

.primary-nav .nav-heading {
  color: #115361;
  background: #f0f3f5;
  margin: 1.6em 0
}

.primary-nav .nav-heading .chevron {
  float: right
}

.js .primary-nav ul {
  margin: 0;
  display: none
}

.primary-nav ul>li>ul {
  margin-top: 0 important;
  margin-bottom: 0 important;
}


ul>li>ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

}

/* end side nav styling  */



/* 2017-01-11 - setting default table styles 2018-11-08 update: added selector for th in tbody */
.spf-body table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0
}

.spf-body th {
  text-align: left
}

.spf-body table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.6em
}

.spf-body table>tbody>tr>td,
.spf-body table>tbody>tr>th,
.spf-body table>tfoot>tr>td,
.spf-body table>tfoot>tr>th,
.spf-body table>thead>tr>td,
.spf-body table>thead>tr>th {
  padding: .8em;
  line-height: 1.6em;
  vertical-align: top;
  border-top: 1px solid #c5c5c5
}

.spf-body table>thead>tr>th,
.spf-body table>tbody>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #c5c5c5;
  background-color: #3f2583;
  color: #ece9f3
}

.spf-body table>caption+thead>tr:first-child>td,
.spf-body table>caption+thead>tr:first-child>th,
.spf-body table>colgroup+thead>tr:first-child>td,
.spf-body table>colgroup+thead>tr:first-child>th,
.spf-body table>thead:first-child>tr:first-child>td,
.spf-body table>thead:first-child>tr:first-child>th {
  border-top: 0
}

.spf-body table>tbody+tbody {
  border-top: 2px solid #c5c5c5
}

.spf-body table table {
  background-color: #f0f3f5
}




/* 2017-01-11 Setting default striped + bordered */
.spf-body table {
  border: 1px solid #c5c5c5
}

.spf-body table>tbody>tr>td,
.spf-body table>tbody>tr>th,
.spf-body table>tfoot>tr>td,
.spf-body table>tfoot>tr>th,
.spf-body table>thead>tr>td,
.spf-body table>thead>tr>th {
  border: 1px solid #c5c5c5
}

.spf-body table>thead>tr>td,
.spf-body table>thead>tr>th {
  border-bottom-width: 2px
}

.spf-body .table-wrapped {
  border: 1px solid #c5c5c5
}

.spf-body table>tbody>tr:nth-of-type(odd) {
  background-color: #f0f3f5
}

.spf-body .table-hover>tbody>tr:hover {
  background-color: #d8dbdd
}

.spf-body table col[class*=col-] {
  position: static;
  float: none;
  display: table-column
}

.spf-body table td[class*=col-],
.spf-body table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell
}

.spf-body .table>tbody>tr.active>td,
.spf-body .table>tbody>tr.active>th,
.spf-body .table>tbody>tr>td.active,
.spf-body .table>tbody>tr>th.active,
.spf-body .table>tfoot>tr.active>td,
.spf-body .table>tfoot>tr.active>th,
.spf-body .table>tfoot>tr>td.active,
.spf-body .table>tfoot>tr>th.active,
.spf-body .table>thead>tr.active>td,
.spf-body .table>thead>tr.active>th,
.spf-body .table>thead>tr>td.active,
.spf-body .table>thead>tr>th.active {
  background-color: #edd7e9
}

.spf-body .table-hover>tbody>tr.active:hover>td,
.spf-body .table-hover>tbody>tr.active:hover>th,
.spf-body .table-hover>tbody>tr:hover>.active,
.spf-body .table-hover>tbody>tr>td.active:hover,
.spf-body .table-hover>tbody>tr>th.active:hover {
  background-color: #e5c5df
}

.spf-body .table>tbody>tr.success>td,
.spf-body .table>tbody>tr.success>th,
.spf-body .table>tbody>tr>td.success,
.spf-body .table>tbody>tr>th.success,
.spf-body .table>tfoot>tr.success>td,
.spf-body .table>tfoot>tr.success>th,
.spf-body .table>tfoot>tr>td.success,
.spf-body .table>tfoot>tr>th.success,
.spf-body .table>thead>tr.success>td,
.spf-body .table>thead>tr.success>th,
.spf-body .table>thead>tr>td.success,
.spf-body .table>thead>tr>th.success {
  background-color: #0cac78
}

.spf-body .table-hover>tbody>tr.success:hover>td,
.spf-body .table-hover>tbody>tr.success:hover>th,
.spf-body .table-hover>tbody>tr:hover>.success,
.spf-body .table-hover>tbody>tr>td.success:hover,
.spf-body .table-hover>tbody>tr>th.success:hover {
  background-color: #0a9467
}

.spf-body .table>tbody>tr.info>td,
.spf-body .table>tbody>tr.info>th,
.spf-body .table>tbody>tr>td.info,
.spf-body .table>tbody>tr>th.info,
.spf-body .table>tfoot>tr.info>td,
.spf-body .table>tfoot>tr.info>th,
.spf-body .table>tfoot>tr>td.info,
.spf-body .table>tfoot>tr>th.info,
.spf-body .table>thead>tr.info>td,
.spf-body .table>thead>tr.info>th,
.spf-body .table>thead>tr>td.info,
.spf-body .table>thead>tr>th.info {
  background-color: #00bfe9
}

.spf-body .table-hover>tbody>tr.info:hover>td,
.spf-body .table-hover>tbody>tr.info:hover>th,
.spf-body .table-hover>tbody>tr:hover>.info,
.spf-body .table-hover>tbody>tr>td.info:hover,
.spf-body .table-hover>tbody>tr>th.info:hover {
  background-color: #00aad0
}

.spf-body .table>tbody>tr.warning>td,
.spf-body .table>tbody>tr.warning>th,
.spf-body .table>tbody>tr>td.warning,
.spf-body .table>tbody>tr>th.warning,
.spf-body .table>tfoot>tr.warning>td,
.spf-body .table>tfoot>tr.warning>th,
.spf-body .table>tfoot>tr>td.warning,
.spf-body .table>tfoot>tr>th.warning,
.spf-body .table>thead>tr.warning>td,
.spf-body .table>thead>tr.warning>th,
.spf-body .table>thead>tr>td.warning,
.spf-body .table>thead>tr>th.warning {
  background-color: #f69900
}

.spf-body .table-hover>tbody>tr.warning:hover>td,
.spf-body .table-hover>tbody>tr.warning:hover>th,
.spf-body .table-hover>tbody>tr:hover>.warning,
.spf-body .table-hover>tbody>tr>td.warning:hover,
.spf-body .table-hover>tbody>tr>th.warning:hover {
  background-color: #dd8900
}

.spf-body .table>tbody>tr.danger>td,
.spf-body .table>tbody>tr.danger>th,
.spf-body .table>tbody>tr>td.danger,
.spf-body .table>tbody>tr>th.danger,
.spf-body .table>tfoot>tr.danger>td,
.spf-body .table>tfoot>tr.danger>th,
.spf-body .table>tfoot>tr>td.danger,
.spf-body .table>tfoot>tr>th.danger,
.spf-body .table>thead>tr.danger>td,
.spf-body .table>thead>tr.danger>th,
.spf-body .table>thead>tr>td.danger,
.spf-body .table>thead>tr>th.danger {
  background-color: #ff635c
}

.spf-body .table-hover>tbody>tr.danger:hover>td,
.spf-body .table-hover>tbody>tr.danger:hover>th,
.spf-body .table-hover>tbody>tr:hover>.danger,
.spf-body .table-hover>tbody>tr>td.danger:hover,
.spf-body .table-hover>tbody>tr>th.danger:hover {
  background-color: #ff4b43
}

.spf-body .table-responsive {
  overflow-x: auto;
  min-height: .01%
}

@media screen and (max-width:576px) {
  .spf-body .table-responsive {
    width: 100%;
    margin-bottom: 1.2em;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #c5c5c5
  }

  .spf-body .table-responsive>.table {
    margin-bottom: 0
  }

  .spf-body .table-responsive>.table>tbody>tr>td,
  .spf-body .table-responsive>.table>tbody>tr>th,
  .spf-body .table-responsive>.table>tfoot>tr>td,
  .spf-body .table-responsive>.table>tfoot>tr>th,
  .spf-body .table-responsive>.table>thead>tr>td,
  .spf-body .table-responsive>.table>thead>tr>th {
    white-space: nowrap
  }

  .spf-body .table-responsive>table {
    border: 0
  }

  .spf-body .table-responsive>table>tbody>tr>td:first-child,
  .spf-body .table-responsive>table>tbody>tr>th:first-child,
  .spf-body .table-responsive>table>tfoot>tr>td:first-child,
  .spf-body .table-responsive>table>tfoot>tr>th:first-child,
  .spf-body .table-responsive>table>thead>tr>td:first-child,
  .spf-body .table-responsive>table>thead>tr>th:first-child {
    border-left: 0
  }

  .spf-body .table-responsive>table>tbody>tr>td:last-child,
  .spf-body .table-responsive>table>tbody>tr>th:last-child,
  .spf-body .table-responsive>table>tfoot>tr>td:last-child,
  .spf-body .table-responsive>table>tfoot>tr>th:last-child,
  .spf-body .table-responsive>table>thead>tr>td:last-child,
  .spf-body .table-responsive>table>thead>tr>th:last-child {
    border-right: 0
  }

  .spf-body .table-responsive>table>tbody>tr:last-child>td,
  .spf-body .table-responsive>table>tbody>tr:last-child>th,
  .spf-body .table-responsive>table>tfoot>tr:last-child>td,
  .spf-body .table-responsive>table>tfoot>tr:last-child>th {
    border-bottom: 0
  }
}



/* Styles added 2018-Feb-05 */
aside.sidebar a.has-children:after {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: -3px 0px 0px 10px;
  text-decoration: none;
  float: right;
  font-size: 1.2em;
  transform: rotate(90deg);
  position: absolute;
  right: 5%;
}

.primary-nav ul li:first-child,
.local-nav>ul>li:first-child {
  border-top: none;
}

.local-nav>ul>li>a {
  font-weight: bold;
}

/* Accordion Styles */
.uikit-accordion__body-wrapper {
  border: none;
}

.kss-modifier__example .uikit-accordion__title,
.uikit-accordion__title,
.uikit-body .uikit-accordion__title {
  border-bottom: 1px solid #c5c5c5;
}

.kss-modifier__example .uikit-accordion__title:last-of-type,
.uikit-accordion__title:last-of-type,
.uikit-body .uikit-accordion__title:last-of-type {
  border: none;
}

.uikit-accordion__title:last-of-type:focus,
.uikit-body .uikit-accordion__title:last-of-type:focus {
  border: 2px solid #313131;
}

/* End Accordion Styles */

/* End Styles added 2018-Feb-05 */

/* Styles added 2018-Feb-06 */
.uikit-footer-logo a {
  border: none;
}

/* End Styles added 2018-Feb-06 */

/* Styles added 2018-Feb-28 */
/* changing margins to make nav look nicer */
.top-nav-hr {
  margin-top: 0;
}

.page-banner {
  margin-bottom: 8px;
}

/* End Styles added 2018-Feb-28 */

/* Bringing across RW default form styles on 2018-Feb-06 */
label {
  margin: 0em 0 0 0;
  display: block;
}

input {
  box-sizing: border-box;
  line-height: 1.6em;
}

input[type=checkbox] {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  font-size: 17px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=search],
input[type=textarea] {
  border: 2px solid #d1d1d1;
  padding: .4em;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  width: 100%;
  display: block;
}

textarea {
  box-sizing: border-box;
  border: 2px solid #d1d1d1;
  padding: .4em;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  width: 100%;
  display: block;
}

input[type=number],
input[type=tel],
input[type=month],
input[type=week],
input[type=date],
input[type=time],
input[type=datetime] {
  border: 2px solid #d1d1d1;
  padding: .4em;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  display: block;
}

input[type=password] {}

input[type=number] {}

input[type="checkbox"] {
  font-weight: 700;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  font-size: 17px;
}

input[type="checkbox"]:checked+.uikit-control-input__text::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68 41.42 53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E %3C/svg%3E");
}

input[type="checkbox"]:before,
input[type="checkbox"]:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Can't have this one as a default */
.matrix .sq-form-question-select>div.sq-form-question-answer select {
  padding-right: .4em;
  position: relative;
  z-index: 1;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  font-size: 16px;
  text-indent: .01px;
  text-overflow: '';
  border: none;
  padding: .4em;
  border: 2px solid #d1d1d1;
  border-radius: 3px;
  box-sizing: border-box;
  width: 100%;

}

input[type=button],
input[type=submit],
input[type=reset] {
  border: none;
  background: 0 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 17px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  background-color: #3f2583;
  padding: .8em 1.2em;
  cursor: pointer;
  transition: background .1s ease;
  margin: 3.2em 0 0 0;
}

/* End Bringing across RW default form styles on 2018-Feb-06 */


/* setting height on .spf-article-box image wrapper wrapper as it defaults to the 420px from banner */
.spf-article-box .spf-image-outer {
  height: 176px;
}

/* giving article boxes some more breathing space at lower res for col-md - need to find a cleaner solution for this*/
@media (max-width: 991px) {

  .spf-body.uikit-grid .col-md-1 .spf-article-box,
  .spf-body.uikit-grid .col-md-10 .spf-article-box,
  .spf-body.uikit-grid .col-md-11 .spf-article-box,
  .spf-body.uikit-grid .col-md-12 .spf-article-box,
  .spf-body.uikit-grid .col-md-2 .spf-article-box,
  .spf-body.uikit-grid .col-md-3 .spf-article-box,
  .spf-body.uikit-grid .col-md-4 .spf-article-box,
  .spf-body.uikit-grid .col-md-5 .spf-article-box,
  .spf-body.uikit-grid .col-md-6 .spf-article-box,
  .spf-body.uikit-grid .col-md-7 .spf-article-box,
  .spf-body.uikit-grid .col-md-8 .spf-article-box,
  .spf-body.uikit-grid .col-md-9 .spf-article-box,
  .spf-body.uikit-grid .col-md-1 .spf-article-card,
  .spf-body.uikit-grid .col-md-10 .spf-article-card,
  .spf-body.uikit-grid .col-md-11 .spf-article-card,
  .spf-body.uikit-grid .col-md-12 .spf-article-card,
  .spf-body.uikit-grid .col-md-2 .spf-article-card,
  .spf-body.uikit-grid .col-md-3 .spf-article-card,
  .spf-body.uikit-grid .col-md-4 .spf-article-card,
  .spf-body.uikit-grid .col-md-5 .spf-article-card,
  .spf-body.uikit-grid .col-md-6 .spf-article-card,
  .spf-body.uikit-grid .col-md-7 .spf-article-card,
  .spf-body.uikit-grid .col-md-8 .spf-article-card,
  .spf-body.uikit-grid .col-md-9 .spf-article-card {
    margin-top: 12px;
  }
}


/* Banners from RW - 06 Mar 18 */
/*  Start of gradient variations - RW 20171211*/

.spf-body .spf-text-banner.spf-text-banner--gradient-tc {
  background: linear-gradient(to right, #0042ac 0%, #4e2984 50%, #bd0021 100%);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-tc a,
.spf-body .spf-text-banner.spf-text-banner--gradient-tc span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-navy-violet {
  background: linear-gradient(to right, #0078ca, #482d8d);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-navy-violet a,
.spf-body .spf-text-banner.spf-text-banner--gradient-navy-violet span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-navy-indigo {
  background: linear-gradient(to right, #0078ca, #333092);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-navy-indigo a,
.spf-body .spf-text-banner.spf-text-banner--gradient-navy-indigo span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-red-violet {
  background: linear-gradient(to right, #d20032, #482d8d);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-red-violet a,
.spf-body .spf-text-banner.spf-text-banner--gradient-red-violet span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-orange-red {
  background: linear-gradient(to right, #e74300, #d20032);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-orange-red a,
.spf-body .spf-text-banner.spf-text-banner--gradient-orange-red span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-red-pink {
  background: linear-gradient(to right, #d20032, #ab4399);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-red-pink a,
.spf-body .spf-text-banner.spf-text-banner--gradient-red-pink span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-aqua-green {
  background: linear-gradient(to right, #0c7f89, #6a9612);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-aqua-green a,
.spf-body .spf-text-banner.spf-text-banner--gradient-aqua-green span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-aqua-indigo {
  background: linear-gradient(to right, #0c7f89, #333092);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-aqua-indigo a,
.spf-body .spf-text-banner.spf-text-banner--gradient-aqua-indigo span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-green-yellow {
  background: linear-gradient(to right, #6a9612, #fcd502);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-green-yellow a,
.spf-body .spf-text-banner.spf-text-banner--gradient-green-yellow span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-violet-indigo {
  background: linear-gradient(to right, #3f2583, #a33790);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-violet-indigo a,
.spf-body .spf-text-banner.spf-text-banner--gradient-violet-indigo span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-blue {
  background: linear-gradient(to right, #2c4fac 0%, #1d92e2 100%);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-blue a,
.spf-body .spf-text-banner.spf-text-banner--gradient-blue span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-darknavy-royal {
  background: linear-gradient(to right, #003e7f, #000c36);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--gradient-darknavy-royal a,
.spf-body .spf-text-banner.spf-text-banner--gradient-darknavy-royal span {
  color: #f0f3f5;
}



.spf-body .spf-text-banner.spf-text-banner--image-gradient-tc .spf-text-banner--image-content:before {
  background: #0066fb !important;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0066fb 0%, #4e2984 50%, #da1931 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0066fb 0%, #4e2984 50%, #da1931 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0066fb 0%, #4e2984 50%, #da1931 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066fb', endColorstr='#da1931', GradientType=1) !important;
  /* IE6-9 */
}


/*  end of gradient variations */



/* Start of solid banner variations */

.spf-body .spf-text-banner.spf-text-banner--primary-navy {
  background-color: #0078ca;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-navy a,
.spf-body .spf-text-banner.spf-text-banner--primary-navy span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-violet {
  background-color: #482d8d;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-violet a,
.spf-body .spf-text-banner.spf-text-banner--primary-violet span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-charcoal {
  background-color: #414042;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-charcoal a,
.spf-body .spf-text-banner.spf-text-banner--primary-charcoal span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-grey {
  background-color: #acada5;
  color: #000;
}

.spf-body .spf-text-banner.spf-text-banner--primary-grey a,
.spf-body .spf-text-banner.spf-text-banner--primary-grey span {
  color: #000;
}

.spf-body .spf-text-banner.spf-text-banner--primary-grey a {
  border-bottom: solid 1px #000;
}

.spf-body .spf-text-banner.spf-text-banner--primary-darkgrey {
  background-color: #313131;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-darkgrey a,
.spf-body .spf-text-banner.spf-text-banner--primary-darkgrey span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-yellow {
  background-color: #fcd502;
  color: #000;
}

.spf-body .spf-text-banner.spf-text-banner--primary-yellow a,
.spf-body .spf-text-banner.spf-text-banner--primary-yellow span {
  color: #000;
}

.spf-body .spf-text-banner.spf-text-banner--primary-yellow a {
  border-bottom: solid 1px #000;
}

.spf-body .spf-text-banner.spf-text-banner--primary-orange {
  background-color: #e74300;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-orange a,
.spf-body .spf-text-banner.spf-text-banner--primary-orange span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-green {
  background-color: #6a9612;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-green a,
.spf-body .spf-text-banner.spf-text-banner--primary-green span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-aqua {
  background-color: #0c7f89;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-aqua a,
.spf-body .spf-text-banner.spf-text-banner--primary-aqua span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-red {
  background-color: #d20032;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-red a,
.spf-body .spf-text-banner.spf-text-banner--primary-red span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-pink {
  background-color: #ab4399;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-pink a,
.spf-body .spf-text-banner.spf-text-banner--primary-pink span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-indigo {
  background-color: #333092;
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--primary-indigo a,
.spf-body .spf-text-banner.spf-text-banner--primary-indigo span {
  color: #f0f3f5;
}

/* End of solid banner variations */

/*adding in visible border bottom to anchors */
.spf-body .spf-text-banner a {
  border-bottom: solid 1px #fff;
}

/* end Banners from RW - 06 Mar 18 */

/* JY Adding in colours for gradient banners with text and link. Included base gradient banner styles again to correct typo */
.spf-text-banner.spf-text-banner--image-gradient {
  background-image: url();
  background-size: cover;
  position: relative;
  padding: 0;
  overflow: hidden;
  max-height: 200px;
  overflow: auto
}

.spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content,
.spf-body .spf-text-banner.spf-text-banner--image-gradient .spf-text-banner--image-content {
  position: relative;
  padding: 1.6em 3.2em;
  display: inline-block;
  height: 100%;
  width: 35%;
  min-width: 250px;
  margin-left: -1.6em
}

.spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content::before,
.spf-body .spf-text-banner.spf-text-banner--image-gradient .spf-text-banner--image-content::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skewX(-15deg);
  background-color: #3f2583
}

.spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content .spf-text-banner--image-content-text,
.spf-body .spf-text-banner.spf-text-banner--image-gradient .spf-text-banner--image-content .spf-text-banner--image-content-text {
  position: relative;
  height: 100%;
  width: 100%;
  color: #fff
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #3f2583, #a33790)
}

.spf-page-content,
.spf-page-content--left,
.spf-page-content--middle,
.spf-page-content--right {
  position: relative;
  display: block;
  padding: 1.6em
}

.spf-page-content--middle {
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.navy-violet .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #0078ca, #482d8d);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.navy-violet a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.navy-violet span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.navy-indigo .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #0078ca, #333092);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.navy-indigo a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.navy-indigo span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.red-violet .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #d20032, #482d8d);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.red-violet a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.red-violet span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.orange-red .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #e74300, #d20032);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.orange-red a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.orange-red span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.red-pink .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #d20032, #ab4399);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.red-pink a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.red-pink span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.aqua-green .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #0c7f89, #6a9612);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.aqua-green a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.aqua-green span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.aqua-indigo .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #0c7f89, #333092);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.aqua-indigo a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.aqua-indigo span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.green-yellow .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #6a9612, #fcd502);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.green-yellow a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.green-yellow span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.violet-indigo .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #3f2583, #a33790);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.violet-indigo a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.violet-indigo span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.blue .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #2c4fac 0%, #1d92e2 100%);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.blue a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.blue span {
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.darknavy-royal .spf-text-banner--image-content:before {
  background: linear-gradient(to right, #003e7f, #000c36);
  color: #f0f3f5;
}

.spf-body .spf-text-banner.spf-text-banner--image-gradient.darknavy-royal a,
.spf-body .spf-text-banner.spf-text-banner--image-gradient.darknavy-royal span {
  color: #f0f3f5;
}

/* End JY gradient banners */

/* Styles added 2018-Mar-08 */

/* fixing banner from exceeding 100% width */
.spf-body .spf-text-banner {
  box-sizing: border-box;
}

/* side nav level four indenting + arrow */
aside.sidebar ul ul ul ul a:before {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: -3px 0px 0px -10px;
  text-decoration: none;
  float: left;
  font-size: 1.2em;
  position: absolute;
}

.primary-nav ul ul ul ul a,
.local-nav ul ul ul ul a {
  padding-left: 4em;
}

/* side nav level five indenting + arrow */
.primary-nav ul ul ul ul ul a,
.local-nav ul ul ul ul ul a {
  padding-left: 5em;
}

aside.sidebar ul ul ul ul ul a:before {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: -3px 0px 0px -10px;
  text-decoration: none;
  float: left;
  font-size: 1.2em;
  position: absolute;
}

/* This may need to be removed at some point - it exists on patternlab but not in the actual template*/
* {
  box-sizing: border-box;
}

/* End Styles added 2018-Mar-08 */


/* Matrix Specific Styles */
/* defaulting select elements along with the wrapping div for drop down etc in Matrix */
@media print {
  select {
    border-color: #000 !important
  }

  .matrix .sq-form-question-select>div.sq-form-question-answer:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23000' d='M64 128l64-64-16-16-64 64'/%3E   %3Cpath fill='%23000' d='M64 128l16-16-64-64L0 64'/%3E  %3C/svg%3E") !important
  }
}

.matrix .sq-form-question-select>div.sq-form-question-answer {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background-color: #fff;
  margin-bottom: .8em;
  box-sizing: border-box
}

.matrix .sq-form-question-select>div.sq-form-question-answer:after {
  content: ' ';
  position: absolute;
  top: 50%;
  right: .8em;
  width: .8em;
  height: .8em;
  margin-top: -.4em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%233F2583' d='M64 128l64-64-16-16-64 64'/%3E   %3Cpath fill='%233F2583' d='M64 128l16-16-64-64L0 64'/%3E  %3C/svg%3E");
  background-repeat: no-repeat;
  z-index: 0
}

.ie8 .matrix .sq-form-question-select>div.sq-form-question-answer:after,
.ie9 .matrix .sq-form-question-select>div.sq-form-question-answer:after {
  display: none
}

.matrix .sq-form-question-select>div.sq-form-question-answer.uikit-select-block {
  display: block
}

.matrix .sq-form-question-select>div.sq-form-question-answer.uikit-select-block .matrix .sq-form-question-select>div.sq-form-question-answer select {
  width: 100%
}

.matrix .sq-form-question-select>div.sq-form-question-answer select {
  position: relative;
  z-index: 1;
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  font-size: 16px;
  text-indent: .01px;
  text-overflow: '';
  border: none;
  padding: .4em 2.4em .4em .4em;
  border: 2px solid #d1d1d1;
  border-radius: 3px;
  box-sizing: border-box
}

.matrix .sq-form-question-select>div.sq-form-question-answer select:focus {
  outline: 1px solid #313131;
  outline-offset: 1px
}

.matrix .sq-form-question-select>div.sq-form-question-answer select:disabled {
  cursor: not-allowed;
  background: rgba(168, 170, 172, .5);
  color: #5a5a5a
}

.matrix .sq-form-question-select>div.sq-form-question-answer select::-ms-expand {
  display: none
}

.ie8 .matrix .sq-form-question-select>div.sq-form-question-answer select,
.ie9 .matrix .sq-form-question-select>div.sq-form-question-answer select {
  padding-right: .4em
}

html>body .matrix .sq-form-question-select>div.sq-form-question-answer select,
x:-moz-any-link,
x:default {
  padding-right: .4em
}

@supports (-moz-osx-font-smoothing:auto) {
  html body .matrix .sq-form-question-select>div.sq-form-question-answer select {
    padding-right: 2.4em
  }
}

/* end matrix select styles */
/* End Matrix Specific Styles */

/* Adding Montserrat headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;
}

/* Remove outline for skip to content on body */
.uikit-body #main:target {
  outline: none
}

/* Skip to content link styles */

a#skip {
  position: absolute;
  top: -500px;
  color: #000;
  z-index: 999;
}

a#skip:focus {
  top: 0px;
}

/* Hiding elements from print */

@media print {

  .spf-top-nav-mobile,
  .local-nav,
  .header-search-row,
  .top-nav-hr,
  .spf-page-content--left,
  header {
    display: none;
  }
}

/* Temporary styles until FB template sorted */
#search-inner-wrapper {
  margin-left: 5%;
  width: 75%;
}

#search-facets {
  width: 20%;
}

#search-results {
  max-width: max-content;
}

/* Remove border from element */
.spf-body .no-border {
  border: none
}

/* set header ul to display block to be 100% width of container */
.uikit-header__logo-wrapper ul.uikit-link-list.uikit-link-list--inline {
  display: block;
}

/* set text inside dark breadcrumbs banner to white */
.spf-text-banner--dark a,
.spf-text-banner--dark span {
  color: #fff;
  border-color: #edd7e9;
  transition: color .1s ease-in-out;
}

/* set links in breadcrumbs to have black font when hovered */
.uikit-body .uikit-breadcrumbs a:focus,
.uikit-body .uikit-breadcrumbs a:hover {
  color: #000;
}

/* give .spf-body .spf-article-box a bottom margin */
.spf-body .spf-article-box {
  margin-bottom: 10px;
}

/* Class for article boxes using the background-image approach */
.spf-image-outer.background-article-box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden !important;
}

/* Fix anchors in th elements to not be black on dark purple */
.uikit-body th a,
.spf-body table>tbody>tr>th a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.uikit-body th a:hover,
.spf-body table>tbody>tr>th a:hover {
  color: #3f2583;
  border-bottom: 1px solid #3f2583;
  background: #fff;
}

/* global class to remove line height */
.no-line-height {
  line-height: 0;
}

/* hide funnelback autocomplete helper */
.ui-helper-hidden-accessible {
  display: none;
}

/* Put the submit button on the funnelback search page on the same line as the query input */
#searchform #query {
  display: inline-block;
}

#searchform input[type="submit"] {
  margin-top: 0;
}

/* Banner fixes */
.spf-body .spf-text-banner.spf-text-banner--image,
.spf-body .spf-text-banner.spf-text-banner--image-gradiant {
  overflow: hidden;
}

.spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content::before,
.spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content::before {
  left: -10px;
}

/* increase z-index of header so links can be clicked at lower resolutions */
header .col-md-8 {
  z-index: 99;
}

/* Mobile nav styles */
.mobile-menu-button {
  position: absolute;
  right: 8.3333333333%;
  display: none;
  border: 0px !important;
  top: 1em;
  width: 34px;
  height: 34px;
  background: transparent;
  padding: 0px;
  background: #1A5998;
  color: white;
  text-decoration: none;
  z-index: 101;
}

@media (max-width: 991px) {
  .mobile-menu-button {
    display: block;
  }
}

@media print {
  .mobile-menu-button {
    display: none;
  }
}

.mobile-menu-button i {
  line-height: 34px;
  font-size: 1.5em;
}

.mobile-menu-button .close {
  display: none;
}

.mobile-menu-button.active .open {
  display: none;
}

.mobile-menu-button.active .close {
  display: block;
}

.mobile-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1800;
  transition: all 0.3s;
  opacity: 0;
  transform: translate(-150%, 0);
}

.mobile-menu-overlay.active {
  opacity: 1;
  transform: translate(0, 0);
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: 1.5em;
  background: white;
  z-index: 2000;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: all 0.3s;
  transform: translate(-150%, 0);
}

@media (max-width: 720px) {
  .mobile-menu {
    right: 40%;
  }
}

@media (max-width: 640px) {
  .mobile-menu {
    right: 10%;
  }
}

.mobile-menu.active {
  transform: translate(0, 0);
}

.mobile-menu ul,
.mobile-menu li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.mobile-menu li {
  position: relative;
  display: block !important;
}

.mobile-menu>ul>li:first-child>a {
  /*border: 0px;*/
}

.mobile-menu>ul>.menu-item--expanded>a {
  font-weight: bold;
}

.mobile-menu>ul ul,
.mobile-menu>ul .level-1 {
  display: none;
}

.mobile-menu>ul ul.show,
.mobile-menu>ul .level-1.show {
  display: block;
}

.mobile-menu>ul .level-1.show ul {
  display: block;
}

.mobile-menu a {
  text-decoration: none;
  color: black;
  padding: 0.8em;
  display: block;
  border-top: 1px solid #d4e2f0;
  margin-bottom: -1px;
}

.mobile-menu a.expand {
  position: absolute;
  right: 0;
  z-index: 100;
  top: 0;
  display: block;
  padding: 0.8em;
  border: 0px;
  transition: all 0.3s;
  transform: rotate(0deg);
}

.mobile-menu a.expand:hover,
.mobile-menu a.expand:active,
.mobile-menu a.expand:focus {
  background: transparent;
  border: 0px;
}

.mobile-menu a.expand.active {
  transform: rotate(180deg);
}

.mobile-menu a.expand+a {
  padding-right: 40px;
}

.mobile-menu a.is-active {
  font-weight: bold;
}

.mobile-menu .close-mobile-menu {
  /*position: absolute;*/
  border: 0;
  text-align: right;
  font-size: 1.5em;
  padding: 0 0.5em 18px;
}


/* Side nav styles */
.spf-body .region-sidebar-first .spf-side-nav,
.spf-body .mobile-menu .spf-side-nav {
  padding: 0;
}

.spf-body .region-sidebar-first .spf-side-nav a,
.spf-body .mobile-menu .spf-side-nav a {
  padding: 0.8em 2em 0.8em 0.8em;
}

.spf-body .region-sidebar-first .spf-side-nav li.is-active>a,
.spf-body .mobile-menu .spf-side-nav li.is-active>a {
  font-weight: bold;
  text-decoration: underline;
}

.spf-body .region-sidebar-first .spf-side-nav li,
.spf-body .mobile-menu .spf-side-nav li {
  border-color: #cbcbcb !important;
  border-left: 0;
  border-right: 0;
  position: relative;
}

.spf-body .region-sidebar-first .spf-side-nav li .expand,
.spf-body .mobile-menu .spf-side-nav li .expand {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  display: block;
  padding: 0.8em;
  border: 0px;
  transition: all 0.3s;
  transform: rotate(0deg);
}

.spf-body .mobile-menu .spf-side-nav li a.expand {
  display: none;
}

.spf-body .mobile-menu .spf-side-nav li.has-children2>a.expand {
  display: block;
}

.spf-body .region-sidebar-first .spf-side-nav li .expand:hover,
.spf-body .region-sidebar-first .spf-side-nav li .expand:active,
.spf-body .region-sidebar-first .spf-side-nav li .expand:focus,
.spf-body .mobile-menu .spf-side-nav li .expand:hover,
.spf-body .mobile-menu .spf-side-nav li .expand:active,
.spf-body .mobile-menu .spf-side-nav li .expand:focus {
  background: transparent;
  border: 0px;
}

.spf-body .region-sidebar-first .spf-side-nav li .expand:hover,
.spf-body .region-sidebar-first .spf-side-nav li .expand:focus,
.spf-body .mobile-menu .spf-side-nav li .expand:hover,
.spf-body .mobile-menu .spf-side-nav li .expand:focus {
  /*outline: 1px solid black;*/
}

.spf-body .region-sidebar-first .spf-side-nav li .expand:hover i,
.spf-body .region-sidebar-first .spf-side-nav li .expand:focus i,
.spf-body .mobile-menu .spf-side-nav li .expand:hover i,
.spf-body .mobile-menu .spf-side-nav li .expand:focus i {
  color: #1A5998;
}

.spf-body .region-sidebar-first .spf-side-nav li .expand.active,
.spf-body .mobile-menu .spf-side-nav li .expand.active {
  transform: rotate(180deg);
}

.spf-body .region-sidebar-first .spf-side-nav li .expand+a,
.spf-body .mobile-menu .spf-side-nav li .expand+a {
  padding-right: 40px;
}

.spf-body .region-sidebar-first .spf-side-nav--first,
.spf-body .mobile-menu .spf-side-nav--first {
  display: block;
}

.spf-body .region-sidebar-first .spf-side-nav--first>a,
.spf-body .mobile-menu .spf-side-nav--first>a {
  font-weight: bold;
}

.spf-body .region-sidebar-first .spf-side-nav--second li a,
.spf-body .mobile-menu .spf-side-nav--second li a {
  background-color: transparent;
  padding: 0.8em;
  padding-left: 1.6em;
}

.spf-body .region-sidebar-first .spf-side-nav--second li li a,
.spf-body .mobile-menu .spf-side-nav--second li li a {
  padding-left: 2.5em;
  font-size: 0.9em;
}

.spf-body .region-sidebar-first .spf-side-nav ul,
.spf-body .region-sidebar-first .spf-side-nav>li,
.spf-body .mobile-menu .spf-side-nav ul,
.spf-body .mobile-menu .spf-side-nav>li {
  display: none;
}

.spf-body .region-sidebar-first .spf-side-nav ul.show,
.spf-body .region-sidebar-first .spf-side-nav ul.spf-side-nav--first,
.spf-body .region-sidebar-first .spf-side-nav>li.show,
.spf-body .region-sidebar-first .spf-side-nav>li.spf-side-nav--first,
.spf-body .mobile-menu .spf-side-nav ul.show,
.spf-body .mobile-menu .spf-side-nav ul.spf-side-nav--first,
.spf-body .mobile-menu .spf-side-nav>li.show,
.spf-body .mobile-menu .spf-side-nav>li.spf-side-nav--first {
  display: block;
}

.spf-body .region-sidebar-first .spf-side-nav>.menu-item--active-trail,
.spf-body .mobile-menu .spf-side-nav>.menu-item--active-trail {
  display: block;
}

.spf-body .region-sidebar-first .spf-side-nav.no-active-trail>li,
.spf-body .mobile-menu .spf-side-nav.no-active-trail>li {
  display: block;
}

.spf-body .region-sidebar-first .spf-side-nav.has-active-trail>li>a,
.spf-body .mobile-menu .spf-side-nav.has-active-trail>li>a {
  /*display: none;*/
}

.spf-body .region-sidebar-first .spf-side-nav.has-active-trail>li>ul,
.spf-body .mobile-menu .spf-side-nav.has-active-trail>li>ul {
  margin-top: -1px;
}

.spf-body .region-sidebar-first .spf-side-nav.has-active-trail>li>ul>li>a,
.spf-body .mobile-menu .spf-side-nav.has-active-trail>li>ul>li>a {
  font-weight: bold;
  padding-left: 0.8em;
}

.spf-body .region-sidebar-first .spf-side-nav .hide-from-sidebar,
.spf-body .mobile-menu .spf-side-nav .hide-from-sidebar {
  display: none !important;
}

.spf-body footer.uikit-footer-acknowledgement {
  background-color: #ffffff;
  border-top: 2px solid #c5c5c5;
  padding-top: 1.6em;
  padding-right: 0px;
  padding-bottom: 1.6em;
  padding-left: 0px;
}

.spf-body footer.uikit-footer-acknowledgement h4 {
  margin-block-start: 0;
  margin-block-end: .4em;
  margin-top: 0px;
}

/*////////////////////////////////
//   Emergency Contact Banner   //
////////////////////////////////*/

@media print {
  #block-emergencycontacttakeover {
    display: none;
  }
}

#block-emergencycontacttakeover .contextual {
  z-index: 5000;
}

#block-emergencycontacttakeover .contextual .quickedit {
  display: none;
}

#block-emergencycontacttakeover .button-column {
  position: static;
}

#block-emergencycontacttakeover .emergency-contact {
  position: relative;
}

#block-emergencycontacttakeover .emergency-contact-bar {
  background: #313131;
}

#block-emergencycontacttakeover .emergency-contact-bar h2 {
  color: white;
  padding: 0.6em 0;
  margin: 0px;
  line-height: 1.2em;
  font-weight: 600;
}

#block-emergencycontacttakeover .emergency-contact-button {
  margin: 0px;
  background: #D20032;
  border-radius: 0px;
  border: 0px;
  font-weight: 600;
  line-height: 1.2em;
  padding: 0.6em 1.2em;
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

@media (max-width: 991px) {
  #block-emergencycontacttakeover .emergency-contact-button {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 0.6em 0.8em;
    letter-spacing: -1px;
  }
}

#block-emergencycontacttakeover .emergency-contact-button:hover,
#block-emergencycontacttakeover .emergency-contact-button:focus,
#block-emergencycontacttakeover .emergency-contact-button:active {
  text-decoration: underline;
}

#block-emergencycontacttakeover .emergency-contact-button:after {
  color: white;
}

#block-emergencycontacttakeover .emergency-contact-button i:first-child {
  margin-right: 10px;
}

@media (max-width: 991px) {
  #block-emergencycontacttakeover .emergency-contact-button i:first-child {
    /*margin-right: 0px;*/
  }
}

#block-emergencycontacttakeover .emergency-contact-button i:last-child {
  margin-left: 10px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  #block-emergencycontacttakeover .emergency-contact-button i:last-child {
    float: right;
  }
}

@media (max-width: 991px) {
  #block-emergencycontacttakeover .emergency-contact-button .button-text {
    /*display: none;*/
  }
}

#block-emergencycontacttakeover .emergency-contact-button.active i:last-child {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#block-emergencycontacttakeover .emergency-contact-drop-down {
  position: absolute;
  background: white;
  z-index: 1000;
  max-height: 0px;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0px;
  box-shadow: 0px;
  overflow: hidden;
}

#block-emergencycontacttakeover .emergency-contact-drop-down.active {
  max-height: 2000px;
  -webkit-box-shadow: 0 17px 32px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 17px 32px -6px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
  #block-emergencycontacttakeover .emergency-contact-drop-down.active {
    max-height: 2000px;
  }
}

#block-emergencycontacttakeover .emergency-contact-drop-down a {
  border-color: #d5dcee;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item {
  position: relative;
  margin-bottom: 2em;
  padding-bottom: 2em;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 85%;
  border-bottom: 3px solid #313131;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item .field--name-field-icon {
  display: none;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item .field--name-field-title {
  color: #3f2583;
  font-size: 1.25em;
  font-family: Montserrat;
  font-weight: bold;
  line-height: 1.2em;
  padding-bottom: 1.2em;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item .field--name-field-body {
  max-width: 80%;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item h2,
#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item h3,
#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item p {
  margin: 0 0 0.5em;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item h2 {
  font-size: 1.875em;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item h3 {
  font-size: 1.625em;
}

#block-emergencycontacttakeover .emergency-contact-drop-down .field__items>.field__item hr {
  border-color: black;
}

html:not(.js) #block-emergencycontacttakeover .emergency-contact-bar:focus-within+.emergency-contact-drop-down,
html:not(.js) #block-emergencycontacttakeover .emergency-contact-drop-down:focus-within,
#block-emergencycontacttakeover .emergency-contact-drop-down.active {
  max-height: 2000px;
  -webkit-box-shadow: 0 17px 32px -6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 17px 32px -6px rgba(0, 0, 0, 0.2);
}

/*////////////////////////////////
// End Emergency Contact Banner //
////////////////////////////////*/

/*key-tasks fix*/
@media (min-width:992px) {
  .spf-key-tasks-icon-set .row {
    display: flex;
    align-items: stretch;
  }
}

/* error alert border colour update */
.uikit-page-alerts--error {
  border-color: #d20032
}

/* Tabs fix */
.spf-body .spf-tabs-menu .uikit-link-list {
  z-index: 2;
}

.spf-body .spf-tabs-content {
  z-index: 0;
}

/* End tabs fix*/

blockquote {
  background: #f0f3f5;
  padding: 24px;
  padding: 1.5rem;
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
}

.spf-image-inner img {
  width: 100%;
}

.spf-image-outer,
.spf-banner-image {
  height: auto;
  max-height: 420px;
}

a.no-bottom-border {
  border-bottom: none;
}

.uikit-body a.unstyled {
  border-bottom: none;
}

.uikit-body a.unstyled:focus,
.uikit-body a.unstyled:hover {
  background-color: transparent;
}


/* 2.1.6 sticky top nav styles */

/* Hamburgers */

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

.hamburger.is-active:hover,
.hamburger:hover {
  opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #000
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block
}

.hamburger-inner:before {
  top: -10px
}

.hamburger-inner:after {
  bottom: -10px
}

.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
  transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
  -webkit-transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
  -webkit-transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7);
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7);
  -webkit-transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7);
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7);
  -webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
  -webkit-transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
  -webkit-transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7);
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7);
  -webkit-transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7);
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7);
  -webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
  transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  -webkit-transition-property: none;
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .13s;
  transition-duration: .13s;
  -webkit-transition-delay: .13s;
  transition-delay: .13s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  -webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
  -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .13s;
  transition-duration: .13s;
  -webkit-transition-delay: .13s;
  transition-delay: .13s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  -webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
  -webkit-transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: .275s;
  transition-duration: .275s;
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  -webkit-transition: opacity .125s ease .275s;
  transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  -webkit-transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: .275s;
  transition-duration: .275s;
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  -webkit-transition: opacity .125s ease .275s;
  transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  -webkit-transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color .125s ease-in .175s;
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  -webkit-transition: top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  -webkit-transition: top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  -webkit-transition: left .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: left .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  -webkit-transition: right .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: right .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color .125s ease-in .175s;
  transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  -webkit-transition: top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  -webkit-transition: top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  -webkit-transition: left .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: left .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  -webkit-transition: right .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: right .125s ease-out, top .05s linear .125s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
  transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s, -webkit-transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
  -webkit-transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear;
  transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
  opacity: 0;
  -webkit-transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--slider .hamburger-inner:before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
  top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
  -webkit-transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner:after {
  top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  -webkit-transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: .22s;
  transition-duration: .22s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
  -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
  transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: .22s;
  transition-duration: .22s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
  -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
  -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
  transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s linear .13s;
  transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
  top: 10px;
  -webkit-transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
  top: 20px;
  -webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .13s;
  transition-duration: .13s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  -webkit-transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear;
  transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
  -webkit-transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
  transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
  transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s
}

.hamburger--stand .hamburger-inner:before {
  -webkit-transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
  -webkit-transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
  transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
  transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s;
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
  transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) .15s
}

.hamburger--stand-r .hamburger-inner:before {
  -webkit-transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
  -webkit-transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
  transition: background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s;
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
  transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) 0s
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: top 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: bottom 75ms ease-out .1s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
  transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
  -webkit-transition: top 75ms ease .12s, opacity 75ms ease;
  transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
  -webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 75ms ease, opacity 75ms ease .12s;
  transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

/* end Hamburgers */

/* button styles to remove border etc on mobile menu button, might break other stuff */
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

button {
  background: none;
  border: none;
}

button,
select {
  text-transform: none;
}

button,
input {
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/* end button styles */

.container {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 90em) {
  .container {
    width: 84em;
  }
}



nav {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 120;
  background: #fff;
  position: fixed;
  width: 320px;
  height: 100%;
  top: 0;
  left: -320px;
  visibility: hidden;
}

@media (min-width: 62em) {
  nav {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    visibility: visible;
  }
}

nav.is-active {
  left: 0;
  visibility: visible;
}

nav.is-active .nav-container {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

nav.is-active .nav-container .inner-container .logo-container,
nav.is-active .nav-container .inner-container .search-btn {
  display: none !important;
}

nav .nav-container {
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: auto;
  max-height: 100%;
}

@media (min-width: 62em) {
  nav .nav-container {
    border-bottom: 1px solid #e6e6e6;
  }
}

nav .nav-container .inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /*justify-content: space-between;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 62em) {
  nav .nav-container .inner-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

nav .nav-container .inner-container .logo-container {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

nav .nav-container .inner-container .logo-container a.logo {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0;
}

nav .nav-container .inner-container .logo-container a.logo img {
  height: 100%;
}

nav .nav-container .inner-container .logo-container a.logo :last-child {
  margin-left: 0.5rem;
  padding-left: 1rem;
  border-left: 1px solid #000;
  white-space: nowrap;
  font-size: 1.5em;
}

nav .nav-container .inner-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  padding: 0;
  width: 100%;
}

@media (min-width: 62em) {
  nav .nav-container .inner-container ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    margin: 0;
  }
}

nav .nav-container .inner-container ul li {
  position: relative;
}

nav .nav-container .inner-container ul li a {
  display: block;
  padding: 0.8rem 0;
  font-weight: 700;
  border-bottom: 1px solid #dadada;
  margin-right: 0;
}

@media (min-width: 62em) {
  nav .nav-container .inner-container ul li a {
    padding: 1.6rem 0.8rem 1.4rem;
    border-bottom: 0.2rem solid transparent;
  }
}

nav .nav-container .inner-container ul li a:hover {
  border-bottom-color: #3f2583;
}

nav .nav-container .inner-container ul li a .icon-cmtedd-arrow-down {
  font-size: 0.8rem;
  margin-left: 0.5rem;
}

nav .nav-container .inner-container ul li a.external-link-icon:after {
  position: static;
  margin-left: 0.4rem;
}

nav .nav-container .inner-container ul li .submenu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  background: #fff;
  width: 100%;
}

nav .nav-container .inner-container ul li .submenu li {
  border-bottom: 1px solid #212121;
}

nav .nav-container .inner-container ul li .submenu li a {
  padding: 1rem;
  line-height: 1.2;
}

nav .nav-container .inner-container .button--subscription {
  font-size: 1em;
  width: 100%;
  padding: 0.8em 0;
  margin-bottom: 22px;
}

@media (min-width: 62em) {
  nav .nav-container .inner-container .button--subscription {
    width: auto;
    padding: 0.8em 1.2em;
    margin-bottom: 0;
  }
}

nav .nav-container .inner-container .search-btn {
  display: none;
  width: 40px;
}

nav .nav-container .inner-container .social-links {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media (min-width: 62em) {
  nav .nav-container .inner-container .social-links {
    display: none;
  }
}

nav .nav-container .inner-container .social-links a {
  margin: 5px;
  color: #9b9b9b;
  font-size: 0.9375em;
}

nav .nav-container .inner-container .social-links a:first-of-type {
  margin-left: 0;
}

nav .nav-search-container {
  overflow: auto;
  max-height: -webkit-calc(100% - 100px);
  max-height: calc(100% - 100px);
  background: #fff;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2;
  transition: all 0.2;
  width: 100vw;
  display: none;
  top: 103px;
  left: 320px;
}

@media (min-width: 62em) {
  nav .nav-search-container {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (max-height: 350px) {
  nav .nav-search-container {
    top: 50px;
    max-height: -webkit-calc(100% - 50px);
    max-height: calc(100% - 50px);
  }
}

.actgov nav .nav-search-container {
  top: 108px;
}

@media (min-width: 62em) {
  nav .nav-search-container {
    width: 100%;
    top: auto;
    left: auto;
    max-height: none;
  }
}

nav .nav-search-container.show {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}

nav .nav-search-container .inner-container {
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (min-width: 62em) {
  nav .nav-search-container .inner-container {
    padding: 4rem 8rem;
  }
}

nav .nav-search-container .inner-container .search-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

nav .nav-search-container .inner-container .search-container input {
  border: 2.4px solid #3f2583;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
  width: 100%;
}

@media (min-width: 62em) {
  nav .nav-search-container .inner-container .search-container input {
    padding: 1rem;
  }
}

nav .nav-search-container .inner-container .search-container button {
  border-radius: 0 4px 4px 0;
  background-color: #3f2583;
  color: #fff;
  width: 43px;
  cursor: pointer;
}

@media (min-width: 62em) {
  nav .nav-search-container .inner-container .search-container button {
    width: 60px;
  }
}

nav .nav-search-container .inner-container .tags-container span {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.4rem 0.6rem;
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
}

nav .nav-search-container .inner-container ul.links-container {
  padding: 0;
  margin: 0 -0.3rem;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

nav .nav-search-container .inner-container ul.links-container li {
  margin: 0 0.3rem;
  margin-bottom: 0.6rem;
  border-radius: 4px;
  overflow: hidden;
}

@media (max-width: 48em) {
  nav .nav-search-container .inner-container ul.links-container li {
    max-width: -webkit-calc(50% - 0.6rem);
    max-width: calc(50% - 0.6rem);
  }
}

nav .nav-search-container .inner-container ul.links-container li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 170px;
  max-width: 100%;
  height: 86px;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 1rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

nav .nav-search-container .inner-container ul.links-container li a:focus,
nav .nav-search-container .inner-container ul.links-container li a:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

nav.top {
  position: fixed;
}

nav.top .nav-container {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  border: none;
}

nav.top .nav-container .inner-container .logo-container,
nav.top .nav-container .inner-container .search-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav.top .nav-container .inner-container .search-btn {
  cursor: pointer;
}

nav.top~#status-bar {
  position: fixed;
}


/* sticky top nav sub nav styles */
@media (min-width:992px) {
  nav .nav-container .inner-container ul li .submenu {
    min-width: 250px;
  }
}

nav .nav-container {
  overflow: initial;
}

nav .nav-container .inner-container ul li:hover ul {
  display: block;
}

/* top nav */
.icon-cmtedd-arrow-down {
  display: none;
}

.has-children .icon-cmtedd-arrow-down {
  display: inline;
}

nav .nav-container .inner-container ul li .submenu {
  z-index: 99;
}

@media (max-width:992px) {
  nav .nav-container .inner-container ul li:hover ul {
    display: none;
  }

  nav .nav-container .inner-container ul li ul.show {
    display: block;
  }

  nav .nav-container .inner-container {
    width: 100%;
  }

  .spf-body .nav-container li .expand {
    transition: all 0.3s;
    transform: rotate(0deg);
  }

  .spf-body .nav-container li.has-children .expand {
    display: inline-block;
  }

  .spf-body .nav-container li .expand.active {
    transform: rotate(180deg);
  }
}















.btn--close {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  margin-top: 25px;
  margin-bottom: 5px;
  margin-right: 10px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media (min-width: 62em) {
  .btn--close {
    display: none;
  }
}

.btn--close i:after,
.btn--close i:before {
  content: "";
  width: 23px;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  top: 8px;
  left: 0;
}

.btn--close i:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btn--close i:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}




header .btn-container {
  position: absolute;
  right: 8.3333333333%;
  border: 0px !important;
  top: 1em;
  width: 34px;
  height: 34px;
  background: transparent;
  padding: 0px;
  color: white;
  text-decoration: none;
  z-index: 101;
}

@media (min-width: 62em) {
  header .btn-container {
    display: none;
  }
}

header .btn-container .search-btn {
  padding: 0 0.8rem;
}

header .btn-container .search-btn.open {
  background: #fff;
}

header .btn-container .nav-btn {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  position: relative;
  top: 2px;
}

header .btn-container .nav-btn:disabled .hamburger-inner,
header .btn-container .nav-btn:disabled .hamburger-inner:after,
header .btn-container .nav-btn:disabled .hamburger-inner:before {
  background-color: #aaa;
}


@media (max-width: 991px) .mobile-menu-button {
  display: block;
}

.mobile-menu-button {}

/* sticky top nav styles */

/* quick fix to hide duplicate mobile nav on subpages */
@media (max-width:62em) {
  .col-md-2.col-md-offset-1.spf-page-content--left.no-padding-top {
    z-index: -1;
  }
}

nav.local-nav {
  z-index: 119;
}

/* Alignment etc */
@media only screen and (max-width: 90em) {
  .uikit-grid nav.top-navigation .container.inner-container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 90em) {
  .uikit-grid nav.top-navigation .container.inner-container {
    width: 84em;
  }
}

/* End Alignment etc */

/* General styles */
.uikit-grid .hidden {
  display: none;
}

/**********************************************************************/
/*                      Margin/padding presets                        */
/**********************************************************************/
.mw-10 {
  max-width: 10%;
}

.mw-20 {
  max-width: 20%;
}

.mw-30 {
  max-width: 30%;
}

.mw-40 {
  max-width: 40%;
}

.mw-50 {
  max-width: 50%;
}

.mw-60 {
  max-width: 60%;
}

.mw-70 {
  max-width: 70%;
}

.mw-80 {
  max-width: 80%;
}

.mw-90 {
  max-width: 90%;
}

.mw-100 {
  max-width: 100%;
}

.mh-10 {
  max-height: 10%;
}

.mh-20 {
  max-height: 20%;
}

.mh-30 {
  max-height: 30%;
}

.mh-40 {
  max-height: 40%;
}

.mh-50 {
  max-height: 50%;
}

.mh-60 {
  max-height: 60%;
}

.mh-70 {
  max-height: 70%;
}

.mh-80 {
  max-height: 80%;
}

.mh-90 {
  max-height: 90%;
}

.mh-100 {
  max-height: 100%;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin.25rem !important;
}

.m-2 {
  margin: .5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 2rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: .25rem !important;
}

.mt-2 {
  margin-top: .5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: .25rem !important;
}

.mr-2 {
  margin-right: .5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: .25rem !important;
}

.mb-2 {
  margin-bottom: .5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: .25rem !important;
}

.ml-2 {
  margin-left: .5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 25rem !important;
}

.p-2 {
  padding: .5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 2rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: .25rem !important;
}

.pt-2 {
  padding-top: .5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: .25rem !important;
}

.pr-2 {
  padding-right: .5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: .25rem !important;
}

.pb-2 {
  padding-bottom: .5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: .25rem !important;
}

.pl-2 {
  padding-left: .5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

/**********************************************************************/
/*                  End margin/padding presets                        */
/**********************************************************************/
/* End General styles */

/**********************************************************************/
/*                    Article Card variations                         */
/**********************************************************************/

.spf-article-card--iconic {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0em;
  border: 1px solid hsla(0, 0%, 95%, 1.0);
  box-shadow: 0.25em 0.25em 0.25em hsla(0, 0%, 90%, 1.0);
  background-color: white;
}

.spf-article-card--iconic-imageContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 100%;
  height: 15em;
  justify-content: center;
  padding: 1em;
  border-bottom: 4px solid #f15a22;
}

.spf-article-card--iconic-imageContainer img {
  align-self: center;
  max-width: 90%;
}

.spf-article-card--iconic-contentContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 100%;
  -ms-flex: 1;
  font-weight: bold;
  font-size: 110%;
  padding: 1em 1em 1em 3em;
  position: relative;
}

.spf-article-card--iconic-contentContainer::before {
  content: '\f105';
  font-family: FontAwesome;
  font-size: 200%;
  font-weight: 100;
  color: gray;
  position: absolute;
  left: 0.75em;
  top: 0.1em;
}

.spf-article-card--iconic:hover,
.spf-article-card--iconic--horizontal:hover {
  box-shadow: 0 7px 11px 0 rgba(0, 0, 0, .2);
}

.spf-article-card--iconic--horizontal {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 4em;
  background-color: #f4f3f9;
  border-left: 8px solid #f15a22;
  padding: 1em;
}

.spf-article-card--iconic--horizontal .imageContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3em;
  align-items: center;
  margin-right: 0.5em;
}

.spf-article-card--iconic--horizontal .imageContainer img {
  height: 3em;
  width: 3em;
}

.spf-article-card--iconic--horizontal .contentContainer {
  position: relative;
  font-weight: bold;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: left;
  align-items: center;
  padding-left: 2em;
  padding-right: 2em;
}

.spf-article-card--iconic--horizontal .contentContainer:before {
  content: '\f105';
  font-family: FontAwesome;
  font-weight: 100;
  font-size: 200%;
  color: gray;
  position: absolute;
  left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  top: calc(50% - 0.8em);
}

.spf-article-card--iconic--horizontal.small-card {
  min-height: auto;
  border: none;
}

.spf-article-card--iconic--horizontal.top-card {
  border-color: #2b2868;
}

.spf-article-card--iconic--horizontal.top-card .contentContainer {
  display: block;
}

.spf-article-card--iconic--horizontal.top-card .contentContainer:before {
  content: none;
}

.spf-article-card--iconic--horizontal.top-card .contentContainer h2 {
  font-size: 1.5em;
  text-decoration: underline;
}

.spf-article-card--iconic--horizontal.top-card .contentContainer p {
  font-weight: normal;
}

.spf-article-card--tabular {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  margin: 0.5em 0em;
  /*padding: 1em 2em;*/
  /* background-color: hsla(240, 20%, 96.1%, 1.0); */
}

.spf-article-card--tabular .row {
  width: 100%;
}


.spf-article-card--tabular-title,
.spf-article-card--tabular-subtitle,
.spf-article-card--tabular-table {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 100%;
}

.spf-article-card--tabular-title h1,
.spf-article-card--tabular-title h2,
.spf-article-card--tabular-title h3,
.spf-article-card--tabular-title h4 {
  margin-top: 0;
  margin-bottom: 0 !important;
}

.spf-article-card--tabular-table {
  margin-top: 0.5em;
  margin-bottom: 0;
  align-self: flex-end;
}

.spf-article-card--tabular-table table {
  display: table;
}

.spf-article-card--tabular-table table:not(:last-of-type) {
  margin-right: 1em;
}

.spf-article-card--tabular-table table td {
  background-color: white;
  vertical-align: middle !important;
}

.spf-article-card--tabular-table table td:nth-child(2),
.spf-article-card--tabular-table table td:nth-child(3) {
  text-align: center;
  width: 6em;
}

.spf-article-card--tabular-table table td img {
  vertical-align: middle !important;
  margin-right: 1em;
}

.spf-article-card--tabular-supplementaryContentContainer {
  margin-top: 1em;
  width: 100%;
}

.spf-article-card--tabular-supplementaryContentContainer p {
  margin-bottom: 0;
}

.spf-article-card--splitted {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  margin: 0.5em 0em;
  padding: 1em 2em 2em 2em;
  background-color: hsla(240, 20%, 96.1%, 1.0);
}

.spf-article-card--splitted-contentContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 1 1 60%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 1em;
}

.spf-article-card--splitted-contentContainer a {
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 1 1 100%;
  align-self: flex-start;
  border-bottom: none;
}

.spf-article-card--splitted-contentContainer a:hover {
  background-color: transparent !important;
}

.spf-article-card--splitted-content-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 0 0 100%;
  -ms-flex: 1;
}

.spf-article-card--splitted-content-link h1,
.spf-article-card--splitted-content-link h2,
.spf-article-card--splitted-content-link h3,
.spf-article-card--splitted-content-link h4 {
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}

.spf-article-card--splitted-content-title h1,
.spf-article-card--splitted-content-title h2,
.spf-article-card--splitted-content-title h3,
.spf-article-card--splitted-content-title h4 {
  text-align: center;
}

.spf-article-card--splitted-content-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 0 0 100%;
  padding: 1em;
  background-color: #1b4093;
  color: white;
  font-weight: bold;
  border-radius: 0.5em;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 1em; */
}

.spf-article-card--splitted-content-link a {
  border-bottom: none;
  color: white;
}

.spf-article-card--splitted-imageContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 1 1 40%;
  margin-top: 2em;
  align-self: center;
  justify-content: center;
  align-items: center;
}

.spf-article-card--splitted-imageContainer img {
  align-self: center;
  max-width: 95%;
}

.spf-article-card--splitted-supplementaryContentContainer {
  margin-top: 2em;
}

.media-releases_container .container .card p,
.media-releases_container .container .card .content {
  color: #000;
  line-height: 1.5em;
  height: 6em;
  overflow: hidden;
  margin: 0;
  width: 98%;
}

/**********************************************************************/
/*                     End Article Card variations                    */
/**********************************************************************/

/**********************************************************************/
/*                   OC News article tiles secondary                  */
/**********************************************************************/
#news-list {
  position: relative
}

#news-list.actgov {
  margin-top: -2.5rem;
  margin-bottom: 1rem
}

#news-list.actgov .header-container {
  padding: 1rem;
  background-color: #f3f3f7;
  font-size: 1.375em
}

@media (min-width:48em) {
  #news-list.actgov .header-container {
    margin-left: -1rem;
    margin-right: -1rem
  }
}

#news-list.actgov .header-container .uikit-select {
  background: none
}

#news-list .header-container {
  padding: 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.75em
}

#news-list .header-container .news-list--title {
  font-weight: 700;
  font-family: Montserrat;
  width: 100%
}

@media (min-width:48em) {
  #news-list .header-container .news-list--title {
    width: auto
  }
}

#news-list .header-container .uikit-select {
  margin: 0;
  width: 100%
}

@media (min-width:48em) {
  #news-list .header-container .uikit-select {
    width: auto
  }
}

#news-list .header-container .uikit-select:before {
  content: "";
  color: #3caeef
}

#news-list .header-container .uikit-select:after,
#news-list .header-container .uikit-select:before {
  font-family: icons;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#news-list .header-container .uikit-select:after {
  color: #a1a1a1;
  background-image: none;
  content: "";
  right: 0;
  width: auto;
  height: auto;
  margin: 0
}

#news-list .header-container .uikit-select #location-select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  font-family: Montserrat;
  font-weight: 700;
  border-radius: 0;
  font-size: 1em;
  padding-left: 1.6em;
  font-size: .75em
}

@media (min-width:48em) {
  #news-list .header-container .uikit-select #location-select {
    padding-left: 2em;
    font-size: 1em
  }
}

.separator-container {
  border-left-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 0;
  margin: 1rem 0
}

@media (min-width:48em) {
  .separator-container:nth-of-type() {
    border-left-width: 1px
  }
}

@media (min-width:62em) {

  .separator-container:nth-of-type(3n),
  .separator-container:nth-of-type(3n+2) {
    border-left-width: 1px
  }

  .separator-container:nth-of-type(3n+1) {
    border-left-width: 0
  }
}

@media (min-width:75em) {

  .separator-container:nth-of-type(4n),
  .separator-container:nth-of-type(4n+2),
  .separator-container:nth-of-type(4n+3) {
    border-left-width: 1px
  }

  .separator-container:nth-of-type(4n+1) {
    border-left-width: 0
  }
}

#news-list-tabs {
  padding-left: 0;
  padding-right: 0
}

#news-list-tabs:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}

#news-list-tabs .spf-tabs-menu ul li {
  font-size: .875em
}

@media (min-width:48em) {
  #news-list-tabs .spf-tabs-menu ul li {
    font-size: 1em
  }
}

#news-list-tabs .spf-tabs-menu ul li a {
  font-family: Montserrat;
  padding: 7px;
  color: #757575;
  border: 1px solid transparent
}

@media (min-width:48em) {
  #news-list-tabs .spf-tabs-menu ul li a {
    padding: 7px 20px
  }
}

#news-list-tabs .spf-tabs-menu ul li .active {
  color: #000;
  border: 1px solid #dadada;
  border-bottom: 1px solid transparent;
  background-color: #ebe9f5
}

#news-list-tabs .spf-tabs-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #dadada;
  margin-top: -1px;
  padding: 15px 0 0;
  margin-bottom: 0;
  z-index: 0;
  position: relative
}

@media (min-width:48em) {
  #news-list-tabs .spf-tabs-content {
    max-height: none
  }
}

#news-list-tabs .spf-tabs-content .d-none {
  display: none
}

@media (min-width:48em) {
  #news-list-tabs .spf-tabs-content .d-none {
    display: block
  }
}

#news-list-tabs .spf-tabs-content--shade {
  position: absolute;
  bottom: 30px;
  left: 0;
  height: 180px;
  width: 100%;
  z-index: 10
}

#news-list-tabs .spf-tabs-content--shade:after {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fbfbfb));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fbfbfb 70%);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fbfbfb 70%);
  position: absolute
}

@media (min-width:48em) {
  #news-list-tabs .spf-tabs-content--shade {
    display: none
  }
}

#news-list-tabs .spf-tabs-content--shade--button {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  z-index: 10;
  text-align: left;
  color: #0070c9;
  font-size: .875em;
  font-weight: 600;
  letter-spacing: -.15px;
  line-height: 18px
}

#news-list-tabs .spf-tabs-content--shade--button--icon:after {
  font-family: icons;
  content: "";
  font-size: 1em;
  font-style: normal;
  position: absolute;
  right: 0;
  padding: 0 7px;
  color: #000
}

#news-list-tabs .spf-tabs-content .col-md-3 {
  margin-bottom: 24px
}

.view-more-button {
  width: 455px;
  max-width: 100%;
  color: #2c195d !important;
  border-color: #2c195d !important;
  z-index: 90
}

.card-container .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.card-container .card:hover {
  -webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
  background: none
}

.card-container .card:hover .card-content {
  background: #fff
}

.card-container .card--image {
  height: 180px
}

.card-container .card--image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.card-container .card-content {
  padding: 1rem;
  color: #2b2968
}

@media (min-width:48em) {
  .card-container .card-content {
    height: 245px
  }
}

.card-container .card-content .card--title {
  margin: 1rem 0;
  font-size: 1.25em;
  line-height: 1.5em;
  max-height: 3em;
  overflow: hidden
}

.card-container .card-content .card--title a {
  font-family: Montserrat;
  font-weight: 700;
  line-height: 24px;
  color: #222328
}

.card-container .card-content p {
  margin: 0;
  font-size: 1em;
  line-height: 1.3em;
  max-height: 3.9em;
  overflow: hidden
}

.tag {
  font-weight: 700;
  padding: 4px 6px;
  border-radius: 2px;
  font-size: .6875em;
  background: #e9e9e9;
  margin-right: 3px;
  border-bottom: none !important
}

/**********************************************************************/
/*               End OC News article tiles secondary                  */
/**********************************************************************/

/* News search styles */
.news-listing .item img {
  max-width: 100%;
}

/* End News search styles */

/**********************************************************************/
/*                      Pre & Code formatting                         */
/**********************************************************************/
pre {
  background: #f8f8f8;
  padding: 0em 2em;
  margin: 1em 0;
}

pre code {
  white-space: pre-wrap;
}

/**********************************************************************/
/*                     End Pre & Code formatting                      */
/**********************************************************************/

/**********************************************************************/
/*                              Banner                                */
/**********************************************************************/

.banner.height-140 {
  height: 120px
}

.banner.height-360 {
  height: 360px
}

.banner.height-360 .trapezoid.purple:after {
  width: -webkit-calc(100% + 130px) !important;
  width: calc(100% + 130px) !important;
  left: -66px !important
}

.banner.height-450 {
  height: 450px
}

.banner.height-450 .trapezoid.purple:after {
  width: -webkit-calc(100% + 164px) !important;
  width: calc(100% + 164px) !important;
  left: -82px !important
}

@media (min-width:48em) {
  .banner.height-large {
    height: 200px
  }
}

@media (min-width:48em) {
  .banner.height-medium {
    height: 180px
  }
}

@media (min-width:48em) {
  .banner.height-small {
    height: 140px
  }
}

.banner.gradient {
  background: -webkit-linear-gradient(23.46deg, #321c70, #532884 53.74%, #562986);
  background: linear-gradient(66.54deg, #321c70, #532884 53.74%, #562986)
}

.banner.gungahlin {
  background: #869e2e
}

.banner.white-background {
  background-color: #f3f3f3
}

@media (min-width:62em) {
  .banner.text-background:after {
    background-image: url(mysource_files/ACT.png)
  }

  .banner.text-background-white:after,
  .banner.text-background:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain
  }

  .banner.text-background-white:after {
    background-image: url(https://www.act.gov.au/__data/assets/file/0010/1542952/ACT_landing.svg?v=0.1.1)
  }
}

.banner .inner_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  overflow: hidden
}

.banner .inner_container.padding-bottom {
  padding-bottom: 2.5rem
}

@media (min-width:48em) {
  .banner .inner_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.banner .inner_container .left_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

@media (max-width:48em) {
  .banner .inner_container .left_container {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 1rem
  }
}

@media (min-width:62em) {
  .banner .inner_container .left_container {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.banner .inner_container .left_container.trapezoid:after {
  content: "";
  position: absolute;
  left: -70px;
  top: 0;
  width: -webkit-calc(100% + 70px);
  width: calc(100% + 70px);
  height: 100%;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  z-index: 0
}

.banner .inner_container .left_container.trapezoid * {
  z-index: 1
}

.banner .inner_container .left_container.purple {
  background: -webkit-linear-gradient(23.46deg, #321c70, #532884 53.74%, #562986);
  background: linear-gradient(66.54deg, #321c70, #532884 53.74%, #562986)
}

@media (min-width:48em) {
  .banner .inner_container .left_container.purple:after {
    background: -webkit-linear-gradient(23.46deg, #321c70, #532884 53.74%, #562986);
    background: linear-gradient(66.54deg, #321c70, #532884 53.74%, #562986)
  }
}

@media (min-width:48em) {
  .banner .inner_container .left_container.purple {
    background: none
  }
}

@media (max-width:48em) {
  .banner .inner_container .left_container.text-background-white {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .banner .inner_container .left_container.text-background-white .text_container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: -1rem
  }

  .banner .inner_container .left_container.text-background-white:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 60%;
    bottom: 0;
    content: "";
    background-image: url(mysource_files/act_whole.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain
  }
}

.banner .inner_container .left_container .icon_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:48em) {
  .banner .inner_container .left_container .icon_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.banner .inner_container .left_container .icon_container .icon {
  font-size: 5em;
  margin: 0 40px
}

@media (max-width:48em) {
  .banner .inner_container .left_container .icon_container .icon {
    font-size: 3.75em
  }
}

.banner .inner_container .left_container .text_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

@media (min-width:90em) {
  .banner .inner_container .left_container .text_container {
    margin: 0
  }
}

@media (min-width:62em) {
  .banner .inner_container .left_container .text_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.banner .inner_container .left_container .text_container p {
  margin: 0;
  line-height: 1.5
}

.banner .inner_container .left_container .text_container .banner-title {
  font-family: Montserrat;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 1rem;
  line-height: 1.2
}

@media (min-width:90em) {
  .banner .inner_container .left_container .text_container .banner-title {
    font-size: 2rem
  }
}

.banner .inner_container .left_container .text_container .banner-content {
  font-size: 1.2rem;
  font-weight: 600
}

.banner .inner_container .left_container .text_container>a {
  padding: .6rem 1rem;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  font-weight: 700;
  font-size: 1.125em
}

.banner .inner_container .left_container .text_container>a.fill {
  background: #fff;
  color: #472d8c
}

.banner .inner_container .left_container .text_container .social_media_container {
  margin-top: 2rem
}

@media (max-width:48em) {
  .banner .inner_container .left_container .text_container .social_media_container {
    margin-top: 1rem
  }
}

.banner .inner_container .left_container .text_container .social_media_container .social_media_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0
}

.banner .inner_container .left_container .text_container .social_media_container .social_media_list li {
  margin-right: 10px
}

.banner .inner_container .left_container .text_container .social_media_container .social_media_list li a {
  border: none;
  color: #fff
}

.banner .inner_container .left_container .text_container .social_media_container .social_media_list li a:hover {
  background: none
}

.banner .inner_container .left_container .text_container.direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.banner .inner_container .left_container .text_container.direction-column .banner-title {
  margin-right: 0;
  margin-bottom: 1rem
}

@media (max-width:48em) {
  .banner .inner_container .left_container .text_container.direction-column .banner-title {
    margin-bottom: .5rem
  }
}

.banner .inner_container .left_container .text_container.direction-column .banner-content {
  margin-bottom: 1rem
}

@media (max-width:48em) {
  .banner .inner_container .left_container .text_container.direction-column .banner-content {
    margin-bottom: .5rem
  }
}

@media (min-width:90em) {
  .banner .inner_container .left_container .text_container.padding-left {
    padding-left: -webkit-calc(50vw - 41.5em);
    padding-left: calc(50vw - 41.5em)
  }
}

.banner .inner_container .right_container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1
}

.banner .inner_container .right_container.text-background:after {
  background-image: url(mysource_files/ACT.svg)
}

.banner .inner_container .right_container.text-background-white:after,
.banner .inner_container .right_container.text-background:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain
}

.banner .inner_container .right_container.text-background-white:after {
  background-image: url(https://www.act.gov.au/__data/assets/file/0010/1542952/ACT_landing.svg?v=0.1.1)
}

.banner .inner_container .right_container.hidden-sm {
  display: none
}

@media (min-width:48em) {
  .banner .inner_container .right_container.hidden-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.banner .inner_container .right_container .button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10
}

.banner .inner_container .right_container .button_container a {
  background: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 250px;
  height: 50px;
  color: #221868;
  border-radius: 0;
  font-size: 1.125em
}

.banner .inner_container .right_container .button_container a .icon {
  font-size: .875em;
  font-style: normal
}

.banner .inner_container .right_container .button_container button {
  background: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 250px;
  height: 50px;
  color: #221868;
  border-radius: 0;
  font-size: 1.125em
}

.banner .inner_container .right_container .button_container button .icon {
  font-size: .875em;
  font-style: normal
}

.banner .inner_container .right_container .button_container.purple a {
  color: #fff;
  background: #2c195d
}

.banner .inner_container.container-full {
  width: 100%
}

@media (max-width:48em) {
  .banner.with-graph {
    height: 450px
  }
}

.banner.with-graph .inner_container.full-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.banner.with-graph .inner_container .left_container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  z-index: 2
}

.banner.with-graph .inner_container .left_container.trapezoid:after {
  content: "";
  position: absolute;
  left: -55px;
  width: -webkit-calc(100% + 110px);
  width: calc(100% + 110px);
  height: 100%;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  z-index: 0
}

.banner.with-graph .inner_container .left_container.trapezoid.purple {
  background: -webkit-linear-gradient(32.26deg, #482d8c, #863a93);
  background: linear-gradient(57.74deg, #482d8c, #863a93)
}

@media (min-width:62em) {
  .banner.with-graph .inner_container .left_container.trapezoid.purple {
    background: none
  }
}

.banner.with-graph .inner_container .left_container.trapezoid.purple:after {
  background: -webkit-linear-gradient(32.26deg, #482d8c, #863a93);
  background: linear-gradient(57.74deg, #482d8c, #863a93)
}

.banner.with-graph .inner_container .left_container .text_container .banner-content {
  font-weight: 400
}

.banner.with-graph .inner_container .right_container {
  background-size: cover
}

.banner.with-graph .inner_container .right_container.bg1 {
  background-image: url(https://www.act.gov.au/__data/assets/image/0005/1542947/banner-bg.png?v=0.1.1)
}

.banner.with-graph .inner_container .right_container.bg2 {
  background-image: url(https://www.act.gov.au/__data/assets/image/0011/1542953/banner-bg2.png?v=0.1.1)
}

.banner.with-graph .inner_container .right_container.bg3 {
  background-image: url(https://www.act.gov.au/__data/assets/image/0003/1542954/banner-bg3.png?v=0.1.1);
  background-position: 50%
}

.banner.with-graph .inner_container .right_container .foreground {
  position: absolute
}

.banner.with-graph .inner_container .right_container .foreground.top {
  width: 200px;
  top: 2rem;
  left: 2rem
}

@media (min-width:48em) {
  .banner.with-graph .inner_container .right_container .foreground.top {
    left: 8rem
  }
}

.banner.with-graph .inner_container .right_container .foreground.bottom {
  width: 700px;
  bottom: 0;
  right: 0
}

/**********************************************************************/
/*                          End Banner                                */
/**********************************************************************/

.uikit-body a.article-box-wrapper-link:hover {
  background-color: transparent;
}

/* TOC styles*/
div#TOC {
  border-left: 0.25em solid #2b2867;
  padding-left: 1em;
}

/* End TOC styles */

/* start of Copy to clipboard button additional styles */

.fa-clipboard {
  color: #313131;
  cursor: pointer;
}

.fa-clipboard:hover {
  color: #515151;
}

.fa-clipboard:active {
  color: #212121;
}

@media (hover: hover) {
  .fa-clipboard {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s linear;
    margin-left: 1ch;
  }

  tr:hover .fa-clipboard {
    visibility: visible;
    opacity: 1;
  }
}

@media (hover: none) {
  .fa-clipboard {
    visibility: visible;
    opacity: 1;
    margin-right: 1ch;
  }
}

/* end of Copy to clipboard button additional styles */

/* start of Break long text in breadcrumbs */

#breadcrumb li {
  overflow-wrap: break-word;
}

/* end of Break long text in breadcrumbs */