/* outer width */
/*@import "reset";*/
/* ==============================================================
   VARIABLES
============================================================== */
/* ==============================================================
  COLOURS
============================================================== */
/* ==============================================================
  TYPOGRAPHY
============================================================== */
/* ==============================================================
  TRANSITION AND EASING
============================================================== */
/* ==============================================================
  MARGINS ABD GUTTERS
============================================================== */
/* ==============================================================
  MEDIA QUERY BREAKPOINTS
============================================================== */
/* ==============================================================
IMAGE RESPONSIVE
============================================================== */
img.img-responsive {
  display: block;
  max-width: 100%;
  width: 100%; }

/* ==============================================================
  RESPONSIVE EMBED 
============================================================== */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

/* ==============================================================
  TOGGLE SHOW / HIDE
============================================================== */
.show {
  display: block !important; }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.screen-reader-text {
  position: absolute;
  left: -9999em;
  top: 0; }

/* ==============================================================
  RESPONSIVE SHOW / HIDE
============================================================== */
@-ms-viewport {
  width: device-width; }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
/* ==============================================================
  PRINT SHOW / HIDE
============================================================== */
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table !important; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/slick.eot");
  src: url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/slick.woff") format("woff"), url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/slick.ttf") format("truetype"), url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/fonts/slick.svg#slick") format("svg"); }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 2.0rem;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  .slick-prev[dir="rtl"] {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "<"; }
    .slick-prev:before[dir="rtl"] {
      content: ">"; }

.slick-next {
  right: -25px; }
  .slick-next[dir="rtl"] {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: ">"; }
    .slick-next:before[dir="rtl"] {
      content: "<"; }

/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "O";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

