/*
Theme Name:     Kadence child
Theme URI:      n/a
Template:       kadence
Author:         Juist
Author URI:     https://juist.nl/
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

html {
  overflow-y: scroll;
}

a {
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

a:hover {
  text-underline-offset: 4px;
}

p, p.wp-block-kadence-advancedheading {
  line-height: 30px;
  /* font-size: var(--global-kb-font-size-md, 1.25rem); */
  font-weight: 200;
  margin-bottom: var(--global-md-spacing);
}

h2, .single-content h2 {
  margin: 0 0 .5em;
}

h3, .single-content h3 {
  margin: 0 0 .5em;
}

li {
  font-weight: 200;
  /* font-size: var(--global-kb-font-size-md, 1.25rem); */
}

.wp-block-kadence-navigation29-cpt-id {
  .sub-menu > li:first-child .kb-link-wrap {
    border-radius: 0px 13px 0px 0px;
  }
  .sub-menu > li:last-child .kb-link-wrap {
    border-radius: 0px 0px 13px 13px;
  }
}

.kb-search { 
    div button .kt-btn-inner-text {
      font-size: 16px !important;
    }
    .kb-search-close-btn {
      top: 93px;
    }
    .kb-search-modal-content {
      top: 200px;
    }
    .kb-search-modal-content form {
      max-width: 1340px;
    }
    .kb-search-input {
      border-radius: 25px;
    }
    .kb-search-input[type=text] {
      padding-left: 20px;
    }
    .kb-search-icon-submit {
      background: #226172;
      border-radius: 25px 22px 22px 0px;
      line-height: 1;
      padding: 13px 16px 12px 16px;
      right: 0px;
    }
}

.wp-block-kadence-off-canvas {
    .kb-off-canvas-close {
      right: 15px;
    }
    .kb-off-canvas-inner-wrap {
      top: 70px !important;
      margin: 0 24px;
      width: calc(100% - 48px) !important;
    }
    .kb-off-canvas-inner {
      height: auto;
    }
    .kb-off-canvas-inner-wrap {
      height: fit-content;
    }
}

.wp-block-kadence-navigation.navigation-tablet-orientation-vertical {
  .kb-nav-dropdown-toggle-btn {
    right: 15px;
  }
  .sub-menu {
    --kb-nav-dropdown-margin-left: 0;
  }
}

