/*
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: #DFAD14;
}

/* 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 #dfad14;
  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: #dfad14;
}


#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;
}

.error404 h3 span {
  font-size: 58px;
  line-height: 68px;
}

.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: #DFAD14;
}

.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: #DFAD14;
}

.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: #DFAD14;
}

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;
}