@-webkit-keyframes scrollupdown {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes scrollupdown {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@-webkit-keyframes bgShift {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(calc(100vw - 3900px));
            transform: translateX(calc(100vw - 3900px)); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@keyframes bgShift {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(calc(100vw - 3900px));
            transform: translateX(calc(100vw - 3900px)); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@-webkit-keyframes shiftLeft {
  0% {
    -webkit-transform: translateX(150px);
            transform: translateX(150px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@keyframes shiftLeft {
  0% {
    -webkit-transform: translateX(150px);
            transform: translateX(150px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@-webkit-keyframes shiftRight {
  0% {
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@keyframes shiftRight {
  0% {
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08); }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08); }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-webkit-keyframes fadeInSection {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.75; } }
@keyframes fadeInSection {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.75; } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@-webkit-keyframes fadeWhite {
  100% {
    background: #fff; } }
@keyframes fadeWhite {
  100% {
    background: #fff; } }
@-webkit-keyframes shrink {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes shrink {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.nav {
  visibility: hidden;
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100vw;
  height: 100vh;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background: #fff;
  -webkit-transition: all  1s;
  transition: all  1s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01);
          transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01); }
  @media (min-width: 992px) {
    .nav {
      padding: 0 100px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100vw;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .nav h4, .nav h4 > a {
    display: block;
    margin: 0;
    text-align: center;
    font-family: 'Gotham-Bold';
    font-size: 1.6rem !important;
    color: #aaa;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: 0.7s;
            transition-timing-function: 0.7s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    white-space: nowrap; }
    .nav h4:hover, .nav h4 > a:hover {
      cursor: pointer; }
  .nav a {
    text-align: center;
    font-weight: normal;
    color: #363636;
    text-decoration: none;
    white-space: nowrap; }
  .nav ul {
    position: absolute;
    visibility: hidden;
    top: 30px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    min-width: 150px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: 0.7s;
            transition-timing-function: 0.7s;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, transform;
    transition-property: visibility, opacity, transform, -webkit-transform; }
    @media (max-width: 767px) {
      .nav ul {
        -webkit-transition: none;
        transition: none; } }
  .nav li {
    position: relative;
    display: block;
    text-align: center;
    width: 20%;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: 0.7s;
            transition-timing-function: 0.7s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
    .nav li a {
      display: block;
      padding: 4px 0;
      font-family: 'Gotham-Medium';
      font-size: 1.4rem;
      letter-spacing: 2px;
      text-transform: uppercase;
      line-height: 1.5; }
    .nav li.active {
      width: 40%;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
      .nav li.active ul {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      .nav li.active li {
        width: 100%;
        height: auto; }
      .nav li.active h4 {
        color: #000;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
    .nav li.nav--logo {
      position: absolute;
      left: 50%;
      top: 50px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: auto; }
  .nav.active li:not(.active) h4 {
    opacity: 0.3; }
  @media (max-width: 991px) {
    .nav {
      display: block;
      height: 100vh;
      padding: 25vh 0 8vh;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-transition: none;
      transition: none;
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
      .nav br {
        display: none; }
      .nav h4, .nav h4 > a {
        -webkit-transform: none;
                transform: none;
        -webkit-transition: none;
        transition: none;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
      .nav ul {
        padding: 0;
        -webkit-transition: none;
        transition: none;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
      .nav li {
        width: 100%;
        height: auto;
        padding: 10px;
        -webkit-transition: none;
        transition: none;
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .nav li.active {
          width: 100%;
          height: auto;
          -webkit-transition: none;
          transition: none;
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .nav li.active ul {
            display: block;
            width: 100%;
            position: static;
            margin-top: 0;
            visibility: visible;
            top: 35px;
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition: none;
            transition: none;
            -webkit-transition-delay: 0s;
                    transition-delay: 0s; }
            .nav li.active ul a {
              display: block;
              padding: 7px; }
            .nav li.active ul li {
              padding: 0; } }
      @media (max-width: 991px) and (max-width: 767px) {
        .nav li.active {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
  @media (max-width: 991px) {
        .nav li.nav--logo {
          position: absolute;
          width: auto;
          left: 50%;
          top: 60px;
          max-width: 100px;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }
          .nav li.nav--logo img {
            max-width: 100%; } }
      @media (max-width: 991px) and (max-width: 320px) {
        .nav li.nav--logo {
          top: 30px;
          max-width: 140px; } }
  @media (max-width: 991px) {
        .nav li ul {
          position: static;
          display: none; } }
  @media (max-width: 767px) {
    .nav {
      padding: 22vh 0 8vh; }
      .nav li.nav--logo {
        top: 50px;
        max-width: 130px; }
      .nav li.active {
        padding: 8px 0 30px; }
        .nav li.active h4 {
          margin-bottom: 15px;
          -webkit-transform: none;
                  transform: none; } }

#hamburger {
  position: absolute;
  z-index: 999;
  top: 30px;
  left: 50%;
  width: 25px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg) translate3d(-50%, -50%, 0);
          transform: rotate(0deg) translate3d(-50%, -50%, 0);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  /* Icon 3 */ }
  @media (min-width: 768px) {
    #hamburger {
      width: 30px;
      top: 50%; } }
  #hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
  #hamburger span:nth-child(1) {
    top: 0px; }
  #hamburger span:nth-child(2),
  #hamburger span:nth-child(3) {
    top: 8px; }
  #hamburger span:nth-child(4) {
    top: 16px; }

.hamburger-container {
  height: inherit;
  position: relative;
  z-index: 999; }
  .hamburger-container.open + .nav {
    visibility: visible;
    -webkit-transform: none;
            transform: none; }
    @media (min-width: 992px) {
      .hamburger-container.open + .nav li:not(.nav--logo) {
        opacity: 0;
        -webkit-animation: fadeInDown 0.3s forwards;
                animation: fadeInDown 0.3s forwards; }
      .hamburger-container.open + .nav li:nth-child(2) {
        -webkit-animation-delay: 0.2s;
                animation-delay: 0.2s; }
      .hamburger-container.open + .nav li:nth-child(3) {
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s; }
      .hamburger-container.open + .nav li:nth-child(4) {
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s; }
      .hamburger-container.open + .nav li:nth-child(5) {
        -webkit-animation-delay: 0.8s;
                animation-delay: 0.8s; }
      .hamburger-container.open + .nav li:nth-child(6) {
        -webkit-animation-delay: 1s;
                animation-delay: 1s; }
      .hamburger-container.open + .nav li:nth-child(7) {
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s; } }
  .hamburger-container.open #hamburger span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%; }
  .hamburger-container.open #hamburger span:nth-child(2) {
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg); }
  .hamburger-container.open #hamburger span:nth-child(3) {
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg); }
  .hamburger-container.open #hamburger span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%; }

section.portfolio-navigation {
  min-height: 0;
  height: auto; }
  @media (min-width: 768px) {
    section.portfolio-navigation {
      margin: 80px 0 0; } }
  section.portfolio-navigation .footer-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding-top: 80px; }
  section.portfolio-navigation li {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
    overflow: hidden; }
    section.portfolio-navigation li:after {
      content: '';
      padding-top: 100%;
      display: block; }
    section.portfolio-navigation li.head {
      position: absolute;
      top: 0;
      height: 80px;
      width: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      display: block; }
      section.portfolio-navigation li.head h4 {
        display: block;
        text-align: center; }
        section.portfolio-navigation li.head h4 a {
          font-weight: normal;
          text-decoration: none;
          text-align: center;
          display: block;
          color: #000; }
    section.portfolio-navigation li:hover figure {
      -webkit-filter: grayscale(0);
              filter: grayscale(0);
      -webkit-transform: scale(1.02);
              transform: scale(1.02); }
    section.portfolio-navigation li:hover figcaption {
      visibility: visible;
      background: rgba(0, 0, 0, 0.8); }
    section.portfolio-navigation li img {
      /*visibility: hidden;
      display: none;*/
      position: absolute;
      /* left: 50%; */
      /* height: 100%; */
      /* -webkit-transform: translateX(-50%); */
      max-width: 100%;
      width: auto;
      height: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    section.portfolio-navigation li figure {
      width: 100%;
      background-size: cover;
      background-position: 50% 50%;
      margin: 0;
      -webkit-filter: grayscale(70%);
              filter: grayscale(70%);
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-timing-function: 0.7s;
              transition-timing-function: 0.7s;
      -webkit-transition-property: -webkit-filter transform;
      transition-property: -webkit-filter transform;
      transition-property: filter transform;
      transition-property: filter transform, -webkit-filter transform; }
    section.portfolio-navigation li figcaption {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-timing-function: 0.7s;
              transition-timing-function: 0.7s;
      -webkit-transition-property: background;
      transition-property: background;
      background: rgba(0, 0, 0, 0.4); }
      section.portfolio-navigation li figcaption span {
        display: block;
        font-family: 'Gotham-Medium';
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.4;
        letter-spacing: 3px; }
      section.portfolio-navigation li figcaption a {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-family: 'Gotham-Bold';
        font-size: 1.6rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff; }
        @media (max-width: 767px) {
          section.portfolio-navigation li figcaption a {
            background: rgba(0, 0, 0, 0.7); } }
        @media (min-width: 768px) {
          section.portfolio-navigation li figcaption a {
            padding: 30px; } }
        @media (min-width: 992px) {
          section.portfolio-navigation li figcaption a {
            padding: 40px; } }
        @media (min-width: 1200px) {
          section.portfolio-navigation li figcaption a {
            padding: 50px; } }
  @media (min-width: 768px) {
    section.portfolio-navigation .footer-nav.weddings li {
      width: 33.3333%; } }
  @media (min-width: 992px) {
    section.portfolio-navigation .footer-nav.weddings li {
      width: 16.667%; } }
  section.portfolio-navigation .footer-nav.weddings li.head {
    width: 100%; }
  @media (max-width: 767px) {
    section.portfolio-navigation li {
      width: 100%;
      height: 100px; }
      section.portfolio-navigation li figcaption {
        visibility: visible;
        background: rgba(0, 0, 0, 0.4); }
        section.portfolio-navigation li figcaption a {
          padding: 0 20px;
          font-size: 1.6rem; }
          section.portfolio-navigation li figcaption a span {
            margin-top: 10px;
            font-size: 0.9rem;
            font-family: 'Gotham-Medium';
            font-weight: 300;
            letter-spacing: 2px; } }

section.portfolio-navigation .footer-nav.weddings li {
  width: 100%; }
  @media (min-width: 768px) {
    section.portfolio-navigation .footer-nav.weddings li {
      width: 33.3333%; } }
  @media (min-width: 992px) {
    section.portfolio-navigation .footer-nav.weddings li {
      width: 16.666667%; } }

section {
  height: calc(100vh - $screen-border-width-double);
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #fff; }
  section section.layout--height-auto {
    height: auto;
    min-height: 100vh;
    padding: 30px 0; }
    @media (min-width: 768px) {
      section section.layout--height-auto {
        padding: 60px 0; } }
  section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 60px; }
    @media (min-width: 1500px) {
      section .row {
        max-width: 1400px; } }
  section .container {
    position: relative;
    z-index: 0; }
  section .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%; }
    section .image-container img {
      display: block;
      max-width: 100%;
      width: 100%;
      visibility: hidden; }

section#header {
  position: relative;
  min-height: 30vh;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    section#header {
      height: 50vh;
      margin-bottom: auto; } }
  section#header p {
    font-family: 'Gotham-Medium';
    font-size: 2.0rem;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      section#header p {
        letter-spacing: 3px;
        font-size: 1.4rem; } }
  @media (min-width: 768px) {
    section#header.tag-header {
      margin-left: 50px;
      margin-right: 50px; } }

/* 
 Hero Splash Image 
 ----------------------------------- */
section#splash {
  position: relative;
  margin: 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /*background: url('http://cdn.thestyleco.com.au/wp-content/uploads/2015/05/TSC150222-206-1000x666.jpg');*/
  background-image: url(http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/backgrounds/171014TSC-090.jpg);
  background-position: 50% 50%;
  background-size: cover; }
  section#splash h1 {
    z-index: 1;
    margin: 0 auto;
    max-width: 90%; }
    section#splash h1 .small {
      letter-spacing: 2px; }
    @media (min-width: 992px) {
      section#splash h1 span:not(.small) {
        font-size: 4vw;
        white-space: nowrap; }
      section#splash h1 .small {
        letter-spacing: 4px; } }
  section#splash .splash-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
    /* Standard syntax */
    background: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); }

/* 
 Image with box content on side 
 ----------------------------------- */
section.boxed-content {
  position: relative;
  display: block; }
  @media (max-width: 767px) {
    section.boxed-content {
      min-height: 0;
      padding-top: 0;
      overflow: hidden;
      margin-bottom: 0; }
      section.boxed-content .section-content {
        padding: 0;
        overflow: hidden; }
      section.boxed-content .image-container {
        height: 66vw;
        background-size: 100% auto; } }
    @media (max-width: 767px) and (max-width: 991px) {
      section.boxed-content .image-container {
        height: 68.5vw;
        background-size: 90% auto;
        background-repeat: no-repeat; } }
    @media (max-width: 767px) and (min-width: 992px) {
      section.boxed-content .image-container {
        background-position: 13% 50%; } }
  @media (max-width: 767px) {
      section.boxed-content .description {
        /*height: calc(50vh - 40px);*/ } }
  @media (min-width: 768px) {
    section.boxed-content {
      padding-top: 0; }
      section.boxed-content .image-container {
        height: 600px; }
      section.boxed-content .description {
        height: calc(35vh - 80px); } }
  @media (min-width: 992px) {
    section.boxed-content {
      padding: 60px 0; }
      section.boxed-content h1 {
        max-width: 350px;
        margin: 0;
        font-size: 8.0rem;
        text-align: left; }
      section.boxed-content .description {
        height: auto;
        width: 30vw;
        right: 60vw;
        max-width: 350px;
        margin-top: 0;
        margin-bottom: 0; }
      section.boxed-content .image-container {
        width: 60vw;
        height: 80vh;
        height: calc(100vh - 120px);
        margin-left: 40vw;
        background-size: cover;
        background-position: 50% 50%; }
      section.boxed-content .section-content {
        padding: 0; } }
  section.boxed-content.boxed-content--reverse {
    margin-top: 0; }
    section.boxed-content.boxed-content--reverse .section-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    @media (min-width: 992px) {
      section.boxed-content.boxed-content--reverse .image-container {
        margin-left: 0; }
      section.boxed-content.boxed-content--reverse .description {
        right: auto;
        left: 60vw; } }

section#home {
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

/*section#motto {
	position: relative;
	flex-direction: column;		
	background: $white;

	p {
		font-size: 1.8rem;
		letter-spacing: 2px;
		font-family: 'Gotham-Medium'; color:$black;
		text-align:center;
		text-transform: uppercase;
	}

	a {
		display: inline;
	}

	@media (max-width: $screen-xs-max) {
		h2 {
	    	white-space: pre-wrap;
		}
	}
}*/
section#motto {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #191919; }
  section#motto h2 {
    margin: 0 20px 30px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01);
            transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01); }
    @media (min-width: 768px) {
      section#motto h2 {
        margin: 0 20px;
        font-size: 2.5vw;
        margin: 0;
        text-align: left; } }
    @media (min-width: 992px) {
      section#motto h2 {
        font-size: 2.7vw; } }
  @media (min-width: 992px) {
    section#motto .section-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  section#motto .video-thumb {
    display: block;
    position: relative; }
    @media (min-width: 768px) {
      section#motto .video-thumb {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(10px, -50%);
                transform: translate(10px, -50%);
        display: block;
        max-width: 600px;
        margin: auto; } }
    @media (min-width: 1500px) {
      section#motto .video-thumb {
        -webkit-transform: translate(90px, -50%);
                transform: translate(90px, -50%); } }
    section#motto .video-thumb:before {
      content: '';
      background: rgba(25, 25, 25, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    section#motto .video-thumb img {
      display: block;
      max-width: 100%; }
    section#motto .video-thumb svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      fill: #fff;
      stroke: #fff;
      width: 60px;
      height: 60px;
      opacity: 0.5;
      -webkit-transition: opacity 0.7s;
      transition: opacity 0.7s;
      -webkit-transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01);
              transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01); }
      @media (min-width: 768px) {
        section#motto .video-thumb svg {
          width: 120px;
          height: 120px; } }
    section#motto .video-thumb:hover svg {
      opacity: 0.8; }
    section#motto .video-thumb:hover + h2 {
      opacity: 0.4; }

