@charset "UTF-8";
/********************************************************************************************* 

x. Variables

*********************************************************************************************/
/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
* {
  margin: 0;
  padding: 0;
  min-height: 0;
  outline: none;
}

/********************************************************************************************* 

x. Typekit

*********************************************************************************************/
.wf-loading {
  visibility: hidden;
}

.wf-active {
  visibility: visible;
}

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
html, body {
  font: 20px "azo-sans-web", sans-serif;
  color: #76777B;
  width: auto;
  height: auto;
  background: white;
}

body.zoom-small {
  font-size: 17px;
}
body.zoom-medium {
  font-size: 18px;
}
body.zoom-large {
  font-size: 19px;
}

a {
  color: #F5B324;
  text-decoration: none;
}

a:hover {
  color: #00AEEF;
}

a img {
  border: none;
}

b,
strong {
  font-weight: 500;
}

.center {
  text-align: center;
}

.clear:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

h1 .plymouth-proof,
h2 .plymouth-proof,
h3 .plymouth-proof,
h4 .plymouth-proof,
h5 .plymouth-proof,
h6 .plymouth-proof {
  color: white;
  line-height: 140px;
  width: auto;
  height: 140px;
  background: #00AEEF;
  padding: 0 40px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}
h1 .plymouth-proof:after,
h2 .plymouth-proof:after,
h3 .plymouth-proof:after,
h4 .plymouth-proof:after,
h5 .plymouth-proof:after,
h6 .plymouth-proof:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 0 70px 15px;
  border-color: transparent transparent transparent #00AEEF;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
}
h1 .plymouth-proof:before,
h2 .plymouth-proof:before,
h3 .plymouth-proof:before,
h4 .plymouth-proof:before,
h5 .plymouth-proof:before,
h6 .plymouth-proof:before {
  content: "";
  width: 999px;
  height: auto;
  background: #00AEEF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

h1 {
  font-size: 6.5em;
  font-weight: 400;
}

h2 {
  font-size: 5em;
  font-weight: 300;
}

h3 {
  font-size: 4em;
  font-weight: 300;
}

h4 {
  font-size: 3em;
  font-weight: 300;
}

h5 {
  font-size: 2em;
  font-weight: 400;
}

h6 {
  font-size: 1.5em;
  font-weight: 400;
}

.image {
  position: relative;
  overflow: hidden;
}
.image.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.image.greyscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.image .blue-overlay {
  mix-blend-mode: multiply;
  background: #00AEEF;
  opacity: 0.2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.image img {
  width: 100%;
  height: auto;
  display: block;
}
.image .gold-overlay {
  mix-blend-mode: multiply;
  background: #F5B324;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.image .grain {
  background: url("../img/grain.png") center center repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.image .caption {
  color: white;
  font-size: 0.8em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  background: #F5B324;
  padding: 10px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.image .caption.small {
  font-size: 0.7em;
}

.large {
  font-size: 1.875em;
  font-weight: 500;
}

.left {
  float: left;
}

.not-so-wide {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

p {
  line-height: 1.75em;
}

.right {
  float: right;
}

svg {
  display: block;
  overflow: hidden;
}

.uppercase {
  text-transform: uppercase;
}

.wrapper {
  margin: 0 100px;
  position: relative;
}

/********************************************************************************************* 

x. Margin + Padding

*********************************************************************************************/
blockquote,
.content ol,
.content ul,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 30px;
}

aside blockquote,
aside .content ol,
aside .content ul,
aside h1,
aside h2,
aside h3,
aside h4,
aside h5,
aside h6,
aside p,
.newsroom .post .content blockquote,
.newsroom .post .content .content ol,
.newsroom .post .content .content ul,
.newsroom .post .content h1,
.newsroom .post .content h2,
.newsroom .post .content h3,
.newsroom .post .content h4,
.newsroom .post .content h5,
.newsroom .post .content h6,
.newsroom .post .content p {
  margin-bottom: 10px;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

/********************************************************************************************* 

x. Columns & Widths

*********************************************************************************************/
.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-33 {
  width: 33.33%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66.66%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 80%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

/********************************************************************************************* 

x. Content

*********************************************************************************************/
.content img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.content ol,
.content ul {
  margin-left: 40px;
}
.content ol li,
.content ul li {
  line-height: 1.75em;
}
.content.white {
  color: white;
}
.content.white.dark-links a {
  color: #4E5054;
}
.content.white.dark-links a:hover {
  color: #76777B;
}
.content.white .button {
  color: white;
  background: rgba(0, 0, 0, 0.3);
  border-color: white;
}
.content.white .button:hover {
  color: white;
}

.content > :last-child {
  margin-bottom: 0 !important;
}

/********************************************************************************************* 

x. Blockquote

*********************************************************************************************/
blockquote {
  border-left: 2px solid #00AEEF;
  margin-left: 50px;
  padding: 0 0 0 20px;
  display: block;
}

blockquote > :last-child {
  margin-bottom: 0;
}

/********************************************************************************************* 

x. Header

*********************************************************************************************/
header {
  background: white;
  position: relative;
}
header.fixed {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}
header .logo {
  width: 215px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
header .logo svg {
  width: 100%;
  height: auto;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
header .logo svg:last-of-type {
  opacity: 0;
}
header .wrapper {
  min-height: 75px;
  margin: 0 70px;
  padding: 20px 0;
}

header.shrink {
  background: #5C5E62;
}
header.shrink .logo {
  background: #5C5E62;
  width: 150px;
}
header.shrink .logo svg:first-of-type {
  opacity: 0;
}
header.shrink .logo svg:last-of-type {
  opacity: 1;
}
header.shrink .right {
  float: none;
}
header.shrink .wrapper {
  min-height: 0;
  margin: 0 0 0 100px;
  padding: 0 0 0 190px;
}

/********************************************************************************************* 

x. Header - Main Navigation

*********************************************************************************************/
header .navigation.main {
  width: 1000px;
  height: auto;
  list-style: none;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  z-index: 30;
}
header .navigation.main > li {
  margin: 0 20px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}
header .navigation.main > li.current-menu-item > a {
  color: #F5B324;
}
header .navigation.main > li.current-menu-item > a:after {
  right: 0;
}
header .navigation.main > li:hover > a {
  color: #F5B324;
}
header .navigation.main > li:hover > a:after {
  right: 0;
}
header .navigation.main > li > a {
  color: white;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1em;
  text-transform: uppercase;
  padding: 0 0 15px 0;
  display: block;
  position: relative;
  overflow: hidden;
}
header .navigation.main > li > a:after {
  content: "";
  width: 100%;
  height: 5px;
  background: #F5B324;
  position: absolute;
  bottom: 0;
  right: 100%;
}

header .navigation.main .sub-menu {
  background: rgba(0, 0, 0, 0.8);
  padding: 5px 15px 15px 15px;
  display: none;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
}
header .navigation.main .sub-menu > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 10px 0;
}
header .navigation.main .sub-menu > li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
header .navigation.main .sub-menu > li.current-menu-item > a {
  color: #F5B324;
}
header .navigation.main .sub-menu > li.label > a {
  color: #8E8E8E;
  font-size: 0.7em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  cursor: default;
}
header .navigation.main .sub-menu > li.label > a:hover {
  color: #8E8E8E;
}
header .navigation.main .sub-menu > li > a {
  color: white;
  font-size: 0.75em;
  text-align: left;
  white-space: nowrap;
  display: block;
}
header .navigation.main .sub-menu > li > a:hover {
  color: #F5B324;
}
header .navigation.main .sub-menu > li > .sub-menu {
  background: none;
  padding: 0;
  display: block !important;
  position: relative;
  top: 0;
}
header .navigation.main .sub-menu > li > .sub-menu > li > a {
  white-space: normal;
  padding: 0 0 0 20px;
  position: relative;
}
header .navigation.main .sub-menu > li > .sub-menu > li > a:before {
  content: "•";
  color: white;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

header.shrink .navigation.main {
  text-align: left;
  width: 100%;
  height: auto;
  background: #F5F4F2;
  padding: 0 25px;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  position: relative;
  top: 0;
  left: 0;
}
header.shrink .navigation.main > li {
  margin: 0;
  display: block;
  float: left;
}
header.shrink .navigation.main > li:hover > a {
  color: white;
  background: #63656A;
}
header.shrink .navigation.main > li.current-menu-item > a {
  color: #F5B324;
}
header.shrink .navigation.main > li > a {
  color: #63656A;
  letter-spacing: normal;
  line-height: normal;
  text-transform: none;
  padding: 15px;
}
header.shrink .navigation.main > li > a:after {
  display: none;
}
header.shrink .navigation.main .sub-menu {
  background: #63656A;
}
header.shrink .navigation.main .sub-menu > li.label > a {
  color: #D8D8D8;
}
header.shrink .navigation.main .sub-menu > li.label > a:hover {
  color: #D8D8D8;
}

.proof header.shrink .logo {
  bottom: 0;
}
.proof header.shrink .navigation.main {
  margin: 0;
  padding: 0 25px;
}
.proof header .logo {
  height: auto;
  bottom: 80px;
}
.proof header .navigation.main {
  width: calc(100% + 140px);
  height: auto;
  background: #EBEBEB;
  list-style: none;
  margin: 20px -70px 0 -70px;
  padding: 30px 0 10px 0;
  -moz-transform: none;
  -webkit-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  position: relative;
  top: 0;
  left: 0;
}
.proof header .navigation.main > li > a {
  color: #63656A;
  letter-spacing: normal;
  text-transform: none;
}
.proof header .wrapper {
  padding-bottom: 0;
}

.annual-report-2021 header:not(.shrink) .navigation.main {
  display: none;
}

/********************************************************************************************* 

x. Header - Utility Navigation

*********************************************************************************************/
header .navigation.utility {
  list-style: none;
  position: relative;
  z-index: 40;
}
header .navigation.utility > li {
  margin: 0 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  position: relative;
}
header .navigation.utility > li.border {
  border-right: 1px solid #B0B3B6;
  margin-right: 0;
  padding: 0 10px 0 0;
}
header .navigation.utility > li.current-menu-item a {
  color: #F5B324;
}
header .navigation.utility > li > a {
  color: #4E5054;
  font-size: 0.6em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
}
header .navigation.utility > li > a:hover {
  color: #F5B324;
}
header .navigation.utility > li > a:hover svg {
  fill: #F5B324;
}
header .navigation.utility svg {
  fill: #00AEEF;
}

header .navigation.utility .sub-menu {
  background: #63656A;
  border-top: 5px solid #F5B324;
  padding: 5px 15px 15px 15px;
  list-style: none;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}
header .navigation.utility .sub-menu > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 10px 0;
}
header .navigation.utility .sub-menu > li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
header .navigation.utility .sub-menu > li.current-menu-item > a {
  color: #F5B324;
}
header .navigation.utility .sub-menu > li > a {
  color: white;
  font-size: 0.75em;
  text-align: left;
  white-space: nowrap;
  display: block;
}
header .navigation.utility .sub-menu > li > a:hover {
  color: #F5B324;
}

header.shrink .navigation.utility {
  width: auto;
  height: auto;
  background: #D8D8D8;
  padding: 0 25px;
}
header.shrink .navigation.utility > li {
  margin: 0;
  display: block;
  float: left;
}
header.shrink .navigation.utility > li:hover > a {
  color: white;
  background: #63656A;
}
header.shrink .navigation.utility > li:nth-last-of-type(2), header.shrink .navigation.utility > li:last-of-type {
  float: right;
}
header.shrink .navigation.utility > li.current-menu-item > a {
  color: #F5B324;
}
header.shrink .navigation.utility > li.border {
  border-right: none;
  padding: 0;
}
header.shrink .navigation.utility > li > a {
  padding: 10px 15px;
}
header.shrink .navigation.utility .sub-menu {
  border-top: none;
}

/********************************************************************************************* 

x. Header - Buttons Navigation

*********************************************************************************************/
header .navigation.buttons {
  text-align: right;
  margin: 20px 0 0 0;
  list-style: none;
}
header .navigation.buttons li {
  margin: 0 0 0 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
header .navigation.buttons li:nth-child(1) {
  margin-left: 0;
}
header .navigation.buttons li:nth-child(1) > a {
  color: #00AEEF;
  font-size: 0.7em;
  letter-spacing: 0.125em;
  line-height: 1.25em;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #00AEEF;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 15px 40px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
header .navigation.buttons li:nth-child(1) > a:hover {
  opacity: 0.75;
}
header .navigation.buttons li:nth-child(2) > a {
  color: white;
  font-size: 0.7em;
  font-weight: 700;
  letter-spacing: 0.125em;
  line-height: 50px;
  text-transform: uppercase;
  width: auto;
  height: 50px;
  background: #00AEEF;
  padding: 0 15px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}
header .navigation.buttons li:nth-child(2) > a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 15px;
  border-color: transparent transparent transparent #00AEEF;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
}
header .navigation.buttons li:nth-child(2) > a:hover {
  background: #F5B324;
}
header .navigation.buttons li:nth-child(2) > a:hover:after {
  border-color: transparent transparent transparent #F5B324;
}

header.shrink .navigation.buttons {
  display: none;
}

/********************************************************************************************* 

x. Navigation: Mobile

*********************************************************************************************/
header .hamburger {
  width: 27px;
  height: 21px;
  display: none;
  position: relative;
  z-index: 10;
}
header .hamburger.open .line.first, header .hamburger.open .line.fourth {
  width: 0%;
  top: 7px;
  left: 50%;
}
header .hamburger.open .line.second {
  width: 100%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .hamburger.open .line.third {
  width: 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .hamburger .line {
  width: 100%;
  height: 4px;
  background: black;
  display: block;
  position: absolute;
  left: 0;
}
header .hamburger .line.first {
  top: 0;
}
header .hamburger .line.second, header .hamburger .line.third {
  width: 80%;
  top: 9px;
}
header .hamburger .line.fourth {
  top: 18px;
}
header .navigation.mobile {
  width: 260px;
  height: auto !important;
  background: #D8D8D8;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -260px;
  overflow: auto;
}
header .navigation.mobile > ul {
  list-style: none;
}
header .navigation.mobile > ul a {
  color: #4E5054;
}
header .navigation.mobile > ul a:hover {
  color: #F5B324;
}

/********************************************************************************************* 

x. Main

*********************************************************************************************/
main {
  display: block;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
footer {
  color: white;
  background: #63656A;
  position: relative;
}
footer .contact,
footer .credits {
  margin: 0 0 5px 0;
  list-style: none;
}
footer .contact a,
footer .credits a {
  color: white;
}
footer .contact a:hover,
footer .credits a:hover {
  color: white;
  text-decoration: underline;
}
footer .contact li,
footer .credits li {
  font-family: "brother-1816", sans-serif;
  font-size: 0.6em;
  line-height: 1em;
  border-right: 1px solid #A79C8F;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
footer .contact li:last-of-type,
footer .credits li:last-of-type {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
footer .columns {
  width: 100%;
  height: auto;
  display: table;
}
footer .columns .column {
  display: table-cell;
  vertical-align: bottom;
  float: none;
}
footer form {
  padding: 5px 0 0 0;
}
footer .logo {
  max-width: 180px;
  margin: 0 auto 30px auto;
  display: block;
}
footer .navigation {
  margin: 0 0 30px 0;
  list-style: none;
}
footer .navigation a {
  color: white;
  font-family: "brother-1816", sans-serif;
  font-size: 0.7em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  background: #4E5054;
  padding: 20px 40px;
  display: block;
}
footer .navigation a:hover {
  color: #4E5054;
  background: white;
}
footer .navigation li {
  margin: 0 0 5px 0;
  display: block;
}
footer .navigation li:last-of-type {
  margin-bottom: 0;
}
footer .social-media {
  list-style: none;
}
footer .social-media a:hover {
  opacity: 0.5;
}
footer .social-media li {
  margin: 0 30px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
footer .social-media li:last-of-type {
  margin-right: 0;
}
footer .social-media svg {
  fill: white;
}
footer .wrapper {
  padding: 30px 0 80px 0;
}

/********************************************************************************************* 

x. Sub Navigation

*********************************************************************************************/
.navigation.sub {
  background: #F5B324;
  padding: 30px 100px 15px 100px;
  position: relative;
}
.navigation.sub.sticky {
  z-index: 20;
}
.navigation.sub a {
  color: white;
  font-size: 0.7em;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1em;
  text-transform: uppercase;
  padding: 0 0 15px 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.navigation.sub a:hover {
  color: white;
}
.navigation.sub a:hover:after {
  right: 0;
}
.navigation.sub a:after {
  content: "";
  width: 100%;
  height: 5px;
  background: white;
  position: absolute;
  bottom: 0;
  right: 100%;
}
.navigation.sub li {
  margin: 0 20px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.navigation.sub li.current-menu-item a:after {
  right: 0;
}

/********************************************************************************************* 

x. Form + Ninja Forms

*********************************************************************************************/
form input[type=email],
form input[type=number],
form input[type=tel],
form input[type=text] {
  font-family: "azo-sans-web", sans-serif;
  font-size: 1em;
  width: 100%;
  height: 50px;
  background: white;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  padding: 0 20px;
}
form input[type=button],
form input[type=submit] {
  color: white;
  font-family: "azo-sans-web", sans-serif;
  font-size: 0.8em;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  width: auto;
  height: 50px;
  background: #4E5054;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 0 40px;
  cursor: pointer;
}
form input[type=button]:hover,
form input[type=submit]:hover {
  background: #76777B;
}
form label {
  font-size: 0.8em;
  font-weight: 400;
  letter-spacing: 0.125em;
  text-transform: uppercase;
}
form select,
form textarea {
  font-family: "azo-sans-web", sans-serif;
  font-size: 1em;
  width: 100%;
  height: 150px;
  background: white;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  padding: 20px;
  resize: vertical;
}

.list-checkbox-wrap .nf-field-element li,
.list-radio-wrap .nf-field-element li {
  line-height: 1em;
}

.label-right .nf-field-label {
  line-height: 1em;
  padding-left: 0 !important;
}

.mc-field-group {
  position: relative;
}
.mc-field-group svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.nf-before-form-content {
  margin: 0 0 30px 0;
}

.nf-field-element hr {
  width: 100%;
  height: 1px;
  background: white;
  border: none;
  margin: 0 0 30px 0;
}
.nf-field-element input,
.nf-field-element select,
.nf-field-element textarea {
  margin: 0 !important;
}
.nf-field-element .stars {
  background: white;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 20px;
}

.nf-field-label label {
  font-weight: 400 !important;
}

.nf-error-msg {
  font-size: 0.8em;
  margin-right: 0 !important;
}

.nf-form-title {
  display: none;
}

.nf-help {
  background: none !important;
}

/********************************************************************************************* 

x. Search

*********************************************************************************************/
#search {
  background: #63656A;
  padding: 40px;
  display: none;
  position: relative;
}
#search form input[type=text] {
  color: white;
  font-size: 1.5em;
  background: transparent;
  width: 100%;
  height: auto;
}

/********************************************************************************************* 

x. Aside

*********************************************************************************************/
aside .button {
  font-size: 1em;
  background: white;
  padding-left: 30px;
  padding-right: 30px;
}
aside .button.filled {
  width: calc(100% - 50px);
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 -25px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}
aside .button.icon {
  padding-left: 70px;
}
aside .button .icon {
  left: 30px;
}

/********************************************************************************************* 

x. Aside - Default

*********************************************************************************************/
aside.default .archives,
aside.default .categories {
  background: #4E5054;
  border-bottom: 2px solid white;
  padding: 40px;
}
aside.default .archives.open .link .arrow,
aside.default .categories.open .link .arrow {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
aside.default .archives .link,
aside.default .categories .link {
  color: white;
  font-size: 0.9em;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  width: auto;
  height: 20px;
  display: block;
  position: relative;
}
aside.default .archives .link .arrow,
aside.default .categories .link .arrow {
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
}
aside.default .archives .list,
aside.default .categories .list {
  padding: 40px 0 0 0;
  display: none;
  list-style: none;
}
aside.default .archives .list a,
aside.default .categories .list a {
  color: #E4E4E4;
}
aside.default .archives .list a:hover,
aside.default .categories .list a:hover {
  color: #F5B324;
}
aside.default .archives .list li,
aside.default .categories .list li {
  color: #E4E4E4;
  font-size: 0.8em;
  margin: 0 0 10px 0;
}
aside.default .archives .list li:last-of-type,
aside.default .categories .list li:last-of-type {
  margin-bottom: 0;
}
aside.default .newsletter,
aside.default .the-latest {
  letter-spacing: 0.125em;
  background: #E4E4E4;
  padding: 40px;
}
aside.default .newsletter .post,
aside.default .the-latest .post {
  margin: 0 0 20px 0;
}
aside.default .newsletter .post:last-of-type,
aside.default .the-latest .post:last-of-type {
  margin-bottom: 0;
}
aside.default .newsletter .post .image,
aside.default .the-latest .post .image {
  display: block;
  position: relative;
}
aside.default .newsletter .post .image:hover .overlay,
aside.default .newsletter .post .image:hover .title,
aside.default .the-latest .post .image:hover .overlay,
aside.default .the-latest .post .image:hover .title {
  opacity: 1;
}
aside.default .newsletter .post .image .overlay,
aside.default .the-latest .post .image .overlay {
  background: rgba(239, 186, 53, 0.8);
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
aside.default .newsletter .post .image .title,
aside.default .the-latest .post .image .title {
  color: white;
  font-size: 0.9em;
  letter-spacing: normal;
  opacity: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  z-index: 10;
}
aside.default .newsletter {
  padding-top: 0;
}
aside.default .search form {
  background: #63656A;
  padding: 40px 80px 40px 40px;
  position: relative;
}
aside.default .search form svg {
  fill: #F5B324;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 40px;
}

/********************************************************************************************* 

x. Aside - Follower

*********************************************************************************************/
aside.follower {
  width: 250px;
  height: 100vh;
  position: absolute;
  top: -2px;
  right: 0;
  z-index: 100;
}
aside.follower .content.white {
  width: 100%;
  height: auto;
  background: #222222;
  margin: 0 -25px 20px -25px;
  padding: 25px;
}
aside.follower .follower-inside {
  font-size: 0.7em;
  background: #F5F7F8;
  padding: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
aside.follower .stars {
  width: calc(100% + 50px);
  background: #222222;
  margin: -25px -25px 0 -25px;
}
aside.follower .stars .star {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

.proof aside.follower .follower-inside {
  padding-bottom: 0;
}

/********************************************************************************************* 

x. Has Sidebar - Margin + Padding

*********************************************************************************************/
.has-sidebar .wrapper.extra-margin {
  margin-right: 320px;
}
.has-sidebar .wrapper.extra-padding {
  padding-right: 320px;
}

/********************************************************************************************* 

x. Buckets

*********************************************************************************************/
.buckets .items {
  margin: 0 -7.5px -15px -7.5px;
  display: block;
}
.buckets .items .item:hover .arrow {
  background: #00AEEF !important;
}
.buckets .items .item.width-25:nth-child(1) .inside, .buckets .items .item.width-25:nth-child(8n) .inside, .buckets .items .item.width-25:nth-child(8n+1) .inside {
  background: #F5B324;
}
.buckets .items .item.width-25:nth-child(1) .inside .arrow, .buckets .items .item.width-25:nth-child(8n) .inside .arrow, .buckets .items .item.width-25:nth-child(8n+1) .inside .arrow {
  background: #4E5054;
}
.buckets .items .item.width-25:nth-child(1) .inside .content .large, .buckets .items .item.width-25:nth-child(8n) .inside .content .large, .buckets .items .item.width-25:nth-child(8n+1) .inside .content .large {
  color: #4E5054;
}
.buckets .items .item.width-25:nth-child(1) .inside .content a, .buckets .items .item.width-25:nth-child(8n) .inside .content a, .buckets .items .item.width-25:nth-child(8n+1) .inside .content a {
  color: #4E5054;
}
.buckets .items .item.width-25:nth-child(1) .inside .content a:hover, .buckets .items .item.width-25:nth-child(8n) .inside .content a:hover, .buckets .items .item.width-25:nth-child(8n+1) .inside .content a:hover {
  color: #76777B;
}
.buckets .items .item.width-25:nth-child(8n-1) .inside, .buckets .items .item.width-25:nth-child(8n-6) .inside {
  background: #4E5054;
}
.buckets .items .item.width-25:nth-child(8n-2) .inside, .buckets .items .item.width-25:nth-child(8n-5) .inside {
  background: #63656A;
}
.buckets .items .item.width-25:nth-child(8n-3) .inside, .buckets .items .item.width-25:nth-child(8n-4) .inside {
  background: #7F8690;
}
.buckets .items .item.width-33:nth-child(1) .inside, .buckets .items .item.width-33:nth-child(6n) .inside, .buckets .items .item.width-33:nth-child(6n+1) .inside, .buckets .items .item.width-50:nth-child(1) .inside, .buckets .items .item.width-50:nth-child(6n) .inside, .buckets .items .item.width-50:nth-child(6n+1) .inside {
  background: #F5B324;
}
.buckets .items .item.width-33:nth-child(1) .inside .arrow, .buckets .items .item.width-33:nth-child(6n) .inside .arrow, .buckets .items .item.width-33:nth-child(6n+1) .inside .arrow, .buckets .items .item.width-50:nth-child(1) .inside .arrow, .buckets .items .item.width-50:nth-child(6n) .inside .arrow, .buckets .items .item.width-50:nth-child(6n+1) .inside .arrow {
  background: #4E5054;
}
.buckets .items .item.width-33:nth-child(1) .inside .content .large, .buckets .items .item.width-33:nth-child(6n) .inside .content .large, .buckets .items .item.width-33:nth-child(6n+1) .inside .content .large, .buckets .items .item.width-50:nth-child(1) .inside .content .large, .buckets .items .item.width-50:nth-child(6n) .inside .content .large, .buckets .items .item.width-50:nth-child(6n+1) .inside .content .large {
  color: #4E5054;
}
.buckets .items .item.width-33:nth-child(1) .inside .content a, .buckets .items .item.width-33:nth-child(6n) .inside .content a, .buckets .items .item.width-33:nth-child(6n+1) .inside .content a, .buckets .items .item.width-50:nth-child(1) .inside .content a, .buckets .items .item.width-50:nth-child(6n) .inside .content a, .buckets .items .item.width-50:nth-child(6n+1) .inside .content a {
  color: #4E5054;
}
.buckets .items .item.width-33:nth-child(1) .inside .content a:hover, .buckets .items .item.width-33:nth-child(6n) .inside .content a:hover, .buckets .items .item.width-33:nth-child(6n+1) .inside .content a:hover, .buckets .items .item.width-50:nth-child(1) .inside .content a:hover, .buckets .items .item.width-50:nth-child(6n) .inside .content a:hover, .buckets .items .item.width-50:nth-child(6n+1) .inside .content a:hover {
  color: #76777B;
}
.buckets .items .item.width-33:nth-child(2) .inside, .buckets .items .item.width-33:nth-child(3n+2) .inside, .buckets .items .item.width-50:nth-child(2) .inside, .buckets .items .item.width-50:nth-child(3n+2) .inside {
  background: #4E5054;
}
.buckets .items .item.width-33:nth-child(3) .inside, .buckets .items .item.width-33:nth-child(6n+3) .inside, .buckets .items .item.width-33:nth-child(6n+4) .inside, .buckets .items .item.width-50:nth-child(3) .inside, .buckets .items .item.width-50:nth-child(6n+3) .inside, .buckets .items .item.width-50:nth-child(6n+4) .inside {
  background: #63656A;
}
.buckets .items .item.with-100:nth-child(even) .inside {
  background: #4E5054;
}
.buckets .items .item.with-100:nth-child(odd) .inside {
  background: #F5B324;
}
.buckets .items .item.with-100:nth-child(odd) .inside .arrow {
  background: #4E5054;
}
.buckets .items .item.with-100:nth-child(odd) .inside .content a {
  color: #76777B;
}
.buckets .items .item.with-100:nth-child(odd) .inside .content a:hover {
  color: #63656A;
}
.buckets .items .item .content {
  margin: 0;
}
.buckets .items .item .content .large {
  color: #F5B324;
}
.buckets .items .item .content p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.buckets .items .item .content svg {
  margin: 0 auto;
}
.buckets .items .arrow {
  width: 60px;
  height: 60px;
  background: #F5B324;
  position: absolute;
  bottom: 0;
  right: 0;
}
.buckets .items .arrow svg {
  fill: white;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.buckets .items .inside {
  background: #76777B;
  margin: 0 7.5px 15px 7.5px;
  padding: 40px;
}
.buckets .wrapper {
  padding: 35px 0;
  z-index: 20;
}

.page-template-seattle-dances .buckets .items .item.width-33:nth-child(3) .inside, .page-template-seattle-dances .buckets .items .item.width-33:nth-child(6n+3) .inside, .page-template-seattle-dances .buckets .items .item.width-33:nth-child(6n+4) .inside, .page-template-seattle-dances .buckets .items .item.width-50:nth-child(3) .inside, .page-template-seattle-dances .buckets .items .item.width-50:nth-child(6n+3) .inside, .page-template-seattle-dances .buckets .items .item.width-50:nth-child(6n+4) .inside {
  background: black;
}

.key-to-hope .buckets .items .item.width-33 {
  width: 50%;
}

/********************************************************************************************* 

x. Buckets + Text

*********************************************************************************************/
.buckets-text .content {
  margin: 20px 0 35px 0;
}
.buckets-text .grey-overlay {
  width: auto;
  height: 50%;
  background: #F5F7F8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.buckets-text .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/********************************************************************************************* 

x. Buckets + Image + Text

*********************************************************************************************/
.buckets-image-text {
  position: relative;
}
.buckets-image-text .background {
  background-size: cover;
  padding: 50px 0 100px 0;
}
.buckets-image-text .content.bottom {
  margin: 50px 0;
}
.buckets-image-text .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.buckets-image-text .wrapper {
  padding: 0;
}
.buckets-image-text .wrapper.bottom {
  margin-top: -50px;
  padding: 0 0 35px 0;
}

/********************************************************************************************* 

x. Button

*********************************************************************************************/
.button {
  color: #76777B;
  font-size: 0.7em;
  letter-spacing: 0.125em;
  line-height: 1.25em;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #76777B;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 15px 40px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.button.blue {
  color: #00AEEF !important;
  border-color: #00AEEF !important;
}
.button.blue:hover {
  color: white !important;
  background: #00AEEF !important;
}
.button.blue.bordered:after {
  border-color: #00AEEF !important;
}
.button.blue.filled {
  color: white !important;
  background: #00AEEF !important;
}
.button.blue.filled:hover {
  color: white !important;
}
.button.bordered {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: relative;
}
.button.bordered:after {
  content: "";
  border: 1px solid #76777B;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}
.button.filled {
  color: white;
  background: #76777B;
}
.button.gold {
  color: #F5B324 !important;
  border-color: #F5B324 !important;
}
.button.gold:hover {
  color: white !important;
  background: #F5B324 !important;
}
.button.gold.bordered:after {
  border-color: #F5B324 !important;
}
.button.gold.filled {
  color: white !important;
  background: #F5B324 !important;
}
.button.gold.filled:hover {
  color: white !important;
}
.button.icon {
  text-align: left;
  padding-left: 80px;
  position: relative;
}
.button.icon:hover svg * {
  fill: white !important;
}
.button:hover {
  opacity: 0.75;
}
.button .icon {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 40px;
}

/********************************************************************************************* 

x. Stars

*********************************************************************************************/
.stars {
  position: relative;
}
.stars.large {
  width: 100%;
  height: 160px;
}
.stars.small {
  width: 100%;
  height: 70px;
  max-width: 100px;
  margin: 0 auto;
}
.stars .image {
  max-width: 125px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 20px;
  left: 50%;
}
.stars .star {
  position: absolute;
  background-color: white;
}
.stars .star.star-type-1 {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.stars .star.star-type-2 {
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.stars .star.star-type-3 {
  width: 32px;
  height: 48px;
  background-color: transparent;
}
.stars .star.star-type-3.count-1 {
  -moz-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -o-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.stars .star.star-type-3.count-2 {
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.stars .star.star-type-3 .object {
  width: 32px;
  height: 48px;
  background-image: url(../img/star.png);
  background-size: 32px 48px;
  position: relative;
  z-index: 10;
}
.stars .star.star-type-3 .shadow {
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 40px 20px white;
  -moz-box-shadow: 0 0 40px 20px white;
  -webkit-box-shadow: 0 0 40px 20px white;
  opacity: 1;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

/********************************************************************************************* 

x. Co-Chairs + Members

*********************************************************************************************/
.co-chairs-members {
  background: #00AEEF;
}
.co-chairs-members .columns {
  margin: 0 -30px;
  display: block;
}
.co-chairs-members .columns .column {
  position: relative;
}
.co-chairs-members .columns .column:first-child:after {
  content: "";
  width: 1px;
  height: auto;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}
.co-chairs-members .columns .column:last-child:before {
  content: "";
  width: 1px;
  height: auto;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(100% - 1px);
}
.co-chairs-members .columns .column .inside {
  padding: 0 30px;
}
.co-chairs-members .names {
  margin-left: 0;
  list-style: none;
}
.co-chairs-members .names li {
  margin: 0 -5px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.co-chairs-members .title {
  color: #F5B324;
}
.co-chairs-members .wrapper {
  padding: 0 0 35px 0;
}

/********************************************************************************************* 

x. Contact Form

*********************************************************************************************/
.contact-form {
  background: #F5B324;
}
.contact-form form {
  max-width: 700px;
  padding: 0 0 0 100px;
}
.contact-form .wrapper {
  padding: 100px 0;
}

/********************************************************************************************* 

x. Dais

*********************************************************************************************/
.dais {
  color: white;
  background: black;
  padding: 70px 0;
  overflow: hidden;
}
.dais .columns.bottom {
  margin: 80px -80px 0 -80px;
  display: block;
}
.dais .columns.bottom .inside {
  padding: 0 80px;
  position: relative;
}
.dais .columns.bottom .inside.bottom {
  background: #43474B;
  padding-top: 50px;
}
.dais .columns.bottom .inside.bottom:after {
  content: "";
  width: 9999px;
  height: 100%;
  background: #43474B;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}
.dais .columns.bottom .inside.bottom:before {
  content: "";
  width: 9999px;
  height: 9999px;
  background: #43474B;
  position: absolute;
  top: 100%;
  right: 0;
}
.dais .columns.bottom .inside.top {
  background: #4E5054;
}
.dais .columns.bottom .inside.top:after {
  content: "";
  width: 9999px;
  height: 100%;
  background: #4E5054;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}
.dais .columns.bottom .inside.top:before {
  content: "";
  width: 9999px;
  height: 9999px;
  background: #4E5054;
  position: absolute;
  bottom: 100%;
  right: 0;
}
.dais .columns.bottom .items {
  margin: 0 -15px;
  display: block;
}
.dais .columns.bottom .items .company,
.dais .columns.bottom .items .title {
  display: block;
}
.dais .columns.bottom .items .inside {
  padding: 0 15px 50px 15px;
}
.dais .columns.bottom .items .item:last-of-type .inside {
  padding-bottom: 0;
}
.dais .columns.top {
  width: 100%;
  height: auto;
  display: table;
}
.dais .columns.top .column {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.dais .content {
  position: relative;
  z-index: 10;
}
.dais .image {
  margin: 0 0 20px 0;
}
.dais .name {
  color: #F5B324;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-bottom: 1px solid white;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  display: block;
}
.dais .names {
  margin-left: 0;
  list-style: none;
}
.dais .names li {
  width: 33.33%;
  height: auto;
  margin: 0 -5px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

/********************************************************************************************* 

x. Dancers

*********************************************************************************************/
.dancers .full-information .columns {
  display: block;
}
.dancers .full-information .columns.bottom {
  background: #4E5054;
  padding: 70px 15px 35px 15px;
  position: relative;
}
.dancers .full-information .columns.bottom .vote {
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 0;
  left: 50%;
}
.dancers .full-information .columns.top {
  background: black;
  padding: 35px 15px 70px 15px;
}
.dancers .full-information .columns .dancing-with {
  color: #B3B3B3;
}
.dancers .full-information .columns .inside {
  margin: 0 20px;
}
.dancers .full-information .columns .line {
  width: 100%;
  height: 1px;
  background: #B3B3B3;
  display: block;
}
.dancers .full-information .columns .read-more-text {
  display: none;
}
.dancers .full-information .columns .read-more-text .spacer {
  width: 100%;
  height: 30px;
}
.dancers .full-information .columns .video {
  margin: 25px 0 0 0;
}
.dancers .full-information .inside {
  margin: 30px 15px;
  position: relative;
}
.dancers .full-information .inside .close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}
.dancers .full-information .inside .close:hover svg {
  fill: #F5B324;
}
.dancers .full-information .inside .close svg {
  fill: white;
}
.dancers .items {
  margin: 35px -15px -30px -15px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.dancers .items .item {
  float: none;
}
.dancers .items .item.active {
  position: relative;
}
.dancers .items .item.active:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 20px 30px;
  border-color: transparent transparent black transparent;
  display: block;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: -30px;
  left: 50%;
}
.dancers .items .item .full-information {
  display: none;
}
.dancers .items .item .image {
  position: relative;
  display: block;
}
.dancers .items .item .image .image {
  width: 70%;
  height: auto;
}
.dancers .items .item .image .image.amateur {
  position: relative;
  z-index: 10;
}
.dancers .items .item .image .image.professional {
  opacity: 0.75;
  position: absolute;
  top: 0;
  right: 0;
}
.dancers .items .item .image .image .blue-overlay {
  mix-blend-mode: multiply;
  background: #00AEEF;
  opacity: 0.2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dancers .items .item .label {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 30px 0 0 0;
  display: block;
}
.dancers .items .item .inside {
  margin: 0 15px 30px 15px;
  position: relative;
}
.dancers .items .item .winner {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.dancers .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Divider

*********************************************************************************************/
.divider .background {
  width: 100%;
  height: 1px;
}
.divider .background.blue {
  background: #00AEEF;
}
.divider .background.gold {
  background: #F5B324;
}
.divider .background.grey {
  background: #63656A;
}
.divider .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Document Viewer

*********************************************************************************************/
.document-viewer {
  background: #63656A;
}
.document-viewer .wrapper {
  padding: 100px 0;
}

/********************************************************************************************* 

x. Engagement

*********************************************************************************************/
.engagement .buttons {
  margin: 0 0 10px 0;
  list-style: none;
}
.engagement .buttons .button {
  font-size: 1em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.engagement .buttons li {
  margin: 0 10px 20px 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.engagement .fold.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.engagement .fold.relative {
  position: relative;
}
.engagement .fold .close {
  width: 70px;
  height: 40px;
  display: block;
  position: absolute;
  top: -20px;
  right: 100px;
}
.engagement .fold .close:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 35px 20px 35px;
  border-color: transparent transparent #52C0E9 transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.engagement .fold .close svg {
  fill: white;
  position: relative;
  z-index: 10;
}
.engagement .fold .link {
  color: white;
  font-size: 1.75em;
  font-weight: 300;
  text-align: center;
  background: #52C0E9;
  padding: 20px;
  display: block;
}
.engagement .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Factoids Carousel

*********************************************************************************************/
.factoids-carousel {
  padding: 0 0 35px 0;
  /*
  .item {
  	border-bottom: 1px solid $iron;
  	opacity: 0;
  	padding: 35px;
  	&:first-of-type {
  		padding-top: 0;
  	}
  	&:last-of-type {
  		border-bottom: none;
  		padding-bottom: 0;
  	}
  	.content {
  		font-weight: 500;
  	}
  }
  */
}
.factoids-carousel.slick {
  padding: 80px 80px 0 80px;
}
.factoids-carousel.slick .inside {
  padding: 0 60px;
  /*
  padding: 60px;
  position: relative;
  &:before {
  	content: '';
  	width: 1px; height: auto;
  	background: $iron;
  	position: absolute;
  	top: 0; bottom: 0;
  	left: 0;
  }
  */
}
.factoids-carousel.slick .inside .image {
  width: 100px;
  height: auto;
  margin: 0 auto 30px auto;
}
.factoids-carousel .columns {
  max-width: 1200px;
  margin: 0 -25px;
  display: block;
}
.factoids-carousel .columns .columns {
  margin: 0 -15px;
}
.factoids-carousel .columns .columns .inside {
  margin: 0 15px;
}
.factoids-carousel .columns .columns .inside .image {
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.factoids-carousel .columns .inside {
  margin: 0 25px;
}
.factoids-carousel .image {
  max-width: 100%;
}

/********************************************************************************************* 

x. Factoids + Text

*********************************************************************************************/
.factoids-text {
  position: relative;
}
.factoids-text .factoids .content {
  background: rgba(255, 255, 255, 0.75);
  padding: 50px 125px;
}
.factoids-text .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.factoids-text .image.flap {
  position: relative;
}
.factoids-text .wrapper {
  margin: 0 220px;
  padding: 100px 0;
  z-index: 20;
}

/********************************************************************************************* 

x. FAQs

*********************************************************************************************/
.faqs .faq {
  margin: 0 0 2px 0;
}
.faqs .faq.open .question .arrow {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faqs .faq:last-of-type {
  margin-bottom: 0;
}
.faqs .faq .content {
  padding: 30px 0;
  display: none;
}
.faqs .faq .question {
  background: #4E5054;
  padding: 20px 40px;
  display: block;
}
.faqs .faq .question .arrow {
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
}
.faqs .faq .question .inside {
  color: white;
  width: auto;
  height: auto;
  min-height: 20px;
  padding: 0 40px 0 0;
  display: block;
  position: relative;
}
.faqs .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Financials

*********************************************************************************************/
.financials .columns {
  margin: 0 -17.5px;
  padding: 0 0 35px 0;
  display: flex;
  align-content: flex-start;
}
.financials .columns .column .inside {
  margin: 0 17.5px;
}
.financials .columns .column .inside .number {
  margin: 20px 0 0 0;
  display: block;
}

/********************************************************************************************* 

x. Icon Grid

*********************************************************************************************/
.icon-grid .items {
  margin: 0 -5px -5px 0;
  display: block;
}
.icon-grid .items .item {
  margin: -2px;
  opacity: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  float: none;
}
.icon-grid .items .item .image {
  max-width: 300px;
  margin: 0 auto 35px auto;
}
.icon-grid .items .item .inside {
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 70px 35px;
}
.icon-grid .items-wrapper {
  overflow: hidden;
}
.icon-grid .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Icon List

*********************************************************************************************/
.icon-list .columns {
  margin: 0 -25px;
  display: block;
}
.icon-list .columns .column:first-of-type h6 {
  background: #4E5054;
}
.icon-list .columns .column:last-of-type h6 {
  background: #63656A;
}
.icon-list .columns .columns {
  margin: 0 -15px;
}
.icon-list .columns .columns .inside {
  margin: 0 15px;
}
.icon-list .columns .inside {
  margin: 0 25px;
}
.icon-list .item {
  border-bottom: 1px solid #D8D8D8;
  opacity: 0;
  padding: 35px;
}
.icon-list .item:first-of-type {
  padding-top: 0;
}
.icon-list .item:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.icon-list .item .content {
  font-weight: 500;
}
.icon-list .item .image {
  max-width: 75px;
  margin: 0 auto;
}
.icon-list h6 {
  color: white;
  padding: 35px;
}
.icon-list .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Image + Text + Buckets

*********************************************************************************************/
.image-text-buckets {
  background: #76777B;
}
.image-text-buckets:after {
  content: "";
  width: 100%;
  height: 300px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.image-text-buckets.buckets .items .inside {
  position: relative;
}
.image-text-buckets.buckets .items .inside .link-overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.image-text-buckets .content.bottom {
  margin: 35px 0 0 0;
}
.image-text-buckets .wrapper.top {
  margin-top: -100px;
}

/********************************************************************************************* 

x. Image Carousel

*********************************************************************************************/
.image-carousel {
  background: #F5B324;
  overflow: hidden;
}
.image-carousel .wrapper.bottom {
  padding: 90px 0;
}
.image-carousel .wrapper.top {
  margin: 0;
}

.has-sidebar .image-carousel .wrapper.bottom {
  width: calc(75% - 200px);
  height: auto;
}
.has-sidebar .image-carousel .wrapper.top {
  width: 150%;
}

/********************************************************************************************* 

x. Image Grid

*********************************************************************************************/
.image-grid .full-information .inside {
  padding: 30px 0;
}
.image-grid .items {
  margin: 0 -2.5px -5px -2.5px;
  display: block;
}
.image-grid .items .item.square.active .link {
  background: #F5B324;
  position: relative;
}
.image-grid .items .item.square.active .link:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #F5B324 transparent transparent transparent;
  display: block;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
  left: 50%;
}
.image-grid .items .item.square .link {
  color: white;
  font-size: 0.8em;
  text-align: center;
  background: #4E5054;
  padding: 20px;
  display: block;
}
.image-grid .items .item.circle.active .link {
  color: #F5B324;
}
.image-grid .items .item.circle.active .image {
  border: 10px solid #F5B324;
}
.image-grid .items .item.circle .image {
  border: 10px solid transparent;
  margin: 5px 20px 0 20px;
}
.image-grid .items .item.circle .link {
  color: #4E5054;
  font-size: 0.8em;
  text-align: center;
  padding: 20px 0 0 0;
  display: block;
}
.image-grid .items .item .full-information {
  display: none;
}
.image-grid .items .item .image {
  display: block;
}
.image-grid .items .item .inside {
  margin: 0 2.5px 5px 2.5px;
}
.image-grid .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Image Grid Carousel - 3 Visible

*********************************************************************************************/
.image-grid-carousel-three-visible {
  position: relative;
}
.image-grid-carousel-three-visible .grey-overlay {
  width: auto;
  height: 100%;
  background: #F5F7F8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.image-grid-carousel-three-visible .inside {
  margin: 0 0 0 70px;
}
.image-grid-carousel-three-visible .inside .image {
  margin: 0 0 40px 0;
}
.image-grid-carousel-three-visible.slick {
  z-index: 10;
}
.image-grid-carousel-three-visible.slick .active .image.blue-overlay .blue-overlay {
  opacity: 0;
}
.image-grid-carousel-three-visible.slick .active .image.greyscale img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.image-grid-carousel-three-visible.slick .active .button {
  visibility: visible;
}
.image-grid-carousel-three-visible.slick .button {
  visibility: hidden;
}
.image-grid-carousel-three-visible.slick .content {
  display: none;
}
.image-grid-carousel-three-visible.slick .image.greyscale {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.image-grid-carousel-three-visible.slick .image.greyscale img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.image-grid-carousel-three-visible .wrapper {
  padding: 70px 0;
  z-index: 10;
}
.image-grid-carousel-three-visible .wrapper.bottom {
  margin-left: calc(-13.5% - 70px);
}

.image-grid-carousel-three-visible + .text {
  margin: -30px 0 0 0;
}
.image-grid-carousel-three-visible + .text .wrapper {
  padding-top: 0;
}

/********************************************************************************************* 

x. Image + Quotation + Video + Text

*********************************************************************************************/
.image-quotation-video-text.dark-grey {
  background: #4E5054;
}
.image-quotation-video-text.dark-grey .image .caption,
.image-quotation-video-text.dark-grey .video .caption {
  background: #F5B324;
}
.image-quotation-video-text.gold {
  background: #F5B324;
}
.image-quotation-video-text.gold .image .caption {
  background: #4E5054;
}
.image-quotation-video-text.light-grey {
  background: #EBEBEB;
}
.image-quotation-video-text .image,
.image-quotation-video-text .quotation,
.image-quotation-video-text .video {
  margin: 50px 0 0 0;
}
.image-quotation-video-text .columns {
  margin: 50px -25px -50px -25px;
  display: block;
}
.image-quotation-video-text .columns .inside {
  margin: 0 25px 50px 25px;
}
.image-quotation-video-text .quotation {
  background: white;
  padding: 40px;
  position: relative;
}
.image-quotation-video-text .quotation.small .acknowledgment {
  text-align: right;
}
.image-quotation-video-text .quotation.small .acknowledgment .attribution {
  color: #F5B324;
  font-family: "azo-sans-web", sans-serif;
  font-size: 1em;
  *display: inline;
}
.image-quotation-video-text .quotation.small .acknowledgment .attribution-description {
  margin-left: 0;
  *display: inline;
}
.image-quotation-video-text .quotation .mark {
  z-index: 10;
}
.image-quotation-video-text .quotation .mark.bottom {
  right: 40px;
  bottom: -10px;
}
.image-quotation-video-text .quotation .mark.top {
  left: 40px;
  top: -10px;
}
.image-quotation-video-text .quotation .mark svg {
  width: 40px;
  height: auto;
}
.image-quotation-video-text .wrapper {
  padding: 60px 0;
}

/********************************************************************************************* 

x. Image + Text (Columns)

*********************************************************************************************/
.image-text-columns {
  background: #63656A;
  border-bottom: 2px solid white;
  position: relative;
}
.image-text-columns.image-left .arrow {
  right: 0;
}
.image-text-columns.image-left .wrapper {
  padding-left: calc(50% + 70px);
}
.image-text-columns.image-left .image {
  left: 0;
}
.image-text-columns.image-right .arrow {
  left: 0;
}
.image-text-columns.image-right .wrapper {
  padding-right: calc(50% + 70px);
}
.image-text-columns.image-right .image {
  right: 0;
}
.image-text-columns .arrow {
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
.image-text-columns .image {
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
.image-text-columns .image img {
  display: none;
}
.image-text-columns .wrapper {
  margin: 0;
  padding: 70px;
  z-index: 20;
}

.image-text-columns + .image-text-columns:nth-child(even) {
  background: #4E5054;
}

.page-template-why-housing-first .image-text-columns {
  border-bottom: none;
}
.page-template-why-housing-first .image-text-columns.image-left .wrapper {
  padding-left: calc(35% + 70px);
}
.page-template-why-housing-first .image-text-columns.image-right .wrapper {
  padding-right: calc(35% + 70px);
}
.page-template-why-housing-first .image-text-columns .image {
  width: 35%;
}

.page-template-seattle-dances .image-text-columns,
.page-template-seattle-dances .image-text-columns + .image-text-columns:nth-child(odd) {
  background: black;
}

/********************************************************************************************* 

x. Image + Text (Expandable)

*********************************************************************************************/
.image-text-expandable .columns {
  width: 100%;
  height: auto;
  display: table;
}
.image-text-expandable .columns .column {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.image-text-expandable .columns .inside {
  margin: 0 0 0 40px;
}
.image-text-expandable .read-more-text {
  display: none;
}
.image-text-expandable .read-more-text .spacer {
  width: 100%;
  height: 30px;
}
.image-text-expandable .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Image + Text (Overlay)

*********************************************************************************************/
.image-text-overlay {
  position: relative;
}
.image-text-overlay .image {
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.image-text-overlay.arrow-left .arrow {
  left: 0;
}
.image-text-overlay.arrow-right .arrow {
  right: 0;
}
.image-text-overlay.content-bottom .wrapper {
  padding: 900px 0 70px 0;
}
.image-text-overlay.content-top .wrapper {
  max-width: 830px;
  padding: 200px 0 400px 0;
}
.image-text-overlay .arrow {
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
.image-text-overlay .wrapper {
  z-index: 20;
}

.page-template-why-housing-first .image-text-overlay {
  overflow: hidden;
}
.page-template-why-housing-first .image-text-overlay.gold-overlay .wrapper {
  padding-bottom: 150px;
}
.page-template-why-housing-first .image-text-overlay svg {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.page-template-why-housing-first .image-text-overlay .gold-overlay {
  mix-blend-mode: multiply;
  background: #F5B324;
  position: absolute;
  top: 0;
  bottom: 12.5%;
  left: 0;
  right: 0;
}
.page-template-why-housing-first .image-text-overlay .wrapper {
  margin-right: 40%;
  padding: 70px 0;
}

/********************************************************************************************* 

x. Interactive Image + Text (Columns)

*********************************************************************************************/
.interactive-image-text-columns {
  background: #63656A;
  position: relative;
}
.interactive-image-text-columns .columns {
  width: 100%;
  height: auto;
  display: table;
}
.interactive-image-text-columns .columns .column {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.interactive-image-text-columns .columns .inside {
  padding: 70px;
}
.interactive-image-text-columns .content {
  position: relative;
  z-index: 20;
}
.interactive-image-text-columns .background {
  position: relative;
}
.interactive-image-text-columns .background .dot {
  width: 20px;
  height: 20px;
  background: #00AEEF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.interactive-image-text-columns .background .dot.pulse {
  box-shadow: 0 0 0 rgba(77, 176, 211, 0.75);
}
.interactive-image-text-columns .background .gold-overlay {
  mix-blend-mode: multiply;
  background: #F5B324;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.interactive-image-text-columns .background .tooltip-content {
  display: none;
}
.interactive-image-text-columns .wrapper.bottom {
  background: #B3B3B3;
  margin: -50px 0 0 0;
}
.interactive-image-text-columns .wrapper.top {
  padding-top: 70px;
}

/********************************************************************************************* 

x. Latest Posts

*********************************************************************************************/
.latest-posts .content.bottom {
  padding: 40px 0 0 0;
}
.latest-posts .content.top {
  padding: 0 0 80px 0;
}
.latest-posts h2 {
  color: #F5B324;
}
.latest-posts .post {
  margin: 0 0 40px 0;
  padding: 0 0 0 50px;
}
.latest-posts .post .columns {
  margin: 0 -20px;
  display: block;
}
.latest-posts .post .columns .inside {
  margin: 0 20px;
}
.latest-posts .post .more {
  color: #F5B324;
  letter-spacing: 0.125em;
  display: block;
}
.latest-posts .post .more:hover {
  color: #00AEEF;
}
.latest-posts .wrapper {
  padding: 50px 0;
}

/********************************************************************************************* 

x. Locations Carousel

*********************************************************************************************/
.locations-carousel.slick {
  padding: 60px 80px 0 80px;
}
.locations-carousel .location {
  margin: 0 30px;
}
.locations-carousel .location a {
  color: #76777B;
  font-weight: 500;
}
.locations-carousel .location a:hover {
  color: #F5B324;
}
.locations-carousel .location a:hover .image {
  border: 10px solid #F5B324;
}
.locations-carousel .location .image,
.locations-carousel .location .title {
  margin: 0 0 30px 0;
  display: block;
}
.locations-carousel .location .image {
  border: 10px solid transparent;
}
.locations-carousel .location strong {
  font-weight: 500;
}
.locations-carousel .wrapper {
  padding: 60px 0;
}

/********************************************************************************************* 

x. Masthead

*********************************************************************************************/
.masthead {
  min-height: 40px;
  border-bottom: 2px solid white;
  padding: 130px 0;
  position: relative;
}
.masthead.proof {
  padding: 0;
}
.masthead.proof .image {
  position: relative;
}
.masthead .image {
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.masthead .key-to-hope {
  width: 370px;
  height: auto;
  margin: 0 auto;
}
.masthead .seattle-dances-stars {
  margin: 0 0 30px 0;
}
.masthead .seattle-dances-stars .stars {
  max-width: 200px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.masthead .seattle-dances-stars svg {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.masthead .wrapper {
  z-index: 20;
}

.error404 .masthead .content,
.search .masthead .content {
  display: none;
}

/********************************************************************************************* 

x. Newsroom

*********************************************************************************************/
.newsroom .pagination {
  display: none;
}
.newsroom .post .categories {
  background: #63656A;
  padding: 20px 40px;
  list-style: none;
  position: relative;
}
.newsroom .post .categories a {
  color: white;
}
.newsroom .post .categories a:hover {
  text-decoration: underline;
}
.newsroom .post .categories a:hover svg {
  fill: #F5B324;
}
.newsroom .post .categories li {
  color: white;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0 10px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.newsroom .post .categories li:last-of-type {
  margin-right: 0;
}
.newsroom .post .categories li.icon {
  margin: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 40px;
}
.newsroom .post .categories svg {
  fill: #00AEEF;
}
.newsroom .post .content {
  font-size: 0.8em;
  padding: 40px;
}
.newsroom .post .image {
  display: block;
}
.newsroom .post .inside {
  background: #EBEBEB;
  margin: 0 5px 10px 5px;
}
.newsroom .post .more {
  letter-spacing: 0.125em;
  display: block;
}
.newsroom .post:hover {
  opacity: 0.9;
}
.newsroom .posts {
  margin: 0 -5px -10px -5px;
  display: block;
}
.newsroom .posts .loader {
  width: 100% !important;
  height: 50px;
  background: white;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  z-index: 10;
}
.newsroom .posts .loader img {
  max-width: 50px;
  margin: 0 auto;
  display: block;
}
.newsroom .posts .loader p {
  font-size: 0.8em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 20px;
  padding: 30px 0 0 0;
}
.newsroom .wrapper {
  padding: 50px 0 150px 0;
}

/********************************************************************************************* 

x. Partner Quotations Carousel

*********************************************************************************************/
.partner-quotations-carousel {
  padding: 0 0 35px 0;
}
.partner-quotations-carousel.slick {
  padding: 0;
}
.partner-quotations-carousel .columns {
  margin: 0 -50px;
  display: block;
}
.partner-quotations-carousel .columns .column .inside {
  padding: 0 50px;
  position: relative;
}
.partner-quotations-carousel .quotation {
  border-bottom: 1px solid #F5B324;
  margin: 0 0 40px 0;
  padding: 0 0 40px 0;
  position: relative;
}
.partner-quotations-carousel .quotation a {
  color: #00AEEF;
}
.partner-quotations-carousel .quotation a:hover {
  color: #F5B324;
}
.partner-quotations-carousel .quotation .mark {
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
}
.partner-quotations-carousel .quotation .mark svg {
  width: 40px;
  height: auto;
}
.partner-quotations-carousel .tab-content {
  display: none;
}
.partner-quotations-carousel .tabs {
  border-bottom: 1px solid #F5B324;
  margin: 0 0 40px 0;
  list-style: none;
}
.partner-quotations-carousel .tabs li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.partner-quotations-carousel .tabs li.active a {
  background: #F5B324;
}
.partner-quotations-carousel .tabs li a {
  color: white;
  letter-spacing: 0.125em;
  line-height: 1em;
  text-transform: uppercase;
  background: #D8D8D8;
  display: block;
  padding: 20px 40px;
}
.partner-quotations-carousel .tabs li a:hover {
  background: #F5B324;
}

/********************************************************************************************* 

x. Past Dancers

*********************************************************************************************/
.past-dancers {
  color: white;
  background: black;
  padding: 70px 0;
}
.past-dancers .content.bottom, .past-dancers .content.middle {
  margin: 30px 0 0 0;
}
.past-dancers .names {
  margin-left: 0;
  list-style: none;
}
.past-dancers .names li {
  width: 33.33%;
  height: auto;
  margin: 0 -5px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.past-dancers .title {
  color: #F5B324;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
}

/********************************************************************************************* 

x. Quotation

*********************************************************************************************/
.quotation {
  position: relative;
}
.quotation .acknowledgment {
  text-align: center;
}
.quotation .acknowledgment .attribution {
  color: #F5B324;
  font-family: "daniel", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.quotation .acknowledgment .attribution-description {
  margin-left: 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.quotation h5 {
  margin: 0 0 20px 0;
  padding: 60px 0 0 0;
}
.quotation .mark {
  position: absolute;
}
.quotation .mark.bottom {
  bottom: 0;
  right: 0;
}
.quotation .mark.top {
  top: 0;
  left: 0;
}
.quotation .wrapper {
  padding: 35px 0;
  position: relative;
}

.has-sidebar .quotation .acknowledgment {
  text-align: right;
  padding: 0 100px 0 0;
}
.has-sidebar .quotation .not-so-wide {
  max-width: none;
}

/********************************************************************************************* 

x. Resident Stories Carousel - 1 Visible

*********************************************************************************************/
.resident-stories-carousel-one-visible.donate {
  background: white;
}
.resident-stories-carousel-one-visible.proof {
  color: white;
  background: #F5B324;
}
.resident-stories-carousel-one-visible.proof .arrow {
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.resident-stories-carousel-one-visible.proof .quotation .acknowledgment .attribution {
  color: white;
}
.resident-stories-carousel-one-visible .columns {
  width: 100%;
  height: auto;
  display: table;
}
.resident-stories-carousel-one-visible .columns .column {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.resident-stories-carousel-one-visible .columns .inside {
  margin: 0 35px;
}
.resident-stories-carousel-one-visible .quotation {
  padding: 40px 0 0 0;
}
.resident-stories-carousel-one-visible .quotation .mark svg {
  width: 40px;
  height: auto;
}
.resident-stories-carousel-one-visible .wrapper {
  padding: 100px 0;
}

.has-sidebar .resident-stories-carousel-one-visible .quotation .acknowledgment {
  padding: 0 60px 0 0;
}

/********************************************************************************************* 

x. Resident Stories Carousel - 3 Visible

*********************************************************************************************/
.resident-stories-carousel-three-visible {
  position: relative;
}
.resident-stories-carousel-three-visible .grey-overlay {
  width: auto;
  height: 105%;
  background: #F5F7F8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.resident-stories-carousel-three-visible .inside {
  margin: 0 0 0 70px;
}
.resident-stories-carousel-three-visible .inside .image {
  margin: 0 0 40px 0;
}
.resident-stories-carousel-three-visible.slick {
  z-index: 10;
}
.resident-stories-carousel-three-visible.slick .active .image.blue-overlay .blue-overlay {
  opacity: 0;
}
.resident-stories-carousel-three-visible.slick .active .image.greyscale img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.resident-stories-carousel-three-visible.slick .active .button {
  visibility: visible;
}
.resident-stories-carousel-three-visible.slick .button {
  visibility: hidden;
}
.resident-stories-carousel-three-visible.slick .content {
  display: none;
}
.resident-stories-carousel-three-visible.slick .image.greyscale {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.resident-stories-carousel-three-visible.slick .image.greyscale img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.resident-stories-carousel-three-visible .wrapper {
  padding: 70px 0;
  z-index: 10;
}
.resident-stories-carousel-three-visible .wrapper.bottom {
  margin-left: calc(-13.5% - 70px);
  padding-top: 0;
}

.resident-stories-carousel-three-visible + .quotation {
  margin: -70px 0 0 0;
}
.resident-stories-carousel-three-visible + .quotation .wrapper {
  padding-top: 0;
}

/********************************************************************************************* 

x. Search Results

*********************************************************************************************/
.search-results .content {
  margin: 0 0 15px 0;
}
.search-results .pagination {
  list-style: none;
}
.search-results .pagination li {
  margin: 0 15px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.search-results .result {
  margin: 0 0 15px 0;
}
.search-results .term {
  color: #A79C8F;
}
.search-results .wrapper {
  padding: 50px 0;
}

/********************************************************************************************* 

x. Single

*********************************************************************************************/
.single main .columns {
  margin: 0 -40px;
  display: block;
}
.single main .columns .inside {
  margin: 0 40px;
}
.single main .wrapper {
  padding: 50px 0;
}
.single .share {
  border-bottom: 1px solid #F5B324;
  padding: 40px 0 20px 0;
  list-style: none;
}
.single .share a {
  display: block;
}
.single .share a:hover svg {
  fill: #00AEEF;
}
.single .share li {
  margin: 0 20px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.single .share li:last-of-type {
  margin-right: 0;
}
.single .share svg {
  fill: #F5B324;
}

/********************************************************************************************* 

x. Slideshow

*********************************************************************************************/
.slideshow .slideshow {
  background: black;
}
.slideshow .slideshow .image {
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.slideshow .slideshow li {
  padding: 500px 0 100px 0;
}
.slideshow .slideshow .wrapper {
  max-width: 1000px;
  margin: 0 auto;
  z-index: 20;
}
.slideshow .slideshow-wrapper {
  border-bottom: 2px solid white;
}

/********************************************************************************************* 

x. Sponsors

*********************************************************************************************/
.sponsors a {
  color: #76777B;
  line-height: 1em;
  display: block;
}
.sponsors a:hover {
  color: #4E5054;
}
.sponsors .columns.border-bottom {
  border-bottom: 1px solid #F5B324;
  margin: 0 0 35px 0;
  padding: 0 0 25px 0;
}
.sponsors .columns.first {
  width: 100%;
  height: auto;
  display: table;
}
.sponsors .columns.first .column {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.sponsors .columns.fifth .column:first-of-type .inside, .sponsors .columns.fourth .column:first-of-type .inside, .sponsors .columns.second .column:first-of-type .inside, .sponsors .columns.sixth .column:first-of-type .inside, .sponsors .columns.third .column:first-of-type .inside {
  border-right: 1px solid #F5B324;
}
.sponsors .columns.fifth .column:first-of-type:last-of-type .inside, .sponsors .columns.fourth .column:first-of-type:last-of-type .inside, .sponsors .columns.second .column:first-of-type:last-of-type .inside, .sponsors .columns.sixth .column:first-of-type:last-of-type .inside, .sponsors .columns.third .column:first-of-type:last-of-type .inside {
  border-right: none;
}
.sponsors .columns.fifth .image, .sponsors .columns.fourth .image, .sponsors .columns.second .image, .sponsors .columns.sixth .image, .sponsors .columns.third .image {
  max-width: 40%;
  margin: 0 auto;
}
.sponsors .columns.fifth, .sponsors .columns.third {
  font-size: 0;
  border-bottom: 1px solid #F5B324;
  margin: 0 0 35px 0;
  padding: 0 0 25px 0;
}
.sponsors .columns.fifth .column, .sponsors .columns.third .column {
  font-size: 1rem;
  margin: 0 0 35px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  float: none;
}
.sponsors .columns.fifth .image, .sponsors .columns.third .image {
  max-width: 70%;
  margin: 0 auto;
}
.sponsors .columns.second {
  border-top: 1px solid #F5B324;
  border-bottom: 1px solid #F5B324;
  margin: 0 0 35px 0;
  padding: 25px 0;
}
.sponsors .content {
  margin: 0 0 50px 0;
}
.sponsors .image {
  margin: 0 auto;
}
.sponsors .image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80px;
  margin: 0 auto;
}
.sponsors svg {
  width: auto;
  height: auto;
  max-width: 100%;
}
.sponsors svg path {
  opacity: 0;
}
.sponsors .title {
  color: #F5B324;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.sponsors .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Statements Carousel

*********************************************************************************************/
.statements-carousel {
  background: #EBEBEB;
}
.statements-carousel .content {
  margin: 0 0 -60px 0;
  position: relative;
  z-index: 10;
}
.statements-carousel .statements {
  background: white;
}
.statements-carousel .statements .slide {
  padding: 0 100px;
}
.statements-carousel .statements .slide:nth-child(3n-2) {
  color: #F5B324;
}
.statements-carousel .statements .slide:nth-child(3n-1) {
  color: #00AEEF;
}
.statements-carousel .wrapper {
  padding: 130px 0;
}

/********************************************************************************************* 

x. Supporters Carousel

*********************************************************************************************/
.supporters-carousel {
  background: #4E5054;
  padding: 0 0 35px 0;
}
.supporters-carousel.slick {
  padding: 0;
}
.supporters-carousel .names {
  margin-left: 0;
  list-style: none;
}
.supporters-carousel .names li {
  color: white;
  width: 25%;
  height: auto;
  margin: 0 -5px 5px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.supporters-carousel .tab-content {
  display: none;
}
.supporters-carousel .tabs {
  margin: 0 0 40px 0;
  list-style: none;
}
.supporters-carousel .tabs li {
  margin: 0 2px 5px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.supporters-carousel .tabs li.active a {
  background: #B3B3B3;
}
.supporters-carousel .tabs li a {
  color: white;
  letter-spacing: 0.125em;
  line-height: 1em;
  text-transform: uppercase;
  background: #3F4144;
  display: block;
  padding: 10px 20px;
}
.supporters-carousel .tabs li a:hover {
  background: #B3B3B3;
}

/********************************************************************************************* 

x. Text

*********************************************************************************************/
.text.arrow-left .arrow {
  left: 0;
}
.text.arrow-right .arrow {
  right: 0;
}
.text.blue {
  background: #00AEEF;
}
.text.dark-grey {
  background: #4E5054;
}
.text.gold {
  background: #F5B324;
}
.text.light-grey {
  background: #EBEBEB;
}
.text.white {
  background: white;
}
.text .arrow {
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.text .read-more {
  display: none;
}
.text .read-more .spacer {
  width: 100%;
  height: 30px;
}
.text .wrapper {
  padding: 35px 0;
}

.page-template-plymouth-stories .text .content {
  max-width: 1000px;
  margin: 0 auto;
}

/********************************************************************************************* 

x. Thermometer

*********************************************************************************************/
.page-template-thermometer-2021 {
  padding: 0 !important;
}
.page-template-thermometer-2021.thermometer-2021 {
  background: #004c46;
}
.page-template-thermometer-2021.thermometer-2022 {
  background: black;
}
.page-template-thermometer-2021 footer,
.page-template-thermometer-2021 header {
  display: none;
}
.page-template-thermometer-2021 .bar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.page-template-thermometer-2021 .bar.dancer {
  width: 50px;
  height: 100%;
  background: #bc8b41;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
}
.page-template-thermometer-2021 .bar.dancer:before {
  content: "$";
  color: #bc8b41;
  font-family: josefin-sans, sans-serif;
  font-size: 36px;
  font-weight: 600;
  display: block;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 100%;
  left: 50%;
}
.page-template-thermometer-2021 .bar.dancer .percentage {
  width: 100%;
  height: auto;
}
.page-template-thermometer-2021 .bar.main {
  width: auto;
  height: 50px;
  background: #eed7af;
  border: 2px solid #bc8b41;
  position: absolute;
  top: 80px;
  left: 50px;
  right: 50px;
}
.page-template-thermometer-2021 .bar.main .percentage {
  width: auto;
  height: 100%;
}
.page-template-thermometer-2021 .bar.main .percentage.right-side .amount {
  left: 100%;
}
.page-template-thermometer-2021 .bar.main .percentage .amount {
  color: #bc8b41;
  font-family: josefin-sans, sans-serif;
  font-size: 36px;
  display: block;
  position: absolute;
  bottom: calc(100% + 5px);
  right: 0;
}
.page-template-thermometer-2021 .bar .goal {
  color: #eed7af;
  font-family: josefin-sans, sans-serif;
  font-size: 36px;
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
}
.page-template-thermometer-2021 .bar .percentage {
  background: #bc8b41;
  position: relative;
}
.page-template-thermometer-2021 #confetti {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.page-template-thermometer-2021 .dancers {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 230px;
  bottom: 200px;
  left: 25px;
  right: 25px;
}
.page-template-thermometer-2021 .dancers .columns {
  margin: 0 25px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.page-template-thermometer-2021 .dancers .columns .column:last-child {
  flex-grow: 0;
  position: relative;
}
.page-template-thermometer-2021 .dancers .columns .column:last-child .icons {
  text-align: center;
  width: 100%;
  height: auto;
  list-style: none;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
}
.page-template-thermometer-2021 .dancers .columns .column:last-child .icons li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.page-template-thermometer-2021 .dancers .columns .column:first-child {
  position: relative;
  flex-grow: 4;
}
.page-template-thermometer-2021 .dancers .columns .column .content .donors,
.page-template-thermometer-2021 .dancers .columns .column .content .name {
  font-family: josefin-sans, sans-serif;
  font-size: 20px;
  line-height: 1.125em;
}
.page-template-thermometer-2021 .dancers .columns .column .content .donors {
  color: #bc8b41;
}
.page-template-thermometer-2021 .dancers .columns .column .content .name {
  color: white;
}
.page-template-thermometer-2021 .dancers .columns .column .image {
  width: 100%;
  height: auto;
  max-width: 200px;
  background: gray;
  border: 2px solid white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 30px auto 20px auto;
}
.page-template-thermometer-2021 .key {
  border-top: 2px solid #bc8b41;
  padding: 15px 0 0 0;
  list-style: none;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 50px;
  left: 50%;
}
.page-template-thermometer-2021 .key li {
  color: #bc8b41;
  font-family: josefin-sans, sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin: 0 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.page-template-thermometer-2021 .key li .icon,
.page-template-thermometer-2021 .key li .label {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.page-template-thermometer-2021 .key li .icon {
  margin: 0 20px 0 0;
}
.page-template-thermometer-2021 main {
  width: 1920px;
  height: 1080px;
  display: block;
}

/********************************************************************************************* 

x. Timeline

*********************************************************************************************/
section.timeline {
  overflow: hidden;
}
section.timeline.open .angles {
  height: 200px;
}
section.timeline.open .angles .angle-1 {
  -moz-transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  transform: skewY(3deg);
}
section.timeline.open .angles .angle-2 {
  -moz-transform: skewY(4deg);
  -webkit-transform: skewY(4deg);
  -o-transform: skewY(4deg);
  -ms-transform: skewY(4deg);
  transform: skewY(4deg);
}
section.timeline.open .angles .angle-3 {
  -moz-transform: skewY(6deg);
  -webkit-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  transform: skewY(6deg);
}
section.timeline.open .angles .angle-4 {
  -moz-transform: skewY(-7deg);
  -webkit-transform: skewY(-7deg);
  -o-transform: skewY(-7deg);
  -ms-transform: skewY(-7deg);
  transform: skewY(-7deg);
}
section.timeline.open .angles .angle-5 {
  -moz-transform: skewY(-9deg);
  -webkit-transform: skewY(-9deg);
  -o-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
}
section.timeline.open .angles .expand-and-close .arrow svg {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(180deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
section.timeline .angles {
  width: 100%;
  height: 30px;
  position: relative;
  z-index: 30;
}
section.timeline .angles:before {
  content: "";
  background: white;
  width: auto;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
section.timeline .angles .angle {
  width: 200vw;
  height: 999px;
  position: absolute;
  top: 100%;
}
section.timeline .angles .angle-1,
section.timeline .angles .angle-2,
section.timeline .angles .angle-3 {
  left: 0;
}
section.timeline .angles .angle-4,
section.timeline .angles .angle-5 {
  right: 0;
}
section.timeline .angles .angle-1 {
  background: rgba(0, 174, 239, 0.6);
  -moz-transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  transform: skewY(3deg);
}
section.timeline .angles .angle-2 {
  background: rgba(0, 174, 239, 0.3);
  -moz-transform: skewY(5deg);
  -webkit-transform: skewY(5deg);
  -o-transform: skewY(5deg);
  -ms-transform: skewY(5deg);
  transform: skewY(5deg);
}
section.timeline .angles .angle-3,
section.timeline .angles .angle-5 {
  background: rgba(0, 174, 239, 0.15);
}
section.timeline .angles .angle-3 {
  -moz-transform: skewY(9deg);
  -webkit-transform: skewY(9deg);
  -o-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  transform: skewY(9deg);
}
section.timeline .angles .angle-4 {
  background: rgba(0, 174, 239, 0.5);
  -moz-transform: skewY(-12deg);
  -webkit-transform: skewY(-12deg);
  -o-transform: skewY(-12deg);
  -ms-transform: skewY(-12deg);
  transform: skewY(-12deg);
}
section.timeline .angles .angle-5 {
  -moz-transform: skewY(-14deg);
  -webkit-transform: skewY(-14deg);
  -o-transform: skewY(-14deg);
  -ms-transform: skewY(-14deg);
  transform: skewY(-14deg);
}
section.timeline .angles .expand-and-close {
  display: block;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 20;
}
section.timeline .angles .expand-and-close .arrow,
section.timeline .angles .expand-and-close .label {
  display: block;
}
section.timeline .angles .expand-and-close .arrow {
  width: 60px;
  height: 60px;
  background: #F5B324;
  margin: 0 auto;
  position: relative;
}
section.timeline .angles .expand-and-close .arrow svg {
  width: 20px;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
section.timeline .angles .expand-and-close .label {
  color: white;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}
section.timeline .content.top {
  margin: 0 0 35px 0;
}
section.timeline .event {
  padding: 35px 0;
  position: relative;
  overflow: hidden;
}
section.timeline .event.even .columns {
  flex-direction: row-reverse;
}
section.timeline .event.even .columns .column:first-child {
  -moz-transform: translateX(50px);
  -webkit-transform: translateX(50px);
  -o-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
section.timeline .event.even .columns .column:last-child {
  -moz-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
section.timeline .event.even .columns .column .inside .content {
  text-align: right;
}
section.timeline .event.first {
  padding-top: 120px;
}
section.timeline .event.odd .columns .column:first-child {
  display: flex;
  justify-content: flex-end;
}
section.timeline .event.visible:after {
  height: 0;
}
section.timeline .event.visible .columns .column {
  opacity: 1;
}
section.timeline .event.visible .columns .column:first-child {
  -moz-transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
section.timeline .event.visible .columns .column:last-child {
  -moz-transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
section.timeline .event:after, section.timeline .event:before {
  content: "";
  width: 5px;
  height: 100%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
}
section.timeline .event:after {
  background: white;
  top: auto;
  bottom: 0;
  z-index: 10;
}
section.timeline .event:before {
  background: #F5B324;
}
section.timeline .event .columns {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 20;
}
section.timeline .event .columns .column {
  opacity: 0;
}
section.timeline .event .columns .column:first-child {
  width: calc(50% + 20px);
  -moz-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
section.timeline .event .columns .column:last-child {
  width: calc(50% - 20px);
  -moz-transform: translateX(50px);
  -webkit-transform: translateX(50px);
  -o-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
section.timeline .event .columns .column .inside {
  padding: 10px;
}
section.timeline .event .columns .column .inside .image {
  width: 215px;
  height: auto;
}
section.timeline .hidden {
  display: none;
}
section.timeline .wrapper {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Amounts

*********************************************************************************************/
.amounts .bar {
  background: gray;
  width: 100%;
  height: 80px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
}
.amounts .bar .percentage {
  color: white;
  line-height: 80px;
  text-align: center;
  width: auto;
  height: 80px;
  background: black;
}
.amounts .wrapper {
  padding: 35px 0;
}
.amounts .columns {
  display: flex;
  align-items: center;
}
.amounts .columns .column .inside {
  padding: 0 80px;
  position: relative;
}
.amounts .columns .column .inside .content {
  color: #015FA8;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 10;
}
.amounts .columns .column .inside .content .amount {
  font-size: 5vw;
  margin: 0 0 -20px 0;
}
.amounts .columns .column .inside .content .label {
  font-size: 2.5vw;
}

/********************************************************************************************* 

x. Why Housing First?

*********************************************************************************************/
#map #dots circle,
#map #dots ellipse,
#map #dots path {
  opacity: 0;
}

/********************************************************************************************* 

x. Video

*********************************************************************************************/
.video {
  display: block;
  position: relative;
}
.video:hover .play svg {
  fill: white;
}
.video .play {
  display: block;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.video .play.small svg {
  width: 60px;
  height: 60px;
}
.video .play svg {
  fill: #F5B324;
}
.video .caption {
  color: white;
  font-size: 0.8em;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  background: #63656A;
  padding: 10px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.video .caption.small {
  font-size: 0.7em;
}

/********************************************************************************************* 

x. Video Carousel

*********************************************************************************************/
.video-carousel {
  position: relative;
}
.video-carousel.slick {
  padding: 0 80px;
}
.video-carousel .gold-overlay {
  background: #F5B324;
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  right: 0;
}
.video-carousel .video {
  margin: 0 15px;
}
.video-carousel .wrapper {
  padding: 70px 0;
  z-index: 10;
}

/********************************************************************************************* 

x. Video + Text

*********************************************************************************************/
.video-text.proof .arrow {
  opacity: 0.2;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.video-text.proof .wrapper.bottom {
  color: white;
  background: #F5B324;
  padding: 35px 0;
  position: relative;
}
.video-text.proof .wrapper.bottom:after, .video-text.proof .wrapper.bottom:before {
  content: "";
  width: 9999px;
  height: auto;
  background: #F5B324;
  position: absolute;
  top: 0;
  bottom: 0;
}
.video-text.proof .wrapper.bottom:after {
  left: 100%;
}
.video-text.proof .wrapper.bottom:before {
  right: 100%;
}
.video-text.proof .wrapper.middle {
  padding: 0 0 0 80px;
  position: relative;
}
.video-text.proof .wrapper.middle:after, .video-text.proof .wrapper.middle:before {
  content: "";
  width: 9999px;
  height: auto;
  background: #F5B324;
  position: absolute;
  top: 50%;
  bottom: 0;
}
.video-text.proof .wrapper.middle:after {
  left: 50%;
}
.video-text.proof .wrapper.middle:before {
  right: 50%;
}
.video-text.proof .wrapper.middle .video {
  z-index: 10;
}
.video-text.proof .wrapper.top {
  padding: 35px 0;
}
.video-text.seattle-dances {
  background: #F5F7F8;
}
.video-text.seattle-dances .wrapper.bottom {
  padding: 35px 0 35px 100px;
}
.video-text.seattle-dances .wrapper.middle {
  margin-left: 0;
}
.video-text.seattle-dances .wrapper.top {
  padding: 35px 0;
}

/********************************************************************************************* 

x. Video + Text (Columns)

*********************************************************************************************/
.video-text-columns {
  background: #F5B324;
  position: relative;
}
.video-text-columns.video-left .wrapper.bottom {
  padding-left: calc(60% + 70px);
}
.video-text-columns.video-left .image {
  border-right: 5px solid #F5B324;
  left: 0;
}
.video-text-columns.video-right .wrapper.bottom {
  padding-right: calc(60% + 70px);
}
.video-text-columns.video-right .image {
  border-left: 5px solid #F5B324;
  right: 0;
}
.video-text-columns .image {
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
.video-text-columns .wrapper {
  margin: 0;
  padding: 70px;
}
.video-text-columns .wrapper.bottom {
  background: #63656A;
}

/********************************************************************************************* 

x. WordPress Core

*********************************************************************************************/
.alignnone {
  margin: 0 30px 0 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 0 0 30px 30px;
}

.alignleft {
  float: left;
  margin: 0 30px 30px 0;
}

a img.alignright {
  float: right;
  margin: 0 0 30px 30px;
}

a img.alignnone {
  margin: 0 30px 0 0;
}

a img.alignleft {
  float: left;
  margin: 0 30px 30px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption.alignnone {
  margin: 0 30px 30px 0;
}

.wp-caption.alignleft {
  margin: 0 30px 30px 0;
}

.wp-caption.alignright {
  margin: 0 0 30px 30px;
}

.wp-caption img {
  width: 100%;
  height: auto;
  display: block;
}

.wp-caption p.wp-caption-text {
  color: white;
  font-size: 0.8em;
  text-align: center;
  background: #4E5054;
  margin: 0;
  padding: 20px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/********************************************************************************************* 

x. Seattle Dances

*********************************************************************************************/
body.page-template-seattle-dances-dev {
  font-family: freight-neo-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #253248;
  background: #f6f1eb;
}
body.page-template-seattle-dances-dev .masthead {
  padding: 180px 0;
}
body.page-template-seattle-dances-dev h1, body.page-template-seattle-dances-dev h2 {
  font-family: ivymode, sans-serif;
  font-weight: 600;
  font-style: normal;
}
body.page-template-seattle-dances-dev h1, body.page-template-seattle-dances-dev h2 {
  background: -webkit-linear-gradient(45deg, #ad874a, #f0cf7f 50%, #ad874a);
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.page-template-seattle-dances-dev h3, body.page-template-seattle-dances-dev h4, body.page-template-seattle-dances-dev h5 {
  color: #d7b47d;
}
body.page-template-seattle-dances-dev h3, body.page-template-seattle-dances-dev h4, body.page-template-seattle-dances-dev h5, body.page-template-seattle-dances-dev .navigation.sub a {
  font-family: bicyclette, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
body.page-template-seattle-dances-dev .navigation.sub a {
  font-size: 0.9em;
  color: #253248;
}
body.page-template-seattle-dances-dev .navigation.sub a:after {
  background: #253248;
}
body.page-template-seattle-dances-dev h1 {
  font-size: 4.2em;
}
body.page-template-seattle-dances-dev h2 {
  font-size: 3.6em;
}
body.page-template-seattle-dances-dev h4 {
  font-size: 2.2em;
}
body.page-template-seattle-dances-dev .image-text-columns {
  background: #253248;
}
body.page-template-seattle-dances-dev .past-dancers {
  background: #253248;
}
body.page-template-seattle-dances-dev .past-dancers .title {
  color: #d7b47d;
}
body.page-template-seattle-dances-dev .dais {
  background: #323a50;
}
body.page-template-seattle-dances-dev .dais .name {
  color: #d7b47d;
}
body.page-template-seattle-dances-dev .dais .columns.bottom .inside.top, body.page-template-seattle-dances-dev .dais .columns.bottom .inside.top:before, body.page-template-seattle-dances-dev .dais .columns.bottom .inside.top:after {
  background: #3d445a;
  background: transparent;
}
body.page-template-seattle-dances-dev .dais .columns.bottom .inside.bottom, body.page-template-seattle-dances-dev .dais .columns.bottom .inside.bottom:before, body.page-template-seattle-dances-dev .dais .columns.bottom .inside.bottom:after {
  background: #323a50;
  background: transparent;
}
body.page-template-seattle-dances-dev .video-text.seattle-dances {
  background: #f6f1eb;
}
body.page-template-seattle-dances-dev .navigation.sub {
  background: #d7b47d;
  padding-left: 20px;
  padding-right: 20px;
}
body.page-template-seattle-dances-dev .image .gold-overlay {
  background: #d7b47d;
}
body.page-template-seattle-dances-dev a {
  color: #d7b47d;
}
body.page-template-seattle-dances-dev #pd-buttons {
  margin-top: 50px;
}
body.page-template-seattle-dances-dev a.link {
  font-size: 1.1em;
  font-family: bicyclette, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  text-decoration: none !important;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  display: inline-block;
  transition: all 0.35s ease;
}
body.page-template-seattle-dances-dev a.link:after {
  content: "";
  width: 100%;
  height: 5px;
  background: white;
  position: absolute;
  bottom: 0;
  right: 100%;
  -webkit-transition: right 0.25s ease;
  -moz-transition: right 0.25s ease;
  -ms-transition: right 0.25s ease;
  -o-transition: right 0.25s ease;
  transition: right 0.25s ease;
}
body.page-template-seattle-dances-dev a.link:hover {
  color: #fff;
  opacity: 1;
}
body.page-template-seattle-dances-dev a.link:hover:after {
  right: 0;
}
body.page-template-seattle-dances-dev a.link span {
  transition: all 0.25s ease;
  display: inline-block;
  font-size: 1.5em;
  top: 2px;
  position: relative;
}
body.page-template-seattle-dances-dev a.link.active {
  color: #fff;
}
body.page-template-seattle-dances-dev a.link.active span {
  transform: rotate(45deg);
}
body.page-template-seattle-dances-dev a.link.active:after {
  right: 0;
}
body.page-template-seattle-dances-dev .button {
  font-size: 1.1em;
  font-family: bicyclette, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  text-decoration: none !important;
}
body.page-template-seattle-dances-dev .button.gold {
  color: #d7b47d !important;
  border-color: #d7b47d !important;
}
body.page-template-seattle-dances-dev .button.gold:hover {
  color: white !important;
  background: #d7b47d !important;
}
body.page-template-seattle-dances-dev .button.gold.bordered:after {
  border-color: #d7b47d !important;
}
body.page-template-seattle-dances-dev .button.gold.filled {
  color: #253248 !important;
  background: #d7b47d !important;
}
body.page-template-seattle-dances-dev .button.gold.filled:hover {
  color: white !important;
}
body.page-template-seattle-dances-dev .buckets .items {
  margin-bottom: 40px;
}
body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(1) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n+1) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(1) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n+1) .inside {
  background: #253248;
}
body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(2) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(3n+2) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(2) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(3n+2) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(3) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n+3) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n+4) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(3) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n+3) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n+4) .inside {
  background: #253248;
}
body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(2) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n+2) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(1) .inside, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n+2) .inside {
  background: #d7b47d;
}
body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(2) .inside .content.white, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n+2) .inside .content.white, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(1) .inside .content.white, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n+2) .inside .content.white {
  color: #253248;
}
body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(2) .inside .content.white path, body.page-template-seattle-dances-dev .buckets .items .item.width-33:nth-child(6n+2) .inside .content.white path, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(1) .inside .content.white path, body.page-template-seattle-dances-dev .buckets .items .item.width-50:nth-child(6n+2) .inside .content.white path {
  fill: #253248;
}
body.page-template-seattle-dances-dev .sponsors {
  background: #fff;
}
body.page-template-seattle-dances-dev .past-dancers .names {
  display: none;
}
body.page-template-seattle-dances-dev .past-dancers .names ul {
  margin-left: 0;
  list-style: none;
}
body.page-template-seattle-dances-dev .past-dancers .names ul li {
  width: 33.33%;
  height: auto;
  margin: 0 -5px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
body.page-template-seattle-dances-dev .past-dancers .button {
  margin-top: 30px;
  margin-right: 20px;
}
body.page-template-seattle-dances-dev .past-dancers .button.active {
  background: #fff !important;
  border-color: #fff !important;
}
body.page-template-seattle-dances-dev .past-dancers .button.active:hover {
  color: #253248 !important;
}
body.page-template-seattle-dances-dev .dancers {
  background: #fff;
}
body.page-template-seattle-dances-dev .dancers .full-information .columns.top {
  background: #253248;
  color: #fff;
}
body.page-template-seattle-dances-dev .dancers .items .item.active:after {
  border-color: transparent transparent #253248 transparent;
}
body.page-template-seattle-dances-dev .hosts > .inside {
  border-left: 1px solid #253248;
}
body.page-template-seattle-dances-dev .sponsors .title {
  color: #d7b47d;
}
body.page-template-seattle-dances-dev .sponsors .columns.second {
  border-top-color: #d7b47d;
  border-bottom-color: #d7b47d;
}
body.page-template-seattle-dances-dev .sponsors .columns.fifth .column:first-of-type .inside, body.page-template-seattle-dances-dev .sponsors .columns.fourth .column:first-of-type .inside, body.page-template-seattle-dances-dev .sponsors .columns.second .column:first-of-type .inside, body.page-template-seattle-dances-dev .sponsors .columns.sixth .column:first-of-type .inside, body.page-template-seattle-dances-dev .sponsors .columns.third .column:first-of-type .inside {
  border-right: none;
  border-left: none;
  text-align: center;
}
body.page-template-seattle-dances-dev .sponsor-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.page-template-seattle-dances-dev .sponsor-columns > p {
  display: inline-block;
  margin-right: 30px;
  display: flex;
  align-items: center;
}
body.page-template-seattle-dances-dev .sponsors .columns.fifth .image, body.page-template-seattle-dances-dev .sponsors .columns.fourth .image, body.page-template-seattle-dances-dev .sponsors .columns.second .image, body.page-template-seattle-dances-dev .sponsors .columns.sixth .image, body.page-template-seattle-dances-dev .sponsors .columns.third .image {
  max-width: none;
}
body.page-template-seattle-dances-dev .sponsors .image img {
  max-height: 60px;
}
body.page-template-seattle-dances-dev .sponsors .presenting-sponsors .image img {
  max-height: 180px;
}
body.page-template-seattle-dances-dev .sponsors .title-sponsors .image img {
  max-height: 120px;
}
body.page-template-seattle-dances-dev .sponsors .platinum-sponsors .image img, body.page-template-seattle-dances-dev .sponsors .gold-sponsors .image img, body.page-template-seattle-dances-dev .sponsors .silver-sponsors .image img {
  max-height: 100px;
}
body.page-template-seattle-dances-dev .sponsors a {
  color: #253248;
}
body.page-template-seattle-dances-dev .sponsors a:hover {
  color: #d7b47d;
}
body.page-template-seattle-dances-dev .sponsors .inside {
  text-align: center;
}
body.page-template-seattle-dances-dev .sponsors .columns.first .inside {
  text-align: inherit;
}
body.page-template-seattle-dances-dev .sponsors .columns {
  border: none !important;
  margin-bottom: 0px !important;
  padding-bottom: 0 !important;
  clear: both;
}
body.page-template-seattle-dances-dev .sponsors h5 {
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 50px;
  position: relative;
  color: #d7b47d;
  display: inline-block;
  text-align: center;
}
body.page-template-seattle-dances-dev .sponsors h5:before {
  content: "";
  position: absolute;
  top: 34px;
  height: 2px;
  background: #d7b47d;
  left: 0;
  right: 0;
}
body.page-template-seattle-dances-dev .sponsors h5 span {
  background-color: #fff;
  position: relative;
  z-index: 3;
  padding: 0 10px;
}
body.page-template-seattle-dances-dev .sponsors h5 span.star {
  width: 32px;
  height: 48px;
  background-image: url(../img/star-2.png);
  background-size: 32px 48px;
  display: inline-block;
  position: relative;
  top: 11px;
  padding: 0 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.page-template-seattle-dances-dev .sponsors svg path {
  animation: none;
  opacity: 1;
}
body.page-template-seattle-dances-dev .shoe-svg {
  max-width: 400px;
}
body.page-template-seattle-dances-dev .sponsors .columns.first .column {
  padding-top: 50px;
  vertical-align: top;
}
body.page-template-seattle-dances-dev .content p {
  font-size: 1.1em;
}
body.page-template-seattle-dances-dev .content a:hover {
  text-decoration: underline;
}

/********************************************************************************************* 

x. IE

*********************************************************************************************/
/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dancers .items .item .image .image .blue-overlay,
  .image .blue-overlay,
  .image .gold-overlay,
  .interactive-image-text-columns .background .gold-overlay,
  .page-template-why-housing-first .image-text-overlay .gold-overlay {
    opacity: 0.2;
  }
}
/* IE Edge 12+ CSS */
@supports (-ms-accelerator: true) {
  .dancers .items .item .image .image .blue-overlay,
  .image .blue-overlay,
  .image .gold-overlay,
  .interactive-image-text-columns .background .gold-overlay,
  .page-template-why-housing-first .image-text-overlay .gold-overlay {
    opacity: 0.2;
  }
}
/* IE Edge 16+ CSS */
@supports (-ms-ime-align: auto) {
  .dancers .items .item .image .image .blue-overlay,
  .image .blue-overlay,
  .image .gold-overlay,
  .interactive-image-text-columns .background .gold-overlay,
  .page-template-why-housing-first .image-text-overlay .gold-overlay {
    opacity: 0.2;
  }
}

/*# sourceMappingURL=style.css.map */