/*Toggle*/

.bocadillo .has-background.ymk-toggle {
  margin-bottom:3px !important;
 
}


.bocadillo .wp-block-query > ul > li{
    margin:0;
}

.bocadillo .wp-block-query > ul > li:first-child .has-background.ymk-toggle {
    border-top-left-radius: var(--tw-block-rounded);
    border-top-right-radius: var(--tw-block-rounded);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.bocadillo .wp-block-query > ul > li:last-child .has-background.ymk-toggle {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
/*  border-bottom-left-radius: var(--button--border-radius);  */
    border-bottom-left-radius: var(--tw-block-rounded);
    border-bottom-right-radius: var(--tw-block-rounded);
}


.bocadillo * {
    transition: all 0.2s;
}

.ymk-toggle .faq-title,
.ymk-toggle .title {
    flex-direction: row;
    display: flex !important;
    align-items: center;
    width: 100%;
    position: relative;
    column-gap: 1rem;
    height: auto;
    cursor: pointer;
    font-size: calc(0.8*var(--heading--font-size-h3));
}

.toggle-cols:not(.open) .ymk-toggle:not(.on) .faq-title,
.toggle-cols:not(.open) .ymk-toggle:not(.on) .title {
    margin-bottom: 0px !important;
    font-size: var(--heading--font-size-h5);
}

.wp-block-columns.toggle-cols:not(.open)  .wp-block-column .ymk-toggle .title {
    margin-top: 0px !important;
}

.wp-block-columns.toggle-cols:not(.open)  .wp-block-column .ymk-toggle:not(.on) .title {
    margin-bottom: 0px !important
}

.wp-block-columns .wp-block-column .title{
  
}

.toggle-back.on:before, 
.ymk-toggle .faq-title:after, 
.ymk-toggle .title:after {
    /* position: absolute; */
    font-family: 'Material Icons Outlined';
    font-size: 24px;
    line-height: normal;
    font-weight: 100;
    /* flex: 1; */
    right: 0;
}

.toggle-back.on {
  display:flex;
  gap: 0.3rem;
  align-items: center;
  cursor: pointer;
}

.toggle-back.on:before {
  content: "\e5cb";
  flex:0;
  line-height: 0;
}

.ymk-toggle:not(.has-background) .faq-title:after,
.ymk-toggle:not(.has-background) .title:after {
    position: absolute;
}

.ymk-toggle.has-background .faq-title:after,
.ymk-toggle.has-background .title:after {
    background: #ffffff;
    padding: 0.2rem;
    border-radius: 100%;
    flex: 0;
}

.toggle-cols:not(.open) .ymk-toggle .faq-title:after, .toggle-cols:not(.open) .ymk-toggle .title:after {
    content: "\e5cf";
}

.toggle-cols:not(.open) .ymk-toggle.on .faq-title:after, .toggle-cols:not(.open) .ymk-toggle.on .title:after {
    content: "\e5ce";
}

.ymk-toggle p:first-of-type {
    margin-top: 1rem;
}

.toggle-cols:not(.open) .ymk-toggle:not(.on) p, .ymk-toggle:not(.on) .wp-block-buttons, .ymk-toggle figure {
    display:none;
}

.ymk-toggle .faq-title,
.ymk-toggle .title {
    display: flex !important;
    width: 100%;
    position: relative;
    column-gap: 1rem;
    height: auto;
    cursor: pointer;
    row-gap: 1rem;
    /* transition: all 0.5s; */
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.toggle-cols > div:not(.bocadillo) {
    position: relative;
}

.toggle-cols > div:not(.bocadillo) figure  {
  height:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  /* display:none; */
} 

.toggle-cols figure img,
.toggle-cols figure video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: -webkit-fill-available;
    -o-object-fit: var(--degu-asset-object-fit);
    object-fit: cover;
    -o-object-position: var(--degu-asset-object-position);
    object-position: center;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -ms-user-select: none;
    user-select: all;
    position: absolute;
} 

/**/
.ymk-toggle .wp-block-post-excerpt {
    margin: 0 !important;
}

@media (min-width: 652px){
    .toggle-cols.light .bocadillo:first-child > .wp-block-group.has-background {
        /* padding-left: var(--global--spacing-vertical) 15px; */
    }

    .toggle-cols.light .bocadillo:not(:first-child) > .wp-block-group.has-background {
        /* padding-right: var(--global--spacing-vertical) 15px; */
    }
}

@media (max-width: 651px){
  .toggle-cols.light .bocadillo > .has-background {
      /* padding: 0 !important; */
      padding-bottom: 3rem;
  }


.toggle-cols .wp-block-column:has(> figure.toggle-img )  {
  /* margin-bottom: 1.5rem !important; */
} 

  
.toggle-cols figure img,
.toggle-cols figure video {
  height: 200px;
  position:relative;
  /* padding-bottom:2rem; */
} 
  
}

.toggle-cols:not(.open).light:has(.ymk-toggle.on) .ymk-toggle:not(.on) .faq-title,
.toggle-cols.toggle-cols:not(.open).light:has(.ymk-toggle.on) .ymk-toggle:not(.on) .title {
opacity:0.7
}

.toggle-cols.light:has(.ymk-toggle.on) .ymk-toggle:not(.on):hover .faq-title,
.toggle-cols.light:has(.ymk-toggle.on) .ymk-toggle:not(.on):hover .title {
opacity:1
}


@media (min-width: 652px) and (max-width: 1440px){
    .toc-content .tw-md-hidden {
    /*  display: none !important; */
    }
}


.anchor{
    /* margin-top: -5rem !important; */
    /* padding-top: calc(5rem + 50px ) !important; */
    /* margin-bottom: 2.1rem !important; */
    /* font-size: 35px; */
}

@media (min-width: 768px) {
    .faq-title.anchor {
     padding-top:40px !important;
    margin-top:-40px !important;
    }    
}

@media (max-width: 652px) {
    .toc-content .anchor {
    padding-top:250px !important;
    margin-top:-250px !important;
    }
}


/**/

div#wrap-toc * {
    max-width: none;
}


