/* Modules */
/* Layout */
@font-face {
  font-family: 'atlas';
  font-weight: 700;
  /*(bold)*/
  font-style: normal;
  src: url("../fonts/atlas/atlas-bold-aaa.eot");
  src: url("../fonts/atlas/atlas-bold-aaa.eot#iefix") format("embedded-opentype"), url("../fonts/atlas/atlas-bold-aaa.woff") format("woff"), url("../fonts/atlas/atlas-bold-aaa.ttf") format("truetype"); }
@font-face {
  font-family: 'atlas';
  font-weight: 500;
  /*(medium)*/
  font-style: normal;
  src: url("../fonts/atlas/atlas-medium-aaa.eot");
  src: url("../fonts/atlas/atlas-medium-aaa.eot#iefix") format("embedded-opentype"), url("../fonts/atlas/atlas-medium-aaa.woff") format("woff"), url("../fonts/atlas/atlas-medium-aaa.ttf") format("truetype"); }
@font-face {
  font-family: 'atlas';
  font-weight: 100;
  /*(thin)*/
  font-style: normal;
  src: url("../fonts/atlas/atlas-thin-aaa.eot");
  src: url("../fonts/atlas/atlas-thin-aaa.eot#iefix") format("embedded-opentype"), url("../fonts/atlas/atlas-thin-aaa.woff") format("woff"), url("../fonts/atlas/atlas-thin-aaa.ttf") format("truetype"); }
@font-face {
  font-family: 'atlas';
  font-weight: 900;
  /*(black)*/
  font-style: normal;
  src: url("../fonts/atlas/atlas-black-aaa.eot");
  src: url("../fonts/atlas/atlas-black-aaa.eot#iefix") format("embedded-opentype"), url("../fonts/atlas/atlas-black-aaa.woff") format("woff"), url("../fonts/atlas/atlas-black-aaa.ttf") format("truetype"); }
@font-face {
  font-family: 'atlas';
  font-weight: 300;
  /*(light)*/
  font-style: normal;
  src: url("../fonts/atlas/atlas-light-aaa.eot");
  src: url("../fonts/atlas/atlas-light-aaa.eot#iefix") format("embedded-opentype"), url("../fonts/atlas/atlas-light-aaa.woff") format("woff"), url("../fonts/atlas/atlas-light-aaa.ttf") format("truetype"); }
@font-face {
  font-family: 'atlas';
  font-weight: 400;
  /*(regular)*/
  font-style: normal;
  src: url("../fonts/atlas/atlas-regular-aaa.eot");
  src: url("../fonts/atlas/atlas-regular-aaa.eot#iefix") format("embedded-opentype"), url("../fonts/atlas/atlas-regular-aaa.woff") format("woff"), url("../fonts/atlas/atlas-regular-aaa.ttf") format("truetype"); }
body {
  background-color: #f0f6fd;
  color: #5a5a5a;
  font-size: 16px; }

body, p, div {
  font-family: 'atlas', 'PT Sans Narrow', sans-serif; }

h1, h2, h3, h4, h5 {
  margin: 0; }

