{% if page.youtube %}
<div class="o-section-block show-for-medium">
  <ul class="c-widget-accordion" data-accordion="" data-allow-all-closed="true">
    <li class="c-widget-accordion-item is-active" data-accordion-item="">

      {% if page.youtube.title %}
      <a href="#" class="c-widget-accordion-link c-widget-accordion-link--yt">
	      <span class="c-widget-accordion__title">{{page.youtube.title}}</span>
      </a>
      {% endif %}

      <div class="c-widget-accordion-content" data-tab-content="">
        <div class="c-widget-accordion-content-video">
          
          <div class="c-widget-accordion-content__video u-video-wrapper-16-9">
          
             {% if page.youtube.id %}
		  <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/{{page.youtube.id}}?rel=0&amp;controls=0" style="border: 0;" allowfullscreen=""></iframe>
             {% endif %}
             
	     {% if page.youtube.playlist %}

	     <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list={{page.youtube.playlist}}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
             {% endif %}
          
          </div>

          {% if page.youtube.button %}
          <div class="c-widget-accordion-content__cta">
		  <a class="expanded button large u-0margin" href={{page.youtube.button.url}} target="_blank" rel="noopener noreferrer">
			  {{page.youtube.button.title}}
		  </a>
          </div>
          {% endif %}

        </div>
      </div>
     
    </li>
  </ul>
</div>
{% endif %}