section#latest-work {
  position: relative;
  padding: 10vh 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  section#latest-work.hero {
    min-height: 0; }
    @media (min-height: 1500px) {
      section#latest-work.hero {
        max-height: 40vw; } }
    section#latest-work.hero img {
      display: block;
      width: 100%;
      height: auto; }
  section#latest-work h2 {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0;
    padding: 50px;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    white-space: nowrap; }
    section#latest-work h2 a {
      color: #000; }
  section#latest-work .slide {
    height: 60vh;
    width: 100vw; }
    section#latest-work .slide img {
      position: absolute;
      -webkit-filter: grayscale(70%);
              filter: grayscale(70%);
      max-width: none; }
  @media (max-width: 767px) {
    section#latest-work h2 {
      display: none; }
    section#latest-work .slider--wide img {
      height: auto; } }
  section#latest-work .slick-next,
  section#latest-work .slick-prev {
    z-index: 99;
    background: #000;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40% 40%;
    background-color: #fff;
    background-image: url("/wp-content/themes/thestyleco2016/assets/images/chevron-right.svg");
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    @media (max-width: 767px) {
      section#latest-work .slick-next,
      section#latest-work .slick-prev {
        height: 50px;
        width: 50px; } }
    section#latest-work .slick-next:hover,
    section#latest-work .slick-prev:hover {
      background-color: rgba(255, 255, 255, 0.85); }
    section#latest-work .slick-next:after, section#latest-work .slick-next:before,
    section#latest-work .slick-prev:after,
    section#latest-work .slick-prev:before {
      display: none; }
  section#latest-work .slick-next {
    right: 0; }
  section#latest-work .slick-prev {
    left: 0;
    -webkit-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg); }
  section#latest-work .slick-dots {
    display: none; }
    @media (min-width: 768px) {
      section#latest-work .slick-dots {
        display: block;
        bottom: -40px; }
        section#latest-work .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0;
          border-radius: 50%;
          background: #efefef; }
          section#latest-work .slick-dots li button:before {
            display: none; }
        section#latest-work .slick-dots li.slick-active button {
          background: #ccc; } }
  @media (max-width: 767px) {
    section#latest-work.large {
      min-height: 0; }
      section#latest-work.large .slider--wide .slick-slide {
        padding: 0; } }

section#footer-cta {
  min-height: 80vh;
  position: relative; }
  section#footer-cta:hover .overlay {
    -webkit-filter: grayscale(0);
            filter: grayscale(0); }
  section#footer-cta h3 {
    color: #fff; }
  section#footer-cta .section-content {
    padding: 0; }
  section#footer-cta .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
    width: 4000px;
    height: auto;
    background-image: url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/bg-smoke.jpg") !important;
    background-size: auto 100%;
    background-position: 100% 100%;
    -webkit-animation: bgShift 360s infinite linear;
            animation: bgShift 360s infinite linear;
    -webkit-filter: grayscale(70%);
            filter: grayscale(70%);
    -webkit-transition: -webkit-filter 0.5s ease;
    transition: -webkit-filter 0.5s ease;
    transition: filter 0.5s ease;
    transition: filter 0.5s ease, -webkit-filter 0.5s ease; }
  section#footer-cta .links-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    section#footer-cta .links-container a {
      margin: 5px;
      min-width: 200px; }
    @media (min-width: 768px) {
      section#footer-cta .links-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        max-width: 70vw; }
        section#footer-cta .links-container a {
          min-width: 160px; } }
    @media (min-width: 992px) {
      section#footer-cta .links-container a {
        min-width: 200px; } }

section#testimonials {
  background-image: linear-gradient(-4deg, #fcdcd1 40%, #fbcaba 40%); }

section#faqs {
  display: none;
  padding: 50px 0;
  min-height: 60vh; }
  section#faqs .faq {
    padding: 0 30px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    section#faqs .faq img {
      display: block;
      max-width: 100%; }

section#content-body {
  min-height: 0;
  padding: 0; }

section#gallery {
  margin: auto; }
  section#gallery .section-content {
    padding: 0 0 200px 0; }
  section#gallery ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    max-width: 80vw;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 768px) {
      section#gallery ul {
        max-width: 1020px; } }
    @media (min-width: 1500px) {
      section#gallery ul {
        max-width: 1280px; } }
    section#gallery ul li {
      max-width: 50%;
      max-width: calc(50% - 10px);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      padding: 5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      section#gallery ul li a {
        position: relative;
        display: block;
        width: 100%;
        -webkit-filter: grayscale(70%);
                filter: grayscale(70%); }
      section#gallery ul li img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto !important; }
      @media (max-width: 767px) {
        section#gallery ul li {
          padding: 0;
          max-width: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          margin-bottom: 10px; }
          section#gallery ul li .img-overlay {
            visibility: visible;
            opacity: 1;
            background: rgba(0, 0, 0, 0.2); }
            section#gallery ul li .img-overlay span {
              -webkit-transform: none;
                      transform: none; } }
  section#gallery ul.secondary-nav {
    display: block; }
    @media (min-width: 768px) {
      section#gallery ul.secondary-nav {
        margin-bottom: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    section#gallery ul.secondary-nav li {
      width: auto;
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto; }
    section#gallery ul.secondary-nav a {
      font-family: 'Gotham-Bold';
      text-align: center;
      text-decoration: none;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      opacity: 0.5; }
      section#gallery ul.secondary-nav a.active {
        opacity: 1; }

body.portrait section#header .image-overlay img {
  width: auto;
  height: 100%; }

#blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #blog article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      #blog article {
        width: calc(50% - 20px);
        margin-bottom: 0;
        margin: 10px; } }
    #blog article .lazy-wrapper {
      position: relative;
      z-index: 2; }
      #blog article .lazy-wrapper img {
        display: block;
        width: 100%;
        height: auto;
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        max-width: 100%; }
    #blog article .overlay {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 3;
      width: auto;
      height: auto;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transition: background  0.5s ease;
      transition: background  0.5s ease; }
    #blog article h3 {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 4;
      color: #fff;
      margin: 0; }
      @media (min-width: 1800px) {
        #blog article h3 {
          font-size: 2.5rem;
          letter-spacing: 0.7rem; } }
      #blog article h3 span {
        display: block;
        font-size: 50%; }
      #blog article h3 a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 4;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        color: #fff;
        text-decoration: none;
        padding: 20px; }
    #blog article:hover {
      cursor: pointer; }
      #blog article:hover .overlay {
        background: rgba(0, 0, 0, 0.3); }
      #blog article:hover img {
        -webkit-transform: scale(1.03);
                transform: scale(1.03); }

* {
  outline: none; }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; }

  .visible-xs {
    display: block !important; } }
@media (min-width: 768px) {
  .hidden-xs {
    display: block !important; }

  .visible-xs {
    display: none !important; } }
