/*
Theme Name: Crooked Creek Resort
Theme URI: http://crookedcreeksd.com
Version: 1.0
Description: Modifications to Elegant Themes Divi theme for http://crookedcreeksd.com
Author: Crooked Creek Resort
Author URI: http://crookedcreeksd.com
Template: Divi
*/
#et-main-area {
  margin-top: -50px; }

@media only screen and (min-width: 981px) {
  #et-top-navigation {
    float: left; } }
.book-now-button {
  margin-left: 24px; }
  .book-now-button a {
    background-color: #ffffff;
    padding: 12px 18px !important;
    margin-bottom: 36px;
    border-radius: 18px;
    color: #0497d3 !important; }

.et-fixed-header #top-menu li.book-now-button a {
  color: #0497d3 !important; }

.angle--top-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% 100%, 0 100%); }
  @supports not (clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% 100%, 0 100%)) {
    .angle--top-left::before, .angle--top-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--top-left::before {
      top: 0;
      border-width: 3vw 100vw 0 0;
      border-color: #e09900 transparent transparent transparent; } }

.angle--top-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% calc(0% + 2vw), 100% 100%, 0 100%); }
  @supports not (clip-path: polygon(0 0, 100% calc(0% + 2vw), 100% 100%, 0 100%)) {
    .angle--top-right::before, .angle--top-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--top-right::before {
      top: 0;
      border-width: 3vw 0 0 100vw;
      border-color: #e09900 transparent transparent transparent; } }

.angle--bottom-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2vw)); }
  @supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2vw))) {
    .angle--bottom-left::before, .angle--bottom-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--bottom-left::after {
      bottom: 0;
      border-width: 0 100vw 3vw 0;
      border-color: transparent transparent #e09900 transparent; } }

.angle--bottom-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2vw), 0 100%); }
  @supports not (clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2vw), 0 100%)) {
    .angle--bottom-right::before, .angle--bottom-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--bottom-right::after {
      bottom: 0;
      border-width: 0 0 3vw 100vw;
      border-color: transparent transparent #e09900 transparent; } }

.angle--both-left-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% 100%, 0 calc(100% - 2vw)); }
  @supports not (clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% 100%, 0 calc(100% - 2vw))) {
    .angle--both-left-left::before, .angle--both-left-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--both-left-left::before {
      top: 0;
      border-width: 3vw 100vw 0 0;
      border-color: #e09900 transparent transparent transparent; }
    .angle--both-left-left::after {
      bottom: 0;
      border-width: 0 100vw 3vw 0;
      border-color: transparent transparent #e09900 transparent; } }

.angle--both-right-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% calc(0% + 2vw), 100% calc(100% - 2vw), 0 100%); }
  @supports not (clip-path: polygon(0 0, 100% calc(0% + 2vw), 100% calc(100% - 2vw), 0 100%)) {
    .angle--both-right-right::before, .angle--both-right-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--both-right-right::before {
      top: 0;
      border-width: 3vw 0 0 100vw;
      border-color: #e09900 transparent transparent transparent; }
    .angle--both-right-right::after {
      bottom: 0;
      border-width: 0 0 3vw 100vw;
      border-color: transparent transparent #e09900 transparent; } }

.angle--both-left-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% calc(100% - 2vw), 0 100%); }
  @supports not (clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% calc(100% - 2vw), 0 100%)) {
    .angle--both-left-right::before, .angle--both-left-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--both-left-right::before {
      top: 0;
      border-width: 3vw 100vw 0 0;
      border-color: #e09900 transparent transparent transparent; }
    .angle--both-left-right::after {
      bottom: 0;
      border-width: 0 0 3vw 100vw;
      border-color: transparent transparent #e09900 transparent; } }

.angle--both-right-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% calc(0% + 2vw), 100% 100%, 0 calc(100% - 2vw)); }
  @supports not (clip-path: polygon(0 0, 100% calc(0% + 2vw), 100% 100%, 0 calc(100% - 2vw))) {
    .angle--both-right-left::before, .angle--both-right-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    .angle--both-right-left::before {
      top: 0;
      border-width: 3vw 0 0 100vw;
      border-color: #e09900 transparent transparent transparent; }
    .angle--both-right-left::after {
      bottom: 0;
      border-width: 0 100vw 3vw 0;
      border-color: transparent transparent #e09900 transparent; } }

.angle__content {
  display: block;
  width: 100%;
  height: auto; }

.angle--colour {
  color: #fff;
  background-color: #e09900;
  text-align: center;
  padding: 10% 0; }

/* Smartphones in portrait mode (0-479px) */
/* Smartphones in landscape mode (480 AND UP) */
/* Tablets in portrait mode (768 AND UP) */
/* Tablets in landscape mode (981 AND UP) */
/* Laptops and desktops (1100 AND UP) */
/* Large screens (1405px AND UP) */
/*
// Smartphones in portrait mode (0-479px)
@media only screen and ( max-width: 479px ) {
    header:before {content: "max 479"; display: block;  width: 100%; text-align: center; color: white; background: green;}
}

// Smartphones in landscape mode (480 AND UP)
@media only screen and ( min-width: 480px ) {
    header:before {content: "480 up"; display: block;  width: 100%;text-align: center; color: white; background: green;}
}

// Tablets in portrait mode (768 AND UP)
@media only screen and ( min-width: 768px ) {
    header:before {content: "768 up"; display: block;  width: 100%;text-align: center; color: white; background: pink; }
}


// Tablets in landscape mode (981 AND UP)
@media only screen and ( min-width: 981px ) { 
    header:before {content: "981 up"; display: block;  width: 100%;text-align: center; color: white; background: green;}
}// ENDS 981 AND UP


// Laptops and desktops (1100 AND UP)
@media only screen and ( min-width: 1100px ) { 
    header:before {content: "1100 up"; display: block;  width: 100%;text-align: center; color: white; background: blue; }
}

// Large screens (1405px AND UP)
@media only screen and ( min-width: 1405px ) { 
    header:before {content: "1405 up"; display: block;  width: 100%;text-align: center; color: white; background: red; }
}
*/

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