*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*::after, *::before {
content: '';
}
.cd-primary-nav.fade-in {
z-index: 4;
}
.cd-logo, .cd-nav-trigger {
position: fixed;
display: inline-block;
}
.cd-logo {
top: 28px;
left: 5%;
}
.cd-logo img {
display: block;
}
.cd-nav-trigger {
top: 30px;
right: 5%;
height: 44px;
width: 44px;
z-index: 5;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: inline-block;
width: 18px;
height: 3px;
background-color: #ffffff;
z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after { position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #ffffff; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; -webkit-transition: -webkit-transform .3s;
-moz-transition: -moz-transform .3s;
transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
-webkit-transform: translateY(-6px) rotate(0deg);
-moz-transform: translateY(-6px) rotate(0deg);
-ms-transform: translateY(-6px) rotate(0deg);
-o-transform: translateY(-6px) rotate(0deg);
transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
-webkit-transform: translateY(6px) rotate(0deg);
-moz-transform: translateY(6px) rotate(0deg);
-ms-transform: translateY(6px) rotate(0deg);
-o-transform: translateY(6px) rotate(0deg);
transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after { position: absolute;
top: 0;
left: 0;
border-radius: 50%;
height: 100%;
width: 100%;
border: 2px solid #7d1f22; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
}
.cd-nav-trigger::before {
background-color: #ae2a2d;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.cd-nav-trigger::after {
background-color: #ae2a2d;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before { -webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.cd-nav-trigger.close-nav::after { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon { background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
-webkit-transform: translateY(0) rotate(45deg);
-moz-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-o-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
.cd-primary-nav { position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 3;
background-color: #ae2a2d;
overflow: auto; -webkit-overflow-scrolling: touch;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0.3s;
-moz-transition: visibility 0s, opacity 0.3s;
transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
margin: 1.6em 0;
text-align: center;
text-transform: capitalize;
}
.cd-primary-nav a {
font-size: 20px;
font-size: 1.25rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
color: #ffffff;
}
.cd-primary-nav.fade-in { visibility: visible;
opacity: 1;
}
.cd-overlay-nav, .cd-overlay-content { position: fixed;
top: 18px;
right: 5%;
height: 4px;
width: 4px;
-webkit-transform: translateX(-20px) translateY(20px);
-moz-transform: translateX(-20px) translateY(20px);
-ms-transform: translateX(-20px) translateY(20px);
-o-transform: translateX(-20px) translateY(20px);
transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
display: inline-block;
position: absolute;
border-radius: 50%; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden { opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay-nav { z-index: 2;
}
.cd-overlay-nav span {
background-color: #7d1f22;
}
.cd-overlay-content { z-index: 4;
}
.cd-overlay-content span {
background-color: #ae2a2d;
}
.cd-content { padding: 80px 0;
width: 90%;
max-width: 768px;
margin: 0 auto;
z-index: 1;
}
.cd-content .cd-intro {
height: 200px;
padding-top: 4.6em;
}
.cd-content h1 {
text-align: center;
font-size: 20px;
font-size: 1.25rem;
}
.cd-content p {
line-height: 1.5;
color: #a76500;
}
.cd-primary-nav.noprint.fade-in .menu-mainmenu-container {
display: table;
width: 100%;
}
.cd-primary-nav.noprint.fade-in .menu {
display: table-cell;
width: 100%;
height: 100vh;
vertical-align: middle;
}