.cd-auto-hide-header {
position: fixed;
z-index: 200;
top: 0;
left: 0;
width: 100%;
height: 77px;
background-color: #ffffff; -webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
}
.cd-auto-hide-header::after {
clear: both;
content: "";
display: block;
}
.cd-auto-hide-header.is-hidden {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.cd-auto-hide-header .logo,
.cd-auto-hide-header .nav-trigger { }
.cd-auto-hide-header .logo {
left: 10%;
}
.cd-auto-hide-header .logo a,
.cd-auto-hide-header .logo img {
display: block;
}
.cd-auto-hide-header .nav-trigger {
display: block;
padding: 2px;
color: #25283D;
height: 15px;
}
.cd-auto-hide-header .nav-trigger span { display: table-cell;
vertical-align: middle;
}
.cd-auto-hide-header .nav-trigger em,
.cd-auto-hide-header .nav-trigger em::after,
.cd-auto-hide-header .nav-trigger em::before { display: block;
position: relative;
height: 2px;
width: 22px;
background-color: #004127;
}
.cd-auto-hide-header .nav-trigger em { margin: 6px auto 14px;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.cd-auto-hide-header .nav-trigger em::before,
.cd-auto-hide-header .nav-trigger em::after {
position: absolute;
content: '';
left: 0;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.cd-auto-hide-header .nav-trigger em::before { -webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.cd-auto-hide-header .nav-trigger em::after { -webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
@media only screen and (min-width: 1024px) {
.cd-auto-hide-header .nav-trigger {
display: none;
}
}
.cd-auto-hide-header.nav-open .nav-trigger em { background-color: rgba(255, 255, 255, 0);
}
.cd-auto-hide-header.nav-open .nav-trigger em::before { -webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-auto-hide-header.nav-open .nav-trigger em::after { -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-primary-nav {
display: inline-block;
float: right;
height: 100%; }
.cd-primary-nav>ul {
position: absolute;
z-index: 2;
top: 54px;
left: 0;
width: 100%;
background-color: #ffffff;
display: none;
box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);
}
.cd-primary-nav>ul a { display: block;
height: 50px;
line-height: 50px;
padding-left: 5%;
border-top: 1px solid #f2f2f2;
color: #004127;
font-family: 'PT Sans', sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cd-primary-nav>ul a:hover,
.cd-primary-nav>ul a.active {
color: #c29c57;
}
@media only screen and (min-width: 1024px) {
.cd-primary-nav { display: table;
}
.cd-primary-nav>ul { display: table-cell;
vertical-align: middle; position: relative;
width: auto;
top: 0;
padding: 0;
background-color: transparent;
box-shadow: none;
}
.cd-primary-nav>ul::after {
clear: both;
content: "";
display: block;
}
.cd-primary-nav>ul li {
display: inline-block;
float: left;
margin-right: 1.5em;
}
.cd-primary-nav>ul li:last-of-type {
margin-right: 0;
}
.cd-primary-nav>ul a { height: auto;
line-height: normal;
padding: 0;
border: none;
}
}
.nav-open .cd-primary-nav ul,
.cd-primary-nav ul:target { display: block;
}
@media only screen and (min-width: 1024px) {
.nav-open .cd-primary-nav ul,
.cd-primary-nav ul:target {
display: table-cell;
}
} .cd-secondary-nav {
position: relative;
z-index: 1;
clear: both;
width: 100%; background-color: #ddf2e9; -webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.28); }
.cd-secondary-nav::after { content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 35px;
pointer-events: none;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.cd-secondary-nav.nav-end::after {
opacity: 0;
}
.cd-secondary-nav ul,
.cd-secondary-nav li,
.cd-secondary-nav a {
height: 100%;
}
.cd-secondary-nav ul { display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 2%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
display: flex;
justify-content: center;
}
.cd-secondary-nav ul::after {
clear: both;
content: "";
display: block;
}
.cd-secondary-nav li {
display: inline-block;
float: left; -webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cd-secondary-nav li:last-of-type {
padding-right: 20px;
}
.cd-secondary-nav a {
display: block;
opacity: 1;
line-height: 50px;
padding: 0 1em;
}
.cd-secondary-nav a:hover,
.cd-secondary-nav a.active {
opacity: 1;
}
@media only screen and (min-width: 1024px) {
.cd-secondary-nav { overflow: visible;
z-index: 500;
}
.cd-secondary-nav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 5px 0;
}
.cd-secondary-nav li { float: none;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.cd-secondary-nav a {
line-height: 42px;
color: #004127;
font-family: 'PT Sans', sans-serif;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.cd-secondary-nav a:hover {
color: #c29c57;
}
}
.cd-secondary-nav a.active {
box-shadow: inset 0 -3px #8F3985;
}
} .cd-main-content.sub-nav :target::before,
.cd-main-content.sub-nav-hero :target::before {
display: block;
content: "";
margin-top: -50px;
height: 50px;
visibility: hidden;
}
@media only screen and (min-width: 1024px) {
.cd-main-content.sub-nav :target::before,
.cd-main-content.sub-nav-hero :target::before {
margin-top: -70px;
height: 70px;
}
}
.new header.cd-auto-hide-header nav.cd-secondary-nav ul li a { font-size: 1.3em;
}
.new header.cd-auto-hide-header nav.cd-secondary-nav ul li a span {
font-size: 1.1em;
}
.is-hidden .cd-secondary-nav {
background-color: #004127;
transition: all 0.3s;
height: 56px;
}
.is-hidden .cd-secondary-nav a {
color: #ffffff;
transition: all 0.3s;
line-height: 52px;
}
.is-hidden .cd-secondary-nav a:hover {
color: #c29c57;
}
ul#cd-navigation li {
list-style-type: none;
} @media (max-width: 1023px) {
.cd-secondary-nav {
margin-top: -15px;
}
}
@media (max-width: 768px) {
.new header.cd-auto-hide-header nav.cd-secondary-nav ul li a {
font-size: 16px;
}
span.menu-cta a.btn {
display: none;
}
.cd-auto-hide-header .logo {
left: 1%;
}
.lang {
}
.new .logo img {
max-width: 92px;
}
.new .lang {
}
.new .lang a {
margin-right: 0px;
}
.new .cd-secondary-nav a {
padding: 0 0.5em;
color: #004127;
font-weight: bolder;
}
.new .is-hidden .cd-secondary-nav a {
padding: 0 0.5em;
color: #fff;
font-weight: bolder;
}
.new .cd-secondary-nav a:hover {
color: #c29c57;
}
.new .section-item { }
}
@media (min-width: 768px) and (max-width: 1024px) {
.new .cd-secondary-nav a {
padding: 0 0.9em;
color: #004127;
}
.new .is-hidden .cd-secondary-nav a {
color: #fff;
}
}