/*!
Theme Name: Workplaces Respond Custom Theme
Theme URI: 
Author: Overnight Website
Author URI: https://overnightwebsite.com
Description: Overnight Website theme for Workplaces Respond
Version: 2.5.1
Tested up to: 6.3
Requires PHP: 7.4
Text Domain: overnight-website
*/

/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

header {
  margin-bottom: -2px;
  padding: 0 25px;
  position: relative;
  z-index: 11;
}

main {
  margin-block-start: 0 !important;
}

main ul {
  padding-left: 25px;
}

main ul li::marker {
  color: var(--wp--preset--color--dark-1);
}

main li+li {
  margin-top: 24px;
}

.hidden {
  display: none;
}

/* ************ */
/* Block Styles */
/* ************ */
.is-style-ow-fixed {
  position: fixed;
  right: 0;
  width: 335px;
  z-index: 11;
}

.resource-tags,
.resource-term {
  display: inline;
}

.resource-tags a {
  color: #000;
  display: inline-block;
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 14px;
  font-weight: 300;
  margin: 0 5px 10px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 5px;
  text-decoration: none;
}

/* ************ */
/* Header Styles */
/* ************ */
.wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-top: -6px;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
  min-width: 220px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item+.wp-block-navigation-item {
  margin-top: 25px;
}

.page-template-page-green header,
.resources-template-page-green header {
  background: var(--wp--preset--color--light-1);
}

.page-template-page-yellow header,
.resources-template-page-yellow header {
  background: var(--wp--preset--color--light-2);
}

header .glink {
  background: var(--wp--preset--color--dark-1);
  border-right: 1px solid var(--wp--preset--color--dark-1);
  color: #fff;
  display: block;
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 16px;
  font-weight: 800;
  height: 35px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  transition: 300ms background, 300ms color;
}
header .gt-current-lang {
	display: none;
}

header .wp-block-navigation-item+.wp-block-navigation-item:before {
  color: var(--wp--preset--color--dark-1);
  content: " | ";
  left: -27px;
  position: absolute;
}

header .wp-block-navigation__submenu-container .wp-block-navigation-item+.wp-block-navigation-item:before {
  content: '';
}

header .search-wrapper {
  margin-left: -25px;
  margin-top: 17px;
  position: relative;
  width: 300px;
}

.search-wrapper:after {
  background: var(--wp--preset--color--dark-1);
  clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.search-wrapper form {
  clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%);
  margin-left: 5px !important;
  position: relative;
  z-index: 1;
}

.search-wrapper .wp-block-search__input {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 19px;
  font-weight: 800;
  height: 64px;
  letter-spacing: 2.47px;
  order: 2;
  padding-left: 25px;
  text-transform: uppercase;
}

.search-wrapper .wp-block-search__input::placeholder {
  color: var(--wp--preset--color--primary);
  opacity: 1;
}

.search-wrapper .wp-block-search__button {
  background-color: #fff;
  background-image: url(assets/images/search-icon.svg);
  background-position: right center;
  background-size: 38px 64px;
  background-repeat: no-repeat;
  height: 64px;
  margin: 0;
  padding: 0 0 0 88px;
  width: 38px;
}

.search-wrapper :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  padding: 2px;
}

.search-wrapper .wp-block-search__button svg {
  display: none;
}

/* ************** */
/* Blocks & Pages */
/* ************** */

/* Single Post */
.single-post .wp-block-post-featured-image {
  margin-top: 0;
}

.single-post main .single-post-divider {
  height: 1px !important;
  margin-left: 0 !important;
  margin-bottom: 30px;
  width: 150px;
}

.single-post aside .wp-block-query {
  margin-top: 15px;
}

.single-post aside .wp-block-categories a {
  text-decoration: none;
}

.single-post aside .wp-block-categories {
  list-style: none;
  padding: 0;
}

.single-post aside .wp-block-categories li+li {
  margin-top: 14px;
}

