/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
body {
margin: 0;
}
[class^="nys-global-header"] ul, [class^="nys-global-header"] li,
[class^="nys-global-footer"] ul,
[class^="nys-global-footer"] li {
margin: 0;
padding: 0;
}
[class^="nys-global-header"] a,
[class^="nys-global-footer"] a {
background-color: transparent;
}
[class^="nys-global-header"] a:active,
[class^="nys-global-header"] a:hover,
[class^="nys-global-footer"] a:active,
[class^="nys-global-footer"] a:hover {
outline: 0;
}
[class^="nys-global-header"] img,
[class^="nys-global-footer"] img {
border: 0;
}
[class^="nys-global-header"] svg:not(:root),
[class^="nys-global-footer"] svg:not(:root) {
overflow: hidden;
}
.nys-global-header {
color: #fff;
font-size: 14px;
line-height: 17px;
letter-spacing: .018em;
position: relative;
border-bottom: 4px solid #fff;
font-weight: 600;
font-style: normal;
}
.nys-global-header a {
color: #fff;
text-decoration: none;
}
.nys-global-header h1 {
font-family: "D Sari Bold", Arial, sans-serif;
display: table-cell;
vertical-align: middle;
height: 80px;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.nys-global-header h1 a {
display: block;
padding-left: 30px;
padding-right: 30px;
}
.nys-global-header ul {
padding: 0px 0px;
margin: 0;
display: none;
}
.nys-global-header ul li {
padding: 0;
margin: 0;
}
.nys-global-header ul li.hidden {
display: none;
}
.nys-global-header ul li.active ul {
display: block;
}
.nys-global-header ul > li > a[href="#"]:after {
background-image: url(/files/global_icons/icon-arrow-right.png);
/*background-image: linear-gradient(transparent, transparent), url(/files/global_icons/icon-arrow-right.svg);*/
background-size: 16px;
background-repeat: no-repeat;
width: 2em;
height: 1.2em;
content: "";
position: absolute;
right: 10px;
top: 39%;
}
.nys-global-header > ul {
position: absolute;
width: 255px;
border-top: 1px solid #445b4a;
z-index: 2;
}
.nys-global-header > ul li {
display: block;
list-style: none;
position: relative;
}
.nys-global-header > ul li.active > a:link, .nys-global-header > ul li.active > a:visited {
padding-left: 48px;
font-weight: bold;
letter-spacing: .03em;
}
.nys-global-header > ul li.active > a:before {
background-image: url(/files/global_icons/icon-arrow-left.png);
/*background-image: linear-gradient(transparent, transparent), url(/files/global_icons/icon-arrow-left.svg);*/
background-size: 16px;
background-repeat: no-repeat;
width: 2em;
height: 1.2em;
display: inline-block;
content: "";
position: absolute;
left: 18px;
top: 30px;
}
.nys-global-header > ul li.active > a:after {
background-image: none;
}
.nys-global-header > ul li a:link,
.nys-global-header > ul li a:visited {
display: block;
padding: 30px 48px 30px 30px;
font-family: "Proxima Nova", Arial, sans-serif;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.nys-global-header > ul li ul {
padding: 0;
display: none;
position: initial;
z-index: 5;
width: 100%;
}
.nys-global-header > ul li ul > li > a {
letter-spacing: .02em;
font-weight: bold;
}
.nys-global-header .active {
display: block;
}
.nys-global-header .nav-toggle {
text-indent: -9999px;
color: transparent;
}
.nys-global-header .nav-toggle a {
width: 65px;
height: 80px;
display: block;
float: left;
background-image: url(/files/global_icons/icon-menu.png);
/*background-image: linear-gradient(transparent, transparent), url(/files/global_icons/icon-menu.svg);*/
background-size: 20px;
background-repeat: no-repeat;
background-position: 50%;
}
@media (min-width: 768px) {
.nys-global-header.horizontal, .nys-global-header.vertical {
font-weight: bold;
}
.nys-global-header.horizontal h1 a, .nys-global-header.vertical h1 a {
font-size: 20px;
line-height: 26px;
}
.nys-global-header.horizontal.unstacked, .nys-global-header.vertical.unstacked {
font-size: 14px;
line-height: 18px;
}
.nys-global-header.horizontal.unstacked > ul, .nys-global-header.vertical.unstacked > ul {
position: relative;
display: block;
border-top: 0;
width: auto;
vertical-align: bottom;
}
.nys-global-header.horizontal.unstacked > ul a, .nys-global-header.vertical.unstacked > ul a {
border-bottom-width: 0;
padding: 8px 15px;
}
.nys-global-header.horizontal.unstacked > ul li,
.nys-global-header.horizontal.unstacked > ul li.hidden, .nys-global-header.vertical.unstacked > ul li,
.nys-global-header.vertical.unstacked > ul li.hidden {
display: inline-block;
vertical-align: bottom;
}
.nys-global-header.horizontal.unstacked > ul li ul,
.nys-global-header.horizontal.unstacked > ul li.hidden ul, .nys-global-header.vertical.unstacked > ul li ul,
.nys-global-header.vertical.unstacked > ul li.hidden ul {
position: absolute;
width: auto;
border-top: 1px solid #445b4a;
}
.nys-global-header.horizontal.unstacked > ul li ul li,
.nys-global-header.horizontal.unstacked > ul li.hidden ul li, .nys-global-header.vertical.unstacked > ul li ul li,
.nys-global-header.vertical.unstacked > ul li.hidden ul li {
display: block;
}
.nys-global-header.horizontal.unstacked > ul li ul li a,
.nys-global-header.horizontal.unstacked > ul li.hidden ul li a, .nys-global-header.vertical.unstacked > ul li ul li a,
.nys-global-header.vertical.unstacked > ul li.hidden ul li a {
padding: 15px;
}
.nys-global-header.horizontal.unstacked > ul li:last-child ul,
.nys-global-header.horizontal.unstacked > ul li.hidden:last-child ul, .nys-global-header.vertical.unstacked > ul li:last-child ul,
.nys-global-header.vertical.unstacked > ul li.hidden:last-child ul {
right: 0;
}
.nys-global-header.horizontal.unstacked .nav-toggle, .nys-global-header.vertical.unstacked .nav-toggle {
display: none;
}
.nys-global-header.horizontal.unstacked h1, .nys-global-header.vertical.unstacked h1 {
height: auto;
}
.nys-global-header.horizontal.unstacked h1 a, .nys-global-header.vertical.unstacked h1 a {
padding: 15px 30px 1px 30px;
}
.nys-global-header.horizontal.unstacked > ul, .nys-global-header.vertical.unstacked > ul {
padding-left: 15px;
display: inline-block;
}
.nys-global-header.horizontal.unstacked > ul li a, .nys-global-header.vertical.unstacked > ul li a {
font-weight: bold;
font-size: 14px;
letter-spacing: .03em;
padding-left: 15px;
}
.nys-global-header.horizontal.unstacked > ul li a:hover,
.nys-global-header.horizontal.unstacked > ul li a:active, .nys-global-header.vertical.unstacked > ul li a:hover,
.nys-global-header.vertical.unstacked > ul li a:active {
padding-left: 15px;
}
.nys-global-header.horizontal.unstacked > ul li ul, .nys-global-header.vertical.unstacked > ul li ul {
width: 170px;
}
.nys-global-header.horizontal.unstacked > ul li ul > li > a, .nys-global-header.vertical.unstacked > ul li ul > li > a {
font-size: 12px;
line-height: 17px;
font-weight: 600;
}
.nys-global-header.horizontal.unstacked ul > li > a[href="#"]:after, .nys-global-header.vertical.unstacked ul > li > a[href="#"]:after {
background-image: none;
width: 0;
margin: 0;
display: none;
}
.nys-global-header.horizontal.unstacked > ul li.active > a:before, .nys-global-header.vertical.unstacked > ul li.active > a:before {
background-image: none;
width: 0;
margin: 0;
display: none;
}
.nys-global-header.horizontal.stacked, .nys-global-header.vertical.stacked {
font-size: 16px;
line-height: 22px;
letter-spacing: .03em;
}
.nys-global-header.horizontal.stacked > ul, .nys-global-header.vertical.stacked > ul {
width: 300px;
}
.nys-global-header.horizontal.stacked > ul a:link,
.nys-global-header.horizontal.stacked > ul a:visited, .nys-global-header.vertical.stacked > ul a:link,
.nys-global-header.vertical.stacked > ul a:visited {
font-weight: bold;
}
.nys-global-header.horizontal.stacked > ul li.active > a:before, .nys-global-header.vertical.stacked > ul li.active > a:before {
background-size: 18px;
top: 31px;
}
.nys-global-header.horizontal.stacked > ul > li > a[href="#"]:after, .nys-global-header.vertical.stacked > ul > li > a[href="#"]:after {
background-size: 18px;
top: 38%;
}
}
@media (min-width: 1024px) {
.nys-global-header.horizontal > ul,
.nys-global-header.horizontal h1, .nys-global-header.vertical > ul,
.nys-global-header.vertical h1 {
display: inline-block;
}
.nys-global-header.unstacked.horizontal, .nys-global-header.stacked.horizontal, .nys-global-header.vertical {
height: auto;
font-size: 16px;
}
.nys-global-header.unstacked.horizontal h1, .nys-global-header.stacked.horizontal h1, .nys-global-header.vertical h1 {
width: 300px;
padding-left: 30px;
}
.nys-global-header.unstacked.horizontal h1 a, .nys-global-header.stacked.horizontal h1 a, .nys-global-header.vertical h1 a {
padding: 0px;
font-size: 22px;
line-height: 26px;
display: table-cell;
height: 75px;
vertical-align: middle;
padding-left: 15px;
}
.nys-global-header.unstacked.horizontal h1 a span, .nys-global-header.stacked.horizontal h1 a span, .nys-global-header.vertical h1 a span {
display: inline-block;
}
.nys-global-header.unstacked.horizontal > ul, .nys-global-header.stacked.horizontal > ul, .nys-global-header.vertical > ul {
padding: 0 0 0 30px;
}
.nys-global-header.unstacked.horizontal > ul li a, .nys-global-header.stacked.horizontal > ul li a, .nys-global-header.vertical > ul li a {
font-size: 16px;
letter-spacing: .03em;
display: table-cell;
height: 75px;
vertical-align: middle;
padding: 0px 15px;
}
.nys-global-header.unstacked.horizontal > ul li ul, .nys-global-header.stacked.horizontal > ul li ul, .nys-global-header.vertical > ul li ul {
padding: 5px 0px;
top: auto;
width: 300px;
}
.nys-global-header.unstacked.horizontal > ul li ul li, .nys-global-header.stacked.horizontal > ul li ul li, .nys-global-header.vertical > ul li ul li {
height: auto;
}
.nys-global-header.unstacked.horizontal > ul li ul li a, .nys-global-header.stacked.horizontal > ul li ul li a, .nys-global-header.vertical > ul li ul li a {
font-size: 16px;
line-height: 20px;
height: auto;
display: block;
}
.nys-global-header.stacked.horizontal, .nys-global-header.vertical {
height: 118px;
}
.nys-global-header.stacked.horizontal > ul, .nys-global-header.vertical > ul {
position: relative;
display: block;
border-top: 0;
width: auto;
vertical-align: bottom;
}
.nys-global-header.stacked.horizontal > ul a, .nys-global-header.vertical > ul a {
border-bottom-width: 0;
padding: 8px 15px;
}
.nys-global-header.stacked.horizontal > ul li,
.nys-global-header.stacked.horizontal > ul li.hidden, .nys-global-header.vertical > ul li,
.nys-global-header.vertical > ul li.hidden {
display: inline-block;
vertical-align: bottom;
}
.nys-global-header.stacked.horizontal > ul li ul,
.nys-global-header.stacked.horizontal > ul li.hidden ul, .nys-global-header.vertical > ul li ul,
.nys-global-header.vertical > ul li.hidden ul {
position: absolute;
width: auto;
border-top: 4px solid #fff;
}
.nys-global-header.stacked.horizontal > ul li ul li,
.nys-global-header.stacked.horizontal > ul li.hidden ul li, .nys-global-header.vertical > ul li ul li,
.nys-global-header.vertical > ul li.hidden ul li {
display: block;
}
.nys-global-header.stacked.horizontal > ul li ul li a,
.nys-global-header.stacked.horizontal > ul li.hidden ul li a, .nys-global-header.vertical > ul li ul li a,
.nys-global-header.vertical > ul li.hidden ul li a {
padding: 15px;
}
.nys-global-header.stacked.horizontal > ul li:last-child ul,
.nys-global-header.stacked.horizontal > ul li.hidden:last-child ul, .nys-global-header.vertical > ul li:last-child ul,
.nys-global-header.vertical > ul li.hidden:last-child ul {
right: 0;
}
.nys-global-header.stacked.horizontal .nav-toggle, .nys-global-header.vertical .nav-toggle {
display: none;
}
.nys-global-header.stacked.horizontal h1, .nys-global-header.vertical h1 {
display: block;
width: auto;
height: auto;
}
.nys-global-header.stacked.horizontal h1 a, .nys-global-header.vertical h1 a {
height: 65px;
}
.nys-global-header.stacked.horizontal > ul, .nys-global-header.vertical > ul {
display: block;
}
.nys-global-header.stacked.horizontal > ul li a, .nys-global-header.vertical > ul li a {
height: 53px;
}
.nys-global-header.stacked.horizontal > ul li ul, .nys-global-header.vertical > ul li ul {
top: auto;
height: auto;
width: 300px;
}
.nys-global-header.stacked.horizontal > ul li ul li a, .nys-global-header.vertical > ul li ul li a {
height: auto;
padding: 15px;
}
.nys-global-header.stacked.horizontal ul > li > a[href="#"]:after, .nys-global-header.vertical ul > li > a[href="#"]:after {
background-image: none;
width: 0;
margin: 0;
display: none;
}
.nys-global-header.stacked.horizontal > ul li.active > a:before, .nys-global-header.vertical > ul li.active > a:before {
background-image: none;
width: 0;
margin: 0;
display: none;
}
.nys-global-header.vertical {
width: 300px;
height: auto;
border-bottom: 0;
float: left;
}
.nys-global-header.vertical h1 {
padding-left: 0;
height: auto;
}
.nys-global-header.vertical h1 a {
display: block;
height: auto;
padding: 30px 0 30px 15px;
}
.nys-global-header.vertical ul {
width: 300px;
padding: 0;
}
.nys-global-header.vertical ul li {
display: block;
}
.nys-global-header.vertical ul li.active > a {
padding-left: 24px;
}
.nys-global-header.vertical ul li.active > a:before {
background-image: url(/globalnavtest/source/icons/icon-arrow-left.png);
background-image: linear-gradient(transparent, transparent), url(/globalnavtest/source/icons/icon-arrow-left.svg);
background-size: 16px;
background-repeat: no-repeat;
width: 2em;
height: 1.2em;
display: inline-block;
content: '';
position: absolute;
left: 18px;
top: 30px;
}
.nys-global-header.vertical ul li a {
height: auto;
display: block;
line-height: 1.5;
margin: 0 15px;
padding: 30px 0;
}
.nys-global-header.vertical ul li a:hover, .nys-global-header.vertical ul li a:active {
font-weight: 600;
}
.nys-global-header.vertical ul li.hidden {
display: block;
}
.nys-global-header.vertical ul li ul {
border-top: 0;
padding: 0;
position: initial;
}
.nys-global-header.vertical ul li ul li:first-of-type a {
border-top: 0;
}
.nys-global-header.vertical ul li ul li a {
padding-left: 24px;
}
}
@media (min-width: 1024px) {
.nys-global-nav-content-container {
/*margin-left: 330px;*/
margin-left: 305px; /*DEC*/
}
}
.nys-global-footer {
clear: both;
}
.nys-global-footer h3, .nys-global-footer h4, .nys-global-footer p, .nys-global-footer span, .nys-global-footer a {
color: #000;
}
.nys-global-footer h3, .nys-global-footer h4 {
font-weight: 800;
}
.nys-global-footer h4, .nys-global-footer span, .nys-global-footer a {
font-family: "Proxima Nova", Arial, sans-serif;
}
.nys-global-footer .footer-container {
padding: 0 0 36px;
display: block;
margin: 0 15px;
}
.nys-global-footer .footer-container h3 {
font-family: "D Sari Bold", Arial, sans-serif;
font-size: 16px;
line-height: 20px;
padding: 32px 30px;
margin: 0;
}
.nys-global-footer .footer-container h4 {
font-size: 12px;
line-height: 16px;
letter-spacing: .05em;
clear: both;
margin-left: 30px;
margin: 0 16px 12px 30px;
}
.nys-global-footer .footer-container h4:after {
content: "";
display: block;
height: 1px;
background-color: #000;
width: 96%;
margin-top: 3px;
}
.nys-global-footer .footer-container a {
text-decoration: none;
}
.nys-global-footer .footer-container a:hover, .nys-global-footer .footer-container a:active {
text-decoration: underline;
color: #000;
}
.nys-global-footer .footer-container ul {
padding: 0 30px 0 30px;
}
.nys-global-footer .footer-container ul li {
float: left;
width: 50%;
list-style-type: none;
margin: 0;
padding-bottom: 16px;
}
.nys-global-footer .footer-container ul li a {
font-size: 12px;
font-weight: bold;
line-height: 16px;
letter-spacing: .03em;
padding-right: 48px;
display: block;
}
.nys-global-footer .footer-container .footer-col {
float: none;
position: relative;
width: 100%;
display: inline-block;
margin-bottom: 32px;
min-width: 100px;
}
.nys-global-footer .footer-container .social-media {
display: block;
clear: both;
}
.nys-global-footer .footer-container .social-media ul {
display: inline-block;
text-align: center;
width: 80%;
}
.nys-global-footer .footer-container .social-media ul li {
display: inline-block;
float: left;
font-size: 12px;
line-height: 16px;
margin: 28px 40px 0;
width: 15%;
padding-bottom: 12px;
}
.nys-global-footer .footer-container .social-media ul li a {
padding-right: 0;
white-space: nowrap;
text-decoration: none;
}
.nys-global-footer .footer-container .social-media ul li a:hover span, .nys-global-footer .footer-container .social-media ul li a:active span {
text-decoration: underline;
}
.nys-global-footer .footer-container .social-media ul li a span:nth-child(even) {
display: inline-block;
margin-top: 3px;
margin-bottom: 1px;
padding-left: 6px;
position: absolute;
}
.nys-global-footer .footer-container .social-media img {
margin: 0 10px 0 0;
}
.nys-global-footer .footer-container .social-media .social-media-title {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.nys-global-footer .footer-container .social-media .social-media-title h4 {
display: inline-block;
float: left;
font-weight: bold;
line-height: 16px;
margin: 0 0 16px 30px;
overflow: hidden;
text-align: center;
width: 85.5%;
}

/*DEC hack for Firefox to prevent social icons from displaying offscreen to the right*/
@-moz-document url-prefix() {
 .nys-global-footer .footer-container .social-media .social-media-title h4 {
 float: none;
 }
}

.nys-global-footer .footer-container .social-media .social-media-title h4:before, .nys-global-footer .footer-container .social-media .social-media-title h4:after {
background-color: #000;
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 40%;
top: -1px;
}
.nys-global-footer .footer-container .social-media .social-media-title h4:before {
right: 1.5em;
margin-left: -50%;
}
.nys-global-footer .footer-container .social-media .social-media-title h4:after {
left: 1.5em;
margin-right: -50%;
}
.nys-global-footer .footer-container .social-media .social-media-links ul {
display: inline-block;
width: 100%;
padding: 0;
text-align: center;
}
.nys-global-footer .footer-container .social-media .social-media-links ul li {
display: inline-block;
margin: 16px 20px 0;
width: 38%;
}
.nys-global-footer .footer-container .social-media .social-media-links ul li a {
padding-right: 48px;
}
@media (min-width: 768px) {
.nys-global-footer .footer-container h3 {
font-size: 20px;
line-height: 24px;
margin: 0;
}
.nys-global-footer .footer-container h4 {
font-size: 14px;
line-height: 18px;
margin-bottom: 14px;
}
.nys-global-footer .footer-container h4:after {
width: 27%;
}
.nys-global-footer .footer-container ul li {
width: 32%;
float: left;
padding-bottom: 18px;
}
.nys-global-footer .footer-container ul li a {
font-size: 14px;
line-height: 18px;
}
.nys-global-footer .footer-container .footer-col {
margin-bottom: 18px;
}
.nys-global-footer .footer-container .social-media {
margin-top: 12px;
}
.nys-global-footer .footer-container .social-media ul li a span:nth-child(even) {
margin-top: 6px;
padding-left: 12px;
position: relative;
top: -5px;
}
.nys-global-footer .footer-container .social-media ul li:last-child a {
padding-left: 7.5px;
}
.nys-global-footer .footer-container .social-media img {
margin-right: 5px;
}
.nys-global-footer .footer-container .social-media .social-media-title h4 {
margin-top: 0;
margin-bottom: 36px;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}
.nys-global-footer .footer-container .social-media .social-media-title:before {
right: 2.5em;
margin-left: -50%;
}
.nys-global-footer .footer-container .social-media .social-media-title:after {
left: 2.5em;
margin-right: -50%;
margin-top: 0;
}
.nys-global-footer .footer-container .social-media .social-media-links {
display: table;
width: 95%;
margin: 0 auto;
}
.nys-global-footer .footer-container .social-media .social-media-links ul {
display: table-row;
}
.nys-global-footer .footer-container .social-media .social-media-links ul li {
float: none;
width: auto;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0;
display: table-cell;
}
.nys-global-footer .footer-container .social-media .social-media-links ul li a {
padding-right: 20px;
}
.nys-global-footer .footer-container .social-media ul li a span:nth-child(even) {
padding-left: 2px;
}
}
@media (min-width: 1024px) {
.nys-global-footer .footer-container h3 {
font-size: 22px;
line-height: 26px;
}
.nys-global-footer .footer-container h4 {
margin-right: 0;
}
.nys-global-footer .footer-container h4:after {
width: 98%;
}
.nys-global-footer .footer-container ul {
display: block;
padding: 0;
}
.nys-global-footer .footer-container ul li {
width: auto;
float: none;
padding-left: 30px;
}
.nys-global-footer .footer-container ul li a {
padding-right: 0;
}
.nys-global-footer .footer-container .footer-col {
float: left;
width: 18%;
margin-right: 2%;
margin-bottom: 18px;
}
.nys-global-footer .footer-container .social-media {
margin: 0 auto;
}
.nys-global-footer .footer-container .social-media .social-media-title h4 {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.nys-global-footer .footer-container .social-media .social-media-links {
width: 85%;
}
.nys-global-footer .footer-container .social-media .social-media-links ul li:last-child a {
padding-left: 15px;
}
}
.icon-social-blogger,
.icon-social-delicious,
.icon-social-facebook,
.icon-social-feed,
.icon-social-flickr,
.icon-social-foursqaure,
.icon-social-github,
.icon-social-google-plus,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-mail,
.icon-social-pinterest,
.icon-social-reddit,
.icon-social-share,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-vimeo,
.icon-social-yelp,
.icon-social-youtube {
display: inline-block;
height: 20px;
width: 20px;
background-size: 20px 20px;
}
/*# sourceMappingURL=nys-global-nav.css.map */