body.home {
  background: linear-gradient(360deg,var(--global-palette9,#ffffff) 73%,rgb(223,239,235) 100%);
}

body.kb-modal-open {
  --kb-scrollbar-offset: 0px !important;
}

.content-area {
  margin-top: 186px;
}

body.archive .content-area, body.single-post .content-area {
  margin-bottom: 5rem;
}

.sectionlist {
  .kt-blocks-info-box-media-align-top {
    .kt-infobox-textcontent {
      background: #FFF;
      border: 1px solid #a6d6cc;
      border-radius: 32px;
      margin-top: -8px;
      padding: 32px;

      .kt-blocks-info-box-title {
        margin: 7px 0px;
        padding: 0px;
      }

      .kt-blocks-info-box-title:after {
        transition: all .1s ease-in-out;
        content: '\279D';
        background: #F59C0E;
        padding: 8px;
        border-radius: 22px 22px 22px 0px;
        float: right;
        margin-top: -8px;
      }
      .kt-blocks-info-box-title:hover:after {
        background: #F7B039;
      }
      .kt-blocks-info-box-title:active:after {
        scale: 0.875;
      }
    }
  }
}

.kb-info-box-image-ratio-land43 div img, .kadence-thumbnail-ratio-3-4 div img, .kadence-thumbnail-ratio-3-4 div, .kb-image-is-ratio-size.green-border div, .kb-image-is-ratio-size.green-border div img, .kt-testimonial-style-card .kt-testimonial-media-inner-wrap .kt-testimonial-image, .kb-image-ratio-land43 img, .kb-image-ratio-land32 img {
  clip-path: shape(from 38.51% 0%,curve to 50.13% 15.48% with 44.93% 0%/50.13% 6.93%,line to 50.13% 15.28%,curve to 61.74% 0% with 50.21% 6.82%/55.38% 0%,hline to 88.39%,curve to 100% 15.48% with 94.8% 0%/100% 6.93%,vline to 38.51%,curve to 91.29% 50.13% with 100% 44.93%/96.1% 50.13%,hline to 88.39%,curve to 100% 65.61% with 94.8% 50.13%/100% 57.06%,vline to 84.52%,curve to 88.39% 100% with 100% 93.07%/94.8% 100%,hline to 50.13%,vline to 100%,hline to 11.61%,curve to 0% 84.52% with 5.2% 100%/0% 93.07%,vline to 15.48%,curve to 11.61% 0% with 0% 6.93%/5.2% 0%,hline to 38.51%,close);
  border-radius: 48px; /* For browsers that don`t support clip path (Firefox) */
}

.kadence-thumbnail-ratio-1-2 div img, .kb-image-ratio-land21 img {
  clip-path: shape(from 50.13% 100%,hline to 5.36%,curve to 0% 90.48% with 2.4% 100%/0% 95.74%,vline to 9.52%,curve to 5.36% 0% with 0% 4.26%/2.4% 0%,hline to 44.77%,curve to 50.13% 9.52% with 47.73% 0%/50.13% 4.26%,vline to 100%,close,move to 94.64% 0%,curve to 100% 9.52% with 97.6% 0%/100% 4.26%,vline to 42.98%,curve to 95.98% 50.13% with 100% 46.93%/98.2% 50.13%,hline to 94.64%,curve to 100% 59.65% with 97.6% 50.13%/100% 54.39%,vline to 90.48%,curve to 94.64% 100% with 100% 95.74%/97.6% 100%,hline to 50.13%,vline to 9.52%,curve to 55.48% 0% with 50.13% 4.26%/52.53% 0%,hline to 94.64%,close);
  border-radius: 48px; /* For browsers that don`t support clip path (Firefox) */
}

.ratio-1-2 img {
  clip-path: shape(from 50.13% 100%,hline to 5.36%,curve to 0% 90.48% with 2.4% 100%/0% 95.74%,vline to 9.52%,curve to 5.36% 0% with 0% 4.26%/2.4% 0%,hline to 44.77%,curve to 50.13% 9.52% with 47.73% 0%/50.13% 4.26%,vline to 100%,close,move to 94.64% 0%,curve to 100% 9.52% with 97.6% 0%/100% 4.26%,vline to 42.98%,curve to 95.98% 50.13% with 100% 46.93%/98.2% 50.13%,hline to 94.64%,curve to 100% 59.65% with 97.6% 50.13%/100% 54.39%,vline to 90.48%,curve to 94.64% 100% with 100% 95.74%/97.6% 100%,hline to 50.13%,vline to 9.52%,curve to 55.48% 0% with 50.13% 4.26%/52.53% 0%,hline to 94.64%,close);
  border-radius: 40px; /* For browsers that don`t support clip path (Firefox) */
  aspect-ratio: 2/1 !important;
  object-fit: cover;
  border-radius: 48px; /* For browsers that don`t support clip path (Firefox) */
}

.vertical-ratio img, .kb-image-ratio-port34 img {
  aspect-ratio: 0.788;
  object-fit: cover;
  clip-path: shape(from 38.62% 0%,curve to 50.13% 9.07% with 44.97% 0%/50.13% 4.06%,line to 50.13% 8.96%,curve to 61.64% 0% with 50.21% 4%/55.33% 0%,hline to 88.49%,curve to 100% 9.07% with 94.85% 0%/100% 4.06%,vline to 43.32%,curve to 91.37% 50.13% with 100% 47.08%/96.13% 50.13%,hline to 88.49%,curve to 100% 59.2% with 94.85% 50.13%/100% 54.19%,vline to 90.93%,curve to 88.49% 100% with 100% 95.94%/94.85% 100%,hline to 11.51%,curve to 0% 90.93% with 5.15% 100%/0% 95.94%,vline to 9.07%,curve to 11.51% 0% with 0% 4.06%/5.15% 0%,hline to 38.62%,close);
  border-radius: 48px; /* For browsers that don`t support clip path (Firefox) */
}

.square-ratio img, .kb-image-ratio-square img {
  aspect-ratio: 0.899;
  object-fit: cover;
  clip-path: shape(from 92.26% 50.13%,curve to 100% 57.08% with 96.53% 50.13%/100% 53.24%,vline to 93.04%,curve to 92.26% 100% with 100% 96.89%/96.53% 100%,hline to 11.61%,curve to 0% 89.57% with 0% 100%/0% 95.33%,vline to 50.13%,hline to 92.26%,close,move to 42.39% 0%,curve to 50.13% 6.95% with 46.66% 0%/50.12% 3.11%,curve to 57.87% 0% with 50.13% 3.11%/53.6% 0%,hline to 92.26%,curve to 100% 6.96% with 96.53% 0%/100% 3.11%,vline to 43.17%,curve to 92.26% 50.13% with 100% 47.01%/96.53% 50.13%,hline to 0%,vline to 6.96%,curve to 7.74% 0% with 0% 3.11%/3.47% 0%,hline to 42.39%,close);
  border-radius: 48px; /* For browsers that don`t support clip path (Firefox) */
}

/* 16:9 */
.wide-ratio img, .kb-has-image-ratio-land169 img, .kb-image-ratio-land169 img{
  aspect-ratio: 1.778;
  object-fit: cover;
  clip-path: shape(from 42.39% 0%,curve to 50.13% 13.75% with 46.66% 0%/50.12% 6.15%,curve to 57.87% 0% with 50.13% 6.15%/53.6% 0%,hline to 92.26%,curve to 100% 13.76% with 96.53% 0%/100% 6.16%,vline to 34.64%,curve to 91.29% 50.13% with 100% 43.19%/96.1% 50.13%,hline to 92.26%,curve to 100% 63.89% with 96.53% 50.13%/100% 56.29%,vline to 86.24%,curve to 92.26% 100% with 100% 93.84%/96.53% 100%,hline to 11.61%,curve to 0% 79.35% with 0% 100%/0% 90.76%,vline to 13.76%,curve to 7.74% 0% with 0% 6.16%/3.47% 0%,hline to 42.39%,close);
  border-radius: 48px; /* For browsers that don`t support clip path (Firefox) */
}

.kadence-thumbnail-ratio-9-16 img{
  clip-path: shape(from 38.51% 0%,curve to 50.13% 15.48% with 44.93% 0%/50.13% 6.93%,line to 50.13% 15.28%,curve to 61.74% 0% with 50.21% 6.82%/55.38% 0%,hline to 88.39%,curve to 100% 15.48% with 94.8% 0%/100% 6.93%,vline to 38.51%,curve to 91.29% 50.13% with 100% 44.93%/96.1% 50.13%,hline to 88.39%,curve to 100% 65.61% with 94.8% 50.13%/100% 57.06%,vline to 84.52%,curve to 88.39% 100% with 100% 93.07%/94.8% 100%,hline to 50.13%,vline to 100%,hline to 11.61%,curve to 0% 84.52% with 5.2% 100%/0% 93.07%,vline to 15.48%,curve to 11.61% 0% with 0% 6.93%/5.2% 0%,hline to 38.51%,close);
}

.bolletjes-links {
  position: relative;
  display: inline-block;
}

.bolletjes-links img {
  display: block;
}

.bolletjes-links::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 50%;
  height: 50%;
  background-image: url('assets/images/ball-overlay.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  pointer-events: none;
  z-index: 1;
}

.bolletjes-rechts {
  position: relative;
  display: inline-block;
}

.bolletjes-rechts img {
  display: block;
}

.bolletjes-rechts::after {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 50%;
  height: 50%;
  background-image: url('assets/images/ball-overlay.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleX(-1);
  pointer-events: none;
  z-index: 1;
}

.kb-image-is-ratio-size.green-border div {
  background: #A6D6CC;
}

.kb-image-is-ratio-size.green-border div img, .kadence-thumbnail-ratio-3-4 div img {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  margin: 1px;
}

.kb-image-is-ratio-size.green-border div {
  background: #A6D6CC;
}

h1.icon-title-left:before, body.single-post h1.entry-title:before {
  content: url(assets/images/title-logo.svg);
  position: relative;
  margin-right: 12px; 
}

.error404 h1.icon-title-left:before {
  float: left;
}

.error .search-form {
  margin-bottom: 20px;
}

/* .kb-row-layout-wrap h2:before {
  content: url(assets/images/title-logo.svg);
  float: left;
  position: relative;
  margin-right: 12px;
}

h2.no-icon:before {
  content: none;
} */

h2.icon-title-left{
  display: flex;
  align-items: center;
}

.icon-title-left:before {
  content: url(assets/images/title-logo.svg);
  position: relative;
  margin-right: 12px;
}

h1.icon-title-top:before, h2.icon-title-top:before {
  content: url(assets/images/title-logo-top.svg);
  float: left;
  position: relative;
  width: 100%;
}

.entry.loop-entry {
  box-shadow: none;
}
.loop-entry .entry-content-wrap {
  background: #FFF;
  border-radius: 32px;
  min-height: 168px;
  overflow: hidden;
}
.loop-entry .entry-content-wrap header {
  display: flex;
  flex-direction: column-reverse;
}
.loop-entry .entry-content-wrap:hover {
  box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.05);
}
.entry-meta.entry-meta-divider-dot {
  text-transform: uppercase;
  font-size: 14px;
}
.loop-entry .entry-header .entry-meta {
  margin: 0px 0px 10px 0px;
}
.entry-header {
  margin-bottom: 0px;
}

.kt-testimonial-style-card .kt-svg-testimonial-global-icon-wrap {
  background: #FFF;
  border-top: 1px solid #226172;
  border-left: 1px solid #226172;
  border-right: 1px solid #226172;
  border-radius: 32px 32px 0px 0px;
  float: unset;
  position: relative;
  top: -40px;
  z-index: 1;
}
.kt-testimonial-content-wrap {
  border-left: 1px solid #226172;
  border-right: 1px solid #226172;
  margin: 0px 20px;
  padding: 0px 32px;
  position: relative;
  top: -40px;
}
.kt-testimonial-meta-wrap {
  border-bottom: 1px solid #226172;
  border-left: 1px solid #226172;
  border-right: 1px solid #226172;
  border-radius: 0px 0px 32px 0px;
  display: block;
  margin: 0px 20px;
  padding: 16px 32px;
  position: relative;
  top: -40px;
}

.wp-block-kadence-testimonials .kt-blocks-carousel-init:not(.kt-carousel-dotstyle-none) {
  padding: 0px;
}

.kt-blocks-carousel .kt-carousel-dotstyle-outlinedark .splide__pagination__page.is-active, .kb-splide .splide__pagination__page.is-active {
  box-shadow: inset 0 0 0 12px #F59C08;
  opacity: 1 !important;
}

.kt-blocks-carousel .kt-carousel-dotstyle-outlinedark .splide__pagination__page, .kb-splide .splide__pagination__page {
  box-shadow: inset 0 0 0 1px #F59C08;
  opacity: 1;
  background: #FFF !important;
  transition: box-shadow .3s ease;
}

.kb-splide .splide__pagination__page {
  background: #F59C08;
  border-radius: 50% 50% 50% 0px;
  height: 24px;
  width: 24px;
}

.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
  bottom: -50px !important;
}

.teambox {
  min-height: 226px;
}

:root :where(.wp-block-social-links .wp-social-link a) {
  padding: 0.6rem;
}

.wp-block-social-links .wp-social-link a svg {
  width: 28px;
  height: 28px;
}

.content-overlap-right {
  display: block;
  left: 42%;
  position: absolute;
  top: 26%;
  width: 56%;
}

.content-overlap-left {
  display: block;
  left: 0px;
  position: relative;
  top: 14%;
  z-index: 2;
  width: 112%;
}

h1.page-title.search-title {
  margin-bottom: 1em;
}

.small-page{
  max-width: 896px !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.small-page ul {
  margin-left: 9.3rem !important;
  margin-right: 10rem !important;
}

.small-page p, .small-page h2, .small-page h3, .small-page .wp-block-buttons, .small-page form {
    margin-right: var(--global-kb-spacing-4xl, 8rem);
    margin-left: var(--global-kb-spacing-4xl, 8rem);
}

.site-footer-wrap .wp-block-kadence-navigation .menu-container>.menu>.menu-item>.kb-link-wrap>.kb-nav-link-content:hover, .site-footer-wrap .footer-navigation .footer-menu-container>ul li a:hover {
  text-decoration: underline !important;
}
.footer-navigation .footer-menu-container > ul li a {
  line-height: 32px;
  padding: 0px calc(1.2em / 2) 0px 0px !important;
}
.copyright {
  font-size: 16px;
}

.single-content ul, .single-content ol {
  padding-left: 0;
}
.balanced-text {
  text-wrap: balance;
}
.yoast-breadcrumbs {
  position: absolute;
  top: -50px;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 65px;
  text-transform: lowercase;
  height: 29px;
}
.yoast-breadcrumbs span span:nth-child(1) {
  text-transform: initial;
}
.site-main {
  position: relative;
}
.kb-button:not(.kb-btn-global-inherit) {
  transition: all .1s ease-in-out;
}
.gform_button, .wp-element-button {
  font-weight: bold !important;
  font-size: 18px !important;
  border-top-left-radius: 48px !important;
  border-top-right-radius: 48px !important;
  border-bottom-right-radius: 48px !important;
  border-bottom-left-radius: 0px !important;
  padding-top: 17px !important;
  padding-right: 24px !important;
  padding-bottom: 17px !important;
  padding-left: 24px !important;
  color: var(--global-palette-highlight) !important;
  text-transform: lowercase;
}
.kb-button {
  text-transform: lowercase;
}
.kb-button:active, .gform_button:active, .wp-element-button:active {
  scale: 0.875;
  background: inherit;
}
.kb-button:hover {
  background: #DFEFEB;
}
.gform_button:hover,.wp-element-button:hover, .wp-element-button:focus {
  background: #f7b039 !important;
  color: var(--global-palette-highlight);
  box-shadow: none;
}
.gform_button:focus {
  --gf-local-border-color: #f7b039 !important;
  --gf-local-outline-color: none !important;
  --gf-local-outline-width: 0 !important;
}
.kb-navigation a:hover, a.kb-nav-link-content.has-highlight-label:hover {
  text-decoration: underline;
}
.kb-search .kb-button:active {
  scale: 1;
}
.wp-block-kadence-header-desktop .current-menu-item {
  background: #f0f8f6;
}
.wp-block-kadence-header-desktop .current-menu-item , .wp-block-kadence-header-desktop .current-menu-item .kb-link-wrap {
  border-radius: 30px 0px;
}
.site-footer-wrap li.current-menu-item a.kb-nav-link-content, .site-footer-wrap .current-menu-item a {
  text-decoration: underline;
}

.kb-splide .splide__arrow, .kb-splide .splide__arrow:hover, .kb-splide .splide__arrow:focus, .kb-splide:hover .splide__arrow {
  background: var(--global-palette-btn-bg);
  color: var(--global-palette-highlight);
  width: 3em;
  opacity: 1;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev {
  left: 10px;
}
.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next {
  right: 10px;
}

.wp-block-kadence-advancedgallery .kb-splide[data-slider-dots=true]{
  margin-bottom: 70px;
}

/* Gravity Forms */
legend.gfield_label.gform-field-label, label.gfield_label.gform-field-label {
  font-weight: bold;
}

@media only screen and (max-width: 1310px) {
  .yoast-breadcrumbs {
    margin-left: 35px;
  }
}

body.home #readspeaker_button1 {
  position: absolute;
  top: 0px;
}

#readspeaker_button1 {
  position: absolute;
  top: 5px;
}

body.search #readspeaker_button1, body.single-post #readspeaker_button1 {
  position: inherit;
  top: inherit;
  left: inherit;
}