hr {
  border: 0;
  margin: 40px 0;
  border: 0;
  height: 1px;
  background: #ddd; }

svg {
  visibility: visible; }

.gallery li {
  position: relative; }
.gallery a {
  display: block; }
.gallery img {
  display: block; }
.gallery.image-1200 {
  max-width: 1200px;
  margin: auto; }

.arrow-down {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 50px; }
  @media (min-width: 768px) {
    .arrow-down {
      bottom: 100px; } }
  .arrow-down svg {
    width: 50px;
    height: 30px;
    fill: black;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .arrow-down path {
    stroke: black; }
  .arrow-down .scroller {
    -webkit-animation: scrollupdown 1s infinite;
    animation: scrollupdown 1s infinite;
    fill: black; }
  .arrow-down.white svg {
    fill: white; }

.section-keyline {
  width: 2px;
  height: 30vh;
  position: absolute;
  bottom: 0;
  background: #000; }
  .section-keyline.keyline--center {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .section-keyline.keyline--left {
    left: 20%; }
  .section-keyline.keyline--right {
    right: 20%; }
  .section-keyline.keyline--short {
    height: 15vh; }
  .section-keyline.keyline--long {
    height: 30vh;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%); }
    @media (max-width: 767px) {
      .section-keyline.keyline--long {
        top: auto;
        bottom: 10px; } }
  .section-keyline.keyline--thick {
    width: 5vh; }

.box {
  margin: 20px;
  max-width: none; }
  .box p {
    text-align: center; }
  @media (min-width: 768px) {
    .box {
      margin: 40px auto;
      max-width: 60vw; } }
  @media (min-width: 992px) {
    .box {
      border-right: 5px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      max-width: 80vw;
      margin: 40px;
      top: 50%;
      max-width: 25vw;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .box:before, .box:after {
        display: block;
        width: 10%;
        height: 5px;
        right: 0;
        top: 0;
        background: #000;
        content: ' ';
        float: right; }
      .box:after {
        top: auto;
        bottom: 0; } }
    @media (min-width: 992px) and (max-width: 767px) {
      .box:after {
        -webkit-transform: translateY(-5px);
                transform: translateY(-5px); } }
  @media (min-width: 992px) {
      .box p {
        text-align: left; }
      .box .box-inner {
        padding: 30px; }
      .box.box--left {
        border-right: 0;
        border-left: 5px solid #000; }
        .box.box--left:before, .box.box--left:after {
          float: left; }
      .box.box--text-right h2, .box.box--text-right p {
        display: block;
        text-align: right; }
      .box.box--large h2 {
        margin-bottom: 10px;
        font-size: 2rem;
        letter-spacing: 3px;
        text-shadow: none;
        color: #000000;
        line-height: 1.4; }
      .box.box--large p {
        margin: 0;
        line-height: 150%;
        color: #8B8B8D;
        font-size: 1.4rem; }
      .box.box--large a {
        line-height: 150%;
        font-size: 1.4rem;
        text-transform: uppercase;
        font-family: "Gotham-Bold";
        font-weight: normal;
        text-decoration: none;
        letter-spacing: 1.6px;
        display: block;
        margin: 10px 0 0 0; } }

.overlay {
  position: fixed;
  border: 0 solid #01e08f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh; }

.btn--wide {
  white-space: nowrap;
  max-width: none;
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px; }

.btn-width-auto {
  padding-left: 15px;
  padding-right: 15px;
  max-width: none !important;
  display: inline-block;
  margin: 15px auto;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (max-width: 767px) {
    .btn-width-auto {
      line-height: 1.5;
      padding-top: 10px;
      padding-bottom: 10px; } }

.slider--wide {
  max-width: 100vw; }
  .slider--wide .slick-slide {
    padding: 0 15px; }
  .slider--wide img {
    max-width: 100%; }
  .slider--wide .slider-gallery-container:nth-child(1) {
    /*		img:nth-child(1) {
    			max-width:40%;
    		}
    		img:nth-child(2) {
    			max-width:40%;
    		}
    		img:nth-child(3) {
    			max-width:50%;
    		}*/ }

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

input[type=submit] {
  background: #000;
  color: #fff;
  padding: 15px 30px;
  border: 0;
  font-family: 'Gotham-Medium';
  font-size: 1.4rem; }

textarea {
  border: 1px solid black; }

/* Fixed button bottom right*/
#bottom-cta {
  margin: 0;
  position: fixed;
  bottom: 5px;
  right: 5px;
  padding: 5px 20px;
  font-family: 'Gotham-Bold';
  background: rgba(255, 255, 255, 0.8);
  border-color: #fff;
  border-radius: 2px;
  color: #000;
  z-index: 9999;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01);
          transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01); }
  #bottom-cta:hover {
    background: rgba(255, 255, 255, 0.8); }
  @media (max-width: 767px) {
    #bottom-cta {
      display: none; } }

footer .elle {
  margin-top: 30px;
  margin-bottom: 0;
  color: #fff;
  font-size: 12px; }
  @media (min-width: 480px) {
    footer .elle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  footer .elle a:hover {
    text-decoration: underline; }
  footer .elle img {
    width: 80px;
    display: block;
    margin: 0 auto 20px;
    opacity: 1; }
    @media (min-width: 480px) {
      footer .elle img {
        margin: auto 20px auto auto;
        /*margin-right: 20px;*/ } }

/* outer width */
body.page-template-default #content-body {
  margin-bottom: 100px;
  margin-top: 40px; }

body.page-template-page-wedding-planning section#splash {
  background-image: url("http://cdn.thestyleco.com.au/wp-content/uploads/2018/01/SD_HAILSANDSHINE-1189-768x1152.jpg"); }
  @media (min-width: 768px) {
    body.page-template-page-wedding-planning section#splash {
      background-image: url("http://cdn.thestyleco.com.au/wp-content/uploads/2014/04/Bartel-0581_BW.jpg"); } }
@media (max-width: 767px) {
  body.page-template-page-wedding-planning .work-image-container-1 {
    display: none;
    visibility: hidden; }
    body.page-template-page-wedding-planning .work-image-container-1 img {
      visibility: hidden; }
  body.page-template-page-wedding-planning .services .work-image-container-2 {
    position: static;
    width: auto;
    margin-bottom: 40px; }
  body.page-template-page-wedding-planning .section-keyline {
    display: none; }
  body.page-template-page-wedding-planning .copy-container {
    width: auto;
    position: static;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    max-width: none; } }

body.page-template-page-flowers section#splash {
  background-image: url("http://cdn.thestyleco.com.au/wp-content/uploads/2016/01/160116TSC-0101.jpg"); }
body.page-template-page-flowers section#layout-hero {
  /*		.description {
  			width: 40vw;
  		}
  		.image-container {
  			width: 60vw;
  			margin-left: 40vw;
  		}
  		.section-content {
  			@media (min-width: $screen-md-min) {
  				padding:50px 0 50px 100px;
  			}
  		}*/ }

/* Where we work */
body.page-id-5681 #content-body h3 {
  display: block;
  text-align: center;
  margin: 30px auto; }
body.page-id-5681 #content-body p {
  max-width: 50%;
  display: block;
  text-align: center;
  margin: auto; }
body.page-id-5681 #content-body ul {
  display: block;
  padding: 0;
  margin: 0;
  margin-top: 30px; }
body.page-id-5681 #content-body li {
  display: block; }
  body.page-id-5681 #content-body li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: 34px;
    letter-spacing: 3px; }

/* Jobs and Careers */
body.page-jobs-and-careers #content-body h3, body.page-jobs-and-careers #content-body h4 {
  color: #000;
  text-align: left; }

/* Our Story */
@media (min-width: 768px) {
  body.page-our-story {
    max-width: none; } }
body.page-our-story #content-body {
  position: relative;
  z-index: 2; }
  body.page-our-story #content-body p {
    max-width: 80%;
    margin: auto;
    text-align: center; }
  body.page-our-story #content-body img {
    margin: 0 auto 30px; }
  body.page-our-story #content-body .section-content {
    text-align: center; }
  body.page-our-story #content-body + #footer-cta .section-content {
    -webkit-transform: translateY(-20vh);
            transform: translateY(-20vh); }

/* sez dam bts post */
#post-7364 .container {
  max-width: none; }
#post-7364 .entry-meta {
  margin-bottom: 30px; }
#post-7364 .entry-content .container p {
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  #post-7364 .entry-content .container p.full-width {
    max-width: none; }
  @media (max-width: 992px) {
    #post-7364 .entry-content .container p:not(.full-width) {
      margin: 100px auto; } }
  @media (max-width: 1400px) {
    #post-7364 .entry-content .container p:not(.full-width) {
      margin: 150px auto; } }
#post-7364 .gallery {
  margin-top: 0; }

body.error404 h3 {
  color: #000; }
body.error404 .diagonal.diagonal--odd .section-content {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  body.error404 .diagonal.diagonal--odd .section-content p {
    text-align: center; }

/* Sydney */
body.parent-pageid-5681 .container {
  width: 80%;
  max-width: 800px;
  margin: auto; }
  body.parent-pageid-5681 .container .btn-width-auto {
    position: static;
    -webkit-transform: none;
            transform: none; }
body.parent-pageid-5681 .content {
  margin: 30px auto 80px; }
  body.parent-pageid-5681 .content p {
    max-width: none;
    margin: 0 auto 10px;
    text-align: center; }

article .article-content:before {
  display: none !important; }

article .article-content .section-content {
  margin-top: 50px; }

/*sez dam*/
body.single-venue .portfolio-content .container h4 {
  margin: 30px 0 10px;
  color: #000;
  text-align: left; }
body.single-venue .portfolio-content .container .text-columns {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #efefef;
  padding-top: 0;
  margin-top: 40px;
  border-top: 1px solid #efefef; }
body.single-venue .slick-slide {
  margin: 0 15px;
  background-size: cover;
  background-position: 50% 50%; }
  body.single-venue .slick-slide img {
    visibility: hidden;
    max-width: 100%;
    min-height: 330px; }

body.page-what-we-do #splash {
  background-image: url("http://cdn.thestyleco.com.au/wp-content/uploads/2015/07/TheStyleCo-Yue-Tao-Stones-Of-The-Yarra-77.jpg");
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  body.page-what-we-do #splash h1, body.page-what-we-do #splash p {
    position: relative;
    z-index: 2;
    padding: 0;
    font-size: 1.5rem;
    font-family: "acumin-pro-semi-condensed", sans-serif;
    text-transform: none;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.5;
    font-family: 'Gotham-Medium';
    text-transform: uppercase;
    font-weight: normal; }
    @media (min-width: 768px) {
      body.page-what-we-do #splash h1, body.page-what-we-do #splash p {
        letter-spacing: 3px;
        max-width: 70%;
        font-size: 3rem; } }
  body.page-what-we-do #splash .btn {
    margin: 20px 0 0;
    padding: 6px 30px;
    position: relative;
    z-index: 3; }