/* Forms */
.ff-default .ff-el-form-control {
  border-radius: 0;
  color: #000;
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 15px;
}

.ff-default .ff-el-group.ff_submit_btn_wrapper {
  margin-top: 20px;
  text-align: right;
}

.ff-default .ff_btn_style {
  background-color: transparent !important;
  border: 3px solid var(--wp--preset--color--dark-1) !important;
  border-radius: 0;
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 2.47px;
  min-width: 202px !important;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .frm-fluent-form .ff-t-container {
    gap: 35px;
  }
}

/* ************************* */
/* Archive / Search & Filter */
/* ************************* */

/* Filter */
.searchandfilter {
  width: 330px;
}

.searchandfilter h4 {
  color: var(--wp--preset--color--dark-1);
  font-size: 17px;
  font-weight: 400;
}

.searchandfilter ul {
  padding: 0;
}

.searchandfilter li {
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 17px;
}

.searchandfilter>ul>li {
  background: #fff;
  border: 3px solid var(--wp--preset--color--dark-1);
  margin-bottom: 25px;
  padding: 10px 17px 17px;
  position: relative;
}

.searchandfilter>ul>li:before,
.searchandfilter>ul>li:after {
  background: #fff;
  content: '';
  position: absolute;
  top: 48px;
  bottom: 48px;
  width: 3px;
}

.searchandfilter>ul>li:before {

  left: -3px;
}

.searchandfilter>ul>li:after {
  right: -3px;
}

.searchandfilter>ul>.sf-field-search:before,
.searchandfilter>ul>.sf-field-search:after {
  top: 30px;
  bottom: 30px;
}

.sf-field-search br {
  display: none;
}

.sf-field-search label {
  width: calc(100% - 26px);
}

.sf-field-search .sf-input-text {
  border: 3px solid var(--wp--preset--color--dark-1);
  padding: 10px;
  width: 100%;
}

/* Results */
#results {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.result-box+.result-box {
  margin-top: 30px;
}

.result-box p {
  margin: 0;
}

