/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url("https://use.typekit.net/fdd1jla.css");
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/* Grouping content
   ========================================================================== */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
input,
optgroup,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/* Tables
   ========================================================================== */
li {
  list-style-type: none;
  padding: none;
  margin: none; }

ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

body {
  font-size: 16px;
  font-family: "proxima-nova", sans-serif;
  color: white; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
abbr,
input,
label,
a {
  transition: all 0.2s ease-in-out; }

h1 {
  text-transform: uppercase;
  font-size: 16em;
  line-height: .8em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h1 {
      font-size: 11em; } }
  @media (max-width: 1370px) {
    h1 {
      font-size: 8.6em; } }
  @media (max-width: 1024px) {
    h1 {
      font-size: 6.9em; } }
  @media (max-width: 768px) {
    h1 {
      font-size: 6em; } }
  @media (max-width: 600px) {
    h1 {
      font-size: 5em; } }
  @media (max-width: 360px) {
    h1 {
      font-size: 4.7em; } }

h2 {
  font-size: 10em;
  line-height: .8em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h2 {
      font-size: 7em; } }
  @media (max-width: 1370px) {
    h2 {
      font-size: 4.5em; } }
  @media (max-width: 1024px) {
    h2 {
      font-size: 3.7em; } }
  @media (max-width: 768px) {
    h2 {
      font-size: 3.7em; } }
  @media (max-width: 600px) {
    h2 {
      font-size: 3.6em; } }
  @media (max-width: 360px) {
    h2 {
      font-size: 3.1em; } }

h3 {
  font-size: 4.6em;
  line-height: 1.3em;
  font-weight: 400;
  margin: 10px 0; }
  @media (max-width: 1920px) {
    h3 {
      font-size: 3.6em; } }
  @media (max-width: 1370px) {
    h3 {
      font-size: 3em; } }
  @media (max-width: 1024px) {
    h3 {
      font-size: 2em; } }
  @media (max-width: 768px) {
    h3 {
      font-size: 1.2em; } }

h4 {
  font-size: 1.5em;
  line-height: 1.3em;
  margin: 5px 0;
  font-weight: normal; }
  @media (max-width: 1024px) {
    h4 {
      font-size: 1.2em; } }

h5 {
  font-size: 6em;
  line-height: 1em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h5 {
      font-size: 5em; } }
  @media (max-width: 1370px) {
    h5 {
      font-size: 4em; } }
  @media (max-width: 1024px) {
    h5 {
      font-size: 3em; } }
  @media (max-width: 360px) {
    h5 {
      font-size: 2.5em; } }

h6 {
  font-size: 2.8em;
  line-height: .8em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h6 {
      font-size: 2em; } }
  @media (max-width: 1370px) {
    h6 {
      font-size: 1.5em; } }
  @media (max-width: 1024px) {
    h6 {
      font-size: 1.3em; } }
  @media (max-width: 768px) {
    h6 {
      font-size: 1.2em; } }

p,
address,
abbr,
input,
label {
  font-size: 2em;
  line-height: 1.7em;
  list-style: none;
  margin: 0; }
  @media (max-width: 1920px) {
    p,
    address,
    abbr,
    input,
    label {
      font-size: 1.8em;
      line-height: 1.5em; } }
  @media (max-width: 1370px) {
    p,
    address,
    abbr,
    input,
    label {
      font-size: 1.4em;
      line-height: 1.5em; } }
  @media (max-width: 1024px) {
    p,
    address,
    abbr,
    input,
    label {
      font-size: 1.1em; } }

a {
  text-decoration: none;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 0;
  list-style: none;
  transition: all 0.5s ease-in-out; }
  @media (max-width: 1024px) {
    a {
      font-size: .9em; } }

header {
  height: 311px;
  display: flex;
  background: url(/tossed/images/blog_header_grad.jpg);
  background-size: cover; }
  @media (max-width: 1920px) {
    header {
      height: 266px; } }
  header .sidebar {
    flex: 1;
    padding-top: 80px; }
    @media (max-width: 1920px) {
      header .sidebar {
        padding-top: 80px; } }
    header .sidebar h6 {
      margin-left: 20px;
      font-size: 1.5em; }
      @media (max-width: 1920px) {
        header .sidebar h6 {
          font-size: 1.5em; } }
    header .sidebar h5 {
      margin-left: 50px;
      font-size: 3.5em; }
      @media (max-width: 1920px) {
        header .sidebar h5 {
          font-size: 2.8em; } }
    header .sidebar h2 {
      margin-left: 20px;
      font-size: 8.3em; }
      @media (max-width: 1920px) {
        header .sidebar h2 {
          font-size: 6.3em; } }
    header .sidebar .btn {
      background-color: #ff6f00;
      color: black;
      text-align: center;
      cursor: pointer;
      font-weight: 100;
      height: 41px;
      line-height: 41px;
      font-size: 2.4em;
      margin-top: 2px;
      transition: background-color 0.3s ease-in-out; }
      @media (max-width: 1920px) {
        header .sidebar .btn {
          font-weight: 100;
          height: 41px;
          line-height: 41px;
          font-size: 2.4em;
          margin-top: 2px; } }
      header .sidebar .btn:hover {
        background-color: #00CBFF; }
  header .spacer {
    flex: 4; }

body {
  background-image: url(/images/BG.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: black; }

.orange {
  color: #FF6F00; }

.mobile_nav {
  position: fixed;
  min-height: 42px;
  width: 100vw;
  margin-top: 10px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.81); }
  .mobile_nav .logo {
    text-align: center; }
    .mobile_nav .logo svg {
      height: 50px; }
  .mobile_nav .mob-menu-btn {
    margin-top: 0;
    margin-left: 15px;
    float: left;
    height: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 999; }
    .mobile_nav .mob-menu-btn span,
    .mobile_nav .mob-menu-btn span:before,
    .mobile_nav .mob-menu-btn span:after {
      content: "";
      display: block;
      margin: 0 auto;
      height: 4px;
      background: white;
      width: 47px;
      position: relative;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
    .mobile_nav .mob-menu-btn span:before {
      top: 13px; }
    .mobile_nav .mob-menu-btn span:after {
      bottom: 17px; }

.gone {
  display: none; }

.hidden {
  display: none; }

.sweep-to-left {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms; }
  .sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 200ms cubic-bezier(1, 0.04, 0.21, 1.01);
    transition: 200ms cubic-bezier(1, 0.04, 0.21, 1.01); }
  .sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }

.right {
  margin-right: 30px; }

.menu_slide {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 998;
  top: 50px;
  background: rgba(0, 0, 0, 0.81);
  text-align: right; }
  .menu_slide .wrap {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .menu_slide .wrap div {
      flex: 1; }
      .menu_slide .wrap div a {
        font-size: 3em; }
    .menu_slide .wrap .soc_wrap {
      flex: 1;
      display: flex;
      text-align: center; }
      .menu_slide .wrap .soc_wrap .soc {
        flex: 1; }
        .menu_slide .wrap .soc_wrap .soc svg {
          height: 30px;
          fill: #FF6F00; }

.blog_content,
.archive_content,
.post_content {
  min-height: 400px; }
  .blog_content h3,
  .archive_content h3,
  .post_content h3 {
    text-align: center;
    font-size: 2em;
    color: #FF6F00; }
    .blog_content h3 a,
    .archive_content h3 a,
    .post_content h3 a {
      color: #FF6F00; }
  .blog_content a,
  .archive_content a,
  .post_content a {
    color: white; }
  .blog_content .sidebar,
  .archive_content .sidebar,
  .post_content .sidebar {
    display: none; }

.main .items {
  margin: 10px; }
  .main .items li {
    float: left;
    height: 200px;
    width: 100%;
    padding-top: 15px;
    border-top: 2px solid #ff6f00; }
    .main .items li .img_crop {
      height: 177px;
      width: 50%;
      float: left;
      overflow: hidden; }
      .main .items li .img_crop img {
        width: 100%; }
    .main .items li .wrap {
      width: 50%;
      float: left; }
      .main .items li .wrap h6 {
        margin: 0 0 15px 18px;
        line-height: 1em; }
      .main .items li .wrap .meta {
        margin-left: 18px; }
      .main .items li .wrap .meta,
      .main .items li .wrap .meta a {
        font-size: 1em;
        font-weight: 100;
        color: white; }
      .main .items li .wrap div {
        width: 155px;
        height: 46px;
        margin-top: 20px;
        margin-left: 18px;
        cursor: pointer;
        color: white;
        transition: color 200ms ease-out; }
        .main .items li .wrap div:before {
          background: rgba(156, 156, 156, 0.36); }
        .main .items li .wrap div:hover {
          color: #FF6F00; }
        .main .items li .wrap div p {
          font-size: 1.4em;
          line-height: 42px;
          text-align: center;
          width: 96px;
          float: left;
          border-left: 2px solid white;
          border-bottom: 2px solid white;
          border-top: 2px solid white; }
        .main .items li .wrap div svg {
          height: 46px;
          float: left; }

.pager {
  float: left;
  width: 100%;
  text-align: center; }
  .pager a {
    color: #FF6F00; }

.signup_wrap {
  position: absolute;
  top: 101px;
  height: 400px;
  width: 100vw;
  z-index: 999; }

.signup {
  width: 100%;
  height: 440px;
  background-color: rgba(47, 47, 47, 0.84);
  margin: 0 auto; }
  .signup div svg {
    width: 15px;
    position: relative;
    left: 90%;
    top: 10px;
    fill: none;
    stroke: #FF6F00;
    stroke-width: 4px;
    transition: stroke 0.5s ease-in-out; }
    .signup div svg:hover {
      stroke: #00CBFF; }
  .signup .mc-field-group label {
    margin: 15px auto 1px;
    display: block;
    text-align: center;
    color: white;
    width: 300px;
    font-weight: 100; }
  .signup .mc-field-group input[type="text"],
  .signup .mc-field-group input[type="email"],
  .signup .mc-field-group textarea {
    display: block;
    width: 300px;
    margin: 10px auto 20px;
    padding: 10px 10px;
    border: 3px solid #FF6F00;
    background-color: rgba(0, 0, 0, 0);
    color: white; }
  .signup .clear {
    margin: 0 auto;
    width: 130px; }
  .signup input[type="submit"] {
    text-align: center;
    width: 130px;
    height: 40px;
    margin-top: 15px;
    color: black;
    background-color: #FF6F00;
    padding: 2px 6px 3px;
    border: none;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.84);
    cursor: pointer;
    transition: background-color 0.5s ease-in-out; }
    .signup input[type="submit"]:hover {
      background-color: #00CBFF; }

#contact {
  width: 100%;
  height: 570px;
  float: left;
  background-image: url(/images/footer_bg.jpg);
  background-size: cover; }
  #contact .spacer {
    display: none; }
  #contact .info_wrap {
    width: 50%;
    float: left; }
    #contact .info_wrap .info {
      margin-top: 30px;
      padding: 0 21px; }
      #contact .info_wrap .info h5 {
        font-size: 2.2em; }
      #contact .info_wrap .info h2 {
        text-align: center;
        font-size: 2.8em; }
      #contact .info_wrap .info p {
        text-align: center;
        margin: 20px 0; }
        #contact .info_wrap .info p a {
          color: white; }
      #contact .info_wrap .info .soc_wrap {
        margin: 20px auto 0;
        display: flex; }
        #contact .info_wrap .info .soc_wrap .soc {
          flex: 1;
          text-align: center; }
          #contact .info_wrap .info .soc_wrap .soc a svg {
            fill: white;
            height: 20px;
            width: 20px;
            transition: fill 200ms ease-out; }
            #contact .info_wrap .info .soc_wrap .soc a svg:hover {
              fill: rgba(255, 255, 255, 0.25); }
      #contact .info_wrap .info .btn {
        width: 80%;
        height: 76px;
        margin: 57px auto 0;
        padding: 15px 0;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        text-align: center; }
        #contact .info_wrap .info .btn a {
          color: white;
          transition: color 200ms ease-out; }
          #contact .info_wrap .info .btn a:hover {
            color: rgba(255, 255, 255, 0.25); }
  #contact .map {
    width: 50%;
    float: left; }
    #contact .map ul {
      margin-right: 30px;
      display: flex;
      flex-direction: column;
      height: 530px; }
      #contact .map ul li {
        text-align: right;
        flex: 1;
        height: 20px; }
        #contact .map ul li a {
          line-height: 90px;
          color: rgba(255, 255, 255, 0.35);
          font-weight: 100;
          cursor: pointer;
          transition: color 200ms ease-out; }
          #contact .map ul li a:hover {
            color: white; }
  #contact .copy {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    bottom: 3px; }
    #contact .copy a {
      color: rgba(255, 255, 255, 0.25);
      font-weight: 100;
      transition: color 200ms ease-out; }
      #contact .copy a:hover {
        color: white; }

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