a {
  color: #5a5a5a; }

::-moz-selection {
  color: #ffffff;
  background: #3767b7; }

::selection {
  color: #ffffff;
  background: #3767b7; }

@media (min-width: 1500px) {
  body {
    font-size: 20px; } }
@media (min-width: 1800px) {
  body {
    font-size: 22px; }

  .main .row {
    max-width: 80%;
    margin: 0 auto; } }
@media (min-width: 2200px) {
  body {
    font-size: 24px; }

  .main .row {
    max-width: 80%;
    margin: 0 auto; } }
@media (min-width: 2800px) {
  body {
    font-size: 26px; }

  .main .row {
    max-width: 80%;
    margin: 0 auto; } }
.content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  min-height: 100vh; }
  .content .header,
  .content .main,
  .content .times,
  .content .footer {
    width: 100%; }
  .content .times {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex: 1 0 auto;
    -webkit-align-items: center;
    align-items: center;
    min-height: 20vh; }

/* Screen */
.header {
  padding: 2em 4em 7em 4em;
  background: linear-gradient(-45deg, #3767b7 0%, #77a6f6 100%);
  color: #ffffff; }
  .header .title {
    font-size: 2em;
    font-weight: 300; }
    .header .title + .subtitle {
      margin-top: .3em; }
  .header .subtitle {
    font-size: 1.35em;
    font-weight: 500; }
  .header .day {
    text-align: left; }
    .header .day .time {
      font-size: 4.2em;
      font-weight: 300;
      line-height: 1; }
    .header .day .the-day {
      margin-top: .7em;
      font-size: .9em; }

.main {
  margin: -5em 0 0;
  padding: 0 4em; }
  .main .row {
    min-height: 30vh;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 0 70px -15px rgba(119, 119, 119, 0.8);
    overflow: hidden; }
    .main .row ul {
      margin: 0;
      padding: 0; }
      .main .row ul li {
        list-style: none;
        font-size: 1.2em; }
        .main .row ul li p {
          margin: 0; }
    .main .row .notes-list {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      flex: 0 0 62%;
      max-width: 62%;
      padding: 3em; }
      .main .row .notes-list ul li {
        padding: .75em 0; }
        .main .row .notes-list ul li p {
          margin: 0; }
        .main .row .notes-list ul li b, .main .row .notes-list ul li strong {
          color: #3767b7; }
    .main .row .dedications {
      flex: 0 0 38%;
      max-width: 38%;
      position: relative;
      padding: 3em; }
      .main .row .dedications .dedications-inner {
        flex: 0 0 100%; }
      .main .row .dedications:after {
        content: '';
        position: absolute;
        width: 110%;
        height: 110%;
        top: -5%;
        right: 0;
        box-shadow: 0 0 40px -10px rgba(168, 168, 168, 0.3); }
      .main .row .dedications ul {
        width: auto; }
        .main .row .dedications ul li {
          font-size: 1.6em;
          font-weight: 300;
          text-align: center; }
          .main .row .dedications ul li b, .main .row .dedications ul li strong {
            font-weight: 600; }
          .main .row .dedications ul li em, .main .row .dedications ul li i {
            display: block;
            margin-top: 1em;
            font-style: normal;
            font-size: .55em; }
      .main .row .dedications .slick-dots {
        position: relative;
        bottom: 0;
        margin-top: 1em; }
        .main .row .dedications .slick-dots li {
          margin: 0; }
          .main .row .dedications .slick-dots li:only-child {
            display: none; }
          .main .row .dedications .slick-dots li button:before {
            color: #3767b7; }

.times {
  padding: 2em 4em; }
  .times .chabad-times {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    margin: 0;
    padding: 0; }
    .times .chabad-times li {
      list-style: none; }
      .times .chabad-times li + li {
        margin-top: .4em; }
    .times .chabad-times .item-time {
      width: 100%;
      font-size: .85em;
      text-align: center; }
      .times .chabad-times .item-time .item-title {
        font-weight: 700; }
      .times .chabad-times .item-time .item-subtitle {
        color: #3767b7;
        font-weight: 700; }
    .times .chabad-times + .primary-times {
      margin-top: 2.5em; }
  .times .primary-times {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: 0; }
    .times .primary-times li {
      list-style: none; }
    .times .primary-times .item-time {
      padding: 0 2em;
      text-align: center; }
      .times .primary-times .item-time.primary {
        color: #3767b7; }
      .times .primary-times .item-time .item-title {
        font-size: .85em;
        font-weight: 700; }
      .times .primary-times .item-time .item-text {
        font-size: 1.4em;
        font-weight: 300; }

.footer {
  padding: 0 4em;
  display: flex;
  align-items: flex-end; }
  .footer .screen-dedication {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    font-size: .85em; }
  .footer .credit {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0; }
    .footer .credit .credit-inner {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      padding: .7em 2.5em;
      background: linear-gradient(-45deg, #3767b7 0%, #77a6f6 100%);
      color: #ffffff;
      border-radius: 20px 20px 0 0;
      overflow: hidden; }
      .footer .credit .credit-inner .credit-text {
        margin-left: 1em;
        line-height: 1; }
        .footer .credit .credit-inner .credit-text span {
          font-size: .5em;
          font-weight: 300; }
      .footer .credit .credit-inner .credit-logo {
        max-width: 4.5em; }
        .footer .credit .credit-inner .credit-logo img {
          max-width: 100%;
          height: auto; }

.mobile {
  display: none; }

@media (max-width: 1200px) {
  .header .row,
  .main,
  .times,
  .footer .screen-dedication {
    display: none !important; }

  .header {
    padding: 7em 0 0; }

  .mobile {
    width: 80%;
    display: block;
    margin: -5em auto 0;
    padding: 0 4em; }
    .mobile .row {
      min-height: 60vh;
      padding: 1em;
      background-color: #ffffff;
      border-radius: 15px;
      box-shadow: 0 0 70px -15px rgba(119, 119, 119, 0.8);
      overflow: hidden;
      justify-content: center;
      align-items: center;
      flex-flow: column wrap; }
      .mobile .row svg {
        display: block;
        width: 12em;
        height: 12em; }
        .mobile .row svg path {
          fill: #3767b7; }
      .mobile .row h1 {
        margin-top: 2em;
        padding: 0 4em;
        font-size: 1.15em;
        font-weight: 300;
        text-align: center;
        line-height: 1.5; }

  .footer .credit {
    max-width: 100%;
    flex: 0 0 100%;
    -webkit-justify-content: center;
    justify-content: center; } }
@media (max-width: 767px) {
  .content {
    min-height: calc(100vh - 56px); }

  .mobile {
    width: 100%;
    display: block;
    margin: -5em auto 0;
    padding: 0 1em; }
    .mobile .row {
      min-height: 60vh;
      background-color: #ffffff;
      border-radius: 15px;
      box-shadow: 0 0 70px -15px rgba(119, 119, 119, 0.8);
      overflow: hidden;
      justify-content: center;
      align-items: center;
      flex-flow: column wrap; }
      .mobile .row svg {
        display: block;
        width: 8em;
        height: 8em; }
      .mobile .row h1 {
        margin-top: 2em;
        padding: 0 1em;
        font-size: 1em;
        font-weight: 300; }

  .footer {
    padding: 0; }
    .footer .credit {
      font-size: .8em; } }

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