/*
Hompage Specific Styling.	
*/
/*
Global Variables

@import this file at the top of each page 
template file to make variables available.
*/
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
.page-template-page-homepage .banner {
  padding: 480px 15% 200px 15%;
  background: #1c628f center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media screen and (max-width: 1800px) {
    .page-template-page-homepage .banner {
      padding: 340px 15% 150px 15%; } }
  @media screen and (max-width: 1500px) {
    .page-template-page-homepage .banner {
      padding: 240px 10% 100px 10%; } }
  @media screen and (max-width: 1300px) {
    .page-template-page-homepage .banner {
      padding: 200px 5% 50px 5%; } }
  @media screen and (max-width: 700px) {
    .page-template-page-homepage .banner {
      padding: 150px 5% 30px 5%; } }
  @media screen and (max-width: 450px) {
    .page-template-page-homepage .banner {
      padding: 100px 5% 25px 5%; } }
  .page-template-page-homepage .banner .banner-text {
    color: white;
    max-width: 750px; }
    @media screen and (max-width: 1500px) {
      .page-template-page-homepage .banner .banner-text {
        max-width: 650px; } }
    .page-template-page-homepage .banner .banner-text .primary-heading {
      font-size: 62px;
      line-height: 1.2;
      font-family: "Roboto Condensed", sans-serif;
      text-transform: uppercase;
      font-weight: 300; }
      @media screen and (max-width: 1500px) {
        .page-template-page-homepage .banner .banner-text .primary-heading {
          font-size: 56px; } }
      @media screen and (max-width: 1300px) {
        .page-template-page-homepage .banner .banner-text .primary-heading {
          font-size: 50px; } }
      @media screen and (max-width: 700px) {
        .page-template-page-homepage .banner .banner-text .primary-heading {
          font-size: 40px; } }
      @media screen and (max-width: 450px) {
        .page-template-page-homepage .banner .banner-text .primary-heading {
          font-size: 30px; } }
.page-template-page-homepage .site-main {
  padding: 0px;
  overflow: hidden; }
