/* line 31, ../sass/style.scss */
* {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

/* line 38, ../sass/style.scss */
body {
  margin: 0;
  font-family: 'Raleway', sans-serif;
  color: #333; }

/* line 44, ../sass/style.scss */
h1 {
  color: #335caa;
  margin-top: 0; }
  @media screen and (min-width: 1000px) {
    /* line 44, ../sass/style.scss */
    h1 {
      font-size: 45px; } }
  @media screen and (max-width: 999px) {
    /* line 44, ../sass/style.scss */
    h1 {
      font-size: 30px; } }

/* line 57, ../sass/style.scss */
h2 {
  color: black;
  text-transform: uppercase; }

/* line 62, ../sass/style.scss */
h3 {
  color: #335caa;
  margin-bottom: 0; }

/* line 67, ../sass/style.scss */
p, li {
  font-size: 18px;
  line-height: 1.5; }

/* line 72, ../sass/style.scss */
a, a:visited {
  color: #335caa;
  font-weight: bold; }

/* line 77, ../sass/style.scss */
a:hover {
  color: #708cc3; }

/* line 81, ../sass/style.scss */
hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #335caa;
  margin: 15px 0; }

/* line 88, ../sass/style.scss */
button {
  color: white;
  padding: 15px 20px;
  background-color: #335caa;
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  border-radius: 5px;
  margin: 5px; }

/* line 100, ../sass/style.scss */
button:hover {
  background-color: #708cc3; }

/* line 106, ../sass/style.scss */
#branding {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: black;
  z-index: 100;
  height: 56px;
  box-sizing: border-box; }
  @media screen and (min-width: 750px) {
    /* line 106, ../sass/style.scss */
    #branding {
      background-image: url("images/header.png");
      background-repeat: repeat-x; } }
  /* line 122, ../sass/style.scss */
  #branding .logo {
    height: 50px;
    width: auto;
    margin: 2px 0 0 20px; }
  /* line 128, ../sass/style.scss */
  #branding #menu {
    top: 0;
    right: 0; }
    @media screen and (min-width: 750px) {
      /* line 128, ../sass/style.scss */
      #branding #menu {
        margin: auto;
        float: right; } }
    @media screen and (max-width: 749px) {
      /* line 128, ../sass/style.scss */
      #branding #menu {
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: -190px;
        width: 174px;
        z-index: 100;
        background-color: #335caa;
        font-size: 12px;
        padding: 0 0 0 15px;
        -moz-transition: 0s;
        -o-transition: 0s;
        -webkit-transition: 0s;
        transition: 0s; } }
    @media screen and (min-width: 750px) {
      /* line 154, ../sass/style.scss */
      #branding #menu > div {
        display: inline-block;
        margin: auto;
        padding: 5px; } }
    @media screen and (max-width: 749px) {
      /* line 154, ../sass/style.scss */
      #branding #menu > div {
        overflow-y: auto; } }
    /* line 165, ../sass/style.scss */
    #branding #menu > div .menu {
      list-style: none;
      margin: 0;
      padding: 0; }
      @media screen and (min-width: 750px) {
        /* line 165, ../sass/style.scss */
        #branding #menu > div .menu {
          display: inline-block; }
          /* line 173, ../sass/style.scss */
          #branding #menu > div .menu li {
            display: inline-block; } }
      @media screen and (max-width: 749px) {
        /* line 165, ../sass/style.scss */
        #branding #menu > div .menu {
          text-align: left; } }
      /* line 182, ../sass/style.scss */
      #branding #menu > div .menu a {
        text-decoration: none;
        color: white; }
        @media screen and (min-width: 750px) {
          /* line 182, ../sass/style.scss */
          #branding #menu > div .menu a {
            display: inline-block;
            padding: 10px;
            margin: 0 10px;
            font-size: 16px; } }
        @media screen and (max-width: 749px) {
          /* line 182, ../sass/style.scss */
          #branding #menu > div .menu a {
            display: block;
            padding: 15px 0; }
            /* line 197, ../sass/style.scss */
            #branding #menu > div .menu a:hover {
              color: #708cc3; } }
      /* line 204, ../sass/style.scss */
      #branding #menu > div .menu#menu-main-nav > li {
        position: relative; }
        /* line 207, ../sass/style.scss */
        #branding #menu > div .menu#menu-main-nav > li > a {
          text-transform: uppercase; }
          @media screen and (min-width: 750px) {
            /* line 207, ../sass/style.scss */
            #branding #menu > div .menu#menu-main-nav > li > a {
              color: white; }
              /* line 212, ../sass/style.scss */
              #branding #menu > div .menu#menu-main-nav > li > a:hover {
                background-color: #335caa; } }