/* Refer to blocks/ow-resource-boxes for similar styles */
.result-box-top {
  align-items: center;
  background-image: url(blocks/ow-resource-boxes/images/border-top-700.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  gap: 35px;
  min-height: 78px;
  padding: 8px 125px 8px 27px;
}

.result-box-top>div {
  align-items: center;
  display: flex;
  gap: 9px;
}

.result-box-top p {
  font-family: var(--wp--preset--font-family--sofia);
  line-height: 1.2;
  margin: 0;
}

.results-container h2 {
  font-size: 30px;
  font-family: var(--wp--preset--font-family--sofia);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0;
}

.result-box .wp-block-post-excerpt {
  margin-top: 24px;
  margin-bottom: 0;
}

.result-box .ow-read-more {
  margin-bottom: 0;
  padding: 15px 30px 0;
  text-align: right;
}

.result-box .ow-read-more a {
  border-bottom: 2px solid transparent;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 2.47px;
  text-transform: uppercase;
  text-decoration: none;
}

.result-box .ow-read-more svg {
  margin-bottom: -5px;
}

.result-box .ow-read-more path {
  fill: var(--wp--preset--color--dark-1);
}

.result-box-bottom-wrapper {
  border-bottom: 3px solid var(--wp--preset--color--dark-1);
  padding: 7px 27px 10px;
  position: relative;
}

.result-box-bottom-wrapper:before,
.result-box-bottom-wrapper:after {
  background: var(--wp--preset--color--dark-1);
  content: "";
  height: 60px;
  position: absolute;
  bottom: 0;
  width: 3px;
}

.result-box-bottom-wrapper:before {
  left: 0;
}

.result-box-bottom-wrapper:after {
  right: 0;
}

.result-type-general .result-box-bottom,
.result-type-toolkit .result-types {
  align-items: center;
  background: #fff;
  display: flex;
  gap: 10px;
  min-height: 48px;
  padding: 10px 0 5px;
}

.result-box-bottom p {
  font-family: var(--wp--preset--font-family--sofia);
  margin: 0;
}

.result-box-bottom .resource-tags a {
  margin: 7px 5px 3px;
}

/* General Results */
.result-type-general .result-box-bottom p {
  min-width: 42px;
  text-transform: uppercase;
}

.result-type-general .result-box-content-wrapper {
  align-items: center;
  display: flex;
  gap: 43px;
  padding: 5px 26px 20px;
}

.result-type-general .result-box-image {
  width: 180px;
}

.result-type-general .result-box-image figure,
.result-type-general .result-box-image img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.result-type-general .result-box-content-inner {
  flex: 1;
}

/* Toolkit Results */
.result-type-toolkit .result-box-image {
  border-left: 3px solid var(--wp--preset--color--dark-1);
  border-right: 3px solid var(--wp--preset--color--dark-1);
}

.result-type-toolkit .result-box-image {
  height: 266px;
}

.result-type-toolkit .result-box-image figure,
.result-type-toolkit .result-box-image img {
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

.result-type-toolkit .result-box-image p {
  display: none;
}

.result-type-toolkit .result-box-content-wrapper {
  border-bottom: 3px solid var(--wp--preset--color--dark-1);
  padding-bottom: 27px;
}

.result-type-toolkit .wp-block-post-excerpt {
  padding: 0 27px;
}

/* Footer/Pagination */
.results-footer {
  align-items: center;
  display: flex;
  justify-content: end;
  margin-top: 65px;
}

.results-footer br {
  display: none;
}

.results-footer .page-numbers:not(.next):not(.prev),
.results-footer .wp-pagenavi .page,
.results-footer .wp-pagenavi .current {
  background: var(--wp--preset--color--light-1);
  border: 2px solid var(--wp--preset--color--dark-1);
  border-radius: 50%;
  color: transparent;
  display: inline-block;
  font-size: 1px;
  height: 10px;
  margin: 0 10px;
  padding: 0;
  vertical-align: middle;
  width: 10px;
}

.results-footer .wp-pagenavi .page,
.results-footer .wp-pagenavi .current {
  margin: 0 13px;
}

.results-footer .page-numbers:not(.next):not(.prev).current,
.results-footer .wp-pagenavi .current {
  background: var(--wp--preset--color--dark-1);
  height: 14px;
  width: 14px;
}

.results-footer .prev,
.results-footer .next,
.results-footer .previouspostslink,
.results-footer .nextpostslink {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  color: transparent;
  display: inline-block;
  font-size: 1px;
  height: 25px;
  margin: 0 10px;
  padding: 0;
  vertical-align: middle;
  width: 25px;
}

.results-footer .prev,
.results-footer .previouspostslink {
  background-image: url(assets/images/arrow-prev.svg);
}

.results-footer .next,
.results-footer .nextpostslink {
  background-image: url(assets/images/arrow-next.svg);
}

.results-footer .page-numbers,
.results-footer .wp-pagenavi .page,
.results-footer .previouspostslink,
.results-footer .nextpostslink {
  transition: 300ms opacity;
}

.results-footer .page-numbers:not(.current):hover,
.results-footer .wp-pagenavi .page:hover,
.results-footer .previouspostslink:hover,
.results-footer .nextpostslink:hover {
  opacity: .5;
}

.results-footer .wp-pagenavi a, .results-footer .wp-pagenavi span {
	border: none;
}

.wp-block-query-pagination-numbers .page-numbers {
	margin: 0 5px;
}

/* Results Filter Toggle */
.mobile-filter-wrapper {
  max-width: 698px !important;
}

.mobile-filter-wrapper .searchandfilter {
  margin-left: auto;
  margin-right: auto;
}

.ow-accordion-filter {
  max-width: 100% !important;
}

.ow-accordion-title {
  margin: 0;
}

.ow-accordion-title button {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--wp--preset--font-size--small) !important;
  font-weight: 900;
  letter-spacing: 10px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
}

.ow-accordion-title button:before {
  display: inline-flex;
  font-size: 31px;
  height: 36px;
  justify-content: center;
  margin-right: 10px;
  margin-top: -10px;
  vertical-align: middle;
  width: 36px;
}

.ow-accordion-title button[aria-expanded="false"]:before {
  content: '+';
}

.ow-accordion-title button[aria-expanded="true"]:before {
  content: '-';
}

.ow-accordion-title button:hover {
  color: var(--wp--preset--color--dark-1);
}

.accordion-panel {
  padding-top: 20px;
}

/* ************* */
/* Footer Styles */
/* ************* */
.site-footer {
  margin-block-start: 0;
}

footer .wp-block-navigation-item+.wp-block-navigation-item:before {
  color: var(--wp--preset--color--dark-1);
  content: " | ";
  left: -13px;
  position: absolute;
}

/* ************* */
/* Hover & Focus */
/* ************* */
/* Logo Hover */
.custom-logo-link {
  transition: opacity 300ms;
}

.custom-logo-link:hover {
  opacity: 0.5;
}

/* Navigation Hover */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--dark-1);
  text-decoration: underline;
}