@media (min-width: 1024px){
    #wrap-toc {
        position: -webkit-sticky;
        position: sticky;
        top: 10rem;
        margin-bottom: calc(var(--global--spacing-vertical)*0.666);

    }

    .shortcode-toc{
        overflow: auto;
        max-height: 514px;
    }

    .shortcode-toc::-webkit-scrollbar {
      display: none;
    }

    .shortcode-toc {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }

    .shortcode-toc > ul ul {
        list-style: none;
        padding-left:0.5rem;
        font-size: smaller;
    }
    
    .shortcode-toc ul a {
        font-size: smaller;
        text-decoration: none;
    }

    .shortcode-toc ul > li.active > a {
    font-weight:600;
    }
}
    
    .shortcode-toc > ul {
        list-style: none;
        padding:0;
    }
    
    .shortcode-toc > ul ul {
        list-style: none;
        padding-left:0.5rem;
        margin-top: 0.8rem;
    }
    
    .shortcode-toc ul a {
        text-decoration: none;
        /* margin-bottom: 2rem !important; */
    }

    .shortcode-toc ul li {
        text-decoration: none;
        margin-bottom: 0.8rem !important;
    }

@media (max-width: 1023px){
    .shortcode-toc ul a {
        text-decoration: none;
        font-weight:600;
    }
}

.qe-faqs-filters-container,
.qe-toggle-title i,
ol.qe-faqs-index-list {
    display: none;
}

/**/