.page-template-page-homepage .content-block {
  padding: 0px 15% 280px 15%;
  position: relative;
  opacity: 0;
  transform: translateX(-70px);
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out; }
  @media screen and (max-width: 1500px) {
    .page-template-page-homepage .content-block {
      padding-bottom: 250px; } }
  @media screen and (max-width: 1020px) {
    .page-template-page-homepage .content-block {
      padding: 0px;
      opacity: 1;
      transform: translateX(0px); } }
  .page-template-page-homepage .content-block.block-2 {
    transform: translateX(70px); }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block.block-2 {
        transform: translateX(0px); } }
  .page-template-page-homepage .content-block.visible {
    opacity: 1;
    transform: translateX(0); }
  .page-template-page-homepage .content-block:after {
    content: '';
    position: absolute;
    left: 70px;
    right: 70px;
    bottom: 70px;
    background: url("/wp-content/themes/islandtimberlands/images/home/frame-one.png") left center no-repeat;
    height: 49px; }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block:after {
        background: url("/wp-content/themes/islandtimberlands/images/home/frame.png") left center no-repeat;
        left: 0px;
        right: 0px;
        bottom: 40px; } }
  .page-template-page-homepage .content-block:before {
    content: '';
    position: absolute;
    left: 70px;
    top: 70px;
    bottom: 70px;
    right: 70px;
    border-left: 10px solid white;
    border-top: 10px solid white; }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block:before {
        display: none; } }
  .page-template-page-homepage .content-block .content-img {
    position: absolute;
    left: 0px;
    width: 65%;
    top: 0px;
    bottom: 0px;
    z-index: -1;
    background: #1c628f center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block .content-img {
        position: relative;
        width: 100%;
        height: 250px; } }
    @media screen and (max-width: 450px) {
      .page-template-page-homepage .content-block .content-img {
        height: 200px; } }
  .page-template-page-homepage .content-block .content-text {
    padding: 95px 95px 70px 95px;
    background: white;
    position: relative; }
    @media screen and (max-width: 1500px) {
      .page-template-page-homepage .content-block .content-text {
        padding: 70px 70px 45px 70px; } }
    @media screen and (max-width: 1300px) {
      .page-template-page-homepage .content-block .content-text {
        padding: 50px 50px 25px 50px; } }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block .content-text {
        padding: 40px 40px 35px 40px; } }
    @media screen and (max-width: 700px) {
      .page-template-page-homepage .content-block .content-text {
        padding: 30px 30px 20px 30px; } }
    @media screen and (max-width: 450px) {
      .page-template-page-homepage .content-block .content-text {
        padding: 25px 25px 15px 25px; } }
    .page-template-page-homepage .content-block .content-text h1, .page-template-page-homepage .content-block .content-text h2, .page-template-page-homepage .content-block .content-text h3, .page-template-page-homepage .content-block .content-text h4, .page-template-page-homepage .content-block .content-text h4 {
      max-width: 400px; }
    .page-template-page-homepage .content-block .content-text p {
      max-width: 600px; }
  .page-template-page-homepage .content-block .custom-button {
    position: absolute;
    right: 18%;
    bottom: -30px;
    margin: 0px; }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block .custom-button {
        right: 15%; } }
    @media screen and (max-width: 450px) {
      .page-template-page-homepage .content-block .custom-button {
        right: 10%; } }
  .page-template-page-homepage .content-block.block-2 {
    padding: 0px 15% 180px 15%;
    z-index: 2;
    position: relative; }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block.block-2 {
        padding: 0px; } }
    .page-template-page-homepage .content-block.block-2 .content-text {
      padding-right: calc(45% + 95px);
      padding-bottom: 120px;
      background: none; }
      @media screen and (max-width: 1500px) {
        .page-template-page-homepage .content-block.block-2 .content-text {
          padding-right: calc(45% + 70px);
          padding-bottom: 95px; } }
      @media screen and (max-width: 1300px) {
        .page-template-page-homepage .content-block.block-2 .content-text {
          padding-right: calc(45% + 50px);
          padding-bottom: 75px; } }
      @media screen and (max-width: 1020px) {
        .page-template-page-homepage .content-block.block-2 .content-text {
          padding: 40px 40px 35px 40px; } }
      @media screen and (max-width: 700px) {
        .page-template-page-homepage .content-block.block-2 .content-text {
          padding: 30px 30px 20px 30px; } }
      @media screen and (max-width: 450px) {
        .page-template-page-homepage .content-block.block-2 .content-text {
          padding: 25px 25px 15px 25px; } }
      .page-template-page-homepage .content-block.block-2 .content-text:after {
        content: '';
        position: absolute;
        z-index: -1;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 55%;
        background: white; }
      .page-template-page-homepage .content-block.block-2 .content-text .secondary-heading {
        position: absolute;
        left: 55%;
        padding-left: 95px;
        max-width: 370px;
        color: white; }
        @media screen and (max-width: 1500px) {
          .page-template-page-homepage .content-block.block-2 .content-text .secondary-heading {
            padding-left: 70px; } }
        @media screen and (max-width: 1300px) {
          .page-template-page-homepage .content-block.block-2 .content-text .secondary-heading {
            padding-left: 50px;
            max-width: 280px; } }
        @media screen and (max-width: 1020px) {
          .page-template-page-homepage .content-block.block-2 .content-text .secondary-heading {
            position: relative;
            left: auto;
            padding: 0px;
            max-width: 600px;
            color: #1c628f; } }
      .page-template-page-homepage .content-block.block-2 .content-text p {
        text-align: right; }
        @media screen and (max-width: 1020px) {
          .page-template-page-homepage .content-block.block-2 .content-text p {
            text-align: left; } }
      .page-template-page-homepage .content-block.block-2 .content-text .custom-button {
        right: 42%;
        bottom: 0px;
        margin-right: 0px; }
        @media screen and (max-width: 1200px) {
          .page-template-page-homepage .content-block.block-2 .content-text .custom-button {
            right: 35%; } }
        @media screen and (max-width: 1020px) {
          .page-template-page-homepage .content-block.block-2 .content-text .custom-button {
            right: 15%;
            bottom: -30px; } }
    .page-template-page-homepage .content-block.block-2:after {
      content: '';
      position: absolute;
      right: 0px;
      bottom: 70px;
      left: 70px;
      background: url("/wp-content/themes/islandtimberlands/images/home/frame-two.png") right center no-repeat;
      height: 49px; }
      @media screen and (max-width: 1020px) {
        .page-template-page-homepage .content-block.block-2:after {
          background: url("/wp-content/themes/islandtimberlands/images/home/frame-right.png") right center no-repeat;
          left: 0px;
          right: 0px;
          bottom: 40px; } }
    .page-template-page-homepage .content-block.block-2:before {
      display: none; }
    .page-template-page-homepage .content-block.block-2 .content-img {
      position: absolute;
      left: auto;
      right: 0px;
      z-index: -2; }
      @media screen and (max-width: 1020px) {
        .page-template-page-homepage .content-block.block-2 .content-img {
          position: relative; } }
  .page-template-page-homepage .content-block.block-3 {
    margin-top: -70px;
    z-index: 1;
    position: relative; }
    @media screen and (max-width: 1020px) {
      .page-template-page-homepage .content-block.block-3 {
        margin: 0px; } }
    .page-template-page-homepage .content-block.block-3 .content-text {
      padding-top: 165px;
      padding-left: 400px;
      min-height: 420px; }
      @media screen and (max-width: 1500px) {
        .page-template-page-homepage .content-block.block-3 .content-text {
          padding-top: 140px;
          padding-left: 375px;
          min-height: 380px; } }
      @media screen and (max-width: 1300px) {
        .page-template-page-homepage .content-block.block-3 .content-text {
          padding-top: 120px;
          padding-left: 335px;
          padding-bottom: 45px; } }
      @media screen and (max-width: 1020px) {
        .page-template-page-homepage .content-block.block-3 .content-text {
          padding: 40px 40px 35px 40px;
          min-height: 0px; } }
      @media screen and (max-width: 700px) {
        .page-template-page-homepage .content-block.block-3 .content-text {
          padding: 30px 30px 20px 30px; } }
      @media screen and (max-width: 450px) {
        .page-template-page-homepage .content-block.block-3 .content-text {
          padding: 25px 25px 15px 25px; } }
      .page-template-page-homepage .content-block.block-3 .content-text:after {
        content: '';
        display: table;
        clear: both; }
      .page-template-page-homepage .content-block.block-3 .content-text .secondary-heading {
        max-width: 250px;
        float: left;
        position: absolute;
        left: 95px;
        top: 165px; }
        @media screen and (max-width: 1500px) {
          .page-template-page-homepage .content-block.block-3 .content-text .secondary-heading {
            left: 70px;
            top: 140px; } }
        @media screen and (max-width: 1300px) {
          .page-template-page-homepage .content-block.block-3 .content-text .secondary-heading {
            left: 50px;
            top: 120px; } }
        @media screen and (max-width: 1020px) {
          .page-template-page-homepage .content-block.block-3 .content-text .secondary-heading {
            max-width: 460px;
            float: none;
            position: relative;
            left: auto;
            top: auto; } }
      .page-template-page-homepage .content-block.block-3 .content-text p {
        max-width: 500px; }
        @media screen and (max-width: 1020px) {
          .page-template-page-homepage .content-block.block-3 .content-text p {
            max-width: 600px; } }
    .page-template-page-homepage .content-block.block-3:before {
      content: '';
      position: absolute;
      left: 70px;
      top: 0px;
      bottom: 70px;
      right: 70px;
      border-left: 10px solid white;
      border-top: none; }
      @media screen and (max-width: 1020px) {
        .page-template-page-homepage .content-block.block-3:before {
          display: none; } }
.page-template-page-homepage .cta-block {
  opacity: 0;
  transform: translateX(70px);
  -webkit-transition: transform 0.6s ease-out;
  -moz-transition: transform 0.6s ease-out;
  -ms-transition: transform 0.6s ease-out;
  -o-transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out; }
  @media screen and (max-width: 1020px) {
    .page-template-page-homepage .cta-block {
      opacity: 1;
      transform: translatex(0px); } }
  .page-template-page-homepage .cta-block.visible {
    transform: translateX(0);
    opacity: 1; }

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