/* Navigation Current Page */
.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content.wp-block-navigation-item__content {
  text-decoration: underline;
}

/* Button Hover */
.wp-block-button .wp-block-button__link,
.is-style-ow-search .wp-block-search__button {
  transition: 300ms all;
}

/* Button With Same Hover Color */
a.has-dark-1-background-color:hover,
.is-style-ow-search .wp-block-search__button:hover {
  background-color: var(--wp--preset--color--primary) !important;
  border-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--dark-3) !important;
}

/* Header Search */
.search-wrapper .wp-block-search__button:hover {
  background-color: #FFF !important;
}

/* Header Translation Button */
header .glink:hover {
  background-color: var(--wp--preset--color--primary) !important;
  border-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--dark-3) !important;
}

/* Resource Tags */
.resource-tags a:hover {
  box-shadow: 2px 2px 3px #000;
}

/* Back Link */
.is-style-ow-back-link a:hover,
.result-box .ow-read-more a:hover {
  color: var(--wp--preset--color--dark-1);
  border-bottom: 2px solid var(--wp--preset--color--dark-1);
}

/* Footer Form Button Hover */
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
  background-color: var(--wp--preset--color--dark-1) !important;
  border-color: var(--wp--preset--color--dark-1) !important;
  color: #FFF !important;
}

/* FOCUS */
a:focus-within {
  outline: 2px dashed var(--wp--preset--color--primary);
  outline-offset: 3px;
}

/* Button Focus */
.wp-block-button .wp-block-button__link:focus-within,
.is-style-ow-search .wp-block-search__button:focus-within,
.search-wrapper .wp-block-search__button:focus-within {
  outline: 2px dashed var(--wp--preset--color--primary);
  outline-offset: -7px;
}

.wp-block-button .wp-block-button__link.has-primary-background-color:focus-within,
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:focus-within,
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:focus-visible {
  outline: 2px dashed #FFF;
  outline-offset: -7px;
}

/* Inputs */
input:focus-visible {
  outline: 2px dashed var(--wp--preset--color--primary);
  outline-offset: -9px;
}

/* Footer */
footer a:focus-within {
  outline: 2px dashed #FFF;
  outline-offset: 3px;
}

/* ************************ */
/* Natural Navigation Break */
/* ************************ */

@media (min-width: 992px) {
  .header-inner {
    background-image: url(assets/images/nav-border.svg);
    background-position: center right;
    background-repeat: no-repeat;
  }

  header .gtranslate_wrapper {
    margin-top: -1px;
    margin-left: -38px;
    margin-right: -59px;
    transform: rotate(90deg);
    width: 86px;
  }
}

@media (min-width: 1260px) {

  /* Hide navigation items on desktop */
  .wp-block-navigation .is-style-ow-desktop-hide {
    display: none;
  }
}

