/*
Theme Name:         Oktober
Theme URI:          https://www.zorginoktober.nl
Description:        Er is nog zoveel wat je eigenlijk wilt doen en waarvan je wilt genieten. Maar je kunt niet meer alles zelf en moet vaker om hulp vragen. Soms is hulp alleen niet meer voldoende en moet je misschien je eigen, vertrouwde thuis achter je laten. Of elkaar zelfs loslaten. Dan is Oktober er voor jou. 
Version:            1.0.0
Author:             The DISTRIKT
Author URI:         https://www.thedistrikt.nl
Text Domain:        Oktober
*/




/* social icons */

.vac_cont_sect ul li {
  position: relative;
  margin-bottom: 15px;
  line-height: 1.5;
  padding-left: 30px;
}
.vac_cont_sect ul {
  margin: 20px 0 40px;
}
.vac_cont_sect ul li::before {
  content: "-";
  font-family: inherit;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  color: #B90742;
  font-size: 15px;
}
.social-icons .icon-item:nth-of-type(5) svg, .social-icons .icon-item:nth-of-type(6) svg {
  padding: 4px;
}
.social-icons .icon-item:nth-of-type(5) svg path, .social-icons .icon-item:nth-of-type(6) svg path {
  fill: #B80842;
}

.social-icons .icon-item svg {
  fill: #B80842 !important;
}

.social-icons .icon-item {
  border: none;
  background: #fff;
}

/* clientportaal */
.clientportaal .input-wrapper label {
  font-weight: 500;
  font-size: 15px;
  display: block;
}
.clientportaal .input-wrapper {
  margin-bottom: 10px;
}
.clientportaal .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 30px;
}
.clientportaal .wpcf7-form-control.wpcf7-radio span {
  display: inline-block;
  margin-left: 0;
  margin-right: 1em;
}
.clientportaal input[type="radio"] {
  width: 30px;
}

/* copyright */
.copyright a {
  color: #fff;
}
.copyright a:hover {
  color: #fab500;
}

/* notification-bar */
#wpfront-notification-bar.wpfront-fixed {
  padding: 10px;
  height: 60px !important;
}

#wpfront-notification-bar div.wpfront-close {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  line-height: 40px;
  padding-right: 10px;
}

#wpfront-notification-bar a.wpfront-button {
  padding: 10px 15px;
  border-radius: 30px;
  margin-left: 20px;
  text-shadow: none;
}


/* liveblog */
.liveblog-meta-authors {
  display: none;
}

.liveblog-pagination:first-of-type {
  display: none;
}

.liveblog-entry {
  display: block;
  background: transparent;
  border: none;
  border-left: 1px solid #000;
  position: relative;
  padding: 20px 0 20px 50px !important;
  margin-bottom: 0 !important;
}

.liveblog-entry-main .liveblog-entry-content {
  margin: 0;
}

.liveblog-meta-time span:first-child {
  font-weight: 600;
  color: #3E2A25;
  font-size: 15px;
}

.liveblog-meta-time span {
  color: #B90742;
}

.liveblog-entry-main {
  margin-top: 4px;
  font-style: italic;
}

.liveblog-entry::before {
  content: '';
  position: absolute;
  border-color: #000 !important;
  right: 18px;
  width: 12px;
  top: 50px;
  left: -6px;
  height: 12px;
  z-index: 1;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: .15s;
  transition: .15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.liveblog-entry::after {
  background: transparent;
  border: 2px solid #fab500;
  position: absolute;
  width: 45px;
  top: 33px;
  left: -21px;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #ffffff;
  height: 45px;
  display: block;
  content:
    "";
  z-index: 0;
}

.liveblog-feed {
  padding: 50px 0 1px;
  margin-top: 100px;
  margin-bottom: 30px;
  min-height: inherit;
}

.liveblog-feed::before {
  content: "Liveblog";
  position: absolute;
  top: -28px;
  left: 0;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 2rem;
}

.liveblog-entry:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: -12px;
}