.qe-faq-toggle .faq-title 
{
    display:flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.qe-faq-toggle .faq-title:after{
    font-family: 'Material Icons Outlined';
    font-size: 24px;
    position: absolute;
    line-height: normal;
    font-weight: 100;
    flex: 1;
    right: 0;
    position: absolute;
}

.qe-faq-toggle .faq-title:after{
    content:"\e5cf";

}

.qe-faq-toggle.active .faq-title:after
{
    content:"\e5ce";
}

.qe-faq-toggle .qe-toggle-content {
    padding: 1em 1.5em 1em;
    margin: 0;
    border: 1px solid #ddd;
    display: none;
}

.ymk-toggle:before,
.ymk-toggle:after {
    display: none;
}


/**/

/*Togle faqs*/


h2.faq-group-title {
    margin: 2rem 0;
}

/**/
.woocommerce-page h2.faq-group-title {
    font-size: var(--heading--font-size-h3);
    letter-spacing: var(--heading--letter-spacing-h3);
    line-height: var(--heading--line-height-h3);
	margin-bottom: 2rem;
}

.qe-faq-toggle:not(:first-of-type) {
    padding: 1rem 0 1rem;
}

.qe-faq-toggle.active:not(:first-of-type) {
    /* padding: 1rem 0 2rem; */
    /* margin: 1rem 0 1rem; */
}

.qe-faq-toggle:first-of-type {
    padding: 0rem 0 1rem;
}

.qe-faq-toggle.active:first-of-type {
    /* padding: 0rem 0 2rem; */
    /* margin: 0rem 0 2rem; */
}

.qe-faq-toggle:last-of-type {
    padding: 1rem 0 0rem;
    margin-bottom:0rem;
}

.qe-faq-toggle .qe-toggle-title .faq-title {
    font-size: larger;
    margin: 0 !important;
    padding-right: 50px;
}

.qe-faq-toggle .qe-toggle-title i.fa {
    margin-right: 0;
}

.qe-faq-toggle .qe-toggle-title {
    background-color: transparent !important;
    border: 0px solid #ddd;
    margin: 0;
    height: auto;
    cursor: pointer;
    transition: all 0.2s;
    padding: 0rem 0;
    /* padding: 0; */
}

.qe-faq-toggle .qe-toggle-content {
    padding: 0em 0em;
    margin-top: 1rem;
    border: 0px solid #ddd;
    display: none;
}

.qe-faq-toggle.active {
    /* padding: 2rem 0; */
    /* border: 0px; */
    /* border-top: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    /* transition: all 0s; */
}

.qe-faq-toggle.active:first-of-type {
    /* border-top: 0px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
}

.qe-faq-toggle.active:last-of-type {
    border-bottom: 0px solid #ddd;
}

.qe-faq-toggle.active:not(:first-of-type) .qe-toggle-title {
    /* padding: 1rem 0; */
}

.qe-faq-toggle.active:first-of-type .qe-toggle-title {
    /* padding: 0 0 1rem; */
}

.qae-faqs-container.qae-faqs-toggle-container p:first-of-type {
    margin-top: 0;
}

.qae-faqs-container.qae-faqs-toggle-container p:last-of-type {
    margin-bottom: 0;
}

.toggle-cols figure img {
    object-fit: cover;
}

.toggle-cols figure.wp-block-image {
    height: 100%;
}



/*FAQS load more*/

#faqs:not(.show) .qe-faq-toggle {
  display: none;
}


#faqs .qe-faq-toggle:nth-child(-n + 3) {
  display: block;
}



#faqs:not(.show) .qe-faq-toggle:nth-child(3){
    padding: 1rem 0 0rem;
}

#faqs:not(.show) .qe-faq-toggle.active:nth-child(3){
    border-bottom: 0px solid #ddd;
    padding: 1rem 0 0rem;
    margin-bottom: 0rem;
}


#faqs.qe-faq-toggle #loadmore {
  display: display:none !important;
}

#faqs.show .unloaded{
    display:none
}

#faqs:not(.show) .loaded{
    display:none
}


#faqs .load-more-btn {
    margin-top:calc(var(--global--spacing-vertical)*2);
    margin-bottom: 0
}