@media (max-width: 1260px) {
  /* ************************ */
  /* Adjust Default Nav Break */
  /* ************************ */

  /* Hide the nav when it's not open */
  header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }

  /* Show the menu button and style it */
  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border: 1px solid #000;
    display: block;
    font-size: 18px;
    padding: 8px 15px 10px;
  }

  .page-template-page-transparent .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    border-color: #fff;
    color: #fff;
  }

  /* Close button styles */
  .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    border: 1px solid #000;
    font-size: 18px;
    padding: 10px 15px;
  }

  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    padding: 25px;
  }

  header .wp-block-navigation-item+.wp-block-navigation-item::before {
    display: none;
  }

  header .wp-block-navigation__responsive-container-content .wp-block-search__inside-wrapper {
    border: 3px solid var(--wp--preset--color--dark-1);
    padding: 0;
  }

  header .wp-block-navigation__responsive-container-content .wp-block-search__button.has-icon {
    background-color: var(--wp--preset--color--dark-1);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 35% 100%);
    padding: 15px 20px 15px 40px;
  }

  /* Translation adjustments */
  header .glink {
    margin-right: -26px;
  }

  header .search-wrapper {
    width: 270px;
  }

  .search-wrapper form,
  .search-wrapper::after {
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  /* Clear cover background */
  .is-style-ow-clear-mobile .wp-block-cover__image-background {
    display: none;
  }

  .is-style-ow-clear-mobile.wp-block-cover .wp-block-cover__background.has-background-dim {
    opacity: 1;
  }
}

@media (max-width: 1227px) {
  .col-5.wp-block-createwithrani-superlist-block li:last-child {
    grid-column-start: 1;
    grid-column-end: -1;
  }
}

@media (max-width: 991.98px) {
  body {
    --wp--preset--font-size--medium: 1.5rem;
    --wp--preset--font-size--large: 1.75em;
    --wp--preset--font-size--extra-large: 3rem;
    --wp--preset--font-size--title: 5rem;
  }

  .header-inner {
    border-bottom: 3px solid var(--wp--preset--color--dark-1);
  }

  .header-inner>div {
    padding-bottom: 26px !important;
    width: 100%;
  }

  header .glink {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
  }

  .col-5.wp-block-createwithrani-superlist-block {
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  }

  .col-5.wp-block-createwithrani-superlist-block.horizontal {
    gap: 2rem 1rem;
  }

  .results-container h2 {
    font-size: 25px;
  }

  .is-style-ow-search .wp-block-search__button {
    padding-right: 8px;
    width: 200px !important;
  }
}

@media (max-width: 768px) {
  body {
    --wp--preset--font-size--extra-large: 2rem;
    --wp--preset--font-size--title: 3.5rem;
  }

  p.has-background,
  h1.has-background,
  h2.has-background,
  h3.has-background,
  h4.has-background,
  h5.has-background,
  h6.has-background {
    padding: 1em 1em !important;
  }

  .result-type-general .result-box-content-wrapper {
    display: block;
    padding: 0 0 20px;
  }

  .result-type-general .result-box-image {
    width: 100%;
  }

  .result-type-toolkit .result-box-image {
    border-left: none;
    border-right: none;
  }

  .result-type-toolkit .result-box-content-wrapper {
    border-bottom: 0;
  }

  .result-type-general .result-box-content-inner {
    padding: 0 27px;
  }

  .result-box-top {
    background: none;
    border-top: 3px solid var(--wp--preset--color--dark-1);
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
  }

  .result-box-top:before,
  .result-box-top:after {
    background: var(--wp--preset--color--dark-1);
    content: '';
    height: 75px;
    position: absolute;
    top: 0;
    width: 3px;
  }

  .result-box-top:before {
    left: 0;
  }

  .result-box-top:after {
    right: 0;
  }
}

@media (max-width: 420px) {
  .col-5.wp-block-createwithrani-superlist-block {
    grid-template-columns: repeat(1, minmax(160px, 1fr)) !important;
  }
}