html.browser-safari h1.animate {
  color: #000;
  -webkit-text-fill-color: #000;
  -webkit-background-clip: none;
  background: none; }
html.browser-safari main {
  margin-bottom: 0; }
html.browser-safari footer {
  position: relative; }

body.show-contact {
  overflow: hidden; }

.contact-header {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translate(100%);
          transform: translate(100%);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: 50% 50%; }
  .contact-header:after {
    position: absolute;
    background: #000;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  .contact-header.active {
    visibility: visible;
    -webkit-transform: translate(0);
            transform: translate(0); }
    .contact-header.active form {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .contact-header.active:after {
      opacity: 0.4; }
  .contact-header form {
    position: relative;
    z-index: 3;
    background: #fff;
    padding: 6vw;
    width: 50vw;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    min-height: 60vh;
    min-width: 60vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .contact-header h3 {
    margin-bottom: 20px;
    color: #000; }
  .contact-header p {
    margin-bottom: 30px; }
  .contact-header label {
    display: none; }
  .contact-header input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #9d9d9d;
    text-indent: 5px; }
  .contact-header textarea {
    margin-top: 30px;
    width: 100%;
    border: 1px solid #ccc; }
  .contact-header a.close {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 5; }
    .contact-header a.close svg {
      width: 40px;
      height: 40px; }
  .contact-header .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .contact-header .row .field {
      margin-right: 20px;
      width: calc(50% - 20px); }
      .contact-header .row .field:last-child {
        margin-right: 0; }
    .contact-header .row.row--btn {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding: 20px 0; }
  .contact-header .step {
    display: none; }
    .contact-header .step.active {
      display: block; }

section#get-in-touch {
  min-height: 0;
  display: block;
  margin: auto;
  text-align: center; }
  section#get-in-touch a {
    display: block;
    padding: 100px 0;
    text-decoration: none;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 3rem; }

/* Venues master page*/
body.parent-pageid-5681 section#content-body {
  margin-bottom: 0; }
body.parent-pageid-5681 section#latest-work {
  min-height: 0; }

body.home section#home {
  position: relative; }
body.home .scroller-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 50px; }
  body.home .scroller-icon svg {
    width: 50px;
    height: 30px; }
  body.home .scroller-icon path {
    stroke: black; }
  body.home .scroller-icon .scroller {
    -webkit-animation: scrollupdown 1s infinite;
    animation: scrollupdown 1s infinite;
    fill: black; }

.fancybox-bg {
  background: #000; }

.fancybox-is-open .fancybox-bg {
  opacity: 0.90; }

.fancybox-slide--video .fancybox-content {
  width: 800px;
  height: 600px;
  max-width: 80%;
  max-height: 80%; }

@media (min-width: 992px) {
  body.page-event-styling section.boxed-content .image-container {
    background-position: -100px 50%; } }

body.tag main,
body.single-venue main,
body.single-portfolio main {
  background: #fff; }
body.tag #respond h3,
body.tag h3#comments,
body.single-venue #respond h3,
body.single-venue h3#comments,
body.single-portfolio #respond h3,
body.single-portfolio h3#comments {
  margin: 20px auto;
  font-size: 1.8rem;
  font-family: 'Gotham-Bold';
  text-align: center;
  display: block; }
body.tag #header,
body.single-venue #header,
body.single-portfolio #header {
  position: relative;
  height: 80vh;
  padding: 30px 0; }
  @media (min-width: 768px) {
    body.tag #header,
    body.single-venue #header,
    body.single-portfolio #header {
      height: 50vw; } }
body.tag section.portfolio-content,
body.single-venue section.portfolio-content,
body.single-portfolio section.portfolio-content {
  height: auto;
  margin: 30px auto;
  max-width: 90vw; }
  @media (min-width: 768px) {
    body.tag section.portfolio-content,
    body.single-venue section.portfolio-content,
    body.single-portfolio section.portfolio-content {
      display: block;
      max-width: 80vw;
      height: auto;
      min-height: 0;
      margin: 80px auto; }
      body.tag section.portfolio-content .container,
      body.single-venue section.portfolio-content .container,
      body.single-portfolio section.portfolio-content .container {
        max-width: 900px; } }
body.tag .share-container,
body.single-venue .share-container,
body.single-portfolio .share-container {
  display: none; }
body.tag section.image-rows,
body.single-venue section.image-rows,
body.single-portfolio section.image-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  height: auto;
  max-width: 1200px; }
  @media (min-width: 768px) {
    body.tag section.image-rows div.portrait,
    body.single-venue section.image-rows div.portrait,
    body.single-portfolio section.image-rows div.portrait {
      width: 50%;
      height: auto; } }
  body.tag section.image-rows div.landscape,
  body.single-venue section.image-rows div.landscape,
  body.single-portfolio section.image-rows div.landscape {
    width: 100%;
    /*min-height:66vw;*/
    background-size: cover; }
  body.tag section.image-rows img,
  body.single-venue section.image-rows img,
  body.single-portfolio section.image-rows img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    visibility: visible; }
body.tag .video-wrapper,
body.single-venue .video-wrapper,
body.single-portfolio .video-wrapper {
  max-width: 1200px;
  margin: auto;
  background: #000; }
  body.tag .video-wrapper iframe,
  body.single-venue .video-wrapper iframe,
  body.single-portfolio .video-wrapper iframe {
    display: block;
    max-width: 100%; }
body.tag #footer-cta,
body.single-venue #footer-cta,
body.single-portfolio #footer-cta {
  -webkit-transform: none;
          transform: none;
  margin: 0 0; }
  body.tag #footer-cta .section-content,
  body.single-venue #footer-cta .section-content,
  body.single-portfolio #footer-cta .section-content {
    -webkit-transform: none;
            transform: none;
    position: relative; }
body.tag .portfolio-prev,
body.tag .portfolio-next,
body.single-venue .portfolio-prev,
body.single-venue .portfolio-next,
body.single-portfolio .portfolio-prev,
body.single-portfolio .portfolio-next {
  position: fixed;
  z-index: 2;
  top: 60vh;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 5px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01);
          transition-timing-function: cubic-bezier(0, 0.995, 0.255, 1.01); }
  body.tag .portfolio-prev.active,
  body.tag .portfolio-next.active,
  body.single-venue .portfolio-prev.active,
  body.single-venue .portfolio-next.active,
  body.single-portfolio .portfolio-prev.active,
  body.single-portfolio .portfolio-next.active {
    opacity: 1; }
  body.tag .portfolio-prev svg,
  body.tag .portfolio-next svg,
  body.single-venue .portfolio-prev svg,
  body.single-venue .portfolio-next svg,
  body.single-portfolio .portfolio-prev svg,
  body.single-portfolio .portfolio-next svg {
    fill: #fff;
    height: 30px; }
  body.tag .portfolio-prev:hover,
  body.tag .portfolio-next:hover,
  body.single-venue .portfolio-prev:hover,
  body.single-venue .portfolio-next:hover,
  body.single-portfolio .portfolio-prev:hover,
  body.single-portfolio .portfolio-next:hover {
    -webkit-transform: translateY(-50%) scale(1.3);
            transform: translateY(-50%) scale(1.3); }
  @media (min-width: 768px) {
    body.tag .portfolio-prev,
    body.tag .portfolio-next,
    body.single-venue .portfolio-prev,
    body.single-venue .portfolio-next,
    body.single-portfolio .portfolio-prev,
    body.single-portfolio .portfolio-next {
      top: 40vh; }
      body.tag .portfolio-prev svg,
      body.tag .portfolio-next svg,
      body.single-venue .portfolio-prev svg,
      body.single-venue .portfolio-next svg,
      body.single-portfolio .portfolio-prev svg,
      body.single-portfolio .portfolio-next svg {
        height: 45px; } }
