@charset "UTF-8"; /* Theme Name: Autodesk Eagle Blog Version 1.0 */ @import url(styles/normalize.css); /* * Symbolset * www.symbolset.com * Copyright © 2014 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @import url(styles/structure-clientlibs.css); @import url(styles/troposphere-clientlibs.css); @import url(styles/icons.css); @font-face { font-family: "SSSocialCircle"; src: url("styles/fonts/ss-social-circle.eot"); src: url("styles/fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("styles/fonts/ss-social-circle.woff") format("woff"), url("styles/fonts/ss-social-circle.ttf") format("truetype"), url("styles/fonts/ss-social-circle.svg#SSSocialCircle") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-social-circle, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after { font-family: "SSSocialCircle"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-facebook:before, .ss-facebook.right:after { content: ''; } .ss-twitter:before, .ss-twitter.right:after { content: ''; } .ss-googleplus:before, .ss-googleplus.right:after { content: ''; } .ss-appdotnet:before, .ss-appdotnet.right:after { content: ''; } .ss-ello:before, .ss-ello.right:after { content: ''; } .ss-aboutme:before, .ss-aboutme.right:after { content: ''; } .ss-vk:before, .ss-vk.right:after { content: ''; } .ss-weibo:before, .ss-weibo.right:after { content: ''; } .ss-linkedin:before, .ss-linkedin.right:after { content: ''; } .ss-zerply:before, .ss-zerply.right:after { content: ''; } .ss-xing:before, .ss-xing.right:after { content: ''; } .ss-reddit:before, .ss-reddit.right:after { content: ''; } .ss-steam:before, .ss-steam.right:after { content: ''; } .ss-tumblr:before, .ss-tumblr.right:after { content: ''; } .ss-wordpress:before, .ss-wordpress.right:after { content: ''; } .ss-blogger:before, .ss-blogger.right:after { content: ''; } .ss-quora:before, .ss-quora.right:after { content: ''; } .ss-youtube:before, .ss-youtube.right:after { content: ''; } .ss-vimeo:before, .ss-vimeo.right:after { content: ''; } .ss-vine:before, .ss-vine.right:after { content: ''; } .ss-letterboxd:before, .ss-letterboxd.right:after { content: ''; } .ss-flickr:before, .ss-flickr.right:after { content: ''; } .ss-instagram:before, .ss-instagram.right:after { content: ''; } .ss-vscogrid:before, .ss-vscogrid.right:after { content: ''; } .ss-fivehundredpx:before, .ss-fivehundredpx.right:after { content: ''; } .ss-feedly:before, .ss-feedly.right:after { content: ''; } .ss-pinterest:before, .ss-pinterest.right:after { content: ''; } .ss-dropbox:before, .ss-dropbox.right:after { content: ''; } .ss-pinboard:before, .ss-pinboard.right:after { content: ''; } .ss-delicious:before, .ss-delicious.right:after { content: ''; } .ss-dribbble:before, .ss-dribbble.right:after { content: ''; } .ss-behance:before, .ss-behance.right:after { content: ''; } .ss-github:before, .ss-github.right:after { content: ''; } .ss-bitbucket:before, .ss-bitbucket.right:after { content: ''; } .ss-stackoverflow:before, .ss-stackoverflow.right:after { content: ''; } .ss-stackexchange:before, .ss-stackexchange.right:after { content: ''; } .ss-codepen:before, .ss-codepen.right:after { content: ''; } .ss-jsfiddle:before, .ss-jsfiddle.right:after { content: ''; } .ss-paypal:before, .ss-paypal.right:after { content: ''; } .ss-shopify:before, .ss-shopify.right:after { content: ''; } .ss-kickstarter:before, .ss-kickstarter.right:after { content: ''; } .ss-etsy:before, .ss-etsy.right:after { content: ''; } .ss-foursquare:before, .ss-foursquare.right:after { content: ''; } .ss-swarm:before, .ss-swarm.right:after { content: ''; } .ss-yelp:before, .ss-yelp.right:after { content: ''; } .ss-skype:before, .ss-skype.right:after { content: ''; } .ss-whatsapp:before, .ss-whatsapp.right:after { content: ''; } .ss-rdio:before, .ss-rdio.right:after { content: ''; } .ss-spotify:before, .ss-spotify.right:after { content: ''; } .ss-lastfm:before, .ss-lastfm.right:after { content: ''; } .ss-soundcloud:before, .ss-soundcloud.right:after { content: ''; } .ss-appstore:before, .ss-appstore.right:after { content: ''; } .ss-googleplay:before, .ss-googleplay.right:after { content: ''; } .ss-appleinc:before, .ss-appleinc.right:after { content: ''; } .ss-microsoft:before, .ss-microsoft.right:after { content: ''; } .ss-windows:before, .ss-windows.right:after { content: ''; } .ss-android:before, .ss-android.right:after { content: ''; } .ss-blackberry:before, .ss-blackberry.right:after { content: ''; } .ss-link:before, .ss-link.right:after { content: '🔗'; } .ss-phone:before, .ss-phone.right:after { content: '📞'; } .ss-mail:before, .ss-mail.right:after { content: '✉'; } .ss-like:before, .ss-like.right:after { content: '👍'; } .ss-rss:before, .ss-rss.right:after { content: ''; } .ss-share:before, .ss-share.right:after { content: ''; } @keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-webkit-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-moz-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-ms-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-o-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } .vex, .vex *, .vex *:before, .vex *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .vex { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1111; top: 0; right: 0; bottom: 0; left: 0; } .vex-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .vex-overlay { background: #000; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .vex-overlay { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; -moz-animation: vex-fadein 0.5s; -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; position: fixed; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; } .vex.vex-closing .vex-overlay { animation: vex-fadeout 0.5s; -webkit-animation: vex-fadeout 0.5s; -moz-animation: vex-fadeout 0.5s; -ms-animation: vex-fadeout 0.5s; -o-animation: vex-fadeout 0.5s; -webkit-backface-visibility: hidden; } .vex-content { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; -moz-animation: vex-fadein 0.5s; -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; background: #fff; } .vex.vex-closing .vex-content { animation: vex-fadeout 0.5s; -webkit-animation: vex-fadeout 0.5s; -moz-animation: vex-fadeout 0.5s; -ms-animation: vex-fadeout 0.5s; -o-animation: vex-fadeout 0.5s; -webkit-backface-visibility: hidden; } .vex-close:before { font-family: Arial, sans-serif; content: "\00D7"; } .vex-dialog-form { margin: 0; } .vex-dialog-button { text-rendering: optimizeLegibility; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .vex-loading-spinner { animation: vex-rotation 0.7s linear infinite; -webkit-animation: vex-rotation 0.7s linear infinite; -moz-animation: vex-rotation 0.7s linear infinite; -ms-animation: vex-rotation 0.7s linear infinite; -o-animation: vex-rotation 0.7s linear infinite; -webkit-backface-visibility: hidden; -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); position: fixed; z-index: 1112; margin: auto; top: 0; right: 0; bottom: 0; left: 0; height: 2em; width: 2em; background: #fff; } body.vex-open { overflow: hidden; } /** Custom Autodesk Styles **/ .pop-up { width: 760px; height: 600px; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; position: fixed; background-color: #ebebeb; display: none; } @media (max-width: 767px) { .pop-up { width: 100%; height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; } } .pop-up .pop-up-content .mailpoet_segment_label { margin-bottom: 5px; display: block; } .pop-up .pop-up-content .mailpoet_paragraph { margin-top: 0px; } .pop-up .pop-up-content .mailpoet_submit { margin-bottom: 0px; } .pop-up.vex-content { display: block; } .pop-up .pop-up-header { width: 100%; height: 80px; background: #666666; position: relative; } @media (max-width: 640px) { .pop-up .pop-up-header { height: 50px; } } .pop-up .pop-up-header h2 { font-size: 28px; font-weight: 600; height: 28px; left: 20px; color: #FFF; line-height: 100%; } @media (max-width: 640px) { .pop-up .pop-up-header h2 { font-size: 20px; height: 20px; } } .pop-up .pop-up-header h2, .pop-up .pop-up-header .close-x { position: absolute; top: 0px; bottom: 0px; margin: auto; } .pop-up .pop-up-header .close-x { width: 20px; right: 20px; cursor: pointer; } .pop-up .pop-up-content { background-color: #ebebeb; float: left; } .pop-up .pop-up-content .pop-up-left { float: left; width: 380px; height: calc(600px - 70px); background-image: url("images/eagle-pop-up.jpg"); background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 40px; } @media (max-width: 767px) { .pop-up .pop-up-content .pop-up-left { width: 100%; height: auto; padding: 20px; } } .pop-up .pop-up-content .pop-up-left h2 { font-size: 40px; line-height: 46px !important; font-weight: 300; left: 20px; color: #FFF; } @media (max-width: 767px) { .pop-up .pop-up-content .pop-up-left h2 { font-size: 28px; line-height: 32px !important; } } .pop-up .pop-up-content .pop-up-left p { color: #FFF; font-size: 18px; line-height: 22px; margin-top: 20px; margin-bottom: 0px; } @media (max-width: 640px) { .pop-up .pop-up-content .pop-up-left p { font-size: 14px; margin-top: 10px; } } .pop-up .pop-up-content .pop-up-form { float: left; width: 380px; padding: 40px; } @media (max-width: 767px) { .pop-up .pop-up-content .pop-up-form { padding: 20px; width: 100%; } } .pop-up .pop-up-content .pop-up-form form { width: 100% !important; margin: 0px; } .pop-up .pop-up-content .pop-up-form form label { width: 100% !important; margin-bottom: 5px; text-transform: uppercase; font-weight: normal !important; } .pop-up .pop-up-content .pop-up-form form input { line-height: 35px; } .pop-up .pop-up-content .pop-up-form form select { line-height: 100%; } .pop-up .pop-up-content .pop-up-form form .mktoGutter, .pop-up .pop-up-content .pop-up-form form .mktoOffset { display: none; } .pop-up .pop-up-content .pop-up-form .mktoFieldWrap, .pop-up .pop-up-content .pop-up-form .mktoFormCol, .pop-up .pop-up-content .pop-up-form .mktoButtonRow { width: 100% !important; } .pop-up .pop-up-content .pop-up-form form input[type="text"], .pop-up-form form input[type="email"], .pop-up-form form input[type="submit"], .pop-up .pop-up-content .pop-up-form form select { width: 100% !important; background: #FFF; border: none; height: 35px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; font-size: 18px; } .pop-up .pop-up-content .pop-up-form form select { overflow: hidden; background: url("https://autodesk.i.lithium.com/html/assets/button-arrow-down-icon.png?B96C1B165F31CBDDA2FFF349DB4D5F2F") no-repeat 95% center #fff; border-left: none; } .pop-up .pop-up-content .pop-up-form form .mktoButtonWrap { width: 100% !important; margin: 0px !important; } .pop-up .pop-up-content .pop-up-form form button { background: #f08800 url("https://autodesk.i.lithium.com/html/assets/button-arrow-right-icon.png?E61D085D624D006A889C39E60726EBBA") no-repeat 95% center !important; background-size: auto 30%; margin: 10px 0px 0px 0px; padding: 0px 10px; color: #fff; text-transform: uppercase; border-radius: 0; border: none !important; height: 40px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; font-size: 18px !important; line-height: 100% !important; text-align: left; } #comments > .comments-list { border: none; } .pop-up .pop-up-content .pop-up-form input[type="submit"] { border: none; padding: 0px; margin-top: 10px; background-color: #182f47; font-family: "Artifakt Legend"; font-weight: 600; font-size: 14px; color: #FFF; } .pop-up .pop-up-content .pop-up-form input[type="submit"] .subscribe-bottom-cta-inner { width: 300px; } .pop-up .pop-up-content .pop-up-form input[type="submit"] h3 { text-transform: uppercase; margin-bottom: 20px; font-size: 24px; line-height: 30px; font-weight: 300; } .pop-up .pop-up-content .pop-up-form input[type="submit"] .custom-action-links { border-top: 1px solid #979797; margin-bottom: 15px; margin-top: 20px; } .pop-up .pop-up-content .pop-up-form input[type="submit"] .custom-action-links li { margin-top: 15px; line-height: 20px; } .pop-up .pop-up-content .pop-up-form input[type="submit"] .custom-action-links li a { text-transform: uppercase; color: #fff; display: block; padding: 0 30px 0 0; text-decoration: none; font-size: 14px; background: url("https://autodesk.i.lithium.com/html/assets/fusion-360-orange-arrow-icon.png?DE667964187468AB43FF393968D1B003") no-repeat 99% center; background-size: 18px 18px; } .pop-up .pop-up-content .pop-up-form input[type="submit"] .subscription-title { text-transform: uppercase; color: #fff; font-size: 18px; white-space: nowrap; font-weight: 400; display: block; margin-bottom: 20px; } .pop-up .pop-up-content .pop-up-form input[type="submit"] .subscription-title images { width: 32px; margin-right: 5px; } @font-face { font-family: 'Artifakt Legend'; font-weight: 300; src: url("styles/fonts/Artifakt Legend Light.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Legend Light.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Legend Light.woff2") format("woff2"), url("styles/fonts/Artifakt Legend Light.woff") format("woff"), url("styles/fonts/Artifakt Legend Light.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Legend'; font-weight: 600; src: url("styles/fonts/Artifakt Legend Medium.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Legend Medium.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Legend Medium.woff2") format("woff2"), url("styles/fonts/Artifakt Legend Medium.woff") format("woff"), url("styles/fonts/Artifakt Legend Medium.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Legend'; font-weight: 800; src: url("styles/fonts/Artifakt Legend Bold.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Legend Bold.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Legend Bold.woff2") format("woff2"), url("styles/fonts/Artifakt Legend Bold.woff") format("woff"), url("styles/fonts/Artifakt Legend Bold.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Element'; font-weight: 600; src: url("styles/fonts/Artifakt Element Medium.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Element Medium.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Element Medium.woff2") format("woff2"), url("styles/fonts/Artifakt Element Medium.woff") format("woff"), url("styles/fonts/Artifakt Element Medium.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Element'; font-weight: normal; src: url("styles/fonts/Artifakt Element Regular.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Element Regular.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Element Regular.woff2") format("woff2"), url("styles/fonts/Artifakt Element Regular.woff") format("woff"), url("styles/fonts/Artifakt Element Regular.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Element'; font-weight: 300; src: url("styles/fonts/Artifakt Element Light.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Element Light.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Element Light.woff2") format("woff2"), url("styles/fonts/Artifakt Element Light.woff") format("woff"), url("styles/fonts/Artifakt Element Light.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Element'; font-weight: 300; font-style: italic; src: url("styles/fonts/Artifakt Element Light Italic.woff"); /* IE9 Compat Modes */ src: url("styles/fonts/Artifakt Element Light Italic.eot?#iefix") format("embedded-opentype"), url("styles/fonts/Artifakt Element Light Italic.woff2") format("woff2"), url("styles/fonts/Artifakt Element Light Italic.woff") format("woff"), url("styles/fonts/Artifakt Element Light Italic.ttf") format("truetype"); } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .cf { *zoom: 1; } html, body { font-family: "Artifakt Element"; } .header { height: 52px; width: 100%; top: 0px; background-color: #F5F5F5; border-bottom: 1px solid #e3e2df; z-index: 20; } .header .logo { float: left; margin-top: 14px; } .header .content-wrapper { width: 1248px; } .eagle-header { background-image: url("images/header-image.jpg"); background-size: cover; background-position: center center; min-width: 1240px; margin-top: 53px; } @media (max-width: 640px) { .eagle-header { min-width: 0px; } } .eagle-header.home-header .eagle-header-inner .eagle-header-content h1, .eagle-header.home-header .eagle-header-inner .eagle-header-content h3, .eagle-header.home-header .eagle-header-inner .eagle-header-content .subhead { width: 540px; } @media (max-width: 640px) { .eagle-header.home-header .eagle-header-inner .eagle-header-content h1, .eagle-header.home-header .eagle-header-inner .eagle-header-content h3, .eagle-header.home-header .eagle-header-inner .eagle-header-content .subhead { width: 100%; } } .eagle-header.article-header .eagle-header-inner .eagle-header-content h1, .eagle-header.article-header .eagle-header-inner .eagle-header-content h3, .eagle-header.article-header .eagle-header-inner .eagle-header-content .subhead { width: 625px; } @media (max-width: 640px) { .eagle-header.article-header .eagle-header-inner .eagle-header-content h1, .eagle-header.article-header .eagle-header-inner .eagle-header-content h3, .eagle-header.article-header .eagle-header-inner .eagle-header-content .subhead { width: 100%; } } .eagle-header .eagle-header-inner { width: 1240px; height: 350px; margin: auto; padding: 0px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; color: #FFF; display: table; } @media (max-width: 640px) { .eagle-header .eagle-header-inner { width: 100%; padding: 0px 20px; } } .eagle-header .eagle-header-inner .eagle-header-content { display: table-cell; vertical-align: middle; } .eagle-header .eagle-header-inner .eagle-header-content h1, .eagle-header .eagle-header-inner .eagle-header-content h3, .eagle-header .eagle-header-inner .eagle-header-content .subhead { font-family: "Artifakt Legend"; font-weight: 600; } .eagle-header .eagle-header-inner .eagle-header-content h1 { margin: 0px; font-size: 40px; } .eagle-header .eagle-header-inner .eagle-header-content h3, .eagle-header .eagle-header-inner .eagle-header-content .subhead { font-size: 18px; line-height: 24px; margin: 18px 0px; } .logged-in .header { top: 31px; } .logged-in .eagle-navigation { top: 82px; } .cta-button { font-family: 'Artifakt Legend'; font-weight: 600; font-size: 16px; line-height: 35px; padding: 0px 10px; display: inline-block; background-color: #e82; color: #FFF; cursor: pointer; text-transform: uppercase; } .cta-button:after { content: ""; display: block; float: right; width: 20px; height: 35px; margin: 0px 0px 0px 10px; background-image: url("images/arrow.png"); background-position: center center; background-size: 7px auto; background-repeat: no-repeat; } .cta-button:hover { background-color: #b26619; } .filter-bar { background-color: #4c4c4c; height: 50px; } .filter-bar .filter-bar-btn { font-family: "Artifakt Legend"; font-weight: 600; padding: 0px 15px; display: inline-block; color: #FFF; font-size: 16px; line-height: 50px; margin-right: 15px; cursor: pointer; } .filter-bar .filter-bar-btn:hover { background-color: #666666; } .filter-bar .filter-bar-btn.sign-in { float: right; margin: 0px; } @media (min-width: 640px) { .filter-bar .filter-bar-btn:first-of-type { margin-left: -15px; } } @media (max-width: 640px) { .filter-bar .filter-bar-btn { margin: 0px; padding: 0px 20px; text-align: center; } .filter-bar .filter-bar-btn:first-of-type { margin-left: 0px; } } .filter-bar .filter-bar-btn .filter-icon { width: 22px; display: inline-block; vertical-align: middle; margin-right: 8px; } @media (max-width: 640px) { .filter-bar .filter-bar-btn .filter-icon { display: none; } } @media (max-width: 640px) { .filter-bar .content-wrapper { padding: 0px; } } .search-menu, .filter-menu { background-color: #383838; display: none; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .search-menu input[type="text"], .search-menu input[type="submit"], .filter-menu input[type="text"], .filter-menu input[type="submit"] { line-height: 30px; } .search-menu .filter-option, .search-menu input[type="text"], .search-menu input[type="submit"], .filter-menu .filter-option, .filter-menu input[type="text"], .filter-menu input[type="submit"] { font-family: "Artifakt Legend"; font-weight: 600; font-size: 14px; border: none; padding: 0px 10px; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; } .search-menu input[type="submit"], .filter-menu input[type="submit"] { background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } .search-menu input[type="submit"]:hover, .filter-menu input[type="submit"]:hover { background-color: #FFF; } .search-menu .screen-reader-text, .filter-menu .screen-reader-text { display: none; } .search-menu .content-wrapper, .filter-menu .content-wrapper { position: relative; } .search-menu .content-wrapper:before, .filter-menu .content-wrapper:before { content: ""; position: absolute; width: 0; height: 0; top: -30px; z-index: 999; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #383838; } @media (max-width: 640px) { .search-menu .content-wrapper:before, .filter-menu .content-wrapper:before { content: none; } } .search-menu { padding: 20px 0px; } .search-menu .content-wrapper:before { left: 195px; } @media (max-width: 640px) { .search-menu .content-wrapper:before { left: 35%; } } .filter-menu { padding: 20px 0px 15px 0px; } .filter-menu .content-wrapper:before { left: 65px; } @media (max-width: 640px) { .filter-menu .content-wrapper:before { left: 5%; } } .filter-menu .filter-option { display: inline-block; margin: 0px 5px 5px 0px; color: #383838; padding: 5px 10px; cursor: pointer; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); } .filter-menu .filter-option:hover { background-color: white; } .filter-menu .filter-option.selected { background-color: #FFF; } .content-wrapper { width: 1240px; margin: auto; padding: 0px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } @media (max-width: 640px) { .content-wrapper { width: 100%; } } .homepage-section-label { font-family: "Artifakt Element"; font-weight: 600; font-size: 18px; color: #444444; width: 100%; padding: 30px 0px 0px 0px; margin: 0px; line-height: 100%; text-transform: uppercase; } .homepage-section-label #cancel-comment-reply-link { text-transform: none; font-size: 12px; } .post-grid { width: 100%; float: left; margin-top: 30px; margin-bottom: 30px; } .post-grid .post { width: calc(100% / 3 - 20px); height: 450px; float: left; border: 1px solid #dddddd; margin-right: 27px; margin-bottom: 27px; background-color: #FFF; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.2); } .post-grid .post:nth-of-type(3n) { margin-right: 0px; } @media (max-width: 640px) { .post-grid .post { width: 100%; height: auto; margin-right: 0px; } .post-grid .post:last-of-type { margin-bottom: 0px; } } .post-grid .post .post-header { width: calc(100% + 2px); height: 250px; margin-left: -1px; margin-top: -1px; background-image: url("images/thumbnail-top.jpg"); background-color: #1f4d68; background-repeat: no-repeat; background-size: cover; background-position: center center; } @media (max-width: 640px) { .post-grid .post .post-header { height: 200px; } } .post-grid .post .post-content { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 25px; color: #666666; } .post-grid .post .post-content h3 { font-family: "Artifakt Element"; font-weight: 600; font-size: 18px; line-height: 24px; margin: 0px 0px 15px 0px; } .post-grid .post .post-content p { font-family: "Artifakt Element"; font-weight: normal; font-size: 16px; line-height: 20px; margin: 0px; } .post-grid .post a { display: block; height: 100%; text-decoration: none; color: inherit; } .post-grid .post a:focus { outline-color: #777; outline-style: dotted; outline-width: thin; outline-offset: .84375rem; } .featured-content-wrapper, .latest-content-wrapper, .filtered-post-wrapper { min-width: 1240px; padding: 0px 0px 40px 0px; } @media (max-width: 640px) { .featured-content-wrapper, .latest-content-wrapper, .filtered-post-wrapper { min-width: 0px; width: 100%; } } .latest-content-wrapper, .filtered-post-wrapper { background-color: #f2f2f2; } .filtered-post-wrapper { display: none; } .see-more, .more-link { width: 100%; position: relative; height: 35px; display: block; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 0px 20px; margin-top: 20px; color: inherit; text-decoration: none; } .see-more.content-wrapper, .more-link.content-wrapper { width: 1240px; } @media (max-width: 640px) { .see-more.content-wrapper, .more-link.content-wrapper { width: 100%; margin-top: 40px; margin-bottom: 0px; } } .see-more:before, .more-link:before { content: ""; width: calc(100% - 40px); height: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; margin: auto; border-bottom: 1px solid #a9a9a9; } .see-more .see-more-button-wrapper, .more-link .see-more-button-wrapper { width: 200px; padding: 0px 20px; margin: auto; background-color: #f2f2f2; position: relative; display: block; } .see-more .see-more-button-wrapper .see-more-button, .more-link .see-more-button-wrapper .see-more-button { width: auto; font-family: "Artifakt Legend"; font-weight: bold; line-height: 35px; margin: auto; text-transform: uppercase; text-align: center; background-color: #FFF; color: #666666; position: relative; border: 1px solid #a9a9a9; display: block; } .see-more .see-more-button-wrapper .see-more-button:hover, .more-link .see-more-button-wrapper .see-more-button:hover { background-color: #a9a9a9; color: #FFF; } .more-link { padding: 0px; } .more-link:before { width: 100%; } .more-link .see-more-button-wrapper { background-color: #FFF; } .blog-entry, .comments-section { width: 810px; margin: auto; color: #666666; padding: 0px 40px; font-weight: 300; font-size: 18px; line-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } @media (max-width: 640px) { .blog-entry, .comments-section { width: 100%; padding: 0px 20px; } } .blog-entry { width: 810px; margin: auto; color: #666666; padding: 0px 40px; font-weight: 300; font-size: 18px; line-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } @media (max-width: 640px) { .blog-entry { width: 100%; padding: 0px 20px; } } .blog-entry h1 { font-weight: normal; font-size: 24px; line-height: 30px; } .blog-entry hr { border: none; border-bottom: 1px solid #b2b2b2; margin: 30px 0px; } .blog-entry a { color: #0095da; } .blog-entry img, .blog-entry .wp-caption { max-width: 100%; height: auto; } .blog-entry p, .blog-entry li { font-size: 18px; line-height: 28px; } .blog-entry h3, .blog-entry h4 { font-size: 24px; line-height: 32px; font-weight: 600; } .blog-entry iframe, .blog-entry embed { max-width: 100%; } .blog-entry blockquote { background-image: url("images/quote-q.png"); background-repeat: no-repeat; background-size: 140px auto; background-position: 0px 20px; padding: 60px 40px; margin: 30px 0px; font-style: italic; font-size: 18px; font-weight: 300; line-height: 30px; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .blog-entry blockquote p { margin: 0px; } .blog-entry .attachment-post-thumbnail { margin-bottom: 20px; } .blog-entry img.alignright { float: right; margin: 0 0 1em 1em; } .blog-entry img.alignleft { float: left; margin: 0 1em 1em 0; } .blog-entry img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .blog-entry a img.alignright { float: right; margin: 0 0 1em 1em; } .blog-entry a img.alignleft { float: left; margin: 0 1em 1em 0; } .blog-entry a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .comments-section { padding-bottom: 40px; } .comments-section .comment-respond { border-top: 1px solid #a9a9a9; } .comments-section .comment-form-comment label[for="comment"] { display: block; margin-bottom: 10px; } .comments-section .comment-form-comment textarea { width: 100%; } .comments-section textarea, .comments-section input[type="text"] { border: 1px solid #a9a9a9; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; } .comments-section label { width: 55px; display: inline-block; } .comments-section input[type="submit"] { font-family: "Artifakt Legend"; font-weight: bold; line-height: 35px; padding: 0px 20px; appearance: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; margin: auto; text-transform: uppercase; background-color: #FFF; color: #666666; position: relative; border: 1px solid #a9a9a9; } .comments-section input[type="submit"]:hover { background-color: #a9a9a9; color: #FFF; } .category-list { padding: 0px; margin: 30px 0px; } .category-list li { list-style: none; display: inline-block; font-size: 10px; color: #666666; margin-right: 5px; } .category-list li a { text-decoration: none; color: inherit; text-transform: uppercase; } .share-area { margin: 40px 0px; } .share-area h3 { margin: 0px 20px 0px 0px; font-size: 18px; font-weight: normal; display: inline-block; vertical-align: middle; } .share-area .ss-icon { display: inline-block; font-size: 24px; vertical-align: middle; position: relative; color: #838383; top: 3px; margin-right: 4px; } .related-posts { background-color: #ededed; padding-bottom: 40px; } .subscribe-banner { width: 100%; min-height: 195px; margin: 40px 0px; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; background-image: url("images/cta-back.jpg"); background-size: cover; background-repeat: no-repeat; } .subscribe-banner h3, .subscribe-banner h4 { color: #FFF; margin: 0px; } .subscribe-banner h3 { font-family: 'Artifakt Legend'; font-weight: 600; font-size: 30px; margin-bottom: 15px; } .subscribe-banner h4 { width: 525px; font-family: 'Artifakt Element'; font-weight: normal; } @media (max-width: 640px) { .subscribe-banner h4 { width: 100%; } } .subscribe-banner .cta-button { margin-top: 20px; } .eagle-navigation { width: 100%; height: 50px; background: #dddddd; border-bottom: 1px solid #CCCCCC; position: fixed; z-index: 99; top: 52px; } .eagle-navigation * { box-sizing: content-box; font-family: "Frutiger"; font-weight: 700; } @media (max-width: 640px) { .eagle-navigation { height: auto; overflow: scroll; -webkit-overflow-scrolling: touch; } } .eagle-navigation.submenu-open { background: none; } @media (max-width: 640px) { .eagle-navigation.submenu-open { height: calc(100% - 50px); } } .eagle-navigation .eagle-navigation-menu { line-height: 49px; color: #747474; width: 1210px; padding: 0px 0px; margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } @media (max-width: 640px) { .eagle-navigation .eagle-navigation-menu { width: 100%; } } @media (max-width: 1240px) { .eagle-navigation .eagle-navigation-menu { padding: 0px 20px; } } .eagle-navigation .eagle-navigation-menu li { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 0px 15px 0px 15px; float: left; background-color: #dddddd; border-right: 1px solid #CCCCCC; list-style: none; line-height: 50px; position: relative; cursor: pointer; } @media (max-width: 640px) { .eagle-navigation .eagle-navigation-menu li { width: calc(100% + 40px); display: none; margin-left: -20px; border: none; border-bottom: 1px solid #CCCCCC; } } @media (min-width: 640px) { .eagle-navigation .eagle-navigation-menu li:first-of-type { padding-left: 0px; } } .eagle-navigation .eagle-navigation-menu li.selected { background: #EEE; } .eagle-navigation .eagle-navigation-menu li.selected > a, .eagle-navigation .eagle-navigation-menu li.selected > h5 { color: #0696d7; font-style: italic; } .eagle-navigation .eagle-navigation-menu li.with-menu { padding-right: 40px; } .eagle-navigation .eagle-navigation-menu li.with-menu:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #aaaaaa transparent transparent transparent; position: absolute; right: 15px; top: 22px; } .eagle-navigation .eagle-navigation-menu li.with-menu.submenu-open ul { display: block; } .eagle-navigation .eagle-navigation-menu li.with-menu.submenu-open ul li { display: block; margin: 0px; } .eagle-navigation .eagle-navigation-menu li.with-menu.submenu-open ul li > a, .eagle-navigation .eagle-navigation-menu li.with-menu.submenu-open ul li > h5 { font-weight: normal; } .eagle-navigation .eagle-navigation-menu li.with-menu.submenu-open:after { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #aaaaaa; top: 22px; } .eagle-navigation .eagle-navigation-menu li.submenu-open, .eagle-navigation .eagle-navigation-menu li:hover { background: #eee; } .eagle-navigation .eagle-navigation-menu li.submenu-open > a, .eagle-navigation .eagle-navigation-menu li:hover > a { color: #444; } @media (min-width: 640px) { .eagle-navigation .eagle-navigation-menu li.no-hover:hover { background: inherit; } .eagle-navigation .eagle-navigation-menu li.no-hover:hover a { color: inherit; } } @media (max-width: 640px) { .eagle-navigation .eagle-navigation-menu li.no-hover { display: block; position: relative; } .eagle-navigation .eagle-navigation-menu li.no-hover h2:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #aaaaaa transparent transparent transparent; position: absolute; right: 20px; top: 22px; } .eagle-navigation .eagle-navigation-menu li.no-hover.submenu-open h2:after { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #aaaaaa; top: 22px; } } .eagle-navigation .eagle-navigation-menu li h2, .eagle-navigation .eagle-navigation-menu li h2 a { font-size: 19px; margin: 0px; line-height: 50px; } .eagle-navigation .eagle-navigation-menu li a, .eagle-navigation .eagle-navigation-menu li h5 { color: #747474; font-size: 16px; text-decoration: none; width: 100%; line-height: 48px; display: inline-block; } .eagle-navigation .eagle-navigation-menu li ul { position: absolute; top: 50px; left: 0px; width: 160px; background: #EEE; border: 1px solid #CCCCCC; border-top: none; display: none; margin: 0px; padding: 20px; } @media (max-width: 640px) { .eagle-navigation .eagle-navigation-menu li ul { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding-top: 0px; padding-left: 30px; border: none; } } .eagle-navigation .eagle-navigation-menu li ul li { width: 100%; border-bottom: 1px solid #CCCCCC; border-right: none; background: #EEE; height: auto; line-height: normal; padding: 6px 0px; } .eagle-navigation .eagle-navigation-menu li ul li a { line-height: normal; vertical-align: top; } .eagle-navigation .eagle-navigation-menu li ul li:last-of-type { border: none; padding-bottom: 0px; } @media (max-width: 640px) { .eagle-navigation .eagle-navigation-menu.submenu-open li { display: block; } } .comments { border-top: 1px solid #a9a9a9; } .comments ul { list-style: none; margin: 15px 0px 30px 0px; padding: 0; text-indent: 0; } .comments ul li.comment { padding: 1em; } .comments ul li.comment:last-of-type { border-bottom: none; } .comments ul li.comment div.vcard { font-weight: 14px; } .comments ul li.comment div.vcard img.avatar { border: 5px solid #ccc; float: right; margin: 0 0 20px 20px; } .comments ul li.comment div.comment-meta { font-size: 11px; } .comments ul li.comment div.comment-meta a { color: #ccc; } .comments ul li.comment p { font-size: 14px; } .comments ul li.comment ul { font-size: 12px; list-style: none; margin: 0 0 0 20px; } .comments ul li.comment div.reply { font-size: 11px; } .comments ul li.comment div.reply a { font-weight: bold; } .comments ul li.comment ul.children { list-style: none; margin: 12px; text-indent: 0; } .comments ul li.comment ul.children li.depth-2 { border-left: 5px solid #ccc; margin: 0 0 10px 10px; } .comments ul li.comment ul.children li.depth-3 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; } .comments ul li.comment ul.children li.depth-4 { border-left: 5px solid #aaa; margin: 0 0 10px 10px; } .comments ul li.even { background: #fff; } .comments ul li.odd { background: #f6f6f6; } .comments ul li.parent { border-left: 5px solid #ddd; } .comments ul .comment-respond { margin-top: 30px; padding: 0px 20px; } .fourohfour { margin-top: 150px; margin-bottom: 50px; min-height: 300px; } .featured-content-wrapper .post-grid, .latest-content-wrapper .post-grid, .related-posts .post-grid { margin-bottom: 0px; } @media (min-width: 640px) { .related-posts .post-grid .post { margin-bottom: 0px; } } .no-more-posts { display: none; } .legal-footer { min-width: 1240px; } @media (max-width: 640px) { .legal-footer { min-width: 0px; } } /* header-eagle */ .header { min-height: 53px; } html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .wp-fprod-nav { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.5); } .local-navigation-container { position: relative; } .wp-fprod-nav .local-navigation, .wp-fprod-nav .local-navigation .nav-item .nav-list, .wp-fprod-nav .local-navigation .nav-item-open .nav-link, .wp-fprod-nav .local-navigation .nav-item-open .nav-list, .wp-fprod-nav .local-navigation [open] .nav-link, .wp-fprod-nav .local-navigation [open] .nav-list { background-color: transparent; } .wp-fprod-nav .local-navigation-name { border-bottom: 1px solid #e3e2df; position: relative; color: #fff; } .wp-fprod-nav .local-navigation-name p { font-size: 1.3em; padding: 0.7em 1em; } .wp-fprod-nav .local-navigation-name .nav-toggle, .wp-fprod-nav .local-navigation-name .nav-toggle.visibility-visible { border-right: 1px solid #e3e2df; border-left: 1px solid #e3e2df; } .wp-fprod-nav .local-navigation .local-navigation-links { padding: 14px 0px; background-color: rgba(0, 0, 0, 0.5); } .wp-fprod-nav .local-navigation .nav-list { border-top: none; border-bottom: none; } .wp-fprod-nav .local-navigation .nav-list li, .wp-fprod-nav .local-navigation li.nav-item { padding-left: 0px; } .wp-fprod-nav .local-navigation .nav-link { border-left: none; border-bottom: none; color: #fff; font-size: 13px; line-height: 18px; padding: 8px 22px 8px 16px; } .wp-fprod-nav .nav-list .nav-link { padding: 6px 0px; } .wp-fprod-nav .local-navigation .nav-link:hover { background: none; } .wp-fprod-nav .local-navigation .nav-link i { color: #999999; } .wp-fprod-nav .local-navigation-links.visibility-target-visible { border-bottom: 1px solid #e3e2df; } .wp-fprod-nav .local-navigation-name a { width: 58.5px; float: right; } .wp-fprod-nav .local-navigation-name a i { color: #fff !important; } .local-nav-home.local-nav-home.local-nav-home { box-sizing: border-box; color: #fff; display: table; font-family: "Artifakt Element"; font-size: 20.8px; font-weight: 700; float: left; text-decoration: none; line-height: 22.9895px; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 13.3px; padding-left: 20.8px; padding-right: 20.8px; padding-top: 14.56px; text-size-adjust: 100%; text-transform: uppercase; vertical-align: middle; width: 80%; } .wp-fprod-nav .local-navigation .nav-item > .nav-link-selected, .wp-fprod-nav .local-navigation .nav-item > .nav-link:hover, .wp-fprod-nav .local-navigation .nav-item-open > .nav-link, .wp-fprod-nav .local-navigation [open] > .nav-link { background: none; color: #fff; font-style: normal; } .wp-fprod-nav .local-navigation .nav-item:not(.nav-item-open):not([open]) .nav-link:hover, .wp-fprod-nav .local-navigation .nav-item .nav-list .nav-link-selected, .wp-fprod-nav .local-navigation .nav-item .nav-list .nav-link:hover { color: #ee8822; } @media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .local-navigation-name p { width: 85%; } .local-navigation-name .nav-toggle { display: table-cell; } .local-navigation .nav-item { display: list-item; position: static; } .local-navigation .nav-link-toggle { float: right; display: block; } .nav-link::-webkit-details-marker { display: none; } .local-navigation .nav-item .nav-list { padding: 0 24px 0 28px; position: static; z-index: auto; border-left: none; border-right: none; left: auto; min-width: 0px; margin-top: 0px; } } @media only screen and (min-width: 40.063em) { .local-navigation .nav-item:last-child .nav-link { border-right: none; } } @media only screen and (min-width: 64.063em) { .local-navigation-container { padding-left: 0px !important; } html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .wp-fprod-nav { background-color: rgba(0, 0, 0, 0.5); border-bottom: 1px solid #e3e2df; position: fixed; top: 53px; } .wp-fprod-nav .local-navigation .local-navigation-links { display: block; width: calc(100% - 246px); padding: 0px; background-color: rgba(0, 0, 0, 0); } .local-navigation-name .row, .local-navigation-links .row { margin: 0; min-width: 0px; max-width: none; } .local-navigation-name { width: 246px; } .wp-fprod-nav .local-navigation-name, .wp-fprod-nav .local-navigation-links.visibility-target-visible { border-bottom: none; } .wp-fprod-nav .local-navigation-name p { padding-right: 6px; padding-bottom: 13.3px; } .wp-fprod-nav .local-navigation-name:after { content: ""; border-left: 1px solid #6b6b6b; transform: rotate(27deg); display: block; position: absolute; width: 1px; height: 20px; right: 11px; top: 14px; } .wp-fprod-nav .local-navigation-list { padding: 0; } .wp-fprod-nav .local-navigation .nav-link { border-left: none; border-bottom: none; color: #fff; font-size: 13px; line-height: 18px; padding: 16px 8px 14px 8px; } .wp-fprod-nav .local-navigation .nav-item > .nav-link-selected:after, .wp-fprod-nav .local-navigation .nav-item > .nav-link:after, .wp-fprod-nav .local-navigation .nav-item summary.nav-link:after { content: ""; display: block; height: 5px; width: 100%; display: block; background-color: #ee8822; margin: 10px 0 -15px; } .wp-fprod-nav .local-navigation .nav-item > .nav-link:not(:hover)::after, .wp-fprod-nav .local-navigation .nav-item summary.nav-link:not(:hover)::after { opacity: 0; } .wp-fprod-nav .local-navigation .nav-item > .nav-link-selected, .wp-fprod-nav .local-navigation .nav-item > .nav-link:hover, .wp-fprod-nav .local-navigation .nav-item-open > .nav-link, .wp-fprod-nav .local-navigation [open] > .nav-link { background: none; color: #fff; font-style: normal; } .wp-fprod-nav .local-navigation .nav-item-open > .nav-link-selected:after, .wp-fprod-nav .local-navigation .nav-item-open > .nav-link:hover:after, .wp-fprod-nav .local-navigation [open] > .nav-link-selected:after, .wp-fprod-nav .local-navigation [open] > .nav-link:hover:after { display: none; } .wp-fprod-nav .local-navigation .nav-item .nav-list { padding: 1em; border-left: 0px solid #e3e2df; border-right: 0px solid #e3e2df; min-width: 215px; background-color: rgba(0, 0, 0, 0.8); margin-top: 2px; } .wp-fprod-nav .nav-list .nav-link { padding: 10px 0px; } } /* THIS WIDTH ADJUSTS THE SPACE BETWEEN PRODUCT NAME AND NAV ITEMS */ @media only screen and (min-width: 40.063em) and (min-width: 64.063em) { .local-navigation-name { width: 130px; } } /* Windows Edge polyfill fix */ summary::before { display: none; } /* ADD A POINTER TO PRODUCT NAME LINK ON HOVER */ .local-navigation-name p:hover { cursor: pointer; } .nav-link::-webkit-details-marker { display: none; } .nav-link-toggle.nav-link-toggle { display: inline-block; transform-origin: center; } [open] .nav-link-toggle { transform: rotate(180deg); } @media screen and (max-width: 64em) { .local-navigation-name .nav-toggle .icon-arrow-dropdown { pointer-events: none; } .local-navigation-name { background-color: rgba(0, 0, 0, 0.5); } .local-navigation { width: 100%; position: fixed; background-color: inherit; } .local-navigation-links:not(:target), .js .local-navigation-links[hidden] { display: none; } .js .local-navigation-links:not([hidden]) { display: block; } } /* */ .wp-fprod-nav .local-navigation .nav-item summary.nav-link:hover:after { content: ""; display: block; height: 5px; width: 100%; display: block; background-color: #ee8822; margin: 10px 0 -15px; } [open] .nav-link-toggle { transform: rotate(180deg) translateY(2px); } .nav-link-toggle i { font-size: 12px; } .screenreader { border: 0; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: relative; display: inline-block; }