body {
  font-family: "Asap", "Open Sans", helvetica, arial, sans-serif;
  font-size: 16px;
  margin: 0px; }

a, a:visited {
  color: #fd8200;
  text-decoration: none; }

a:hover, a:focus, a:active {
  color: #d83403; }

p {
  max-width: 800px; }
  p a {
    background: #eef0f3;
    display: inline-block;
    padding: 0 5px; }

h1 {
  font-size: 2.5rem;
  font-weight: 700; }

h2 {
  font-size: 2rem;
  font-weight: 400; }

h3 {
  font-size: 1.75rem;
  font-weight: 600; }

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  background: #fd8200;
  background: -webkit-linear-gradient(145deg, #fd8200, #d83403);
  background: -moz-linear-gradient(145deg, #fd8200, #d83403);
  background: -o-linear-gradient(145deg, #fd8200, #d83403);
  background: linear-gradient(145deg, #fd8200, #d83403);
  text-transform: uppercase;
  line-height: 1.5rem;
  padding: 10px 20px;
  letter-spacing: 0.15rem; }

.cta {
  padding: 10px 18px 11px;
  margin-right: 5px;
  background: transparent;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid #fd8200;
  transition: all 0.2s ease-in-out; }

@media all and (min-width: 768px) {
  h3 {
    font-size: 2.25rem; } }
@media all and (min-width: 1024px) {
  h3 {
    font-size: 2.5rem; } }
#masthead {
  background: url(images/droplets-logo.jpg) no-repeat center #262626;
  background-size: cover;
  position: relative; }
  #masthead h1 {
    margin-top: 0; }
  #masthead .andrea {
    background: url(images/andrea-cutout-04.png) no-repeat left -40px bottom 0 transparent;
    background-size: 370px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    z-index: 100;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 140px;
    padding-bottom: 300px;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    text-align: right;
    position: relative;
    bottom: 0; }
    #masthead .andrea .intro .cta {
      background: rgba(0, 0, 0, 0.3);
      margin: 0 0 70px 5px;
      border: 1px solid #fd8200;
      color: #ffffff;
      font-weight: 600;
      display: inline-block; }
      #masthead .andrea .intro .cta:hover {
        background: #fd8200;
        color: #ffffff; }
    #masthead .andrea .intro h2 {
      font-style: italic;
      font-weight: 700;
      font-size: 2.75rem;
      color: #fd8200;
      margin-top: 0px;
      padding-top: 0px;
      margin-bottom: 0;
      background: #fd8200;
      background: -moz-linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
      background: -webkit-linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
      background: linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd8200",endColorstr="#fd6500",GradientType=1);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    #masthead .andrea .intro p {
      margin-bottom: 2.5em; }
  #masthead:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 50px solid transparent;
    border-left: 0;
    border-right: 100vw solid #ffffff;
    border-bottom: 0;
    z-index: 101; }

.site-branding {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 104;
  margin-bottom: -50px; }
  .site-branding .site-title {
    margin: 0; }
    .site-branding .site-title p {
      margin: 0; }
    .site-branding .site-title a {
      background: url(images/sitc-logo-rev.svg) no-repeat center transparent;
      background-size: 100px;
      height: 90px;
      width: 100px;
      text-indent: -3000px;
      overflow: hidden;
      display: block; }

@media all and (min-width: 768px) {
  #masthead .andrea {
    background-size: 450px;
    padding-left: 300px;
    padding-right: 40px;
    padding-bottom: 130px; }
    #masthead .andrea .intro h2 {
      margin-top: 0px;
      font-size: 3rem; } }
@media all and (min-width: 1024px) {
  .site-branding {
    display: none; }

  #masthead:after {
    z-index: 99;
    border-left: 100vw solid #eef0f3; }
  #masthead .andrea {
    background: url(images/andrea-cutout-04.png) no-repeat left 0px bottom 0 transparent;
    background-size: 465px;
    padding-left: 500px;
    height: 560px;
    text-align: left; }
    #masthead .andrea:before {
      border-top: 100px solid transparent; }
    #masthead .andrea:after {
      border-bottom: 100px solid transparent;
      z-index: 1; }
    #masthead .andrea .intro h2 {
      font-size: 4rem;
      margin-top: 0px; } }