body.tag .portfolio-prev,
body.single-venue .portfolio-prev,
body.single-portfolio .portfolio-prev {
  right: auto;
  left: 20px;
  padding: 5px 10px 5px 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  body.tag .portfolio-prev svg,
  body.single-venue .portfolio-prev svg,
  body.single-portfolio .portfolio-prev svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.commentlist {
  list-style: none;
  padding: 0; }
  .commentlist li.comment {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #dadada; }
    .commentlist li.comment .comment {
      padding-left: 30px;
      padding-bottom: 0;
      border: 0;
      margin-top: 15px;
      margin-bottom: 0; }
  .commentlist .comment-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
    .commentlist .comment-author cite {
      margin: 0 5px 0 10px;
      font-style: normal; }
  .commentlist .comment-meta a {
    font-family: 'Gotham-Medium';
    color: #000;
    text-decoration: none; }

@media (min-width: 768px) {
  #respond {
    margin: 80px 0; } }
#respond form,
#respond textarea {
  width: 100%; }

#tags {
  text-align: center;
  font-size: 1.2rem;
  color: #363636; }

#credits {
  height: auto;
  display: block; }

.side-nav {
  display: none; }

.blog-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 120px;
  padding: 40px 0;
  width: 100%; }
  .blog-nav .nav-previous,
  .blog-nav .nav-next {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .blog-nav .nav-previous a,
    .blog-nav .nav-next a {
      font-family: 'Gotham-Bold';
      font-weight: normal;
      font-size: 4.0rem;
      text-decoration: none;
      text-transform: uppercase;
      color: #000;
      line-height: 1.2; }
  @media (max-width: 767px) {
    .blog-nav .nav-previous a,
    .blog-nav .nav-next a {
      font-size: 1.4rem;
      border: 1px solid black;
      padding: 15px;
      line-height: 1;
      border-radius: 2px; }
    .blog-nav .nav-next a {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      text-align: right; } }

.yarpp-related {
  display: none !important;
  margin: 80px auto; }
  @media (min-width: 992px) {
    .yarpp-related {
      max-width: 740px; } }
  .yarpp-related h3 {
    display: block;
    font-family: 'Gotham-Medium';
    text-transform: uppercase !important;
    text-align: center;
    margin-bottom: 15px;
    font-size: 2.0rem;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .yarpp-related h3 {
        margin: 0 30px 20px;
        font-size: 1.6rem; } }
  .yarpp-related .yarpp-thumbnails-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .yarpp-related .yarpp-thumbnails-horizontal a {
      color: #000;
      text-align: center;
      text-decoration: none; }
  .yarpp-related .yarpp-thumbnail-title {
    display: block; }
    @media (min-width: 992px) {
      .yarpp-related .yarpp-thumbnail-title {
        max-width: 120px; } }
  .yarpp-related .yarpp-thumbnail-title {
    margin-top: 5px;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    text-align: center !important;
    color: #111;
    font-size: 1.2rem; }
  @media (max-width: 767px) {
    .yarpp-related .yarpp-thumbnails-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .yarpp-related .yarpp-thumbnails-horizontal a {
        width: 50%;
        margin-bottom: 15px; }
        .yarpp-related .yarpp-thumbnails-horizontal a:nth-child(5) {
          display: none; } }

#credits,
.entry-meta {
  text-align: center;
  font-family: 'Gotham-Medium';
  text-transform: uppercase;
  letter-spacing: 2px; }
  #credits h4,
  .entry-meta h4 {
    display: block;
    text-align: center;
    color: #000; }
  #credits a,
  .entry-meta a {
    text-decoration: none; }

section#credits {
  margin: 80px auto;
  max-width: 60vw;
  min-height: 0; }
  @media (max-width: 767px) {
    section#credits {
      max-width: 90vw; } }
  section#credits h3 {
    color: #000; }
  section#credits p {
    font-family: 'Montserrat-Light';
    font-size: 1.4rem;
    line-height: 20px;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 10px; }

article h1 {
  display: block;
  max-width: 80%;
  margin: auto; }
article .container {
  max-width: 860px; }
article .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px auto; }
  article .gallery img {
    width: 100%;
    height: auto;
    display: block; }
  article .gallery .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    ailgn-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    article .gallery .image-container.landscape {
      width: 100%;
      display: block; }
    article .gallery .image-container.portrait {
      width: 100%;
      display: block; }
      @media (min-width: 768px) {
        article .gallery .image-container.portrait {
          width: 50%; } }
article .article-content {
  position: relative; }
  article .article-content:before {
    display: block;
    content: ' ';
    height: 200px;
    position: absolute;
    width: 120vw;
    top: -70px;
    background: white;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
  article .article-content .section-content {
    position: relative; }
    @media (max-width: 767px) {
      article .article-content .section-content .entry-meta {
        max-width: 90%;
        margin: auto; } }

body.single-post #sidebar {
  display: none; }
body.single-post #content {
  padding: 0; }

body.tag #content {
  padding: 0; }
body.tag #sidebar {
  display: none; }

body.category-workshops-blog article h1 {
  font-size: 4.0rem; }

body.category-blog:not(.paged) .blog-nav .nav-next {
  display: none; }

/* Contact */
body.page-contact section {
  min-height: 0;
  height: auto; }
  body.page-contact section .row {
    margin: auto; }
body.page-contact section#header {
  max-height: 400px; }
body.page-contact #contact p {
  margin: 10px 0 20px;
  font-size: 1.4rem;
  text-align: center;
  opacity: 0.7; }
  @media (min-width: 768px) {
    body.page-contact #contact p {
      margin-bottom: 30px;
      font-size: 1.8rem; } }
  body.page-contact #contact p .label {
    display: block;
    font-family: 'Gotham-Medium';
    font-size: 1.4rem;
    line-height: 120%; }
    @media (min-width: 768px) {
      body.page-contact #contact p .label {
        opacity: 0.8;
        font-size: 1.8rem; } }
  @media (min-width: 992px) {
    body.page-contact #contact p .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    body.page-contact #contact p p {
      margin: 10px 40px;
      font-size: 2.0rem; } }
body.page-contact #form {
  max-width: 800px;
  margin: auto auto 40px;
  padding-top: 50px;
  border-top: 1px dashed #cecece; }
  body.page-contact #form h3, body.page-contact #form p {
    display: block;
    text-align: center; }
  body.page-contact #form h3 {
    color: black; }
  @media (max-width: 767px) {
    body.page-contact #form h3 {
      font-size: 1.8rem;
      line-height: 24px;
      color: #ed0086; }
    body.page-contact #form p {
      max-width: 80%;
      margin: 10px auto; } }
  body.page-contact #form .columns {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  body.page-contact #form .container {
    width: 90%; }
  body.page-contact #form .input-wrapper {
    margin: 15px; }
    body.page-contact #form .input-wrapper label {
      margin-bottom: 5px;
      display: block; }
    body.page-contact #form .input-wrapper br {
      display: none; }
    body.page-contact #form .input-wrapper select,
    body.page-contact #form .input-wrapper input {
      border: 1px solid #dedede;
      line-height: 30px;
      height: 34px;
      border-radius: 0;
      width: 100%; }
    body.page-contact #form .input-wrapper.submit {
      margin: 0 15px; }
      body.page-contact #form .input-wrapper.submit:hover {
        cursor: pointer; }
      body.page-contact #form .input-wrapper.submit input {
        width: auto;
        max-width: 300px;
        margin: auto;
        display: block;
        border: 0;
        padding: 0 40px;
        font-size: 1.2rem;
        height: 50px;
        line-height: 20px; }
        body.page-contact #form .input-wrapper.submit input:hover {
          cursor: pointer; }
  @media (max-width: 767px) {
    body.page-contact #form .columns {
      display: block; } }
  body.page-contact #form .columns + .input-wrapper {
    margin: -15px 30px 30px; }
    body.page-contact #form .columns + .input-wrapper textarea {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  body.page-contact #form input[type=email],
  body.page-contact #form input[type=text] {
    text-indent: 10px; }
  body.page-contact #form textarea {
    border: 1px solid #dedede; }
  body.page-contact #form input.error {
    border-color: red; }
  body.page-contact #form div.error {
    color: red;
    margin-top: 5px;
    font-size: 1.2rem; }