/* Responsive menu  */
.submenu-open:before {
  color: #fab500;
}


#form_2,
#form_3,
#form_4 {
  display: none;
}

.subscribe-form.type2 .input-wrapper input.first_rad {
  border-radius: 40px 0 0 40px;
}

.subscribe-form.type2 .input-wrapper input.sec_rad {
  border-radius: 0 40px 40px 0;
}


.story_link .bg {
  transition: all 0.3s;
}

/* rem i.p.v. px zodat het cijfer meegroeit met de lettergrootteschakelaar.
   Basis 17px, gelijk aan de conversie van 2026-08-07: 58/17 en 68/17.
   Dit is de enige regel in dit bestand die zichtbare tekst raakt; de overige
   px-maten hier zitten in de bottom-menu, top-row en open-menu-markup, en die
   is sinds het redesign nergens meer zichtbaar. Gemeten 2026-08-10. */
.error404 h3 span {
  font-size: 3.4118rem;
  line-height: 4rem;
}

.error404 .decor {
  margin: 30px 0;
}

.err {
  border-color: #c50907 !important;
  color: #c50907 !important;
}

.current-menu-item a:after {
  opacity: 1;
}

.current-menu-item a {
  font-weight: 600;
}

.wpcf7-mail-sent-ok,
.wpcf7-validation-errors {
  display: none !important;
}

#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.asp_m.asp_m_1,
#ajaxsearchpro2_1,
#ajaxsearchpro2_2,
div.asp_m.asp_m_2 {
  margin: auto;
}

#ajaxsearchpro1_1 .probox .proinput input.orig,
#ajaxsearchpro1_2 .probox .proinput input.orig,
div.asp_m.asp_m_1 .probox .proinput input.orig,
#ajaxsearchpro2_1 .probox .proinput input.orig,
#ajaxsearchpro2_2 .probox .proinput input.orig,
div.asp_m.asp_m_2 .probox .proinput input.orig {
  padding-left: 15px !important;
}

#ajaxsearchpro2_1 .probox .promagnifier div.asp_text_button,
#ajaxsearchpro2_2 .probox .promagnifier div.asp_text_button,
div.asp_m.asp_m_2 .probox .promagnifier div.asp_text_button {
  padding: 0 25px 0 0;
}

.full_row.block-title,
.block-title.size2 {
  max-width: 100%;
}

.shortcode-type8.last_flexible {
  border-radius: 0 0 50px 0;
}

.shortcode-type9.news_none {
  display: none;
}

.change-font .active-font {
  color: #fab500;
}

.strong-menu a {
  font-weight: 500;
}

.simple-banner .cell-view {
  height: auto;
}

.shortcode-type12 .person-wrapper .position {
  font-size: 0.941rem;
}

.shortcode-type12 .person-wrapper .name {
  font-size: 1.412rem;
}

.decor {
  margin: 30px 0;
}

.banner-content {
  padding: 20px 15px;
}

.banner .banner-content .h1 {
  line-height: 1em;
}


.button.small {
  font-size: 0.82rem;
  font-weight: 600;
}

.button.medium {
  font-size: 1rem;
  font-weight: 600;
}

.button.large {
  font-size: 1.4rem;
  font-weight: 900;
}

.verhalen-single .cell-view {
  padding: 126px 0 30px;
}

.verhalen-single .breadcrumbs-wrap {
  margin-top: 143px;
}

.bg_none a::before {
  background: none;
}

.bg_none a:hover::before {
  background: none;
}

.simple-article_2 h6 {
  margin-bottom: 5px;
}

/*=== new-menu ===*/
.bottom-menu {
  display: none;
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  margin-top: 0;
  padding: 5px 36px;
  -webkit-box-shadow: 1px 3px 5px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 3px 5px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 3px 5px 5px rgba(0, 0, 0, 0.4);
}

