{% extends "base_conservancy.html" %}
{% load cache %}
{% load humanize %}
{% load static %}
{% block category %}Vizio{% endblock %}
{% block head %}
<link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
{% block on-page-css %}{% endblock %}

{% endblock %}

{% block outercontent %}

<section class="case-header">
  <div class="case-info flex">
    <div class="case-info w-50-l ph2 pv4 ph5-ns pv5-ns">
      <h4>Court Case</h4>
      {% block case-info %}{% endblock %}
    </div>
    <div class="case-image w-50-ns dn db-l"></div>
  </div>
  <div class="case-bar"></div>
</section>


<section class="case-content">
  <div class="case-content-left">
  <div class="about-case">
    <h2>About the case</h2>
    {% block about-case %}{% endblock %}
  </div>
  <div class="news-coverage-link">{% block news-coverage-link %}{% endblock %}</div>
</div>
<div class="case-content-right">
  <div class="why-case-matters">
    <h2>Why this case matters</h2>
    {% block why-case-matters %}{% endblock %}
  </div>
  <div class="legal-documents"> 
    <h2>About the case</h2>
    <p>Below are legal documents from the docket(s) in this case, provided in approximate chronological order:</p>
    {% block legal-docs %}{% endblock %} 
  </div>
  <div class="resources"> 
    <h2>Resources</h2>
    {% block resources %}{% endblock %}
  </div>
</section>

{% endblock %}