@import url('https://fonts.googleapis.com/css?family=Raleway:300|Tangerine&display=swap');

/* font-family: 'Raleway', sans-serif; */
/* font-family: 'Tangerine', cursive; */

.strip.hero {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.hero > div {min-width: 300px; max-width: 2000px; margin: 0 auto;}
.strip.hero > div > div {}
.strip.hero > div > div > div {}
.strip.hero > div > div > div > :first-child {margin-top: 0;}
.strip.hero > div > div > div > :last-child {margin-bottom: 0;}
.strip.hero > div > div > div img {display: block; line-height: 0; opacity: .8;}
.strip.intro {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.intro > div {background: rgba(255,255,255,.6);}
.strip.intro > div > div {min-width: 300px; max-width: 1200px; margin: 0 auto; padding: 0;}
.strip.intro > div > div > div {padding: 30px 15px;}
.strip.intro > div > div > div > :first-child {margin-top: 0;}
.strip.intro > div > div > div > :last-child {margin-bottom: 0;}
.strip.intro > div > div > div h1 {margin-bottom: 15px; padding: 0; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.intro > div > div > div .overall-dates {margin-bottom: 15px; padding: 0 30px; font-family: Tangerine, cursive; font-size: 2.5em; font-weight: normal; line-height: 1;}
.strip.intro > div > div > div p {padding: 0 30px; font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}

.strip.dave {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.dave > div {background: rgba(192,154,81,.2);}
.strip.dave > div > div {min-width: 300px; max-width: 1200px; margin: 0 auto; padding: 0;}
.strip.dave > div > div > div {padding: 30px 15px;}
.strip.dave > div > div > div > :first-child {margin-top: 0;}
.strip.dave > div > div > div > :last-child {margin-bottom: 0;}
.strip.dave > div > div > div h1 {margin-bottom: 15px; padding: 0; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.dave > div > div > div .overall-dates {margin-bottom: 15px; padding: 0 30px; font-family: Tangerine, cursive; font-size: 2.5em; font-weight: normal; line-height: 1;}
.strip.dave > div > div > div h2 {margin-top: 60px; margin-bottom: 15px; padding: 0; border: none; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.dave > div > div > div p {padding: 0 30px; font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}
.strip.dave > div > div > div .esounds {margin-right: 30px; margin-left: 30px; border-bottom-color: #888;}
.strip.dave > div > div > div .esounds .esounds-embed {border-top-color: #888;}

.strip.race-and-policing-forum {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.race-and-policing-forum > div {background: rgba(192,154,81,.4);}
.strip.race-and-policing-forum > div > div {min-width: 300px; max-width: 1200px; margin: 0 auto; padding: 0;}
.strip.race-and-policing-forum > div > div > div {padding: 30px 15px;}
.strip.race-and-policing-forum > div > div > div > :first-child {margin-top: 0;}
.strip.race-and-policing-forum > div > div > div > :last-child {margin-bottom: 0;}
.strip.race-and-policing-forum > div > div > div h1 {margin-bottom: 15px; padding: 0; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.race-and-policing-forum > div > div > div .overall-dates {margin-bottom: 15px; padding: 0 30px; font-family: Tangerine, cursive; font-size: 2.5em; font-weight: normal; line-height: 1;}
.strip.race-and-policing-forum > div > div > div h2 {margin-top: 60px; margin-bottom: 15px; padding: 0; border: none; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.race-and-policing-forum > div > div > div p {padding: 0 30px; font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}
.strip.race-and-policing-forum > div > div > div .esounds {margin-right: 30px; margin-left: 30px; border-bottom-color: #888;}
.strip.race-and-policing-forum > div > div > div .esounds .esounds-embed:first-child {border-top-color: #888;}
.strip.race-and-policing-forum > div > div > div .boxes {margin-right: 30px; margin-left: 30px;}
.strip.race-and-policing-forum > div > div > div .boxes > div > div {background: rgba(255,255,255,.3); border-color: #888;}
.strip.race-and-policing-forum > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser + .boxes-more {border-color: #888;}

.strip.schedule {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.schedule > div {min-width: 300px; max-width: 1200px; margin: 0 auto;}
.strip.schedule > div > div {padding: 30px 15px;}
.strip.schedule > div > div > div {}
.strip.schedule > div > div > div > :first-child {margin-top: 0;}
.strip.schedule > div > div > div > :last-child {margin-bottom: 0;}
.strip.schedule > div > div > div h2 {margin-top: 60px; margin-bottom: 15px; padding: 0; border: none; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.schedule > div > div > div .schedule-of-events {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 15px;}
.strip.schedule > div > div > div .schedule-of-events .boxes {margin: 0;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div {background: rgba(255,255,255,.5); border-color: #888;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-text-left > div .boxes-date-01 {background: #af7b30;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-more a {border: 1px solid #af7b30; color: #fff; background: #af7b30;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-more a:link {color: #fff;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-more a:visited {color: #fff;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-more a:hover {background: #fff; color: #af7b30; text-decoration: none;}
.strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-more a:active {color: #fff;}

.strip.livestream {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.livestream > div {background: rgba(255,255,255,.6);}
.strip.livestream > div > div {min-width: 300px; max-width: 1200px; margin: 0 auto; padding: 0;}
.strip.livestream > div > div > div {padding: 30px 15px;}
.strip.livestream > div > div > div > :first-child {margin-top: 0;}
.strip.livestream > div > div > div > :last-child {margin-bottom: 0;}
.strip.livestream > div > div > div h2 {margin-top: 60px; margin-bottom: 15px; padding: 0; border: none; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.livestream > div > div > div .video-wrapper {position: relative; padding-bottom: 56.25%;}
.strip.livestream > div > div > div .video-wrapper > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.strip.livestream > div > div > div p {padding: 0 30px; font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}
.strip.livestream > div > div > div ul {padding-left: 45px;}
.strip.livestream > div > div > div ul li {font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}

.strip.about {background: #ddd url(/_images/_events/2019/fall/we-the-people/we-the-people-background-01.jpg) repeat-y; background-attachment: fixed; background-size: contain;}
.strip.about > div {background: rgba(255,255,255,.6);}
.strip.about > div > div {min-width: 300px; max-width: 1200px; margin: 0 auto; padding: 0;}
.strip.about > div > div > div {padding: 30px 15px;}
.strip.about > div > div > div > :first-child {margin-top: 0;}
.strip.about > div > div > div > :last-child {margin-bottom: 0;}
.strip.about > div > div > div h2 {margin-top: 60px; margin-bottom: 15px; padding: 0; border: none; font-family: Tangerine, cursive; font-size: 3em; font-weight: normal; line-height: 1em;}
.strip.about > div > div > div p {padding: 0 30px; font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}
.strip.about > div > div > div ul {padding-left: 45px;}
.strip.about > div > div > div ul li {font-family: Raleway, sans-serif; font-size: 1.1em; font-weight: 300; line-height: 1.4em; color: #000;}
.sharefloat3 {display: none;}
.share3 {margin-top: 30px; text-align: center;}
.share3 > div {display: inline-block;}

@media (min-width: 480px) {
  .strip.schedule > div > div > div .schedule-of-events {display: grid; grid-template-columns: repeat(2, 1fr);}
}

@media (min-width: 700px) {
  .strip.intro > div > div > div h1 {font-size: 4em;}
  .strip.intro > div > div > div .overall-dates {font-size: 3em;}
  .strip.schedule > div > div > div h2 {font-size: 3.5em;}
  .strip.livestream > div > div > div h2 {font-size: 3.5em;}
  .strip.about > div > div > div h2 {font-size: 3.5em;}
}

@media (min-width: 800px) {
  #ff-00 #ff-01 #ff-02 {padding-left: 60px;}
  .share3 {display: none;}
  .sharefloat3 {display: block;}
  .strip.intro > div > div > div {padding-left: 60px;}
  .strip.dave > div > div > div {padding-left: 60px;}
  .strip.race-and-policing-forum > div > div > div {padding-left: 60px;}
  .strip.schedule > div > div > div {padding-left: 60px;}
  .strip.schedule > div > div > div .schedule-of-events {display: grid; grid-template-columns: repeat(3, 1fr);}
  .strip.livestream > div > div > div {padding-left: 60px;}
  .strip.about > div > div > div {padding-left: 60px;}
}

@media (min-width: 950px) {
  .strip.intro > div > div > div {padding-right: 30px;}
  .strip.dave > div > div > div {padding-right: 30px;}
  .strip.race-and-policing-forum > div > div > div {padding-right: 30px;}
  .strip.schedule > div > div > div {padding-right: 30px;}
  .strip.livestream > div > div > div {padding-right: 30px;}
  .strip.about > div > div > div {padding-right: 30px;}
}

@media (min-width: 1000px) {
  .strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-title {font-size: 1.25em;}
  .strip.schedule > div > div > div .schedule-of-events .boxes > div > div > div > div .boxes-text > div .boxes-teaser {font-size: .8em;}
}