@charset "utf-8";
/* CSS Document */


/* WHERE TO DANCE PAGE*/



/* WTD SECTION */

.wtd-section h2 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-gap: 1rem; }

.wtd-section h2::before {
  content: "";
  border-bottom: 1px solid #d14949;
  align-self: center; }

.wtd-section h2::after {
  content: "";
  border-bottom: 1px solid #d14949;
  align-self: center; }




/* CARD LISTING */

.card-listing {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0; }

.card-listing li {
  border: 1px solid white;
  border-radius: 3px;
  box-shadow: 0 0 4px  rgba(0,0,0,0.1);
  margin-bottom: 2rem;
  display: grid;
  grid-template-rows: auto 1fr auto; }

.card-listing .details p {
  padding: .8rem 1rem 0.2rem 1rem;
	margin: 0px;
	color: rgba(0,0,0,0.5);
}

.card-listing h3 {
	color: #000;
	margin: 0;
	padding: 1rem 20px;
}

.card-listing h2 {
	font-size: 1.4rem;
	margin-bottom: 0px;
}


.card-listing p a:link,
.card-listing p a:visited {
  text-decoration: none;
  font-weight: normal;
  margin: 0; 
}

.card-listing .details {
  padding: .8rem 1rem 0.2rem 1rem; }

@media screen and (min-width: 800px) {
  @supports (grid-gap: 10px) {
    .card-listing {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      grid-gap: 2rem; }
    .card-listing li {
      margin: 0; } 
    .card-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      grid-gap: 2rem; }
    .card-list li {
      margin: 0; }} }

.imagegrid {
  margin: 0;
  padding: 0;
  list-style: none; }

.imagegrid img {
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

@media screen and (min-width: 600px) {
  .imagegrid li {
    float: left;
    max-width: 49%;
    padding: 10px; }
  .patterncontent {
    clear: both; }
  @supports (grid-gap: 10px) {
    .imagegrid {
      display: grid;
      grid-template-columns: 2fr 3fr;
      grid-gap: 10px; }
    .imagegrid li {
      float: none;
      max-width: 100%;
      padding: 0; }
    .imagegrid li:first-child {
      grid-row: 1 / 3; } } }

.examples-listing,
.video-list,
.blog-list,
.blog-list-home {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%; }

.video-list li,
.blog-list li .blog-list-home li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0; }

.video-list p,
.video-list h3 {
  margin: 0;
  padding: 0; }

.video-list li a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 1rem 0; }

.video-list li a:hover {
  background-color: rgba(0, 0, 0, 0.05); }