.main-navigation {
  color: #ffffff;
  background: #262626;
  padding: 40px 0px;
  position: fixed;
  top: 0;
  left: -100%;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  max-width: 800px;
  transition: all 0.2s ease-in-out;
  overflow-y: scroll; }
  .main-navigation ul {
    display: block; }
    .main-navigation ul li {
      display: block; }
      .main-navigation ul li a {
        letter-spacing: 0.15rem;
        text-transform: uppercase;
        text-align: center;
        padding: 20px; }
      .main-navigation ul li.social-link {
        display: inline-block; }
        .main-navigation ul li.social-link a {
          text-indent: -6000px;
          width: 35px;
          height: 35px;
          padding: 0px;
          border: 2px solid #ffffff;
          border-radius: 40px;
          margin: 0 5px; }
        .main-navigation ul li.social-link.facebook a {
          background: url(images/facebook.svg) no-repeat center transparent;
          background-size: 17px; }
        .main-navigation ul li.social-link.twitter a {
          background: url(images/twitter.svg) no-repeat center transparent;
          background-size: 17px; }
        .main-navigation ul li.social-link.instagram a {
          background: url(images/instagram.svg) no-repeat center transparent;
          background-size: 17px; }
      .main-navigation ul li.home-link a {
        background: url(images/sitc-logo-rev.svg) no-repeat center #262626;
        background-size: 90px;
        width: 110px;
        height: 100px;
        overflow: hidden;
        text-indent: -3000px;
        vertical-align: middle;
        margin: 0 auto; }

.menu-open .main-navigation {
  left: 0; }
.menu-open .menu-button .bar {
  transform: rotate(45deg);
  background: #fd8200; }
  .menu-open .menu-button .bar.bar-two {
    transform: rotate(-45deg) translate(-3px, -14px); }
  .menu-open .menu-button .bar.bar-three {
    opacity: 0; }

.menu-button {
  position: fixed;
  transition: all 0.2s ease-in-out;
  top: 30px;
  right: 20px;
  width: 35px;
  height: 40px;
  z-index: 10000;
  background: transparent;
  cursor: pointer; }
  .menu-button .bar {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: #fd8200;
    margin-bottom: 4px;
    transition: all 0.2s ease-in-out;
    transform-origin: top left; }
    .menu-button .bar.bar-two {
      transform-origin: top right; }

@media all and (max-width: 1023px) {
  .main-navigation ul li.social-link {
    margin-top: 60px; }
    .main-navigation ul li.social-link:nth-child(2) {
      background: #d83403; }
    .main-navigation ul li.social-link:first-child {
      background: #ffffff; }
    .main-navigation ul li.social-link:nth-child(3) {
      background: #fd8200; }
    .main-navigation ul li.social-link a {
      width: 35px;
      height: 35px;
      background-size: 15px !important;
      border: 2px solid #979a9c; }

  #primary-menu > li {
    opacity: 0;
    transition: all 0.2s ease-in-out; }

  .menu-open #primary-menu > li {
    opacity: 1;
    transform: translateY(10px); }

  .menu-open #primary-menu > li:nth-child(1) {
    transition-delay: 0.2s; }

  .menu-open #primary-menu > li:nth-child(2) {
    transition-delay: 0.3s; }

  .menu-open #primary-menu > li:nth-child(3) {
    transition-delay: 0.4s; }

  .menu-open #primary-menu > li:nth-child(4) {
    transition-delay: 0.5s; }

  .menu-open #primary-menu > li:nth-child(5) {
    transition-delay: 0.6s; }

  .menu-open #primary-menu > li:nth-child(6) {
    transition-delay: 0.7s; }

  .menu-open #primary-menu > li:nth-child(7) {
    transition-delay: 0.8s; }

  .menu-open #primary-menu > li:nth-child(8) {
    transition-delay: 0.9s; }

  .menu-open #primary-menu > li:nth-child(9) {
    transition-delay: 1s; } }