@media screen and (min-width: 750px) {
  /* line 224, ../sass/style.scss */
  #hamburger {
    display: none; } }
@media screen and (max-width: 749px) {
  /* line 224, ../sass/style.scss */
  #hamburger {
    background-image: url("/wp-content/themes/altasage/images/hamburger.png");
    background-color: transparent;
    background-position: center;
    height: 53px;
    width: 53px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 99999;
    cursor: pointer;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s; } }

/* line 250, ../sass/style.scss */
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: black;
  height: 26px;
  z-index: 9999;
  display: -webkit-flex;
  display: flex; }
  /* line 262, ../sass/style.scss */
  footer p {
    margin: auto;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center; }
    @media screen and (max-width: 749px) {
      /* line 262, ../sass/style.scss */
      footer p {
        padding: 5px;
        font-size: 12px; } }
  @media screen and (max-width: 749px) {
    /* line 250, ../sass/style.scss */
    footer {
      height: auto; } }

/* line 282, ../sass/style.scss */
.screen {
  box-sizing: border-box;
  border-bottom: 5px solid #335caa;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  flex-direction: column;
  align-items: center; }
  /* line 293, ../sass/style.scss */
  .screen article {
    margin: auto;
    padding: 40px; }
    @media screen and (max-width: 749px) {
      /* line 293, ../sass/style.scss */
      .screen article {
        padding: 60px 20px; } }
  /* line 302, ../sass/style.scss */
  .screen .wash {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /*background-color: rgba(0,0,0,.6);*/ }
  /* line 310, ../sass/style.scss */
  .screen.over-wash {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }

/* line 318, ../sass/style.scss */
.clean-screen {
  padding: 20px; }
  /* line 321, ../sass/style.scss */
  .clean-screen article {
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box; }

/* line 328, ../sass/style.scss */
.splash-screen {
  width: 100%;
  min-height: 100vh;
  background-position: center;
  /*&.over-wash {
  	article {
  		background-color: transparent;
  		
  		h1, p, a {
  			color: white;
  		}
  	}
  }*/ }
  /* line 333, ../sass/style.scss */
  .splash-screen article {
    max-width: 600px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box; }

/* line 351, ../sass/style.scss */
.boxes-screen {
  width: 100%;
  background-position: center bottom;
  /* &.over-wash {
  	article {
  		.box {
  			h1, h2, p, a, a:visited {
  				color: white;
  			}
  		}
  	}
  } */ }
  @media screen and (min-width: 750px) {
    /* line 351, ../sass/style.scss */
    .boxes-screen {
      min-height: 100vh; } }
  /* line 359, ../sass/style.scss */
  .boxes-screen article {
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box; }
    @media screen and (min-width: 750px) {
      /* line 364, ../sass/style.scss */
      .boxes-screen article .boxes {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around; } }
    /* line 369, ../sass/style.scss */
    .boxes-screen article .boxes .box {
      box-sizing: border-box;
      padding: 20px;
      margin-bottom: 30px; }
      @media screen and (min-width: 750px) {
        /* line 369, ../sass/style.scss */
        .boxes-screen article .boxes .box {
          width: 40%; } }
      @media screen and (max-width: 749px) {
        /* line 369, ../sass/style.scss */
        .boxes-screen article .boxes .box {
          width: 100%; } }

/* line 397, ../sass/style.scss */
.blog-screen {
  width: 100%;
  background-position: center; }
  @media screen and (min-width: 750px) {
    /* line 397, ../sass/style.scss */
    .blog-screen {
      min-height: 100vh; } }
  /* line 405, ../sass/style.scss */
  .blog-screen article {
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box; }
    /* line 410, ../sass/style.scss */
    .blog-screen article .lcp_catlist {
      list-style: none;
      padding: 0; }
      /* line 414, ../sass/style.scss */
      .blog-screen article .lcp_catlist li {
        display: block;
        box-sizing: border-box;
        background-color: rgba(220, 220, 220, 0.9);
        /*box-shadow: 5px 5px 5px #888;*/
        padding: 20px;
        margin-bottom: 30px;
        width: 100%; }
        @media screen and (min-width: 750px) {
          /* line 423, ../sass/style.scss */
          .blog-screen article .lcp_catlist li a {
            font-size: 28px; } }
        @media screen and (max-width: 749px) {
          /* line 423, ../sass/style.scss */
          .blog-screen article .lcp_catlist li a {
            font-size: 20px; } }
        /* line 432, ../sass/style.scss */
        .blog-screen article .lcp_catlist li a:after {
          content: '\A';
          white-space: pre; }

