/*
 Theme Name:   Ruconest Theme
 Description:  Ruconest
 Author:       Form Function IO
 Author URI:   http://formfunction.io
 Version:      0.1.0
 Text Domain:  Ruconest
*/
/* copy of wp default css to a 1000px media query */
@media (min-width: 768px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}
/* neutralize the wp default for 600px */
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
.wp-block-navigation__container.header--bordersandspacing-gray .wp-block-navigation-item {
  border-right: 1px solid #37607A;
  padding-right: 10px;
  margin-right: -5px;
  line-height: 12px;
}
.wp-block-navigation__container.header--bordersandspacing-gray .wp-block-navigation-item:last-child {
  border-right: 0px;
  padding-right: 0px;
  margin-right: 0px;
}

@media (min-width: 768px) {
  .wp-block-navigation__container.header--bordersandspacing-green .wp-block-navigation-item {
    border-right: 2px solid #A6DF28;
    padding-right: 25px;
    margin-right: 25px;
  }
  .wp-block-navigation__container.header--bordersandspacing-green .wp-block-navigation-item:last-child {
    border-right: 0px;
    padding-right: 0px;
    margin-right: 0px;
  }
  .wp-block-navigation__container.header--bordersandspacing-green .wp-block-navigation__submenu-container .wp-block-navigation-item {
    border-right: 0px;
    padding-right: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .header--full-width {
    padding-top: 0px !important;
  }
  .wp-block-navigation-item__content br {
    display: none;
  }
  .wp-block-navigation-item {
    margin-bottom: 12px;
  }
  .wp-block-navigation__responsive-close {
    padding-left: 25px;
  }
  .wp-block-navigation__responsive-container-close {
    top: -25px;
    background-color: #fff;
  }
  .wp-block-navigation__responsive-dialog {
    margin-top: 0px !important;
  }
  .header_immediateactions {
    display: none !important;
  }
  .wp-block-navigation__responsive-container .header_immediateactions {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .wp-block-navigation__responsive-container .header_immediateactions {
    display: none !important;
  }
}
.header--bordersandspacing-green.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
  top: 3dvh;
  position: absolute;
  height: 400px;
  width: 95vw;
  left: -50vw;
  overflow: visible;
}

@media (max-width: 767px) {
  .hide--on-mobile {
    display: none;
  }
  .wp-container-content-f22b2ade {
    flex-basis: 50%;
  }
  .wp-container-content-f22b2ade nav {
    justify-content: end;
  }
  .wp-container-content-93516cdb {
    flex-basis: 100%;
  }
  .wp-container-content-93516cdb .wp-block-button {
    flex-basis: content !important;
  }
  .mobile-alignleft {
    float: left !important;
  }
  .mobile-alignright {
    float: right !important;
  }
  .mobile-margin--top-20 {
    margin-top: -20px !important;
  }
  .mobile-margin--bottom-0 {
    margin-bottom: 0px !important;
  }
  .mobile-maxwidth-438 {
    max-width: 438px;
  }
  .mobile-gap-56 {
    gap: 56px !important;
  }
  .mobile-padding--top-20 {
    padding-top: 20px !important;
  }
  .mobile-padding--right-20 {
    padding-right: 20px !important;
  }
  .mobile-padding--bottom-20 {
    padding-bottom: 20px !important;
  }
  .mobile-padding--left-20 {
    padding-left: 20px !important;
  }
}
.has-bentonsans-regular-font-family strong,
.has-bentonsans-regular-font-family b,
.has-bentonsans-book-font-family strong,
.has-bentonsans-book-font-family b {
  font-family: var(--wp--preset--font-family--bentonsans-medium) !important;
}

.has-bentonsans-medium-font-family strong,
.has-bentonsans-medium-font-family b {
  font-family: var(--wp--preset--font-family--bentonsans-bold) !important;
}

.secondary-styles--text-shadow {
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}

.button--limeandhover .wp-block-button__link {
  position: relative;
  padding-right: 25px !important;
  text-align: left !important;
}
.button--limeandhover .wp-block-button__link::before {
  background-image: url(/wp-content/uploads/ruconest_icons-rightarrow-button.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 10px;
  height: 16px;
  content: " ";
  position: absolute;
  right: 8px;
  top: 8.5px;
}
.button--limeandhover .wp-block-button__link:hover {
  color: #fff !important;
  background-color: #193649 !important;
}
.button--limeandhover .wp-block-button__link:hover::before {
  background-image: url(/wp-content/uploads/ruconest_icons-rightarrow-button-hover.svg);
}

.block_headingheader::before {
  background-image: url(/wp-content/uploads/ruconest_heromotif-update.svg);
  opacity: 1 !important;
  background-repeat: no-repeat;
  background-size: 300px 100%;
  background-position: right;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 0px;
}
@media (max-width: 767px) {
  .block_headingheader::before {
    background-image: url(/wp-content/uploads/ruconest_heromotif-tall.svg);
  }
}
.block_headingheader.block_headingheader--tall::before {
  background-image: url(/wp-content/uploads/ruconest_heromotif-tall.svg);
  background-size: 100px 100%;
}
.block_headingheader.block_headingheader--tall {
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 20px !important;
  padding-right: 20px !important;
}
.block_headingheader.block_headingheader--curvedrightedge-medium::before {
  border-top-right-radius: 24px;
}
.block_headingheader.block_headingheader--curvedrightedge-medium::before {
  border-bottom-right-radius: 91px;
}
.block_headingheader.block_headingheader--curvedrightedge-deep::before {
  border-bottom-right-radius: 135px;
}
.block_headingheader .wp-block-cover__inner-container {
  z-index: 10;
}

/*
    border-top-right-radius: 12px;
    border-bottom-right-radius: 91px;
*/
.block--hideoverflow {
  overflow: hidden;
}

.wp-block-footnotes {
  display: none;
}

.hidden {
  display: none;
}

.progress-circle {
  position: relative;
  width: 200px;
  height: 200px;
}

.progress-circle svg {
  transform: rotate(-90deg); /* Start from the top */
}

.track {
  fill: none;
  stroke: #fff;
  stroke-width: 10;
}

.track--lines {
  fill: none;
  stroke: #fff;
  stroke-width: 10;
  stroke-dasharray: 2, 69;
}

.anime--bar {
  fill: none;
  stroke: #A6DF28;
  stroke-width: 10;
  stroke-dasharray: 565.48;
  stroke-dashoffset: 565.48; /* Initially completely empty */
  stroke-linecap: round;
}

.progress-circle {
  position: relative;
  width: 200px;
  height: 200px;
}

.progress-circle svg {
  transform: rotate(-90deg); /* Start from the top */
}

.track {
  fill: none;
  stroke: #DFDFDF;
  stroke-width: 10;
  stroke-dasharray: 565.48;
  stroke-dashoffset: 169.646; /* Initially completely empty */
  stroke-linecap: round;
}

.track--lines {
  fill: none;
  stroke: #fff;
  stroke-width: 10;
  stroke-dasharray: 2, 69;
}

.anime--bar,
.anime--bar-adjusted {
  fill: none;
  stroke: #A6DF28;
  stroke-width: 10;
  stroke-dasharray: 565.48;
  stroke-dashoffset: 565.48; /* Initially completely empty */
  stroke-linecap: round;
}

.track__lines {
  fill: none;
  stroke: #fff;
  stroke-width: 10;
}
.track__lines.track__lines--fourhours {
  stroke-dasharray: 2, 69;
}
.track__lines.track__lines--threedays {
  stroke-dasharray: 2, 112;
}

.anime--percentage-number,
.anime--percentage-wording {
  font-family: var(--wp--preset--font-family--bentonsans-medium) !important;
  color: #2fb5d9;
  fill: #2fb5d9;
}

.anime--percentage-number {
  font-size: 90px;
  position: absolute;
  top: -70px;
  left: 75px;
}
.anime--percentage-number.anime--percentage-number-fourpointfive {
  left: 38px;
  width: 180px;
  letter-spacing: -7px;
}

.anime--percentage-wording {
  font-size: 31px;
}

.anime--gallery-container {
  position: relative;
  overflow: hidden; /* Hides images that are outside the frame */
  border-radius: 12px;
}

/* The Long Strip containing all images */
.anime--gallery-track {
  display: flex; /* Lines up images side by side */
  width: auto; /* Expands to fit content */
  height: 100%;
  will-change: transform; /* Optimizes performance */
  flex-direction: row;
  flex-wrap: nowrap;
  width: 90%;
}

.anime--slide-item {
  display: flex;
  width: 100%;
}

.anime--content-left:not(.block-editor-block-list__layout),
.anime--content-right:not(.block-editor-block-list__layout) {
  opacity: 0;
  width: 50vw;
}

.anime--content-left:not(.block-editor-block-list__layout) {
  transform: translateX(-100%);
}

.anime--content-right:not(.block-editor-block-list__layout) {
  transform: translateX(100%);
}

.anime--prevBtn,
.anime--nextBtn {
  z-index: 100;
  position: relative;
}

.expandable-footer .fixed {
  bottom: 0;
  margin-bottom: 0;
  z-index: 1030;
  max-height: initial;
  width: 100%;
  left: 0;
  position: fixed;
  overflow-y: scroll;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0px !important;
  background-color: #fff;
}
.expandable-footer .fixed .isi-button {
  margin-right: -15px;
}
.expandable-footer .fixed .isi-button .wp-block-image {
  margin-top: 0px !important;
  margin-bottom: -10px !important;
  rotate: 180deg;
}
.expandable-footer .fixed .isi_container {
  max-width: 1091px;
  margin: 0 auto;
}