@media all and (min-width: 1024px) {
  .menu-button {
    display: none; }

  .main-navigation {
    width: 100%;
    background: #fd8200;
    background: -moz-linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
    background: -webkit-linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
    background: linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd8200",endColorstr="#fd6500",GradientType=1);
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    right: 0;
    left: 0;
    bottom: auto;
    max-width: 100%;
    padding: 0; }
    .main-navigation ul li {
      display: inline-block;
      vertical-align: middle; }
      .main-navigation ul li.social-link {
        float: right;
        margin-top: 25px; }
      .main-navigation ul li a {
        padding: 36px 10px;
        font-weight: 500;
        color: #ffffff; } }
@media all and (min-width: 1200px) {
  .main-navigation ul li.twitter {
    margin-right: 20px; }
  .main-navigation ul li a {
    padding: 36px 20px; } }
@media all and (max-width: 1023px) {
  .main-navigation ul li.social-link {
    width: 12%;
    text-align: center; }
    .main-navigation ul li.social-link a {
      margin: 0 auto; }
    .main-navigation ul li.social-link.twitter {
      margin-left: 32.5%; } }
.post, .page {
  margin: 0; }

#primary {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 20px;
  min-height: 600px; }

@media all and (min-width: 768px) {
  #primary {
    padding: 0 40px; } }
@media all and (min-width: 1024px) {
  #primary {
    padding: 0 20px; } }
#colophon {
  padding: 20px;
  background: #262626;
  color: #ffffff; }
  #colophon .divider {
    display: block; }
  #colophon a {
    color: rgba(255, 255, 255, 0.7); }

@media all and (min-width: 768px) {
  #colophon .divider {
    display: inline-block;
    width: 10px; } }
@media all and (min-width: 1024px) {
  #colophon {
    font-size: 0.8rem;
    background: url(images/sitc-logo-rev.svg) no-repeat right 20px top 20px #262626;
    background-size: 100px; }
    #colophon .divider {
      width: 10px;
      display: inline-block; } }