/* line 442, ../sass/style.scss */
.rss-screen {
  width: 100%;
  background-position: center; }
  @media screen and (min-width: 750px) {
    /* line 442, ../sass/style.scss */
    .rss-screen {
      min-height: 100vh;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-flex-direction: row;
      flex-direction: row;
      background-position: left;
      background-size: 50% auto; } }
  @media screen and (max-width: 749px) {
    /* line 442, ../sass/style.scss */
    .rss-screen {
      background-size: auto 100%; } }
  /* line 458, ../sass/style.scss */
  .rss-screen article {
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box; }
    @media screen and (min-width: 750px) {
      /* line 458, ../sass/style.scss */
      .rss-screen article {
        margin: auto 0;
        max-width: 50%; } }
    /* line 468, ../sass/style.scss */
    .rss-screen article .rss-aggregator {
      list-style: none;
      padding: 0; }
      /* line 472, ../sass/style.scss */
      .rss-screen article .rss-aggregator li {
        display: block;
        box-sizing: border-box;
        padding: 20px;
        margin-bottom: 30px;
        width: 100%; }
        @media screen and (min-width: 750px) {
          /* line 479, ../sass/style.scss */
          .rss-screen article .rss-aggregator li a {
            font-size: 18px; } }
        @media screen and (max-width: 749px) {
          /* line 479, ../sass/style.scss */
          .rss-screen article .rss-aggregator li a {
            font-size: 16px; } }
    /* line 492, ../sass/style.scss */
    .rss-screen article .nav-previous a, .rss-screen article .nav-next a {
      display: inline-block;
      color: white;
      padding: 10px 20px;
      background-color: #335caa;
      border: none;
      cursor: pointer;
      font-weight: bold;
      text-decoration: none; }
    /* line 503, ../sass/style.scss */
    .rss-screen article .nav-previous a:hover, .rss-screen article .nav-next a:hover {
      background-color: #708cc3; }
    /* line 508, ../sass/style.scss */
    .rss-screen article .nav-previous {
      float: left;
      margin-left: 30px; }
    /* line 513, ../sass/style.scss */
    .rss-screen article .nav-next {
      float: right;
      margin-right: 30px; }
  /* line 521, ../sass/style.scss */
  .rss-screen.over-wash article h1, .rss-screen.over-wash article p, .rss-screen.over-wash article a {
    color: white; }
  /* line 525, ../sass/style.scss */
  .rss-screen.over-wash article .feed-source {
    display: none; }

/* line 532, ../sass/style.scss */
#content {
  padding: 20px; }

/* line 536, ../sass/style.scss */
.header {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box; }
  /* line 540, ../sass/style.scss */
  .header .entry-title {
    text-align: center;
    margin-bottom: 0; }

/* line 548, ../sass/style.scss */
.single, .archive {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 56px; }

/* line 557, ../sass/style.scss */
#home {
  padding-top: 56px;
  background-position: center bottom;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  /* line 564, ../sass/style.scss */
  #home article {
    display: none; }

/* line 569, ../sass/style.scss */
#blog {
  background-size: auto 100%; }

/* line 573, ../sass/style.scss */
#contact {
  background-color: #335caa;
  color: white;
  padding-bottom: 26px; }
  @media screen and (max-width: 449px) {
    /* line 573, ../sass/style.scss */
    #contact {
      padding-left: 5px;
      padding-right: 5px; }
      /* line 582, ../sass/style.scss */
      #contact article {
        padding-left: 5px;
        padding-right: 5px; } }
  /* line 588, ../sass/style.scss */
  #contact h1 {
    color: white; }

/* line 593, ../sass/style.scss */
.nf-form-cont {
  max-width: 500px; }
  /* line 597, ../sass/style.scss */
  .nf-form-cont .nf-before-form-content {
    display: none; }
  /* line 601, ../sass/style.scss */
  .nf-form-cont .ninja-forms-field {
    border-radius: 5px;
    padding: 5px; }
  /* line 609, ../sass/style.scss */
  .nf-form-cont #nf-field-4-wrap #nf-field-4 {
    color: white;
    padding: 10px 30px;
    background-color: #335caa;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif; }