.main-row {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bottom-menu .hamburger2 {
  display: block;
  width: 32px;
  height: 30px;
  position: relative;
  z-index: 10;
  margin-top: 15px;
}

.hamburger2:hover {
  cursor: pointer;
}

.bottom-menu .hamburger2:before {
  position: absolute;
  display: block;
  content: 'menu';
  top: -25px;
  margin-bottom: 5px;
  font-size: 16px;
  left: -3px;
}

.bottom-menu .hamburger2 span {
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #3E2A25;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.bottom-menu .hamburger2 span:nth-child(1) {
  top: 5px;
}

.bottom-menu .hamburger2 span:nth-child(2) {
  top: 14px;
}

.bottom-menu .hamburger2 span:nth-child(3) {
  top: 14px;
}

.bottom-menu .hamburger2 span:nth-child(4) {
  bottom: 5px;
}

.bottom-menu .button.type4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 35px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: 20px;
  min-width: auto;
}

.bottom-menu .button.type4:hover {
  background: #fff;
  color: #3E2A25;
}

.bottom-menu .button.type2 {
  font-size: 0.82rem;
  line-height: 1;
  padding: 12px 30px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: 20px;
  min-width: auto;
}

.bottom-menu .button.type2:hover {
  background-color: #BA0842;
  color: #fff;
}

.bottom-menu .search-button {
  margin: 10px 0 0 0;
}

.bottom-menu .search-button img,
.bottom-menu .search-button span {
  display: block;
  margin: auto;
}

.bottom-menu .change-font {
  display: none;
  margin: 14px -5px;
}

/*=== OPEN MENU ===*/
.bottom-menu.open .hamburger2::before {
  content: 'Sluiten';
  left: -7px;
  top: -20px;
}

.bottom-menu.open .hamburger2 span:nth-child(1) {
  display: none;
}

