/* -------------------------------- 
 Header

-------------------------------- */
.cd-morph-dropdown .nav-trigger { /* menu icon - visible on small screens only */ position: absolute; top: 0; right: 0; height: 60px; width: 60px; /* replace text with icon */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; }
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before { /* these are the 3 lines of the menu icon */ position: absolute; background-color: #1A1A1A; height: 3px; width: 26px; }
.cd-morph-dropdown .nav-trigger span { left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); transition: background-color .3s; }
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before { content: ''; left: 0; transition: transform .3s; }
.cd-morph-dropdown .nav-trigger span::before { transform: translateY(-9px); }
.cd-morph-dropdown .nav-trigger span::after { transform: translateY(9px); }
.cd-morph-dropdown.nav-open .nav-trigger span { background-color: transparent; }
.cd-morph-dropdown.nav-open .nav-trigger span::before { transform: rotate(45deg); }
.cd-morph-dropdown.nav-open .nav-trigger span::after { transform: rotate(-45deg); }
.cd-morph-dropdown .main-nav { display: none; }
.cd-morph-dropdown .morph-dropdown-wrapper { display: none; position: absolute; top: 60px; left: 0; width: 100%; padding: 1.2em 5%; box-shadow: inset 0 1px 0 #2e2e2e; background-color: #333333; }
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper { display: block; }
.cd-morph-dropdown .dropdown-list > ul > li { margin-bottom: 3.3em; }
.cd-morph-dropdown .label { display: block; font-size: 2.2rem; color: #1A1A1A; margin-bottom: .8em; }
.cd-morph-dropdown .content li::after { clear: both; content: ""; display: block; }
.cd-morph-dropdown .gallery .content li { margin-bottom: 1.4em; }
.cd-morph-dropdown .gallery .content a { display: block; }
.cd-morph-dropdown .gallery .content a::before { /* icon on the left */ content: ''; display: inline-block; float: left; height: 54px; width: 54px; margin-right: .6em; background: red; border-radius: 50%; transition: background .2s; }
.cd-morph-dropdown .gallery .content a span, .cd-morph-dropdown .gallery .content a em { display: block; line-height: 1.2; }
.cd-morph-dropdown .gallery .content a em { font-size: 1.8rem; padding: .4em 0 .2em; color: #1A1A1A; }
.cd-morph-dropdown .gallery .content a span { font-size: 1.4rem; color: #212121; }
.cd-morph-dropdown .gallery .content a:hover::before { background-color: #1A1A1A; }
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before { background: #f4e58a url(../img/cd-gallery-icons.svg) no-repeat 0 0; }
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before { background: #F4AF6D url(../img/cd-gallery-icons.svg) no-repeat -54px 0; }
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before { background: #DB6356 url(../img/cd-gallery-icons.svg) no-repeat -108px 0; }
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before { background: #8D4645 url(../img/cd-gallery-icons.svg) no-repeat -162px 0; }
.cd-morph-dropdown .links .content > ul > li { margin-top: 1em; }
.cd-morph-dropdown .links-list a, .cd-morph-dropdown .btn { display: block; margin-left: 14px; font-size: 2.2rem; line-height: 1.6; }
.cd-morph-dropdown .links-list a:hover, .cd-morph-dropdown .btn:hover { color: #1A1A1A; }
.cd-morph-dropdown .content h2 { color: #212121; text-transform: uppercase; font-weight: bold; font-size: 1.3rem; margin: 20px 0 10px 14px; }
@media only screen and (min-width: 992px) { .cd-morph-dropdown::before { content: 'desktop'; font-size: 0; }
  .cd-morph-dropdown .nav-trigger { display: none; }
  .cd-morph-dropdown .main-nav > ul > li { display: inline-block; float: left; }
  .cd-morph-dropdown .main-nav > ul > li > a { display: block; padding: 0 1.8em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity .2s; }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a { /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */ opacity: .6; }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a { opacity: 1; }
  .cd-morph-dropdown .morph-dropdown-wrapper { /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */ display: block; top: 58px; /* overwrite mobile style */ width: auto; padding: 0; box-shadow: none; background-color: transparent; /* Force Hardware acceleration */ transform: translateZ(0); will-change: transform; transform: translateY(20px); transition: transform .3s; }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper { transform: translateY(0); }
  .cd-morph-dropdown .dropdown-list { position: absolute; top: 0; left: 0; visibility: hidden; transform: translateZ(0); will-change: transform, width, height; transition: visibility .3s; }
  .no-csstransitions .cd-morph-dropdown .dropdown-list { display: none; }
  .cd-morph-dropdown .dropdown-list::before { /* dropdown top triangle */ content: ''; position: absolute; bottom: 100%; left: 50%; right: auto; transform: translateX(-50%); height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #333333; opacity: 0; transition: opacity .3s; }
  .cd-morph-dropdown .dropdown-list > ul { position: relative; z-index: 1; height: 100%; width: 100%; overflow: hidden; }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list { visibility: visible; transition: transform .3s, width .3s, height .3s; }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before { opacity: 1; }
  .cd-morph-dropdown .dropdown { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; width: 100%; transition: opacity .3s, visibility .3s; }
  .cd-morph-dropdown .dropdown.active { opacity: 1; visibility: visible; }
  .cd-morph-dropdown .dropdown.move-left .content { transform: translateX(-100px); }
  .cd-morph-dropdown .dropdown.move-right .content { transform: translateX(100px); }
  .cd-morph-dropdown .label { /* hide the label on bigger devices */ display: none; }
  .cd-morph-dropdown .content { padding: 2.2em 1.8em; transition: transform .3s; text-align: left; }
  .cd-morph-dropdown .content > ul::after { clear: both; content: ""; display: block; }
  .cd-morph-dropdown .content > ul > li { width: 48%; float: left; margin-right: 4%; margin-top: 0; }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) { margin-right: 0; }
  .cd-morph-dropdown .gallery .content { /* you need to set a width for the .content elements because they have a position absolute */ width: 510px; padding-bottom: .8em; }
  .cd-morph-dropdown .gallery .content li { margin-bottom: 1.8em; }
  .cd-morph-dropdown .links .content > ul > li { margin-top: 0; }
  .cd-morph-dropdown .links .content, .cd-morph-dropdown .button .content { width: 390px; }
  .cd-morph-dropdown .links-list a { font-size: 1.6rem; margin-left: 0; }
  .cd-morph-dropdown .btn { display: block; width: 100%; height: 60px; margin: 1.5em 0 0; font-size: 1.8rem; text-align: center; color: #333333; line-height: 60px; background: #DB6356; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .cd-morph-dropdown .btn:hover { background: #1A1A1A; color: #333333; }
  .cd-morph-dropdown .content h2 { font-size: 1.8rem; text-transform: none; font-weight: normal; color: #1A1A1A; margin: 0 0 .6em; }
  .cd-morph-dropdown .bg-layer { /* morph dropdown background */ position: absolute; top: 0; left: 0; height: 1px; width: 1px; background: #333333; opacity: 0; transition: opacity .3s; transform-origin: top left; transform: translateZ(0); will-change: transform; backface-visibility: hidden; }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer { opacity: 1; transition: transform .3s, opacity .3s; } }

/* -------------------------------- 

Main site content

-------------------------------- */
.cd-main-content { min-height: 100vh; background-color: #548c7e; }
@media only screen and (min-width: 992px) { .cd-main-content { padding-top: 80px; } }

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