/* Subscribe */
body.page-id-491 form {
  max-width: 800px;
  margin: auto;
  padding-top: 50px;
  border-top: 1px dashed #cecece; }
  body.page-id-491 form h3, body.page-id-491 form p {
    display: block;
    text-align: center; }
  @media (max-width: 767px) {
    body.page-id-491 form h3 {
      font-size: 1.8rem;
      line-height: 24px; } }
  body.page-id-491 form .container {
    width: 90%; }
  body.page-id-491 form .select-wrapper,
  body.page-id-491 form .input-wrapper {
    margin-bottom: 20px; }
    body.page-id-491 form .select-wrapper label,
    body.page-id-491 form .input-wrapper label {
      margin-bottom: 5px;
      display: block; }
    body.page-id-491 form .select-wrapper br,
    body.page-id-491 form .input-wrapper br {
      display: none; }
    body.page-id-491 form .select-wrapper select,
    body.page-id-491 form .select-wrapper input,
    body.page-id-491 form .input-wrapper select,
    body.page-id-491 form .input-wrapper input {
      border: 1px solid #dedede;
      line-height: 30px;
      height: 30px;
      width: 100%; }
    body.page-id-491 form .select-wrapper select,
    body.page-id-491 form .input-wrapper select {
      display: block;
      width: 100%;
      line-height: 30px;
      height: 30px; }
    body.page-id-491 form .select-wrapper.submit,
    body.page-id-491 form .input-wrapper.submit {
      margin: 0 30px; }
      body.page-id-491 form .select-wrapper.submit:hover,
      body.page-id-491 form .input-wrapper.submit:hover {
        cursor: pointer; }
      body.page-id-491 form .select-wrapper.submit input,
      body.page-id-491 form .input-wrapper.submit input {
        height: 60px;
        width: 200px;
        margin: auto;
        display: block;
        border: 0;
        font-size: 1.6rem; }
  body.page-id-491 form .columns + .input-wrapper {
    margin: -15px 30px 30px; }
    body.page-id-491 form .columns + .input-wrapper textarea {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  body.page-id-491 form input.error {
    border-color: red; }
  body.page-id-491 form div.error {
    color: red;
    margin-top: 5px; }

body.page-template-page-the-makers section#header {
  height: 80vh; }
  body.page-template-page-the-makers section#header h1 {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px); }
  body.page-template-page-the-makers section#header .overlay {
    display: none; }
body.page-template-page-the-makers h3 {
  margin-bottom: 20px;
  text-align: left; }
body.page-template-page-the-makers p {
  color: #fff; }
body.page-template-page-the-makers #content-body {
  height: auto;
  padding: 200px;
  background: rgba(0, 0, 0, 0.1);
  /*background-image: url(http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/bg-smoke.jpg) !important;*/
  background-position: 100% 100%;
  background-size: cover;
  background-image: url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/bg-bts-nicky-matty2.jpg") !important; }
  @media (max-width: 767px) {
    body.page-template-page-the-makers #content-body {
      padding: 100px 30px;
      background-position: 50% 0; } }
  body.page-template-page-the-makers #content-body p {
    font-family: 'Gotham-Bold';
    font-weight: normal;
    font-size: 2vw;
    text-shadow: none;
    text-transform: uppercase;
    text-align: center; }
    @media (max-width: 767px) {
      body.page-template-page-the-makers #content-body p {
        max-width: 100%;
        font-size: 1.6rem; } }
  body.page-template-page-the-makers #content-body .container {
    max-width: 700px;
    margin: auto; }
    @media (max-width: 767px) {
      body.page-template-page-the-makers #content-body .container {
        width: 100%; } }
body.page-template-page-the-makers .layout--profile {
  position: relative;
  height: auto;
  height: 80vh;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #fff; }
  body.page-template-page-the-makers .layout--profile:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
            transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-property: background;
    transition-property: background; }
    @media (max-width: 767px) {
      body.page-template-page-the-makers .layout--profile:before {
        background: rgba(0, 0, 0, 0.4); } }
  body.page-template-page-the-makers .layout--profile:hover:before {
    background: rgba(0, 0, 0, 0.2); }
  body.page-template-page-the-makers .layout--profile .section-content {
    width: 100%;
    padding: 65px 30px 125px 30px; }
    @media (min-width: 768px) {
      body.page-template-page-the-makers .layout--profile .section-content {
        padding: 150px 100px 250px 100px; } }
    body.page-template-page-the-makers .layout--profile .section-content h3, body.page-template-page-the-makers .layout--profile .section-content p {
      position: relative;
      z-index: 3;
      display: block;
      margin: 0 auto 5px;
      color: #fff;
      text-align: center; }
      @media (min-width: 768px) {
        body.page-template-page-the-makers .layout--profile .section-content h3, body.page-template-page-the-makers .layout--profile .section-content p {
          margin-left: 0;
          text-align: left; } }
    body.page-template-page-the-makers .layout--profile .section-content h3 {
      font-size: 2.0rem; }
      @media (min-width: 768px) {
        body.page-template-page-the-makers .layout--profile .section-content h3 {
          font-size: 3.0rem; } }
    body.page-template-page-the-makers .layout--profile .section-content p {
      font-size: 16px; }
      @media (min-width: 768px) {
        body.page-template-page-the-makers .layout--profile .section-content p {
          max-width: 60%;
          font-size: 1.4rem;
          letter-spacing: 1.5px; } }
      @media (min-width: 768px) {
        body.page-template-page-the-makers .layout--profile .section-content p {
          font-size: 2.0rem; } }
      @media (min-width: 1400px) {
        body.page-template-page-the-makers .layout--profile .section-content p {
          max-width: 35%; } }
  body.page-template-page-the-makers .layout--profile#marie {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/marie4.jpg"); }
  body.page-template-page-the-makers .layout--profile#sarah {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/sarah-2.jpg"); }
  body.page-template-page-the-makers .layout--profile#chloe {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/chloe-3.jpg"); }
  body.page-template-page-the-makers .layout--profile#bec {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/bec4.jpg"); }
    @media (min-width: 992px) {
      body.page-template-page-the-makers .layout--profile#bec {
        background-position: 50% 50%; } }
    @media (min-width: 1200px) {
      body.page-template-page-the-makers .layout--profile#bec {
        background-position: 50% 50%; } }
    @media (min-width: 1400px) {
      body.page-template-page-the-makers .layout--profile#bec {
        background-position: 50% 0; } }
  body.page-template-page-the-makers .layout--profile#alice {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/alice4.jpg"); }
  body.page-template-page-the-makers .layout--profile#susie {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/susie3.jpg"); }
  body.page-template-page-the-makers .layout--profile#tim {
    background-image: url("http://cdn.thestyleco.com.au/wp-content/images/staff/tim4.jpg");
    background-position: 100% 0;
    color: #fff; }

body.pod-page-testimonials .testimonials-container {
  max-width: 90vw;
  margin: auto; }
  @media (min-width: 768px) {
    body.pod-page-testimonials .testimonials-container {
      max-width: 60vw; } }
