/*!
* Theme Name: Compton Abbas
* Theme URI: https://comptonabbasairfield.co.uk/
* Author: WEAREBEARD
* Author URI: https://wearebeard.com/
* Description: Description
* Version: 1.0.0
* License: GNU General Public License v2 or later
* License URI: LICENSE
* Text Domain: comptonAbbas
* Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*
* This theme, like WordPress, is licensed under the GPL.
* Use it to make something cool, have fun, and share what you've learned.
*
* This theme is based on comptonAbbas_ (C) 2012-2020 Automattic, Inc.
* comptonAbbas_ is distributed under the terms of the GNU GPL v2 or later.
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */
@import url("https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=block");
@font-face {
font-family: "Mango";
src: url("assets/dist/fonts/Mango.woff2") format("woff2"), url("assets/dist/fonts/Mango.woff") format("woff"), url("assets/dist/fonts/Mango.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: block;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 15px 0 15px 0;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
outline: none;
}
.hamburger:hover {
-webkit-filter: opacity(100%);
filter: opacity(100%);
}
.hamburger.is-active:hover {
-webkit-filter: opacity(100%);
filter: opacity(100%);
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #F6F0E7;
width: 100%;
}
.hamburger-box {
width: 40px;
height: 23px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 3px;
background-color: #F6F0E7;
border-radius: 0;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
width: 100%;
right: 0;
}
.hamburger-inner::after {
bottom: -10px;
width: 100%;
right: 0;
}
/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DX Reverse
*/
.hamburger--3dx-r .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DY
*/
.hamburger--3dy .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DY Reverse
*/
.hamburger--3dy-r .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DXY
*/
.hamburger--3dxy .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg);
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DXY Reverse
*/
.hamburger--3dxy-r .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* Arrow
*/
.hamburger--arrow.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Arrow Right
*/
.hamburger--arrow-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Alt
*/
.hamburger--arrowalt .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Alt Right
*/
.hamburger--arrowalt-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Turn
*/
.hamburger--arrowturn.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Turn Right
*/
.hamburger--arrowturn-r.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Boring
*/
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
-webkit-transition-property: none;
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Collapse Reverse
*/
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
transform: translate3d(0, -10px, 0) rotate(45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 1.5px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
transform: translate3d(0, 10px, 0) rotate(135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
transform: translate3d(0, -20px, 0) rotate(-270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 1.5px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
transform: translate3d(0, 10px, 0) rotate(-135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
transform: translate3d(0, -20px, 0) rotate(270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
/*
* Emphatic
*/
.hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
transform: translate3d(80px, 80px, 0) rotate(45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Emphatic Reverse
*/
.hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
transform: translate3d(80px, -80px, 0) rotate(-45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
transform: translate3d(-80px, -80px, 0) rotate(45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Minus
*/
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
}
/*
* Slider
*/
.hamburger--slider .hamburger-inner {
top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-5.7142857143px, -7px, 0);
transform: rotate(-45deg) translate3d(-5.7142857143px, -7px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
top: 1.5px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
-webkit-transform: rotate(45deg) translate3d(5.7142857143px, -7px, 0);
transform: rotate(45deg) translate3d(5.7142857143px, -7px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
transform: translate3d(0, -20px, 0) rotate(90deg);
}
/*
* Spin
*/
.hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spin Reverse
*/
.hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spring
*/
.hamburger--spring .hamburger-inner {
top: 1.5px;
-webkit-transition: background-color 0s 0.13s linear;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/*
* Spring Reverse
*/
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand
*/
.hamburger--stand .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand Reverse
*/
.hamburger--stand-r .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Vortex
*/
.hamburger--vortex .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
-webkit-transform: rotate(765deg);
-ms-transform: rotate(765deg);
transform: rotate(765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
/*
* Vortex Reverse
*/
.hamburger--vortex-r .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
-webkit-transform: rotate(-765deg);
-ms-transform: rotate(-765deg);
transform: rotate(-765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.container-fluid,
.container {
margin-right: auto;
margin-left: auto;
max-width: 140rem;
}
.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 1rem;
margin-left: 1rem;
}
@media (min-width: 768px) {
.row {
margin-right: 2rem;
margin-left: 2rem;
}
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 768px) {
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
padding-right: 2rem;
padding-left: 2rem;
}
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 48rem) {
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 2rem;
padding-left: 2rem;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 64rem) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 2rem;
padding-left: 2rem;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 100%;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 75rem) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 2rem;
padding-left: 2rem;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
html.no-scroll {
overflow: hidden;
}
body {
font-size: 1.8rem;
line-height: 1.6;
font-weight: 400;
font-family: "Fira Mono", monospace;
color: #494D50;
background-color: #F6F0E7;
background-image: url(assets/dist/img/texture-bg.png);
background-position: center;
background-repeat: repeat;
background-size: contain;
}
body.no-scroll, body.sticky {
overflow: hidden;
}
img {
-o-object-fit: contain;
object-fit: contain;
height: auto;
width: auto;
max-width: 100%;
}
svg {
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
height: auto;
width: auto;
}
iframe {
max-width: 100%;
}
video {
width: 100%;
height: auto;
}
.menu-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
visibility: hidden;
opacity: 0;
background-color: black;
z-index: 7;
-webkit-transition: 0.2s all ease-in-out;
transition: 0.2s all ease-in-out;
}
.menu-overlay.show {
visibility: visible;
opacity: 0.3;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Mango", "Times New Roman", Times, serif;
margin-top: 0;
margin-bottom: 2rem;
font-weight: 700;
}
h1 {
font-size: 5rem;
line-height: 1.1;
font-weight: 700;
text-transform: uppercase;
color: #F6F0E7;
}
h2 {
font-size: 4rem;
line-height: 1.25;
font-weight: 700;
text-transform: uppercase;
}
h2.large {
font-size: 4rem;
}
h3 {
font-size: 3rem;
line-height: 1.3;
}
h4 {
font-size: 2.4rem;
line-height: 1.35;
}
h5 {
font-size: 1.8rem;
line-height: 1.5;
}
h6 {
font-size: 1.5rem;
line-height: 1.6;
}
@media (min-width: 768px) {
h1 {
font-size: 7rem;
}
h2 {
font-size: 6rem;
line-height: 1.1;
}
h2.large {
font-size: 6rem;
}
h3 {
font-size: 4.5rem;
}
h4 {
font-size: 3rem;
}
h5 {
font-size: 2.4rem;
}
h6 {
font-size: 1.5rem;
}
}
@media (min-width: 1360px) {
h2.large {
font-size: 7rem;
}
}
p {
margin-top: 0;
}
a {
color: #B74822;
text-decoration: none;
font-weight: 700;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ol, ul {
padding-left: 20px;
margin-top: 0;
margin-left: 15px;
}
ol ul ul,
ol ul ol,
ol ol ol,
ol ol ul, ul ul ul,
ul ul ol,
ul ol ol,
ul ol ul {
margin: 1.5rem 0 1.5rem 3rem;
}
li {
margin-bottom: 1rem;
}
code {
padding: 0.2rem 0.5rem;
margin: 0 0.2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px;
}
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre;
}
.button {
font-weight: 700;
text-transform: uppercase;
color: #494D50;
display: inline-block;
padding-right: 40px;
position: relative;
margin-bottom: 2rem;
text-decoration: underline;
text-decoration-thickness: 2px;
cursor: pointer;
background-color: transparent;
line-height: 1.6;
}
.button:hover:after {
right: 0;
}
.button:after {
content: "";
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(assets/dist/img/grey-button.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 30px;
width: 30px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button.orange {
background-color: #B74822;
color: #F6F0E7;
text-decoration: none;
padding: 10px 20px;
border: 2px solid #B74822;
}
.button.orange:hover {
background-color: transparent;
border-color: #F6F0E7;
color: #F6F0E7;
}
.button.orange:after {
display: none;
}
.button.white-stroke {
color: #F6F0E7;
text-decoration: none;
padding: 10px 20px;
border: 2px solid #F6F0E7;
}
.button.white-stroke:hover {
background-color: #F6F0E7;
color: #494D50;
}
.button.white-stroke:after {
display: none;
}
.gform_wrapper.gravity-theme .gform_heading h2 {
font-size: 4rem;
margin-bottom: 0;
}
.gform_wrapper.gravity-theme .gform_heading .gform_required_legend {
color: #B74822;
font-size: 1.5rem;
}
.gform_wrapper.gravity-theme .gform_footer .button {
padding-right: 0;
border: 2px solid #7C7356;
background-color: #7C7356;
color: #F6F0E7;
padding: 10px;
text-align: center;
border-radius: 5px;
min-height: 50px;
min-width: 140px;
cursor: pointer;
letter-spacing: 1px;
font-size: 2.1rem;
line-height: 1.15 !important;
min-height: 0 !important;
}
.gform_wrapper.gravity-theme .gform_footer .button:hover {
background-color: #F6F0E7;
color: #7C7356;
}
.gform_wrapper.gravity-theme .gfield_label {
text-transform: uppercase;
font-size: 2rem !important;
}
.gform_wrapper.gravity-theme .gfield_label .gfield_required .gfield_required {
font-size: 1.8rem !important;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
font-size: 1.8rem;
border: 1px solid #494D50;
border-radius: 5px;
background-color: rgba(241, 228, 215, 0.7);
padding: 16px !important;
outline: none;
}
.gform_wrapper.gravity-theme input[type=color]:focus, .gform_wrapper.gravity-theme input[type=date]:focus, .gform_wrapper.gravity-theme input[type=datetime-local]:focus, .gform_wrapper.gravity-theme input[type=datetime]:focus, .gform_wrapper.gravity-theme input[type=email]:focus, .gform_wrapper.gravity-theme input[type=month]:focus, .gform_wrapper.gravity-theme input[type=number]:focus, .gform_wrapper.gravity-theme input[type=password]:focus, .gform_wrapper.gravity-theme input[type=search]:focus, .gform_wrapper.gravity-theme input[type=tel]:focus, .gform_wrapper.gravity-theme input[type=text]:focus, .gform_wrapper.gravity-theme input[type=time]:focus, .gform_wrapper.gravity-theme input[type=url]:focus, .gform_wrapper.gravity-theme input[type=week]:focus, .gform_wrapper.gravity-theme select:focus, .gform_wrapper.gravity-theme textarea:focus {
border: 2px solid #B74822;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
border-color: #B74822;
background-color: #F6F0E7;
}
.gform_wrapper.gravity-theme .gform_validation_errors .gform_submission_error {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.2;
color: #B74822;
text-transform: none;
}
.gform_wrapper.gravity-theme .gform_validation_errors .gform_submission_error span {
color: #B74822;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true] + label, .gform_wrapper.gravity-theme label + [aria-invalid=true] {
color: #B74822;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
color: #F6F0E7;
border: 1px solid #B74822;
padding: 10px;
background-color: #B74822;
}
th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
#page {
overflow: hidden;
position: relative;
min-height: 100vh;
}
blockquote {
margin: 2rem 0;
padding-top: 2rem;
padding-left: 4rem;
padding-bottom: 3rem;
position: relative;
}
blockquote:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(assets/dist/img/quote.svg);
}
blockquote:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
height: 30px;
width: 30px;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(assets/dist/img/quote.svg);
}
section {
margin-top: 50px;
}
@media (min-width: 768px) {
section {
margin-top: 100px;
}
}
.green {
color: #7C7356;
}
.brown {
color: #B74822;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(5400deg);
transform: rotate(5400deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(5400deg);
transform: rotate(5400deg);
}
}
#loader {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 9999;
background-color: #F6F0E7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
#loader {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
#loader svg, #loader img {
max-width: 250px;
margin-top: 100px;
-webkit-animation: spin 10s infinite;
animation: spin 10s infinite;
transform-box: fill-box;
-webkit-transform-origin: 125px 140px;
-ms-transform-origin: 125px 140px;
transform-origin: 125px 140px;
-webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0, 1);
animation-timing-function: cubic-bezier(0.5, 0.5, 0, 1);
}
@media (min-width: 768px) {
#loader svg, #loader img {
margin-top: 0;
}
}
#hero-section {
position: relative;
height: auto;
min-height: calc(100vh - 120px);
padding: 150px 3rem 100px 3rem;
text-align: center;
width: 100vw;
overflow: hidden;
}
@media (min-width: 768px) and (min-height: 860px) {
#hero-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 3rem;
padding-top: 0;
min-height: 100vh;
}
}
#hero-section h1 {
position: relative;
z-index: 1;
font-size: 6rem;
margin: 0 auto;
line-height: 1;
text-align: center;
}
@media (min-width: 768px) {
#hero-section h1 {
font-size: 9rem;
}
}
@media (min-width: 1024px) {
#hero-section h1 {
font-size: 11rem;
max-width: 1000px;
}
}
@media (min-width: 1360px) {
#hero-section h1 {
max-width: 800px;
}
}
@-webkit-keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
#hero-section .image {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: -1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-animation: zoom 4s ease;
animation: zoom 4s ease;
}
@-webkit-keyframes scroll-down {
0%, 100% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
50% {
-webkit-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
}
}
@keyframes scroll-down {
0%, 100% {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
50% {
-webkit-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
}
}
#hero-section .scroll-down {
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 1;
display: block;
color: #F6F0E7;
text-align: center;
text-transform: uppercase;
font-weight: 700;
-webkit-animation: scroll-down 2s infinite;
animation: scroll-down 2s infinite;
display: none;
}
@media (min-width: 768px) and (min-height: 860px) {
#hero-section .scroll-down {
display: block;
}
}
#hero-section .scroll-down span {
display: block;
}
.border {
position: relative;
display: block;
}
.border:after {
content: "";
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 80%;
height: 2px;
background-position: center;
background-size: contain;
background-repeat: repeat-x;
}
.border::before {
content: "";
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 12px;
width: 12px;
border-radius: 50%;
}
.border.bottom {
margin-bottom: 2rem !important;
padding-bottom: 2rem !important;
}
.border.bottom:after {
bottom: 0;
}
.border.bottom:before {
bottom: -5px;
}
.border.top {
margin-top: 2rem !important;
padding-top: 2rem !important;
}
.border.top:after {
top: 0;
}
.border.top:before {
top: -5px;
}
.border.grey:after {
background-image: url(assets/dist/img/dash-border-grey.svg);
}
.border.grey:before {
background-color: #494D50;
}
.border.brown {
color: #B74822;
}
.border.brown:after {
background-image: url(assets/dist/img/dash-border-brown.svg);
}
.border.brown:before {
background-color: #B74822;
}
.featured-image-left .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.featured-image-left .col-md-7 {
position: relative;
}
.featured-image-left .col-md-7 img {
opacity: 0.75;
}
@media (min-width: 768px) {
.featured-image-left .col-md-7 img {
width: 130%;
max-width: 130%;
float: right;
}
}
.featured-image-left .col-md-5 {
position: relative;
margin-top: 2rem;
}
@media (min-width: 768px) {
.featured-image-left .col-md-5 {
margin-top: 0;
}
}
.featured-image-right .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.featured-image-right .col-md-7 {
text-align: right;
}
.featured-image-right .col-md-7 img {
opacity: 0.75;
}
@media (min-width: 768px) {
.featured-image-right .col-md-7 img {
width: 130%;
max-width: 130%;
}
}
.featured-image-right .col-md-5 {
position: relative;
z-index: 2;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.featured-image-right .col-md-5 {
margin-bottom: 0;
}
}
.accordion-list {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
list-style: none;
padding: 0;
}
.accordion-list li {
position: relative;
display: block;
width: 100%;
height: auto;
border-top: 2px solid #caccce;
padding: 20px;
cursor: pointer;
margin: 0;
}
@media (min-width: 768px) {
.accordion-list li {
padding: 30px;
}
}
.accordion-list li:last-of-type {
border-bottom: 2px solid #caccce;
}
.accordion-list li.active .title:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.accordion-list li .title {
font-weight: 400;
position: relative;
display: block;
width: 100%;
height: auto;
padding-right: 30px;
margin: 0;
font-size: 3.75rem;
text-transform: none;
cursor: pointer;
text-transform: uppercase;
}
.accordion-list li .title:after {
content: "\f278";
font-family: "material-design-iconic-font";
position: absolute;
right: 0;
top: -2px;
color: #494D50;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 4rem;
}
.accordion-list li .answer {
position: relative;
display: block;
width: 100%;
height: auto;
margin-top: 2rem;
padding: 0;
cursor: pointer;
}
.pagination .wp-pagenavi {
text-align: center;
}
.pagination .wp-pagenavi span.current {
background-color: #7C7356;
border-radius: 0;
color: #FFFFFF;
display: inline-block;
text-align: center;
border: 2px solid #7C7356;
padding: 5px 10px;
}
.pagination .wp-pagenavi span.extend {
background-color: transparent;
border: 0;
}
.pagination .wp-pagenavi a {
border-radius: 0;
color: #7C7356;
display: inline-block;
text-align: center;
border: 2px solid #7C7356;
padding: 5px 10px;
}
.pagination .wp-pagenavi a:hover {
background-color: #7C7356;
border-color: #7C7356;
color: #FFFFFF;
}
.error404 {
position: relative;
}
.error404 #masthead svg path {
fill: #494D50;
}
.error404 #masthead .nav-link .hamburger .hamburger-inner {
background-color: #494D50;
}
.error404 #masthead .nav-link .hamburger .hamburger-inner:after, .error404 #masthead .nav-link .hamburger .hamburger-inner:before {
background-color: #494D50;
}
.error404 #footer {
position: relative;
z-index: 3;
}
.error404 #clouds {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 1;
opacity: 0.2;
-webkit-filter: blur(5px);
filter: blur(5px);
}
.error404 #primary {
margin-top: 200px;
position: relative;
}
@media (min-width: 768px) {
.error404 #primary {
margin-top: 300px;
}
}
@media (min-width: 1024px) {
.error404 #primary {
position: unset;
min-height: calc(100vh - 300px);
}
}
.error404 .error-404 {
position: relative;
z-index: 2;
}
.error404 .error-404 .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.error404 .error-404 .row .page-header h1 {
color: #B74822;
}
.error404 .error-404 .row .page-header h1 span {
color: #494D50;
display: block;
}
.error404 .error-404 .row #plane {
position: relative;
z-index: 2;
}
#enterCompton {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 999;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #000;
background-color: rgba(0, 0, 0, 0.33);
text-align: center;
display: none;
}
#enterCompton.visible {
display: block;
overflow: hidden;
}
#enterCompton:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
#enterCompton .popup {
display: inline-block;
max-width: 960px;
width: 90%;
max-height: 75vh;
border-radius: 0;
overflow: auto;
padding: 30px;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
background: #494D50;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
text-align: center;
padding: 40px;
color: #F6F0E7;
}
#enterCompton .popup #close {
display: block;
background-image: url(assets/dist/img/close.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 30px;
width: 30px;
position: absolute;
top: 5px;
right: 5px;
outline: 0;
border: 0;
cursor: pointer;
background-color: transparent;
}
#enterCompton .popup .button {
margin: 0;
}
#enterCompton .popup .lots {
display: block;
max-width: 250px;
width: 100%;
margin: 30px auto;
}
#masthead {
position: relative;
z-index: 9;
background-color: #494D50;
}
@media (min-width: 768px) and (min-height: 860px) {
#masthead {
position: absolute;
width: 100%;
top: 0;
left: 0;
background-color: transparent;
}
}
#masthead.site-notification-active .nav-link {
position: unset;
}
#masthead.site-notification-active .nav-link .hamburger {
position: unset;
}
#masthead.site-notification-active .nav-link .hamburger.is-active {
position: absolute;
top: 20px;
right: 20px;
}
#masthead #site-notification {
background-color: #B74822;
color: #F6F0E7 !important;
}
#masthead #site-notification .container {
padding-right: 1rem;
padding-left: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (min-width: 768px) {
#masthead #site-notification .container {
padding-right: 2rem;
padding-left: 2rem;
}
}
#masthead #site-notification .container p:last-of-type {
margin-bottom: 0;
}
#masthead .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) and (min-height: 860px) {
#masthead .row {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
#masthead .site-branding {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;
padding: 20px 0;
}
@media (min-width: 768px) and (min-height: 860px) {
#masthead .site-branding {
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
max-width: 220px;
}
}
#masthead .site-branding a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) and (min-height: 860px) {
#masthead .site-branding a {
max-width: 220px;
}
}
#masthead .site-branding a svg, #masthead .site-branding a img {
width: 100%;
}
#masthead .nav-link {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: 100%;
text-align: right;
position: relative;
z-index: 99;
padding: 20px 0;
}
#masthead .nav-link .hamburger {
position: relative;
z-index: 99;
}
#main-navigation {
position: absolute;
top: 0;
right: -100vw;
background: #494D50;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100vh;
z-index: 8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-ms-flex-line-pack: start;
align-content: start;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
padding-top: 80px;
}
@media (min-width: 960px) {
#main-navigation {
width: 560px;
}
}
#main-navigation.is-active {
right: 0;
}
#main-navigation.is-active .scroll {
max-height: 450px;
width: 100%;
}
@media (min-width: 360px) {
#main-navigation.is-active .scroll {
max-height: 550px;
}
}
@media (min-width: 420px) {
#main-navigation.is-active .scroll {
max-height: 90vh;
height: calc(100vh - 160px);
}
}
#main-navigation #site-navigation {
width: 100%;
}
#main-navigation .menu-main-menu-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#main-navigation .menu-main-menu-container #primary-menu {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item {
line-height: 1.6;
position: relative;
padding-right: 30px;
margin-bottom: 20px;
padding-bottom: 10px;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item a {
font-family: "Mango", "Times New Roman", Times, serif;
text-transform: uppercase;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item > a {
font-size: 3rem;
color: #F6F0E7;
font-weight: 700;
position: relative;
line-height: 1.1;
text-decoration: none;
letter-spacing: 1px;
}
@media (min-width: 420px) {
#main-navigation .menu-main-menu-container #primary-menu .menu-item > a {
font-size: 4.5rem;
}
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item > a:hover {
color: #fff;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item.current-menu-item > a, #main-navigation .menu-main-menu-container #primary-menu .menu-item.is-active > a {
color: #fff;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item.current-menu-item .plusicon, #main-navigation .menu-main-menu-container #primary-menu .menu-item.is-active .plusicon {
color: #fff;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item.menu-item-has-children .sub-menu {
display: none;
padding: 10px 0 0 10px;
margin: 0;
list-style-type: none;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item.menu-item-has-children .sub-menu li {
border-bottom: 0;
border-top: 0;
margin-bottom: 2rem;
padding-bottom: 0;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item.menu-item-has-children .sub-menu li a {
font-size: 2.5rem;
color: #fff;
position: relative;
text-decoration: none;
}
@media (min-width: 420px) {
#main-navigation .menu-main-menu-container #primary-menu .menu-item.menu-item-has-children .sub-menu li a {
font-size: 3.25rem;
}
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item.menu-item-has-children .sub-menu li a:hover {
color: #fff;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item .plusicon {
position: absolute;
right: 0;
top: 4px;
width: 22px;
line-height: 1;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item .plusicon:hover {
cursor: pointer;
}
#main-navigation .menu-main-menu-container #primary-menu .menu-item .plusicon:hover svg path {
fill: #fff;
}
#main-navigation .social-links {
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 33.3333333333px;
}
#main-navigation .social-links p {
display: block;
text-transform: uppercase;
color: #F6F0E7;
margin-bottom: 1rem;
}
#main-navigation .social-links li {
display: inline-block;
margin-bottom: 0;
margin-right: 10px;
}
#main-navigation .social-links li:last-of-type {
margin-right: 0;
}
#main-navigation .social-links a {
display: block;
}
#main-navigation .social-links a svg path {
fill: #F6F0E7;
}
#main-navigation .social-links a svg rect {
stroke: #F6F0E7;
}
#footer {
background-color: #494D50;
position: relative;
padding-top: 50px;
margin-top: 100px;
padding-bottom: 50px;
overflow: hidden;
}
@media (min-width: 768px) {
#footer {
padding-top: 100px;
margin-top: 200px;
padding-bottom: 25px;
}
}
#footer:before {
content: "";
position: absolute;
left: 0;
top: -35px;
height: 40px;
width: 110%;
z-index: 2;
background-image: url(assets/dist/img/footer-bg.svg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
#footer .container {
max-width: 160rem;
}
#footer .site-footer .logo {
max-width: 220px;
display: block;
margin: 0 auto;
margin-bottom: 4rem;
}
@media (min-width: 768px) {
#footer .site-footer .logo {
margin: 0;
max-width: 280px;
}
}
#footer .site-footer .col-md-8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
padding: 0 1rem;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 {
padding: 0;
}
}
#footer .site-footer .col-md-8 .footer-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 1rem;
color: #F6F0E7;
text-align: center;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 .footer-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 2rem;
text-align: left;
}
}
@media (min-width: 1400px) {
#footer .site-footer .col-md-8 .footer-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
#footer .site-footer .col-md-8 .footer-col a {
color: #F6F0E7;
}
#footer .site-footer .col-md-8 .footer-col .footer-title {
font-family: "Mango", "Times New Roman", Times, serif;
color: #F6F0E7;
font-size: 4rem;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 2rem;
display: block;
margin-top: 3rem;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 .footer-col .footer-title {
font-size: 3rem;
margin-top: 0;
}
}
@media (min-width: 1024px) {
#footer .site-footer .col-md-8 .footer-col .footer-title {
font-size: 4rem;
}
}
#footer .site-footer .col-md-8 .footer-col .contact-details {
margin-bottom: 3rem;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 .footer-col .contact-details {
margin-bottom: 4rem;
}
}
#footer .site-footer .col-md-8 .footer-col .contact-details p:not(.footer-title), #footer .site-footer .col-md-8 .footer-col .contact-details a {
display: inline-block;
position: relative;
padding-top: 30px;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 .footer-col .contact-details p:not(.footer-title), #footer .site-footer .col-md-8 .footer-col .contact-details a {
padding-left: 40px;
padding-top: 0;
}
}
#footer .site-footer .col-md-8 .footer-col .contact-details p:not(.footer-title) i, #footer .site-footer .col-md-8 .footer-col .contact-details a i {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 .footer-col .contact-details p:not(.footer-title) i, #footer .site-footer .col-md-8 .footer-col .contact-details a i {
top: 0;
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
#footer .site-footer .col-md-8 .footer-col.opening-hours p {
text-align: center !important;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 .footer-col.opening-hours p {
text-align: left !important;
}
}
#footer .site-footer .col-md-8 #footer-navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#footer .site-footer .col-md-8 #footer-navigation ul li {
margin: 0;
}
#footer .site-footer .col-md-8 #footer-navigation ul a {
font-family: "Mango", "Times New Roman", Times, serif;
text-transform: uppercase;
font-size: 3rem;
letter-spacing: 2px;
}
@media (min-width: 768px) {
#footer .site-footer .col-md-8 #footer-navigation ul a {
font-size: 2.5rem;
}
}
@media (min-width: 1024px) {
#footer .site-footer .col-md-8 #footer-navigation ul a {
font-size: 3rem;
}
}
#footer .site-footer .col-md-8 .social-links {
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 2rem;
}
#footer .site-footer .col-md-8 .social-links li {
display: inline-block;
margin-right: 10px;
}
#footer .site-footer .col-md-8 .social-links li:last-of-type {
margin-right: 0;
}
#footer .site-footer .col-md-8 .social-links a {
display: block;
}
#footer .site-footer .col-md-8 .social-links a svg path {
fill: #F6F0E7;
}
#footer .site-footer .col-md-8 .social-links a svg rect {
stroke: #F6F0E7;
}
#footer .signoff {
color: #F6F0E7;
margin-top: 2rem;
text-align: center;
font-size: 1.5rem;
}
@media (min-width: 1024px) {
#footer .signoff {
text-align: left;
}
}
@media (min-width: 1024px) {
#footer .signoff .links {
text-align: right;
}
}
#footer .signoff .links a {
color: #F6F0E7;
font-weight: 400;
display: inline-block;
margin-right: 10px;
}
#footer .signoff .links a:last-of-type {
margin-right: 0;
}
.home #trio-links.featured-section .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home #trio-links.featured-section h2 {
text-align: center;
display: block;
margin: 0 auto;
margin-bottom: 3rem;
}
.home #trio-links.featured-section .col-md-4 {
margin-top: 25px;
}
@media (min-width: 768px) {
.home #trio-links.featured-section .col-md-4 {
margin-top: 50px;
}
}
@media (min-width: 1024px) {
.home #trio-links.featured-section .col-md-4 {
padding: 0 5%;
margin-top: 57.1428571429px;
}
}
.home #trio-links.featured-section .col-md-4:nth-of-type(4) img:not(.button-img), .home #trio-links.featured-section .col-md-4:nth-of-type(4) svg:not(.button-img) {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.home #trio-links.featured-section .link {
text-align: center;
}
.home #trio-links.featured-section .link .border {
font-size: 6rem;
}
.home #trio-links.featured-section .link p {
font-family: "Mango", "Times New Roman", Times, serif;
text-transform: uppercase;
color: #494D50;
font-size: 3rem;
line-height: 1;
margin-bottom: 2rem;
}
.home #trio-links.featured-section .link img, .home #trio-links.featured-section .link svg {
max-width: 240px;
display: block;
margin: 0 auto;
width: 100%;
opacity: 0.8;
}
.home #trio-links.featured-section .link .button-img {
margin-top: 3rem;
height: 40px;
width: 40px;
}
@media (min-width: 1024px) {
.home #events-flights {
margin-top: 200px;
}
}
.home #events-flights img {
display: block;
opacity: 0.2;
}
@media (min-width: 768px) {
.home #events-flights img {
opacity: 0;
}
}
.home #events-flights img.aos-animate {
opacity: 0.3;
}
.home #events-flights .container {
max-width: 1400px;
}
.home #events-flights .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.home #events-flights .row::before {
content: "";
position: absolute;
top: 40%;
left: -200px;
height: 400px;
width: 400px;
z-index: -1;
opacity: 0.1;
background-image: url(assets/dist/img/navigation.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.home #events-flights .row .border {
position: absolute;
top: 2%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
width: 100%;
max-width: 800px;
font-size: 8rem;
text-align: center;
line-height: 1;
}
@media (min-width: 768px) {
.home #events-flights .row .border {
top: 1%;
font-size: 12rem;
}
}
@media (min-width: 1060px) {
.home #events-flights .row .border {
top: 15%;
}
}
.home #events-flights .two-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 33.3333333333px;
}
@media (min-width: 600px) {
.home #events-flights .two-top {
margin-bottom: 100px;
}
}
.home #events-flights .two-top .left {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 600px) {
.home #events-flights .two-top .left {
-webkit-box-flex: 0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
max-width: 47.5%;
}
}
.home #events-flights .two-top .right {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 2rem;
}
@media (min-width: 600px) {
.home #events-flights .two-top .right {
-webkit-box-flex: 0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
max-width: 47.5%;
margin-top: 0;
}
}
@media (min-width: 768px) {
.home #events-flights .two-top .right {
margin-top: -100px;
}
}
.home #visit.featured-image-right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 600px) {
.home #visit.featured-image-right {
margin-top: 150px;
}
}
@media (min-width: 1024px) {
.home #visit.featured-image-right {
margin-top: 200px;
}
}
.home #visit .container {
position: relative;
}
.home #visit .container .wave {
display: block;
position: absolute;
width: 1400px;
top: -100px;
right: -10%;
opacity: 0.1;
z-index: -1;
}
.home #visit .container .goggles {
display: block;
position: absolute;
width: 70%;
bottom: -35%;
left: -15%;
opacity: 0.2;
z-index: -1;
}
@media (min-width: 768px) {
.home #visit .container .goggles {
width: 50%;
bottom: -95%;
}
}
.home #three-image {
position: relative;
margin-top: 200px;
}
.home #three-image .map {
position: absolute;
z-index: -1;
width: 940px;
opacity: 0.1;
bottom: -100px;
left: -400px;
}
.home #three-image .container {
max-width: 1200px;
}
.home #three-image .col-xs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
}
.home #three-image .col-xs h2 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
width: 100%;
max-width: 660px;
font-size: 5rem;
text-align: center;
line-height: 1;
text-align: center;
line-height: 1;
}
@media (min-width: 420px) {
.home #three-image .col-xs h2 {
font-size: 8rem;
}
}
@media (min-width: 768px) {
.home #three-image .col-xs h2 {
font-size: 10rem;
}
}
@media (min-width: 1024px) {
.home #three-image .col-xs h2 {
font-size: 12rem;
}
}
.home #three-image .col-xs img {
display: block;
opacity: 0.2;
}
@media (min-width: 768px) {
.home #three-image .col-xs img {
opacity: 0;
}
}
.home #three-image .col-xs img.aos-animate {
opacity: 0.3;
}
.home #three-image .col-xs img.one {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 600px) {
.home #three-image .col-xs img.one {
-webkit-box-flex: 0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
max-width: 47.5%;
}
}
@media (min-width: 1024px) {
.home #three-image .col-xs img.one {
-webkit-box-flex: 0;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
max-width: 400px;
}
}
.home #three-image .col-xs img.two {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 50px;
}
@media (min-width: 600px) {
.home #three-image .col-xs img.two {
-webkit-box-flex: 0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
max-width: 47.5%;
margin-bottom: 50px;
margin-top: 0;
}
}
@media (min-width: 1024px) {
.home #three-image .col-xs img.two {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 450px;
}
}
.home #three-image .col-xs img.three {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 50px;
}
@media (min-width: 600px) {
.home #three-image .col-xs img.three {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-left: auto;
margin-right: 50px;
}
}
.home #cta {
position: relative;
}
.home #cta .map {
position: absolute;
z-index: -1;
width: 940px;
opacity: 0.1;
bottom: -350px;
right: -400px;
z-index: -1;
}
.home #last-section {
margin-top: 300px;
}
.home #by-land .container {
position: relative;
}
.home #by-land .container .wave {
display: block;
position: absolute;
width: 2000px;
top: -100px;
left: -30%;
z-index: -1;
opacity: 0.1;
}
@media (min-width: 768px) {
.home #by-land .container .wave {
left: -40%;
top: -200px;
}
}
@media (min-width: 1024px) {
.home #by-land .container .wave {
left: -30%;
}
}
.home #by-land .container .wave path {
fill: #7C7356;
}
.home #by-land .container .car {
display: block;
position: absolute;
bottom: -200px;
right: -20px;
height: 230px;
opacity: 0.5;
z-index: -1;
}
@media (min-width: 500px) {
.home #by-land .container .car {
width: 70%;
height: auto;
bottom: -45%;
right: -60px;
}
}
@media (min-width: 1024px) {
.home #by-land .container .car {
width: 50%;
bottom: -200px;
}
}
.page-template-visit-by-air #visit {
position: relative;
margin-top: 100px;
margin-bottom: 100px;
}
@media (min-width: 768px) {
.page-template-visit-by-air #visit {
margin-top: 200px;
}
}
.page-template-visit-by-air #visit .plane {
display: block;
position: absolute;
width: 90%;
bottom: -110px;
right: -5%;
opacity: 0.2;
z-index: -1;
}
@media (min-width: 420px) {
.page-template-visit-by-air #visit .plane {
width: 75%;
}
}
@media (min-width: 768px) {
.page-template-visit-by-air #visit .plane {
width: 70%;
bottom: -130px;
right: -10%;
}
}
@media (min-width: 1024px) {
.page-template-visit-by-air #visit .plane {
width: 50%;
bottom: -100px;
}
}
.page-template-visit-by-air #visit .wave {
display: block;
position: absolute;
width: 2000px;
max-width: 150%;
top: -100px;
right: -40%;
opacity: 0.1;
z-index: -1;
}
@media (min-width: 768px) {
.page-template-visit-by-air #visit .wave {
top: -100px;
}
}
.page-template-visit-by-air #airfield-info {
margin-top: 200px;
}
.page-template-visit-by-air #airfield-info .col-md-7 img {
max-height: 700px;
}
.page-template-visit-by-air #airfield-info .col-md-5 {
position: relative;
z-index: 3;
}
.page-template-visit-by-air #airfield-info .container {
position: relative;
}
.page-template-visit-by-air #airfield-info .container .stroke {
position: absolute;
top: -50px;
left: 3%;
z-index: 2;
width: 250px;
opacity: 0.5;
}
.page-template-visit-by-air #airfield-info .container .map {
position: absolute;
z-index: -1;
width: 2000px;
opacity: 0.1;
bottom: -100%;
right: -280px;
}
.page-template-visit-by-air #info {
position: relative;
}
@media (min-width: 1024px) {
.page-template-visit-by-air #info {
margin-top: 200px;
}
}
.page-template-visit-by-air #info .stamp {
display: block;
position: absolute;
opacity: 0.3;
top: 20px;
left: -10px;
width: 170px;
}
.page-template-visit-by-air #info .border {
text-align: center;
margin: 0 auto;
max-width: 400px;
}
.page-template-visit-by-air #info .accordion-list {
margin-top: 50px;
}
.page-template-visit-by-air #egha h2 {
text-align: center;
}
.page-template-visit-by-air #links-downloads .container {
position: relative;
padding: 4rem 0;
}
@media (min-width: 768px) {
.page-template-visit-by-air #links-downloads .container {
padding: 8rem 0;
}
}
.page-template-visit-by-air #links-downloads h2 {
display: block;
text-align: center;
max-width: 500px;
margin: 0 auto;
margin-bottom: 50px;
}
.page-template-visit-by-air #links-downloads .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-visit-by-air #links-downloads .bg-image {
opacity: 0.1;
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-template-visit-by-air #links-downloads .link {
text-align: center;
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.page-template-visit-by-air #links-downloads .link {
margin-bottom: 4rem;
}
}
.page-template-visit-by-air #links-downloads .link:hover img, .page-template-visit-by-air #links-downloads .link:hover svg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
.page-template-visit-by-air #links-downloads .link p {
font-family: "Mango", "Times New Roman", Times, serif;
font-size: 3rem;
color: #494D50;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 1rem;
}
.page-template-visit-by-air #links-downloads .link i {
color: #494D50;
font-size: 3rem;
}
.page-template-visit-by-air #links-downloads .link img, .page-template-visit-by-air #links-downloads .link svg {
display: block;
margin: 0 auto;
margin-bottom: 1rem;
width: 120px;
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page-template-food-drink #hero-section .image {
-o-object-position: 20% center;
object-position: 20% center;
}
@media (min-width: 1024px) {
.page-template-food-drink #hero-section .image {
-o-object-position: center center;
object-position: center center;
}
}
.page-template-food-drink #top-section {
position: relative;
}
.page-template-food-drink #top-section .smokehouse {
display: block;
margin-bottom: 4rem;
}
.page-template-food-drink #top-section .wave {
display: block;
position: absolute;
width: 1400px;
bottom: -300px;
right: -10%;
opacity: 0.1;
display: none;
}
@media (min-width: 768px) {
.page-template-food-drink #top-section .wave {
width: 1400px;
bottom: -200px;
right: -10%;
display: block;
}
}
@media (min-width: 1024px) {
.page-template-food-drink #top-section .wave {
width: 1400px;
bottom: -300px;
right: -10%;
}
}
.page-template-food-drink #top-section .wave path {
fill: #B74822;
}
.page-template-food-drink #top-section .col-sm-5 {
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.page-template-food-drink #top-section .col-sm-5 {
margin-bottom: 0;
}
}
.page-template-food-drink #top-section .col-sm-5 svg, .page-template-food-drink #top-section .col-sm-5 img {
display: block;
margin: 0 auto;
margin-top: 30px;
max-height: 360px;
opacity: 0.5;
}
.page-template-food-drink #top-section #book-now h2 {
display: block;
margin-bottom: 0;
text-align: center;
}
.page-template-food-drink #top-section #book-now .book-now-wrap {
text-align: center;
}
.page-template-food-drink #top-section #book-now .reviews {
max-width: 280px;
margin: 0 auto;
}
@media (min-width: 1024px) {
.page-template-food-drink #beer {
margin-top: 200px;
}
}
.page-template-food-drink #gritchie {
margin-top: 100px;
position: relative;
}
@media (min-width: 1024px) {
.page-template-food-drink #gritchie {
margin-top: 200px;
}
}
.page-template-food-drink #gritchie .stroke {
position: absolute;
top: 35%;
right: 3%;
z-index: 3;
width: 250px;
opacity: 0.5;
display: none;
}
@media (min-width: 600px) {
.page-template-food-drink #gritchie .stroke {
display: block;
}
}
.page-template-food-drink #gritchie .container {
position: relative;
}
.page-template-food-drink #gritchie .container .col-xs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
padding-top: 200px;
padding-bottom: 250px;
}
.page-template-food-drink #gritchie .container .col-xs img {
position: absolute;
z-index: 2;
display: block;
opacity: 0.2;
}
@media (min-width: 768px) {
.page-template-food-drink #gritchie .container .col-xs img {
opacity: 0;
}
}
.page-template-food-drink #gritchie .container .col-xs img.aos-animate {
opacity: 0.3;
}
.page-template-food-drink #gritchie .container .col-xs img.one {
right: -20px;
top: 0;
height: 30%;
}
@media (min-width: 600px) {
.page-template-food-drink #gritchie .container .col-xs img.one {
height: 30%;
width: auto;
right: 0;
}
}
@media (min-width: 1024px) {
.page-template-food-drink #gritchie .container .col-xs img.one {
height: auto;
}
}
.page-template-food-drink #gritchie .container .col-xs img.two {
left: -20px;
top: 32%;
height: 30%;
width: auto;
}
@media (min-width: 600px) {
.page-template-food-drink #gritchie .container .col-xs img.two {
top: 32%;
height: 30%;
left: -100px;
}
}
@media (min-width: 768px) {
.page-template-food-drink #gritchie .container .col-xs img.two {
top: 32%;
height: 30%;
}
}
@media (min-width: 1024px) {
.page-template-food-drink #gritchie .container .col-xs img.two {
width: 600px;
}
}
.page-template-food-drink #gritchie .container .col-xs img.three {
right: -20px;
height: 30%;
top: 64%;
}
@media (min-width: 600px) {
.page-template-food-drink #gritchie .container .col-xs img.three {
height: 30%;
top: 64%;
}
}
@media (min-width: 768px) {
.page-template-food-drink #gritchie .container .col-xs img.three {
right: 0;
}
}
@media (min-width: 1024px) {
.page-template-food-drink #gritchie .container .col-xs img.three {
bottom: -200px;
right: 5%;
height: auto;
width: 500px;
}
}
@media (min-width: 1200px) {
.page-template-food-drink #gritchie .container .col-xs img.three {
right: 20%;
}
}
.page-template-food-drink #gritchie .container .col-xs img.angel {
left: -20px;
top: -20%;
opacity: 0.07;
height: 700px;
top: -290px;
}
@media (min-width: 600px) {
.page-template-food-drink #gritchie .container .col-xs img.angel {
height: 700px;
top: -290px;
left: -150px;
}
}
@media (min-width: 768px) {
.page-template-food-drink #gritchie .container .col-xs img.angel {
height: 700px;
top: -290px;
left: -150px;
}
}
.page-template-food-drink #gritchie .container .col-xs h2 {
font-size: 5rem;
line-height: 1;
display: block;
max-width: 800px;
position: relative;
z-index: 3;
}
@media (min-width: 768px) {
.page-template-food-drink #gritchie .container .col-xs h2 {
font-size: 8rem;
}
}
.page-template-food-drink #gritchie .container .col-xs h2.bottom {
margin-left: auto;
text-align: right;
margin-top: 100px;
}
.page-template-food-drink #last-section {
margin-top: 0;
}
@media (min-width: 1024px) {
.page-template-food-drink #last-section {
margin-top: 200px;
}
}
.page-template-contact-us #top-section {
position: relative;
}
.page-template-contact-us #top-section .container {
max-width: 90rem;
text-align: center;
}
.page-template-contact-us #top-section .map {
position: absolute;
z-index: -1;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 90vw;
opacity: 0.1;
}
.page-template-contact-us #contact-form .contact-details {
text-align: center;
margin-top: 50px;
}
@media (min-width: 768px) {
.page-template-contact-us #contact-form .contact-details {
text-align: left;
margin-top: 0;
}
}
.page-template-contact-us #contact-form .contact-details p, .page-template-contact-us #contact-form .contact-details a {
display: inline-block;
position: relative;
padding-top: 30px;
margin-bottom: 2rem;
color: #494D50;
font-family: "Mango", "Times New Roman", Times, serif;
text-transform: uppercase;
font-size: 2.5rem;
line-height: 1.1;
}
@media (min-width: 768px) {
.page-template-contact-us #contact-form .contact-details p, .page-template-contact-us #contact-form .contact-details a {
padding-left: 40px;
padding-top: 0;
}
}
.page-template-contact-us #contact-form .contact-details p i, .page-template-contact-us #contact-form .contact-details a i {
position: absolute;
top: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 22px;
}
@media (min-width: 768px) {
.page-template-contact-us #contact-form .contact-details p i, .page-template-contact-us #contact-form .contact-details a i {
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.page-template-contact-us #contact-form .contact-details p br {
display: none;
}
.page-template-contact-us #contact-form .socials {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 3rem;
text-align: center;
}
@media (min-width: 768px) {
.page-template-contact-us #contact-form .socials {
text-align: left;
}
}
.page-template-contact-us #contact-form .socials li {
display: inline-block;
margin-right: 10px;
}
.page-template-contact-us #contact-form .socials li:last-of-type {
margin-right: 0;
}
.page-template-contact-us #contact-form .socials li a {
display: block;
}
.page-template-contact-us #opening-hours {
position: relative;
}
.page-template-contact-us #opening-hours .plane {
position: absolute;
width: 40%;
height: auto;
bottom: -40%;
left: -5%;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
opacity: 0.2;
}
.blog #archive-header, .archive #archive-header {
height: auto;
display: block;
background-color: rgba(73, 77, 80, 0.8);
z-index: 1;
padding-bottom: 50px;
padding-top: 200px;
}
@media (min-width: 768px) {
.blog #archive-header, .archive #archive-header {
padding-bottom: 100px;
padding-top: 300px;
}
}
.blog #archive-header .container, .archive #archive-header .container {
position: relative;
z-index: 3;
max-width: 180rem;
}
.blog #archive-header h1, .archive #archive-header h1 {
text-align: center;
max-width: none;
font-size: 6rem;
line-height: 1.1;
}
@media (min-width: 768px) {
.blog #archive-header h1, .archive #archive-header h1 {
font-size: 7rem;
}
}
@media (min-width: 1024px) {
.blog #archive-header h1, .archive #archive-header h1 {
font-size: 8rem;
}
}
.blog #posts-loop, .archive #posts-loop {
margin-top: 50px;
}
@media (min-width: 768px) {
.blog #posts-loop, .archive #posts-loop {
margin-top: 100px;
}
}
.blog .no-results, .archive .no-results {
margin-top: 300px;
}
.blog .no-results h2, .archive .no-results h2 {
text-align: center;
font-size: 5rem;
}
.blog .post-article, .blog .event-article, .archive .post-article, .archive .event-article {
padding: 0 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.blog .post-article, .blog .event-article, .archive .post-article, .archive .event-article {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.blog .post-article, .blog .event-article, .archive .post-article, .archive .event-article {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
.blog .post-article .featured-image, .blog .event-article .featured-image, .archive .post-article .featured-image, .archive .event-article .featured-image {
display: block;
width: 100%;
height: 33vh;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.blog .post-article .featured-image, .blog .event-article .featured-image, .archive .post-article .featured-image, .archive .event-article .featured-image {
height: 300px;
}
}
.blog .post-article .featured-image:hover img, .blog .event-article .featured-image:hover img, .archive .post-article .featured-image:hover img, .archive .event-article .featured-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.blog .post-article .featured-image img, .blog .event-article .featured-image img, .archive .post-article .featured-image img, .archive .event-article .featured-image img {
display: block;
position: absolute;
top: 0;
left: 0;
height: 101%;
width: 101%;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
-webkit-transition: all 0.75s ease-in-out;
transition: all 0.75s ease-in-out;
}
.blog .post-article .post-content, .blog .event-article .post-content, .archive .post-article .post-content, .archive .event-article .post-content {
padding: 2rem;
background-color: #F1E4D7;
}
.blog .post-article .post-content .title, .blog .event-article .post-content .title, .archive .post-article .post-content .title, .archive .event-article .post-content .title {
color: #494D50;
font-family: "Mango", "Times New Roman", Times, serif;
line-height: 1.2;
font-size: 2.5rem;
text-transform: uppercase;
}
@media (min-width: 768px) {
.blog .post-article .post-content .title, .blog .event-article .post-content .title, .archive .post-article .post-content .title, .archive .event-article .post-content .title {
font-size: 3rem;
}
}
.blog .post-article .post-content .title.border:after, .blog .event-article .post-content .title.border:after, .archive .post-article .post-content .title.border:after, .archive .event-article .post-content .title.border:after {
width: 100%;
}
.blog .post-article .post-content .event-time, .blog .event-article .post-content .event-time, .archive .post-article .post-content .event-time, .archive .event-article .post-content .event-time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog .post-article .post-content .event-time p, .blog .event-article .post-content .event-time p, .archive .post-article .post-content .event-time p, .archive .event-article .post-content .event-time p {
letter-spacing: -1px;
font-weight: 700;
margin-bottom: 0;
}
.blog .post-article .post-content .event-time p:nth-last-of-type(), .blog .event-article .post-content .event-time p:nth-last-of-type(), .archive .post-article .post-content .event-time p:nth-last-of-type(), .archive .event-article .post-content .event-time p:nth-last-of-type() {
margin-bottom: 1rem;
}
.single #hero-section {
min-height: 0;
display: block;
padding-bottom: 50px;
padding-top: 200px;
}
@media (min-width: 768px) {
.single #hero-section {
padding-bottom: 100px;
padding-top: 300px;
}
}
.single #hero-section:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(73, 77, 80, 0.8);
z-index: 2;
}
.single #hero-section .image {
z-index: 1;
height: 100%;
}
.single #hero-section .container {
position: relative;
z-index: 3;
max-width: 180rem;
}
.single #hero-section .post-title {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 768px) {
.single #hero-section .post-title {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1024px) {
.single #hero-section .post-title {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 1260px) {
.single #hero-section .post-title {
-webkit-box-flex: 0;
-ms-flex: 0 0 800px;
flex: 0 0 800px;
max-width: 100%;
}
}
.single #hero-section .post-title h1 {
text-align: left;
max-width: none;
font-size: 6rem;
line-height: 1.1;
}
@media (min-width: 768px) {
.single #hero-section .post-title h1 {
font-size: 7rem;
}
}
@media (min-width: 1024px) {
.single #hero-section .post-title h1 {
font-size: 8rem;
}
}
.single #primary {
margin-top: 50px;
}
.single #primary .row {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.single article {
background-color: #F1E4D7;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
padding: 2rem;
}
.single article h1 {
color: #494D50;
}
.single #secondary {
background-color: #F1E4D7;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 3rem;
}
@media (min-width: 1024px) {
.single #secondary {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
margin-left: 2rem;
margin-top: 0;
}
}
.single #secondary .sidebar-title {
display: block;
background-color: #494D50;
color: #F6F0E7;
padding: 1.5rem;
margin-bottom: 2rem;
font-size: 3rem;
}
.single #secondary .post-loop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.single #secondary .event-article, .single #secondary .post-article {
padding: 0 2rem;
margin-bottom: 4rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.single #secondary .event-article, .single #secondary .post-article {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.single #secondary .event-article, .single #secondary .post-article {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.single #secondary .event-article .featured-image, .single #secondary .post-article .featured-image {
display: block;
width: 100%;
height: 33vh;
position: relative;
overflow: hidden;
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.single #secondary .event-article .featured-image, .single #secondary .post-article .featured-image {
height: 200px;
}
}
.single #secondary .event-article .featured-image:hover img, .single #secondary .post-article .featured-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.single #secondary .event-article .featured-image img, .single #secondary .post-article .featured-image img {
display: block;
position: absolute;
top: 0;
left: 0;
height: 101%;
width: 101%;
max-width: none;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
-webkit-transition: all 0.75s ease-in-out;
transition: all 0.75s ease-in-out;
}
.single #secondary .event-article .post-content .title, .single #secondary .post-article .post-content .title {
color: #494D50;
font-family: "Mango", "Times New Roman", Times, serif;
line-height: 1.2;
font-size: 2.5rem;
text-transform: uppercase;
}
.single #secondary .event-article .post-content .title.border:after, .single #secondary .post-article .post-content .title.border:after {
width: 100%;
}
.single #secondary .event-article .post-content .event-time, .single #secondary .post-article .post-content .event-time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single #secondary .event-article .post-content .event-time p, .single #secondary .post-article .post-content .event-time p {
letter-spacing: -1px;
font-weight: 700;
margin-bottom: 0;
}
.single #secondary .event-article .post-content .event-time p:nth-last-of-type(), .single #secondary .post-article .post-content .event-time p:nth-last-of-type() {
margin-bottom: 1rem;
}
.single #final-section .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single #final-section .row .col-sm-5 img, .single #final-section .row .col-sm-5 svg {
opacity: 0.2;
}
.post-type-archive-events #hero-section .image {
-o-object-position: 20% center;
object-position: 20% center;
}
@media (min-width: 1024px) {
.post-type-archive-events #hero-section .image {
-o-object-position: center center;
object-position: center center;
}
}
.post-type-archive-events #event-details {
position: relative;
}
.post-type-archive-events #event-details .col-xs {
max-width: 120rem;
margin: 0 auto;
}
.post-type-archive-events #event-details .goggles {
display: block;
position: absolute;
height: 180px;
bottom: -160px;
right: 0;
opacity: 0.2;
}
@media (min-width: 768px) {
.post-type-archive-events #event-details .goggles {
width: 600px;
height: auto;
bottom: -180px;
left: -5%;
}
}
.post-type-archive-events #events-loop {
margin-top: 50px;
}
@media (min-width: 768px) {
.post-type-archive-events #events-loop {
margin-top: 100px;
}
}
.post-type-archive-events .no-results {
margin-top: 300px;
}
.post-type-archive-events .no-results h2 {
text-align: center;
font-size: 5rem;
}
.single-events #hero-section .event-time {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: wrap row;
flex-flow: wrap row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
margin-top: 3rem;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 768px) {
.single-events #hero-section .event-time {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1024px) {
.single-events #hero-section .event-time {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0;
max-width: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
}
.single-events #hero-section .event-time p {
color: #F6F0E7;
}
.single-events #hero-section .event-time p.date {
margin-right: 10px;
}
#hero-page-builder {
height: auto;
display: block;
padding-bottom: 100px;
padding-top: 300px;
z-index: 1;
position: relative;
overflow: hidden;
}
#hero-page-builder:after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
#hero-page-builder.grey:after {
background-color: rgba(73, 77, 80, 0.75);
}
#hero-page-builder.green:after {
background-color: rgba(124, 115, 86, 0.75);
}
#hero-page-builder.brown:after {
background-color: rgba(183, 72, 34, 0.75);
}
#hero-page-builder .container {
position: relative;
z-index: 3;
max-width: 180rem;
}
#hero-page-builder h1 {
text-align: left;
max-width: 80rem;
font-size: 6rem;
line-height: 1.1;
}
@media (min-width: 768px) {
#hero-page-builder h1 {
font-size: 7rem;
}
}
@media (min-width: 1024px) {
#hero-page-builder h1 {
font-size: 8rem;
}
}
@keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
#hero-page-builder .image {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
height: 100%;
width: 100vw;
z-index: -1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-animation: zoom 4s ease;
animation: zoom 4s ease;
}
.p-builder-row.accordion h2 {
text-align: center;
}
.p-builder-row.accordion .accordion-list {
margin-top: 50px;
}
.p-builder-row.full_width_image img, .p-builder-row.image_left_image_right img, .p-builder-row.three_images img {
display: block;
margin: 0 auto;
}
.p-builder-row.text_centered .container {
max-width: 100rem;
}
.p-builder-row.text_centered h2 {
text-align: center;
}
.p-builder-row.text_centered.large {
font-size: 2.25rem;
line-height: 1.4;
}
.p-builder-row.text_centered.large h2 {
font-size: 7rem;
}
.p-builder-row.content_image_background_two_cols .top {
margin-bottom: 5rem;
}
.p-builder-row.content_image_background_two_cols .top h2 {
text-align: center;
}
.p-builder-row.content_image_background .content.center {
margin: 0 auto;
max-width: 80rem;
text-align: center;
}
.p-builder-row.content_image_background .content.center h2 {
text-align: center;
}
.p-builder-row.image_left_image_right .col-xs:first-of-type {
margin-bottom: 4rem;
}
@media (min-width: 768px) {
.p-builder-row.image_left_image_right .col-xs:first-of-type {
margin-bottom: 0;
}
}
.p-builder-row.three_images .col-xs {
margin-bottom: 4rem;
}
@media (min-width: 1024px) {
.p-builder-row.three_images .col-xs {
margin-bottom: 0;
}
}
.p-builder-row.three_images .col-xs:last-of-type {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.p-builder-row.three_images .col-xs:last-of-type {
margin-bottom: 0;
}
}
.p-builder-row.downloads_and_links .container {
position: relative;
padding: 8rem 0;
}
.p-builder-row.downloads_and_links .container .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-builder-row.downloads_and_links h2 {
display: block;
text-align: center;
max-width: 800px;
margin: 0 auto;
margin-bottom: 50px;
}
.p-builder-row.downloads_and_links .bg-image {
opacity: 0.1;
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-builder-row.downloads_and_links .link {
text-align: center;
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.p-builder-row.downloads_and_links .link {
margin-bottom: 4rem;
}
}
.p-builder-row.downloads_and_links .link:hover img, .p-builder-row.downloads_and_links .link:hover svg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
.p-builder-row.downloads_and_links .link p {
font-family: "Mango", "Times New Roman", Times, serif;
font-size: 3rem;
color: #494D50;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 1rem;
}
.p-builder-row.downloads_and_links .link i {
color: #494D50;
font-size: 3rem;
}
.p-builder-row.downloads_and_links .link img, .p-builder-row.downloads_and_links .link svg {
display: block;
margin: 0 auto;
margin-bottom: 1rem;
width: 120px;
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.p-builder-row.page_links .container {
position: relative;
}
.p-builder-row.page_links .container .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-builder-row.page_links h2 {
display: block;
text-align: center;
max-width: 800px;
margin: 0 auto;
margin-bottom: 50px;
}
.p-builder-row.page_links .content {
max-width: 90rem;
margin: 0 auto;
margin-bottom: 100px;
}
.p-builder-row.page_links .link {
text-align: center;
margin-bottom: 5rem;
}
@media (min-width: 768px) {
.p-builder-row.page_links .link {
margin-bottom: 4rem;
}
}
.p-builder-row.page_links .link:hover .plane {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
.p-builder-row.page_links .link p {
font-family: "Mango", "Times New Roman", Times, serif;
font-size: 3rem;
color: #494D50;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 1rem;
}
.p-builder-row.page_links .link .plane {
display: block;
margin: 0 auto;
margin-bottom: 1rem;
width: 120px;
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}