.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-2 {
  padding-bottom: 36%;
}

.post-thumbnail-inner, .article-post-thumbnail-caption, body.single-post .entry-meta-divider-dot, body.single-post .entry-title {
  max-width: 896px;
  margin: 0px auto;
}

body.single-post .entry-title {
  margin-bottom: var(--global-kb-spacing-md, 2rem);
  text-align: center;
  font-size: var(--global-kb-font-size-xl, 3rem);
  line-height: 50px;
}

body.single-post .entry-meta-divider-dot {
  font-size: var(--global-kb-font-size-md, 1.25rem);
  text-transform: initial;
  font-weight: 200;
  margin: 10px auto 10px auto;
}

.single-entry .wp-site-blocks .post-thumbnail img {
  border-radius: 30px;
  aspect-ratio: 2/1 !important;
  height: auto !important;
}

.kadence-breadcrumbs.yoast-bc-wrap {
  font-size: var(--global-kb-font-size-md, 1.25rem);
  font-weight: 200;
}

/* Mobile and Tablet */
@media only screen and (max-width: 1024px) {
  .content-overlap-right {
    top: unset;
    left: 0px;
    bottom: -20px;
    width: 100%;
  }
  .content-overlap-left {
    top: unset;
    bottom: -20px;
    position: absolute;
    width: 100%;
  }
  .content-area {
    margin-top: 104px;
  }
  .wp-block-kadence-off-canvas {
    border-radius: 0px 0px 19px 0px;
  }
  .kb-search .kb-search-close-btn {
    top: 1px;
    right: 81px;
    background: #FFF;
    border-radius: 30px 0px 0px 0px;
    padding: 13px 17px 4px 16px;
    border-left: 1px solid #a6d6cc;
  }
  .kb-search .kb-search-modal-content {
    top: 90px;
  }
  .kb-search .kb-search-modal-content form {
    max-width: 100%;
    padding: 0px 24px;
  }
  .kb-search .kb-search-icon-submit {
    padding: 10px 13px 10px 13px;
  }
  .content-area {
    margin-bottom: 0px;
  }
  .small-page p, .small-page h2, .small-page h3, .small-page .wp-block-buttons, .small-page form {
    margin-right: var(--global-kb-spacing-xxl, 5rem);
    margin-left: var(--global-kb-spacing-xxl, 5rem);
  }
  .small-page ul {
    margin-left: 6.3rem !important;
    margin-right: 6rem !important;
  }
  .teambox {
    min-height: auto;
  }
  .yoast-breadcrumbs {
    margin-top: 10px;
    margin-left: 17px;
  }
  body.home #readspeaker_button1 {
    position: relative;
    left: 34px;
    top: 0px;
  }

  #readspeaker_button1 {
    top: 7px;
    left: 17px;
  }
  .rsbtn {
    margin-bottom: 15px;
  }
}

/* Background expand utility - extends background 20px on both sides */
.bg-expand-20 {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
}

/* Alternative method using pseudo-element (works better with overflow constraints) */
.bg-expand-20-alt {
  position: relative;
}

.bg-expand-20-alt::before {
  content: '';
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  bottom: 0;
  background: inherit;
  z-index: -1;
}

/* Mobile only */
@media only screen and (max-width: 767px) {
  .small-page ul {
    margin-left: 1.3rem !important;
    margin-right: 0rem !important;
  }
  .small-page p, .small-page h2, .small-page h3, .small-page .wp-block-buttons, .small-page form {
    margin-right: 0;
    margin-left: 0;
  }
  .content-overlap-right {
    position: unset;
    margin-top: -125px;
  }
  .content-overlap-left {
    position: unset;
    margin-bottom: -60px;
  }
  .yoast-breadcrumbs {
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 15px;
    padding-top: 10px;
  }
  body.home #readspeaker_button1 {
    position: relative;
    left: 0px;
    top: 0px;
  }
  #readspeaker_button1 {
    position: relative;
    top: 0px;
    margin-bottom: 20px;
  }
}