body.pod-page-testimonials .testimonial {
  display: block;
  position: relative; }
  body.pod-page-testimonials .testimonial h3 {
    color: #000; }
  body.pod-page-testimonials .testimonial img {
    max-width: 100%;
    -webkit-filter: grayscale(70%);
            filter: grayscale(70%);
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
            transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter; }
    body.pod-page-testimonials .testimonial img:nth-child(2) {
      display: none; }
  body.pod-page-testimonials .testimonial:hover img {
    -webkit-filter: grayscale(0);
            filter: grayscale(0); }
  body.pod-page-testimonials .testimonial .testimonial-content {
    margin-top: 20px; }
  @media (min-width: 768px) {
    body.pod-page-testimonials .testimonial {
      margin-bottom: 100px; }
      body.pod-page-testimonials .testimonial h2 {
        max-width: 350px; }
      body.pod-page-testimonials .testimonial img:nth-child(2) {
        display: block; }
      body.pod-page-testimonials .testimonial img:nth-child(2),
      body.pod-page-testimonials .testimonial img:nth-child(3) {
        position: absolute;
        top: 170px;
        left: -60px; }
        body.pod-page-testimonials .testimonial img:nth-child(2).portrait,
        body.pod-page-testimonials .testimonial img:nth-child(3).portrait {
          max-height: 200px;
          -webkit-transform: translateX(-40px);
                  transform: translateX(-40px); }
        body.pod-page-testimonials .testimonial img:nth-child(2).landscape,
        body.pod-page-testimonials .testimonial img:nth-child(3).landscape {
          -webkit-transform: translateY(40px);
                  transform: translateY(40px);
          max-width: 200px; } }
    @media (min-width: 768px) and (min-width: 992px) {
      body.pod-page-testimonials .testimonial img:nth-child(2),
      body.pod-page-testimonials .testimonial img:nth-child(3) {
        top: 220px; }
        body.pod-page-testimonials .testimonial img:nth-child(2).portrait,
        body.pod-page-testimonials .testimonial img:nth-child(3).portrait {
          max-height: 260px; }
        body.pod-page-testimonials .testimonial img:nth-child(2).landscape,
        body.pod-page-testimonials .testimonial img:nth-child(3).landscape {
          max-width: 240px;
          top: 250px;
          left: -110px; } }
  @media (min-width: 768px) {
      body.pod-page-testimonials .testimonial .testimonial-content {
        margin-top: 30px; }
      body.pod-page-testimonials .testimonial .description {
        left: 9vw; }
      body.pod-page-testimonials .testimonial .section-content {
        padding: 150px 0 50px 100px; }
      body.pod-page-testimonials .testimonial:nth-child(1n) {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body.pod-page-testimonials .testimonial:nth-child(1n) .testimonial-content {
          margin-left: 40px; }
      body.pod-page-testimonials .testimonial:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        body.pod-page-testimonials .testimonial:nth-child(2n) img.landscape:nth-child(2) {
          bottom: -20px;
          left: auto;
          right: -100px; }
        body.pod-page-testimonials .testimonial:nth-child(2n) .testimonial-content {
          margin-right: 40px; }
      body.pod-page-testimonials .testimonial.long {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        body.pod-page-testimonials .testimonial.long h3 {
          text-align: center; }
        body.pod-page-testimonials .testimonial.long img {
          max-width: 100%; }
        body.pod-page-testimonials .testimonial.long .testimonial-content {
          margin: 30px 50px; } }

@media (max-width: 991px) {
  html.touchevents h1.animate {
    -webkit-text-fill-color: transparent;
    background: url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/home-rotate3.gif") repeat;
    -webkit-background-clip: none;
    -webkit-text-fill-color: black;
    background: none;
    color: black; } }

html.browser-safari body.pod-page-testimonials .testimonial img,
html.browser-safari section#gallery ul li a,
html.browser-safari section#footer-cta .overlay,
html.browser-safari section#footer-cta .overlay:hover {
  -webkit-filter: none !important;
          filter: none !important; }

.page-id-1891 section:not(#footer-cta),
.page-template-page-workshops section:not(#footer-cta) {
  height: auto;
  min-height: 0;
  margin: 100px auto;
  padding: 0; }
  @media (max-width: 767px) {
    .page-id-1891 section:not(#footer-cta),
    .page-template-page-workshops section:not(#footer-cta) {
      margin: 30px auto; } }
.page-id-1891 #splash,
.page-template-page-workshops #splash {
  height: 100vh !important;
  position: relative;
  background-image: url("http://cdn.thestyleco.com.au/wp-content/uploads/2016/02/160117TSC-078-1000x666.jpg") !important; }
  .page-id-1891 #splash h1,
  .page-template-page-workshops #splash h1 {
    text-indent: -9999em;
    width: 500px;
    height: 100px;
    background-image: url("http://cdn.thestyleco.com.au/wp-content/themes/thestyleco2016/assets/images/logo-sessions.png");
    background-size: contain;
    background-repeat: no-repeat; }
.page-id-1891 section#current-workshops,
.page-template-page-workshops section#current-workshops {
  max-width: 80%;
  margin: 50px auto;
  padding: 50px 0;
  border-bottom: 1px dashed #cecece;
  border-top: 1px dashed #cecece; }
  .page-id-1891 section#current-workshops h3,
  .page-template-page-workshops section#current-workshops h3 {
    margin: 15px 0; }
  .page-id-1891 section#current-workshops h4,
  .page-template-page-workshops section#current-workshops h4 {
    margin: 30px 0 0;
    color: #000;
    font-family: 'Gotham-Bold'; }
  .page-id-1891 section#current-workshops h3, .page-id-1891 section#current-workshops h4, .page-id-1891 section#current-workshops p,
  .page-template-page-workshops section#current-workshops h3,
  .page-template-page-workshops section#current-workshops h4,
  .page-template-page-workshops section#current-workshops p {
    display: block;
    text-align: center; }
  .page-id-1891 section#current-workshops .workshop,
  .page-template-page-workshops section#current-workshops .workshop {
    margin-bottom: 50px; }
  .page-id-1891 section#current-workshops .cost,
  .page-template-page-workshops section#current-workshops .cost {
    font-family: 'Gotham-Medium';
    font-size: 2.8rem;
    margin: 0 auto; }
  .page-id-1891 section#current-workshops .label,
  .page-template-page-workshops section#current-workshops .label {
    display: block;
    font-family: 'Gotham-Medium';
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0; }
  .page-id-1891 section#current-workshops .details,
  .page-template-page-workshops section#current-workshops .details {
    margin-top: 0;
    margin-bottom: 10px; }
  @media (max-width: 767px) {
    .page-id-1891 section#current-workshops,
    .page-template-page-workshops section#current-workshops {
      margin: 25px auto;
      padding: 25px 0; }
      .page-id-1891 section#current-workshops h4,
      .page-template-page-workshops section#current-workshops h4 {
        font-size: 1.8rem; }
      .page-id-1891 section#current-workshops .label,
      .page-template-page-workshops section#current-workshops .label {
        font-size: 1.4rem; }
      .page-id-1891 section#current-workshops .workshop,
      .page-template-page-workshops section#current-workshops .workshop {
        margin-bottom: 25px; } }
.page-id-1891 section#motto h2,
.page-template-page-workshops section#motto h2 {
  margin-bottom: 30px; }
.page-id-1891 section#motto p,
.page-template-page-workshops section#motto p {
  max-width: 60%;
  margin: 0 auto 5px;
  letter-spacing: 0;
  font-family: 'Montserrat-Light';
  font-size: 1.4rem;
  text-transform: none; }
@media (max-width: 767px) {
  .page-id-1891 section#motto p,
  .page-template-page-workshops section#motto p {
    max-width: 80%; } }
.page-id-1891 #gallery,
.page-template-page-workshops #gallery {
  height: auto; }
  .page-id-1891 #gallery .grid,
  .page-template-page-workshops #gallery .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .page-id-1891 #gallery .grid img,
    .page-template-page-workshops #gallery .grid img {
      visibility: hidden; }
    .page-id-1891 #gallery .grid .image-container,
    .page-template-page-workshops #gallery .grid .image-container {
      width: calc(33.3% - 8px);
      margin: 4px;
      background-size: cover; }
.page-id-1891 #video iframe,
.page-template-page-workshops #video iframe {
  width: 75vw;
  height: 42vw;
  margin: auto; }
.page-id-1891 #mission .two-columns,
.page-template-page-workshops #mission .two-columns {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
.page-id-1891 #mission strong,
.page-template-page-workshops #mission strong {
  font-family: 'Gotham-Bold';
  font-size: 1.6rem;
  letter-spacing: 3px;
  text-transform: uppercase; }
.page-id-1891 #subscribe h3,
.page-template-page-workshops #subscribe h3 {
  color: #000; }
.page-id-1891 #subscribe p,
.page-template-page-workshops #subscribe p {
  max-width: 60%;
  text-align: center;
  margin: 0 auto 30px; }
.page-id-1891 #subscribe form,
.page-template-page-workshops #subscribe form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .page-id-1891 #subscribe form label,
  .page-template-page-workshops #subscribe form label {
    display: block; }
  .page-id-1891 #subscribe form .field,
  .page-template-page-workshops #subscribe form .field {
    margin: 0 5px; }
    @media (min-width: 768px) {
      .page-id-1891 #subscribe form .field,
      .page-template-page-workshops #subscribe form .field {
        width: 20%; } }
  .page-id-1891 #subscribe form .btn,
  .page-id-1891 #subscribe form input,
  .page-id-1891 #subscribe form select,
  .page-template-page-workshops #subscribe form .btn,
  .page-template-page-workshops #subscribe form input,
  .page-template-page-workshops #subscribe form select {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #aaa;
    width: 100%; }
  .page-id-1891 #subscribe form .btn,
  .page-template-page-workshops #subscribe form .btn {
    padding: 0 15px;
    background: #000;
    color: #fff;
    border: 0; }
.page-id-1891 #subscribe + #footer-cta,
.page-template-page-workshops #subscribe + #footer-cta {
  margin-top: 40px; }
@media (max-width: 767px) {
  .page-id-1891 #subscribe p,
  .page-template-page-workshops #subscribe p {
    max-width: 80%; }
  .page-id-1891 #subscribe form,
  .page-template-page-workshops #subscribe form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .page-id-1891 #subscribe form .field,
    .page-template-page-workshops #subscribe form .field {
      margin: 5px 0; } }

@media (max-width: 767px) {
  body.category-faqs .faqs-container {
    max-width: 80%; } }
body.category-faqs h3 {
  font-family: 'Gotham-Medium';
  font-weight: 300;
  letter-spacing: 3px;
  font-size: 1.6rem;
  text-align: left; }
  @media (min-width: 768px) {
    body.category-faqs h3 {
      font-size: 2.0rem; } }
@media (min-width: 768px) {
  body.category-faqs article {
    margin-bottom: 50px; } }

body.tag .taxonomy-description {
  max-width: 800px;
  margin: auto;
  text-align: center; }

body.tag .taxonomy-description .btn {
  position: static;
  -webkit-transform: none;
          transform: none; }