.bottom-menu.open .hamburger2 span:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.bottom-menu.open .hamburger2 span:nth-child(3) {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.bottom-menu.open .hamburger2 span:nth-child(4) {
  display: none;
}

.bottom-menu.open .header-search {
  display: none;
}

.bottom-menu.open .change-font {
  display: block;
}

.bottom-menu .change-font .change-font-item {
  color: grey;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.bottom-menu .change-font .change-font-item:hover {
  color: #fab500;
}

.bottom-menu .change-font .change-font-item.small {
  font-size: 14px;
}

.bottom-menu .change-font .change-font-item.normal {
  font-size: 16px;
}

.bottom-menu .change-font .change-font-item.big {
  font-size: 18px;
}

.top-row,
.top-row2 {
  display: none;
}

/*=== header open ===*/
.open-menu .contact-link,
.open-menu .search-button,
.open-menu .change-font,
.open-menu .button.button-small {
  display: none;
}

.header-content {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.open .top-row2 {
  position: absolute;
  top: -70px;
  display: block;
  left: 0;
  width: 100%;
}

.top-row2 .input-wrapper {
  height: 30px;
  line-height: 20px;
}

.top-row2 .search-form .input-wrapper input {
  height: 30px;
  font-size: 0.8rem;
  line-height: 1em;
}

.top-row2 .search-form {
  height: 30px;
}

.top-row2 form input {
  font-size: 0.8rem;
}

.top-row2 .search-form .button:before {
  width: 13px;
  height: 13px;
  left: 58px;
}

.top-row2 .search-form .button {
  padding: 8px 25px 12px 10px;
  font-size: 14px;
}

.search-form .input-wrapper input::-webkit-input-placeholder {
  font-size: 14px;
}

.search-form .input-wrapper input::-moz-placeholder {
  font-size: 14px;
}

.search-form .input-wrapper input:-ms-input-placeholder {
  font-size: 14px;
}

.search-form .input-wrapper input:-moz-placeholder {
  font-size: 14px;
}

/*==== row1====*/
.open .top-row {
  position: absolute;
  top: -119px;
  display: block;
  text-align: center;
  left: 0;
  width: 100%;
  background: #f8f8f8;
  padding: 8px 0;
}

.top-row .button.type2 {
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
}

.top-row .button.type4 {
  padding: 8px 41px;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
}

/*==== submenu ====*/
.open-menu .submenu-open {
  top: 4px;
  right: auto;
  left: 20px;
  width: 16px;
  height: 16px;
  display: block;
  color: currentColor;
  border: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.open-menu .submenu-open:hover {
  cursor: pointer;
}

.open-menu .inner-submenu li>a:after {
  top: 8px;
  left: 20px;
}

.submenu-open:before {
  content: '+';
  position: absolute;
  top: 4px;
  left: -2px;
  -webkit-transform: none;
  transform: none;
  margin-top: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: none;
  font-size: 40px;
}

.open-menu .toggle-block li a {
  padding-left: 60px;
}

.open-menu .submenu-open.active:before {
  content: '-';
  top: -2px;
}

.open-menu .inner-submenu {
  border-radius: 0;
  pointer-events: auto;
}

.open-menu .inner-submenu-text {
  display: none;
}

header.open-menu .toggle-block {
  padding: 0 0 30px 0;
  height: 80%;
}

.open-menu nav {
  padding-top: 10px;
  margin: 0 0 10px;
}

.open-menu nav ul li {
  margin-bottom: 5px;
  line-height: 25px;
}

/* === breadcrumbs ===*/
header .breadcrumbs-wrap {
  display: none;
}

.open-menu .breadcrumbs-wrap {
  display: block;
  width: 100%;
  background-color: #f8f8f8;
  z-index: 101;
  padding: 10px 36px;
}

.open-menu #logo {
  display: none;
}

.open-menu .breadcrumbs-wrap .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #3e2a25;
}

.open-menu .breadcrumbs-wrap .breadcrumbs {
  color: #3e2a25;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}

.open-menu .breadcrumbs-wrap .breadcrumbs a {
  color: #3e2a25;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  padding-left: 0;
}

.open-menu .header-content {
  padding: 0;
}

.open-menu {
  padding: 0;
}

/*===== circle-logo ====*/

.logo_mini {
  /*top: -90px;*/
}

.circle-logo {
  display: block;
  position: absolute;
  width: 100%;
  height: 23px;
  background: #f5f5f5;
  /*z-index: 1;*/
  top: 92px;
  display: none;
}

.circle-logo .circle {
  width: 66px;
  height: 66px;
  background-color: #f5f5f5;
  margin: -12px auto 0;
  border-radius: 50%;
  position: relative;

}

.circle-logo .circle img {
  display: block;
  position: absolute;
  left: 7px;
  top: 18px;
  width: 46px;
  height: 43px;
}

.bottom-menu .change-font .active-font {
  color: #fab500;
}

main {
  margin-top: 147px;
}

@media screen and (max-width: 1299px) {
  .bottom-menu {
    display: block;
  }

  .fixed-line {
    bottom: 70px;
  }

  .scroll-top {
    display: none;
  }

  .banner-cta-container .banner-cta {
    bottom: 71px;
  }

  footer {
    margin-bottom: 25px;
  }

  main {
    margin-top: 92px;
  }

  header.logo_mini,
  header.scrolled {
    top: -92px;
  }

  header.scrolled .circle-logo,
  header.logo_mini .circle-logo {
    display: block;
  }
}

@media (max-width: 767px) {
  .fixed-line {
    bottom: 68px;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
  }

  .simple-banner .banner-cta {
    display: none;
  }

  .fixed-line .button {
    min-width: inherit;
    width: auto;
    padding: 10px;
    font-size: 11px;
    margin: 0 auto;
  }

  .grid-item {
    width: 100%;
  }
}

.grid-item {
  float: left;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

#ajaxsearchprores3_1 {
  top: 285px !important;
}

@media (max-width: 767px) {
    .banner-cta-container {
        display: block;
    }
}