.home .entry-title {
  font-size: 2.5rem;
  font-weight: 400;
  background: #fd8200;
  background: -moz-linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
  background: -webkit-linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
  background: linear-gradient(148deg, #fd8200 24%, #fd6500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd8200",endColorstr="#fd6500",GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.testimonials-container {
  background: #eef0f3;
  padding: 60px 0 60px; }
  .testimonials-container h3 {
    font-weight: 700;
    color: #262626;
    text-align: center;
    margin: 0 0 60px; }
  .testimonials-container .testimonials {
    max-width: 1400px;
    margin: 0 auto; }
    .testimonials-container .testimonials .testimonial {
      margin: 0 10px 0; }
      .testimonials-container .testimonials .testimonial .testimonial-content {
        background: #ffffff;
        padding: 20px 25px;
        position: relative;
        margin-bottom: 20px; }
        .testimonials-container .testimonials .testimonial .testimonial-content:before {
          position: absolute;
          content: '';
          border-top: 20px solid #ffffff;
          bottom: -20px;
          left: 30px;
          border-right: 20px solid transparent;
          border-left: 0;
          border-bottom: 0; }
      .testimonials-container .testimonials .testimonial p {
        margin-top: 0; }
      .testimonials-container .testimonials .testimonial .testimonial-name {
        font-weight: 700; }
      .testimonials-container .testimonials .testimonial .testimonial-rating {
        display: block;
        color: #fd8200; }

.newsletter-container {
  padding: 70px 20px 90px;
  text-align: center;
  background: url(images/waves-02.jpg) no-repeat center #fd8200;
  background-size: 550%;
  position: relative; }
  .newsletter-container:before {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0;
    left: 0;
    border-top: 50px solid transparent;
    border-left: 0;
    border-right: 100vw solid #eef0f3;
    border-bottom: 0;
    z-index: 101; }
  .newsletter-container:after {
    position: absolute;
    content: '';
    top: -1px;
    right: 0;
    left: 0;
    border-bottom: 50px solid transparent;
    border-right: 0;
    border-left: 100vw solid #eef0f3;
    border-top: 0;
    z-index: 102; }
  .newsletter-container .newsletter-box {
    color: #ffffff;
    max-width: 1400px;
    margin: 0 auto; }
    .newsletter-container .newsletter-box h3 {
      margin: 0; }
    .newsletter-container .newsletter-box p {
      max-width: 100%; }
    .newsletter-container .newsletter-box .cta {
      background: #ffffff; }

.andrea-on-white img {
  width: 100%;
  max-width: 200px;
  margin: 40px auto 0;
  display: block; }

.homepage-content-container {
  padding: 60px 0px 40px; }

@media all and (min-width: 768px) {
  .homepage-content-container {
    padding: 100px 0px 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    .homepage-content-container .entry-content {
      position: relative;
      width: 50%;
      text-align: left;
      margin-top: 0; }
      .homepage-content-container .entry-content h1 {
        margin-top: 0; }
    .homepage-content-container .andrea-on-white {
      width: 25%;
      margin-left: 5%; }
      .homepage-content-container .andrea-on-white img {
        margin-top: 140px; } }
@media all and (min-width: 1024px) {
  .homepage-content-container .andrea-on-white img {
    margin-top: 0; }

  .andrea-on-white img {
    max-width: 400px; }

  .testimonials-container {
    padding-top: 80px; }
    .testimonials-container h3 {
      margin-bottom: 80px; }

  .homepage-content-container {
    padding: 60px 0px 60px; }

  .newsletter-container {
    background: url(images/waves-02.jpg) no-repeat center #fd8200;
    background-size: 170%;
    background-attachment: fixed; }

  .home #page {
    padding-top: 100px; }
  .home article {
    text-align: center; } }
@media all and (min-width: 1200px) {
  .homepage-content-container {
    padding: 60px 0px 60px; }
    .homepage-content-container .entry-content .homepage-intro-text {
      position: absolute;
      top: 50%;
      transform: perspective(1px) translateY(-50%); } }
.events-container {
  padding: 20px 0 40px;
  margin-top: 0px;
  background: #eef0f3;
  overflow: auto; }
  .events-container h4 {
    display: table;
    margin: 40px auto 20px;
    color: #ffffff;
    font-size: 0.8rem; }
  .events-container ul.ecs-event-list {
    padding: 0;
    margin: 0 auto;
    max-width: 1400px;
    width: 100%; }
    .events-container ul.ecs-event-list .slick-track {
      padding: 20px 0 35px; }
    .events-container ul.ecs-event-list li.ecs-event {
      list-style: none;
      box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
      width: 30%;
      display: inline-block;
      margin: 0 0.5%;
      padding: 0px 0 20px;
      position: relative;
      border-radius: 10px;
      background: #ffffff; }
      .events-container ul.ecs-event-list li.ecs-event.online_ecs_category:before {
        position: absolute;
        top: -20px;
        right: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background: #fd8200;
        content: 'ONLINE';
        font-size: 10px;
        font-weight: 700;
        padding-top: 16px;
        color: #ffffff;
        z-index: 1;
        border: 2px solid #ffffff;
        text-align: center; }
      .events-container ul.ecs-event-list li.ecs-event h4 {
        background: black;
        background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.706320028) 24%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.706320028) 24%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.706320028) 24%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
        margin-top: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        padding-bottom: 80px;
        font-weight: 400;
        padding-top: 20px;
        font-size: 1.25rem;
        -webkit-text-fill-color: #ffffff; }
      .events-container ul.ecs-event-list li.ecs-event a {
        max-height: 200px;
        overflow: hidden;
        display: block;
        color: #ffffff !important; }
        .events-container ul.ecs-event-list li.ecs-event a:visited {
          color: #ffffff; }
        .events-container ul.ecs-event-list li.ecs-event a img {
          width: 100%;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
          display: block; }
      .events-container ul.ecs-event-list li.ecs-event p {
        padding: 0 20px; }
      .events-container ul.ecs-event-list li.ecs-event span.duration {
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        padding: 0 20px 0 37px;
        font-size: 0.8rem;
        color: #979a9c; }
        .events-container ul.ecs-event-list li.ecs-event span.duration.time {
          background: url(images/clock.svg) no-repeat 20px 3px transparent;
          background-size: 12px; }
        .events-container ul.ecs-event-list li.ecs-event span.duration.venue {
          background: url(images/marker.svg) no-repeat 20px 3px transparent;
          background-size: 12px; }
        .events-container ul.ecs-event-list li.ecs-event span.duration em {
          display: none; }

@media all and (min-width: 768px) {
  .events-container {
    padding: 60px 0 60px; }
    .events-container h4 {
      margin-bottom: 40px; }
    .events-container li.ecs-event {
      margin: 0 1.5%; } }

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