@charset "UTF-8"; /* * Breakpoints(s) * Implement: @include breakpoint() { selector { property: value; } } */ body, h1, h2, h3, h4, h5, h6, a, p, ul, ol, dl, li, dt, dd, table, th, td, fieldset, address, blockquote { margin: 0; padding: 0; border: 0; outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } ul, li { list-style: none; } @font-face { font-family: 'AauxNext-Bold'; src: url("../webfonts/vulcan/284793_0_0.eot"); src: url("../webfonts/vulcan/284793_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/vulcan/284793_0_0.woff") format("woff"), url("../webfonts/vulcan/284793_0_0.ttf") format("truetype"); } @font-face { font-family: 'AauxNext-Regular'; src: url("../webfonts/vulcan/284793_1_0.eot"); src: url("../webfonts/vulcan/284793_1_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/vulcan/284793_1_0.woff") format("woff"), url("../webfonts/vulcan/284793_1_0.ttf") format("truetype"); } @font-face { font-family: 'AauxNext-LightItalic'; src: url("../webfonts/vulcan/284793_2_0.eot"); src: url("../webfonts/vulcan/284793_2_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/vulcan/284793_2_0.woff") format("woff"), url("../webfonts/vulcan/284793_2_0.ttf") format("truetype"); } @font-face { font-family: 'AauxNext-Light'; src: url("../webfonts/vulcan/284793_3_0.eot"); src: url("../webfonts/vulcan/284793_3_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/vulcan/284793_3_0.woff") format("woff"), url("../webfonts/vulcan/284793_3_0.ttf") format("truetype"); } @media (min-width: 1px) and (max-width: 599px) { .hidden-mobile { display: none !important; } .visible-mobile { display: inherit !important; } .ytvideo > a > img { width: 100%; } .emimg > img { width: 100%; } } @media (min-width: 600px) and (max-width: 767px) { .hidden-mobile { display: none !important; } .visible-mobile { display: inherit !important; } } @media (min-width: 1180px) and (max-width: 9999px) { .hidden-mobile { display: inherit !important; } .visible-mobile { display: none !important; } } @media (min-width: 1001px) and (max-width: 1179px) { .hidden-mobile { display: inherit !important; } .visible-mobile { display: none !important; } } @media (min-width: 877px) and (max-width: 1000px) { .hidden-mobile { display: inherit !important; } .visible-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 876px) { .hidden-mobile { display: inherit !important; } .visible-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 876px) { .hidden-medium-narrow { display: none !important; } .visible-medium-narrow { display: inherit !important; } } @media (min-width: 1px) and (max-width: 599px) { .hidden-medium-narrow { display: inherit !important; } .visible-medium-narrow { display: none !important; } } @media (min-width: 600px) and (max-width: 767px) { .hidden-medium-narrow { display: inherit !important; } .visible-medium-narrow { display: none !important; } } @media (min-width: 877px) and (max-width: 1000px) { .hidden-medium-narrow { display: inherit !important; } .visible-medium-narrow { display: none !important; } } @media (min-width: 1001px) and (max-width: 1179px) { .hidden-medium-narrow { display: inherit !important; } .visible-medium-narrow { display: none !important; } } @media (min-width: 1180px) and (max-width: 9999px) { .hidden-medium-narrow { display: inherit !important; } .visible-medium-narrow { display: none !important; } } @media (min-width: 1px) and (max-width: 599px) { .hidden-medium { display: none !important; } .visible-medium { display: inherit !important; } } @media (min-width: 600px) and (max-width: 767px) { .hidden-medium { display: none !important; } .visible-medium { display: inherit !important; } } @media (min-width: 768px) and (max-width: 876px) { .hidden-medium { display: none !important; } .visible-medium { display: inherit !important; } } @media (min-width: 877px) and (max-width: 1000px) { .hidden-medium { display: inherit !important; } .visible-medium { display: none !important; } } @media (min-width: 1001px) and (max-width: 1179px) { .hidden-medium { display: inherit !important; } .visible-medium { display: none !important; } } @media (min-width: 1180px) and (max-width: 9999px) { .hidden-medium { display: inherit !important; } .visible-medium { display: none !important; } } @media (min-width: 768px) and (max-width: 876px) { .visible-medium.hidden-medium-narrow { display: none !important; } } body { width: 100%; background: #222222; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; color: #fff; } body.nav-open { overflow: hidden; } #gutter-wrapper { max-width: 1280px; width: 100%; margin: 0 auto; background: #222222 url("/_ui/img/vulcan/background-chrome-page-outer-bottom.jpg") bottom center no-repeat; } #header, #content, #footer { width: 92.188%; } a { color: #c3cf21; text-decoration: none; } a:hover, a:focus { color: #d7d7d7; } a.link-primary { display: block; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 16px; line-height: 20px; color: #363636; padding-top: 5px; } a.link-primary:after { content: "››"; font-size: 20px; padding-left: 6px; } a.link-primary:hover { color: #c3cf21; } a.link-external:after { content: ''; width: 14px; height: 14px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -393px -30px no-repeat; position: absolute; margin-left: 15px; margin-top: 8px; } .arrow-nav { display: inline-block; cursor: pointer; width: 24px; height: 24px; background: transparent url("/_ui/img/vulcan/sprite-arrows.png") no-repeat 0 0; } .arrow-nav.disabled { cursor: default; } .arrow-nav.nav-prev { background-position: -8px -8px; } .arrow-nav.nav-prev:hover, .arrow-nav.nav-prev:focus { background-position: -8px -48px; } .arrow-nav.nav-prev.disabled { background-position: -8px -88px; } .arrow-nav.nav-next { background-position: -48px -8px; } .arrow-nav.nav-next:hover, .arrow-nav.nav-next:focus { background-position: -48px -48px; } .arrow-nav.nav-next.disabled { background-position: -48px -88px; } .arrow-nav.nav-up { background-position: -88px -8px; } .arrow-nav.nav-up:hover, .arrow-nav.nav-up:focus { background-position: -88px -48px; } .arrow-nav.nav-up.disabled { background-position: -88px -88px; } .arrow-nav.nav-down { background-position: -128px -8px; } .arrow-nav.nav-down:hover, .arrow-nav.nav-down:focus { background-position: -128px -48px; } .arrow-nav.nav-down.disabled { background-position: -128px -88px; } @media (min-width: 1px) and (max-width: 599px) { .arrow-nav { width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); } .arrow-nav.nav-prev { background-position: 0px 0px; } .arrow-nav.nav-prev:hover, .arrow-nav.nav-prev:focus { background-position: 0px -40px; } .arrow-nav.nav-prev.disabled { background-position: 0px -80px; } .arrow-nav.nav-next { background-position: -40px 0px; } .arrow-nav.nav-next:hover, .arrow-nav.nav-next:focus { background-position: -40px -40px; } .arrow-nav.nav-next.disabled { background-position: -40px -80px; } .arrow-nav.nav-up { background-position: -80px 0px; } .arrow-nav.nav-up:hover, .arrow-nav.nav-up:focus { background-position: -80px -40px; } .arrow-nav.nav-up.disabled { background-position: -80px -80px; } .arrow-nav.nav-down { background-position: -120px 0px; } .arrow-nav.nav-down:hover, .arrow-nav.nav-down:focus { background-position: -120px -40px; } .arrow-nav.nav-down.disabled { background-position: -120px -80px; } } .header-bar { width: 145px; display: block; text-transform: uppercase; background-color: #c3cf21; padding: 4px 6px; } .offscreen { left: -9999px; height: 1px; margin-top: -1px; position: absolute; } .clear { width: 100%; height: 1px; margin-top: -1px; clear: both; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } h1, h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 30px; line-height: 36px; padding-right: 5%; } #section-title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; display: block; font-size: 60px; line-height: 115px; color: #222222; padding: 0 50px; background-color: #fff; position: absolute; left: 0; top: -92px; z-index: 2; } #header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; height: 304px; margin: 0 auto; background-color: #cdcdcd; position: relative; } #header #header-hero, #header .header-hero { width: 100%; height: 304px; position: absolute; } #header #site-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 94.915%; height: 32px; margin: 1.8% 0 0 2.5%; position: absolute; z-index: 2; } #header #site-search #search-button { float: right; width: 102px; height: 23px; margin-top: 5px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -309px 0 no-repeat; cursor: pointer; } #header #site-search #site-search-container { float: right; position: absolute; right: 1px; visibility: hidden; line-height: 18px; overflow: hidden; } #header #site-search #site-search-container.active { visibility: visible; z-index: 2; } #header #mainnav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 94.915%; height: 90px; margin: 5.2% 2.5% 0 2.5%; background: transparent url("/_ui/img/vulcan/bg-nav.png") left top repeat-x; position: absolute; z-index: 3; } #header #mainnav #logo { float: left; position: relative; left: 30px; top: -20px; } #header #mainnav #logo a { width: 101px; height: 90px; display: block; background: transparent url("/_ui/img/vulcan/logo-vulcan.png") bottom center no-repeat; background-size: 100%; } #header #mainnav > ul { text-transform: uppercase; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; position: relative; height: 100%; float: right; width: 75%; } #header #mainnav > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: left; height: 100%; line-height: 90px; padding: 0 3.5%; } #header #mainnav > ul > li > a { font-size: 125%; display: block; height: 100%; color: #fff; } #header #mainnav > ul > li > a:hover, #header #mainnav > ul > li > a:focus { color: #c3cf21; } #header #mainnav #topic-dropdown { width: 34%; background-color: transparent; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; padding: 0; } #header #mainnav #topic-dropdown .icon { display: inline-block; fill: #c3cf21; width: 33px; height: 35px; margin-left: 0.3%; position: absolute; top: 26px; } #header #mainnav #topic-dropdown #topic-list { font-size: 100%; height: auto; max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.2s ease; -moz-transition: max-height 0.2s ease; -o-transition: max-height 0.2s ease; -ms-transition: max-height 0.2s ease; transition: max-height 0.2s ease; } #header #mainnav #topic-dropdown #topic-list > ul { border-top: 1px solid #333; } #header #mainnav #topic-dropdown #topic-list > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; height: 43px; line-height: 43px; border-bottom: 1px solid #37393b; background-color: #212427; } #header #mainnav #topic-dropdown #topic-list > ul > li:hover, #header #mainnav #topic-dropdown #topic-list > ul > li:focus { background-color: #c3cf21; } #header #mainnav #topic-dropdown #topic-list > ul > li:hover a, #header #mainnav #topic-dropdown #topic-list > ul > li:focus a { color: #000; } #header #mainnav #topic-dropdown #topic-list > ul > li a { color: #fff; padding: 0 8%; font-size: 100%; display: block; height: 43px; } #header #mainnav #topic-dropdown:hover, #header #mainnav #topic-dropdown .active { background-color: #212427; } #header #mainnav #topic-dropdown:hover #topic-list, #header #mainnav #topic-dropdown .active #topic-list { max-height: 440px; } #header #mainnav #topic-dropdown:hover > a, #header #mainnav #topic-dropdown .active > a { color: #c3cf21; } #header #mainnav #topic-dropdown .link-arrow { padding: 0% 8%; cursor: pointer; } #header #mainnav #static-navigation #topic-dropdown a { padding-right: 9px; } #header #mainnav.mobile { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; height: 50px; margin: 9px 0 0 0; background: transparent url("/_ui/img/vulcan/bg-nav.png") left top repeat-x; position: fixed; z-index: 3; } #header #mainnav.mobile #logo { width: 53px; height: 47px; float: left; position: relative; left: 20px; top: -8px; } #header #mainnav.mobile #logo a { width: 53px; height: 47px; display: block; background: transparent url("/_ui/img/vulcan/logo-vulcan.png") bottom center no-repeat; background-size: 100%; } #header #mainnav.mobile #nav-trigger { width: 60px; height: 50px; background: transparent url("/_ui/img/vulcan/sprite-mobile-nav2.png") 0 0 no-repeat; cursor: pointer; float: right; } #header #mainnav.mobile #nav-trigger.active { background-position: -60px 0; } #header #mainnav.mobile #nav-trigger.active:before { content: ''; display: block; width: 100%; height: 50px; background-color: #000; position: absolute; top: 0; left: 0; z-index: -1; } #header #mainnav.mobile #nav-trigger + ul { display: none; } #header #mainnav.mobile #nav-trigger.active + ul { display: inherit; overflow-y: scroll; } #header #mainnav.mobile > ul { float: left; text-transform: uppercase; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; position: relative; width: 100%; border-top: 1px solid #37393b; } #header #mainnav.mobile > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: none; height: auto; line-height: 49px; border-bottom: 1px solid #37393b; } #header #mainnav.mobile > ul > li #site-search { width: 100%; position: relative; right: inherit; } #header #mainnav.mobile > ul > li #site-search #site-search-container { margin-top: -5px; padding-left: 2.4%; right: inherit; left: 0; } #header #mainnav.mobile > ul > li > a { font-size: 100%; font-weight: 600; display: block; height: 45px; color: #fff; padding: 0 0 0 5%; } #header #mainnav.mobile > ul > li > a:hover, #header #mainnav.mobile > ul > li > a:focus { color: #c3cf21; } #header #mainnav.mobile #topic-dropdown { width: 100%; background-color: transparent; } #header #mainnav.mobile #topic-dropdown .icon { width: 26px; height: 26px; fill: currentColor; margin-left: 0%; top: 11px; } #header #mainnav.mobile #topic-dropdown #topic-list { font-size: 100%; height: auto; max-height: 0px; overflow: hidden; transition: none; } #header #mainnav.mobile #topic-dropdown #topic-list > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; height: 43px; line-height: 43px; border-bottom: 1px solid #37393b; background-color: #212427; } #header #mainnav.mobile #topic-dropdown #topic-list > ul > li:hover, #header #mainnav.mobile #topic-dropdown #topic-list > ul > li:focus { background-color: #c3cf21; } #header #mainnav.mobile #topic-dropdown #topic-list > ul > li:hover a, #header #mainnav.mobile #topic-dropdown #topic-list > ul > li:focus a { color: #000; } #header #mainnav.mobile #topic-dropdown #topic-list > ul > li a { color: #fff; padding: 0 8% 0 10%; font-size: 90%; font-weight: 600; display: block; height: 43px; } #header #mainnav.mobile #topic-dropdown .link-arrow { padding: 0 0 0 5%; cursor: pointer; } #header #mainnav.mobile #topic-dropdown.active { border-bottom: none; } #header #mainnav.mobile #topic-dropdown.active #topic-list { font-size: 90%; max-height: 100%; height: 100%; transition: none; } #header #mainnav.mobile #topic-dropdown.active #topic-list > ul > li:hover, #header #mainnav.mobile #topic-dropdown.active #topic-list > ul > li:focus { background-color: #c3cf21; } #header #mainnav.mobile #topic-dropdown.active #topic-list > ul > li:hover a, #header #mainnav.mobile #topic-dropdown.active #topic-list > ul > li:focus a { color: #000; } #header #mainnav.mobile #topic-dropdown.active #topic-list > ul > li a { color: #fff; padding: 0 8%; font-size: 100%; display: block; } #header #mainnav.mobile #topic-dropdown.active:hover { background-color: #212427; } #header #mainnav.mobile #topic-dropdown.active:hover > a { color: #c3cf21; } #header #mainnav.mobile #topic-dropdown.active .link-arrow { padding: 0 0 0 5%; cursor: pointer; } #header #mainnav.mobile #static-navigation #topic-dropdown a { padding-right: 9px; } #overlay { width: 100%; height: 100%; background-color: #000; position: fixed; top: 0; left: 0; z-index: 2; display: none; } .heroPromo { display: block; height: 129px; margin: 0 auto; background-color: #37393b; overflow: hidden; margin-top: 1px; } #content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 auto; padding-top: 60px; background: white url("/_ui/img/vulcan/background-home-page-inner.jpg") top center repeat-y; background-attachment: fixed; position: relative; color: #363636; } #content:after { content: ''; display: block; clear: both; } #content #share-links { float: left; height: 32px; margin: 1px 0 5px 9px; display: none; } #content #share-links li { display: inline-block; height: 32px; margin-left: 3px; } #content #share-links li a { display: block; height: 32px; width: 31px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") 0 0 no-repeat; } #content #share-links li a.addthis_button_facebook { background-position: -1px -54px; } #content #share-links li a.addthis_button_twitter { background-position: -41px -54px; } #content #share-links li a.addthis_button_google_plusone_share { background-position: -82px -54px; } #content #share-links li a.addthis_button_email { background-position: -122px -54px; } #content #share-links li a.addthis_button_compact { background-position: -163px -54px; } #content #share-links li a:hover, #content #share-links li a:active { background-position-y: -87px; } #content #share-links li a span { background: none; height: 32px; width: 32px; } #content #share-links li a span img { visibility: hidden; } #content #share-links.active { display: block; } #content .button, #content input[type="submit"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 32px; font-size: 13px; line-height: 34px; background-color: #222222; color: #c3cf21; text-transform: uppercase; padding: 0 12px; margin: 10px 0 5px 0; border: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } #content .button:hover, #content .button:focus, #content input[type="submit"]:hover, #content input[type="submit"]:focus { background-color: #c3cf21; color: #222222; } #content .button.HiddenButton, #content input[type="submit"].HiddenButton { display: none; } #content input[type="text"], #content textarea { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } #content .btn-show-more { display: block; color: #101010; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px; text-align: center; text-transform: uppercase; background: none; border: none; margin: 0 auto; padding: 0; position: relative; cursor: pointer; } #content .btn-show-more .icon { display: block; width: 37px; height: 37px; fill: #c3cf21; position: relative; left: 18%; top: 0; } #content .btn-show-more:hover .icon, #content .btn-show-more:focus .icon { fill: currentColor; } #content .subnav-column { /* override display in 2 & 3 col layout */ display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: left; width: 24%; height: 100%; padding-left: 4.2%; margin-right: 30px; } #content .subnav-column > p { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; padding-left: 50px; background-color: #37393b; color: #fff; position: relative; width: 263px; height: 34px; line-height: 36px; left: -50px; margin-bottom: 19px; } #content .subnav-column .secondary-nav { margin-bottom: 60px; } #content .subnav-column .secondary-nav .CMSListMenuUL li { text-transform: uppercase; margin: 15px 0; } #content .subnav-column .secondary-nav .CMSListMenuUL li a { font-size: 93.75%; color: #363636; } #content .subnav-column .secondary-nav .CMSListMenuUL li a.CMSListMenuLinkHighlighted, #content .subnav-column .secondary-nav .CMSListMenuUL li a:hover { color: #c3cf21; } #content .subnav-column .secondary-nav .CMSListMenuUL li ul li { text-transform: none; margin: 6px 0 6px 20px; } #content .subnav-column .news-item { margin-bottom: 40px; } #content .main-column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-bottom: 38px; } #content .main-col ul li, #content .main-col ol li, #content .main-column ul li, #content .main-column ol li { list-style: outside disc; font-size: inherit; margin-left: 22px; } #content .main-col ul li, #content .main-column ul li { margin-left: 16px; } #content .main-col ol li, #content .main-column ol li { list-style-type: decimal; } #content .main-col p, #content .main-column p { padding: 11px 0; } #content .main-col iframe { width: 100%; } #content .copy { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #898989; margin-top: 20px; padding-top: 20px; } #content .copy > p:first-child { margin: 0; } #content .copy > p:first-child:first-letter { float: left; font-size: 70px; margin: 3.25px 10px -6px 0; line-height: 58px; font-weight: 600; } #content .copy .intro-copy { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #898989; margin-top: 20px; padding-top: 20px; margin: 0; } #content .copy .intro-copy:first-letter { float: left; font-size: 70px; margin: 3.25px 10px -6px 0; line-height: 58px; font-weight: 600; } #content .copy p { padding: 11px 0; } #content .copy .image-caption { float: left; width: 50%; padding: 0; margin: 5px 40px 20px 0; } #content .copy .image-caption p { padding: 0; } #content blockquote { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; height: 120px; font-family: 'AauxNext-LightItalic', Helvetica, Arial, sans-serif; font-size: 32px; line-height: 42px; color: #fff; background-color: #222222; position: relative; margin: 15px 0; right: -130px; z-index: 0; } #content blockquote span { font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; font-size: 18px; } #content blockquote p { padding: 20px 420px 0px 0px; text-indent: -11px; } #content blockquote:before { content: ''; display: inline-block; position: absolute; left: -110px; top: 0; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 0 0 120px 110px; border-color: transparent transparent #222222 transparent; } #content blockquote.twitter-tweet { font-size: 20px; line-height: 5px; } #content blockquote.twitter-tweet p { font-size: 20px; line-height: 27px; } #content .subhead { font-family: 'AauxNext-LightItalic', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 26px; text-transform: uppercase; } #content .subcol-item { position: relative; } #content .subcol-item h2, #content .subcol-item h3, #content .subcol-item p { padding: 0 22px; } #content .subcol-item img { margin-bottom: 30px; } #content .subcol-item h2 { font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 29px; text-transform: uppercase; color: #fff; } #content .subcol-item p { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; text-transform: none; padding-top: 27px; padding-bottom: 19px; font-size: 16px; line-height: 20px; color: #fff; } #content .subcol-item p a { padding-left: 0px; padding-top: 19px; } #content .subcol-item a { display: block; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; padding-left: 22px; text-transform: uppercase; } #content .subcol-item a:after { content: "›"; font-size: 22px; padding-left: 6px; } #content .subcol-item.topic-description { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } #content .subcol-item.topic-description h2 { font-size: 20px; color: #363636; padding: 0; } #content .subcol-item.topic-description p { font-size: 20px; line-height: 26px; color: #363636; padding: 23px 23px; } #content .subcol-item.gallery a { position: relative; top: 41px; height: 41px; width: 81.5%; background-color: none; margin-top: -18px; z-index: 2; } #content .subcol-item.gallery, #content .subcol-item.jobs { margin-bottom: 89px; } #content .subcol-item.gallery.black, #content .subcol-item.jobs.black { background-color: #333333; } #content .subcol-item.gallery.black:before, #content .subcol-item.jobs.black:before { content: ''; display: block; position: absolute; top: 100%; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); height: 41px; background-color: #333333; } #content .subcol-item.gallery.black:after, #content .subcol-item.jobs.black:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 41px 41px 0 0; border-color: #333333 transparent transparent transparent; -webkit-transform: rotate(360deg); right: 0; position: absolute; top: 100%; } #content .subcol-item.gallery p, #content .subcol-item.jobs p { padding-bottom: 0; } #content .subcol-item.press { margin-bottom: 91px; } #content .subcol-item.press.gray-bottom { background-color: #D7D7D7; } #content .subcol-item.press.gray-bottom:before { content: ''; display: block; position: absolute; top: 100%; width: calc(100% - 42px); width: -webkit-calc(100% - 42px); height: 43px; background-color: #d7d7d7; } #content .subcol-item.press.gray-bottom:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 43px 43px 0 0; border-color: #D7D7D7 transparent transparent transparent; -webkit-transform: rotate(360deg); right: 0; position: absolute; top: 100%; } #content .subcol-item.press.black-bottom { background-color: #D7D7D7; } #content .subcol-item.press.black-bottom:before { content: ''; display: block; position: absolute; top: 100%; width: calc(100% - 39px); width: -webkit-calc(100% - 39px); height: 40px; background-color: #333; } #content .subcol-item.press.black-bottom:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #333 transparent transparent transparent; -webkit-transform: rotate(360deg); right: 0; position: absolute; top: 100%; } #content .subcol-item.press h2 { background-color: #333333; padding: 28px 0 28px 22px; } #content .subcol-item.press p, #content .subcol-item.press a, #content .subcol-item.press span { color: #363636; padding-right: 38px; } #content .subcol-item.press p { margin-top: 45px; font-size: 20px; line-height: 24px; padding-top: 0; } #content .subcol-item.press a { display: block; text-decoration: underline; text-transform: uppercase; font-size: 16px; line-height: 30px; padding-top: 0; } #content .subcol-item.press a:after { content: ''; } #content .subcol-item.press span { display: block; font-style: italic; font-size: 14px; line-height: 20px; } #content .subcol-item.related-articles { margin-bottom: 91px; } #content .subcol-item.related-articles.black-bottom { background-color: #D7D7D7; } #content .subcol-item.related-articles.black-bottom:before { content: ''; display: block; position: absolute; top: 100%; width: calc(100% - 39px); width: -webkit-calc(100% - 39px); height: 40px; background-color: #333; } #content .subcol-item.related-articles.black-bottom:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #333 transparent transparent transparent; -webkit-transform: rotate(360deg); right: 0; position: absolute; top: 100%; } #content .subcol-item.related-articles h2 { background-color: #333333; padding: 28px 0 28px 22px; } #content .subcol-item.related-articles h2 span { display: inline; font-style: normal; font-size: 20px; line-height: 29px; color: #fff; } #content .subcol-item.related-articles .article-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; margin-top: 20px; padding: 0 22px; } #content .subcol-item.related-articles img { width: 99.8%; height: auto; margin-bottom: 7%; } #content .subcol-item.related-articles h3, #content .subcol-item.related-articles p, #content .subcol-item.related-articles a, #content .subcol-item.related-articles span { padding: 0; } #content .subcol-item.related-articles h3 { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 28px; text-transform: uppercase; padding: 0; } #content .subcol-item.related-articles p, #content .subcol-item.related-articles a, #content .subcol-item.related-articles span { color: #363636; } #content .subcol-item.related-articles p { line-height: 26px; padding-top: 0; padding-bottom: 0; margin-top: 0; } #content .subcol-item.related-articles p.article-link { font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 30px; padding: 5px 0; } #content .subcol-item.related-articles p.article-link:after { display: inline-block; content: "››"; font-size: 20px; padding-left: 6px; } #content .subcol-item.related-articles a.link-external p.article-link:after { content: ''; width: 14px; height: 14px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -393px -30px no-repeat; position: absolute; margin-left: 15px; margin-top: 4px; } #content .subcol-item.related-articles a.static-link { font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; position: absolute; margin-left: 22px; line-height: 40px; top: 100%; left: 0; z-index: 1; color: #c3cf21; } #content .subcol-item.related-articles a.static-link:after { content: ''; } #content .subcol-item.related-articles a.static-link:hover { color: #888888; } #content .subcol-item.related-articles a:hover p.article-link { color: #888888; } #content .subcol-item.related-articles span { display: block; font-style: italic; font-size: 14px; line-height: 20px; } #content .topic-description + .subcol-item { margin-top: 48px; } #content .photo-credit { font-size: 12px; line-height: 14px; text-align: right; color: #898989; margin-bottom: -14px; margin-top: -5px; } #content .image-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; margin-bottom: 20px; } #content .image-container .photo-credit-box { width: 100%; margin: 0; } #content .image-container .photo-credit-box p { padding: 0; } #content .image-container .photo-credit-box img { width: 100%; padding: 0; } #content .image-container .image-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 0; font-size: 12px; line-height: 14px; position: relative; } #content .image-container .image-caption p { padding: 8px 0; text-align: left; } #content .image-container .image-caption p.photo-credit { text-transform: uppercase; } #content .image-container .image-caption:before { content: ''; display: block; position: absolute; top: 100%; left: 0; width: calc(100% - 39px); width: -webkit-calc(100% - 39px); height: 40px; background-color: #222; } #content .image-container .image-caption:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #222 transparent transparent transparent; -webkit-transform: rotate(360deg); right: 0; position: absolute; top: 100%; } #content .image-container.noImageCredit .photo-credit-box { padding: 0; } #footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 50px 0 20px 0; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; } #footer:after { content: ''; display: block; clear: both; } #footer ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } #footer ul li { display: inline-block; } #footer #footer-links { float: left; width: 80%; padding-top: 5px; } #footer #footer-links #site-links { font-size: 22px; } #footer #footer-links #site-links li { margin-right: 45px; border-bottom: 1px solid #c3cf21; position: relative; } #footer #footer-links #site-links li a { display: block; color: #fff; padding-bottom: 16px; padding-right: 100px; } #footer #footer-links #site-links li a:after { content: ''; display: block; width: 65px; height: 65px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -197px -53px no-repeat; position: absolute; bottom: 0; right: 0; } #footer #footer-links #site-links li a:hover:after, #footer #footer-links #site-links li a:focus:after { background-position: -262px -53px; } #footer #footer-links #family-sites { margin-top: 35px; font-size: 14px; color: #c3cf21; } #footer #footer-links #family-sites .separator { padding: 0 18px; } #footer #footer-links #info-links { margin-top: 20px; font-size: 14px; color: #ccc; } #footer #footer-links #info-links li { margin-right: 40px; } #footer #footer-links #info-links li a { color: #ccc; } #footer #footer-links #info-links li a:hover, #footer #footer-links #info-links li a:focus { color: #c3cf21; } #footer #footer-links #info-links li.last { margin-right: 0; } #footer #social-icons { float: right; width: 20%; padding-left: 66px; } #footer #social-icons li { width: 60px; height: 60px; cursor: pointer; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") 0 0 no-repeat; } #footer #social-icons li a { display: block; width: 60px; height: 60px; } #footer #social-icons #icon-facebook { background-position: 24px 7px; } #footer #social-icons #icon-twitter { background-position: -53px 7px; } .EditingFormErrorLabel, .ErrorLabel { display: block; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #B74B4B; margin-bottom: 15px; } .EditingFormLabelCell { vertical-align: middle; } .Uploader { border: none; } .UploaderLabel { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 16px; text-transform: none; display: inline-block; } .EditingFormLabel, .EditingFormLabelCell { font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; text-transform: none; padding-right: 20px; } .EditingFormValueCell input:not([type="radio"]):not([type="checkbox"]), .EditingFormValueCell textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; border: none; border: 1px solid #888888; background: transparent none; background-image: none; background-color: #fff; height: 40px; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 16px; padding: 0 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; line-height: 40px; width: 500px; } .EditingFormValueCell input:not([type="radio"]):not([type="checkbox"])[type="submit"], .EditingFormValueCell textarea[type="submit"] { width: 93px; height: 40px; } .EditingFormValueCell input:not([type="radio"]):not([type="checkbox"])[type="file"], .EditingFormValueCell textarea[type="file"] { border: none; line-height: 40px; } .EditingFormValueCell input:not([type="radio"]):not([type="checkbox"]) + label, .EditingFormValueCell textarea + label { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; } .EditingFormValueCell input:not([type="radio"]):not([type="checkbox"]).error, .EditingFormValueCell textarea.error { border-color: #B74B4B; } .EditingFormValueCell input:not([type="radio"]):not([type="checkbox"]).disabled, .EditingFormValueCell textarea.disabled { color: #888888; background-color: #EBEBEB; border-color: #d7d7d7; } .EditingFormValueCell input[type="checkbox"] { width: 20px; height: 20px; } .EditingFormValueCell input[type="radio"] { width: 20px; height: 20px; } .EditingFormValueCell textarea { resize: none; line-height: 18px; height: 120px; } .EditingFormValueCell select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; border: none; border: 1px solid #888888; background: transparent none; background-image: none; background-color: #fff; height: 40px; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 16px; padding: 0 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; line-height: 40px; width: 500px; } .EditingFormValueCell input:focus, .EditingFormValueCell select:focus, .EditingFormValueCell textarea:focus { border-color: #222222; color: #222222; outline: none; } .EditingFormValueCell { height: 65px; } .Error input { border-color: #B74B4B; outline: none; } #site-search-container #___gcse_0, #site-search-container #___gcse_1 { width: 234px; height: 30px; } #site-search-container #___gcse_0 form.gsc-search-box, #site-search-container #___gcse_1 form.gsc-search-box { margin: 0; } #site-search-container #___gcse_0 .gsc-input, #site-search-container #___gcse_1 .gsc-input { padding-right: 0; } #site-search-container #___gcse_0 .gsc-input .gsc-input-box, #site-search-container #___gcse_1 .gsc-input .gsc-input-box { border: none; height: 30px; width: 234px; } #site-search-container #___gcse_0 .gsc-input .gsc-input-box .gsib_a, #site-search-container #___gcse_1 .gsc-input .gsc-input-box .gsib_a { padding-top: 5px; width: 79%; } #site-search-container #___gcse_0 .gsc-input .gsc-input-box .gsib_b, #site-search-container #___gcse_1 .gsc-input .gsc-input-box .gsib_b { padding-top: 5px; } #site-search-container #___gcse_0 .gsc-input .gsc-input-box .gsib_b .gsst_b, #site-search-container #___gcse_1 .gsc-input .gsc-input-box .gsib_b .gsst_b { position: relative; right: 7px; } #site-search-container #___gcse_0 .gsc-input .gsc-input-box .gsib_b .gsst_b .gscb_a, #site-search-container #___gcse_1 .gsc-input .gsc-input-box .gsib_b .gsst_b .gscb_a { color: #ACACAC; } #site-search-container #___gcse_0 .gsc-search-button input, #site-search-container #___gcse_1 .gsc-search-button input { position: relative; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -418px -20px no-repeat; opacity: 0; } #site-search-container #___gcse_0 .gsc-input-box-hover, #site-search-container #___gcse_1 .gsc-input-box-hover { border: none; box-shadow: none; } #site-search-container #___gcse_0 .gsc-input-box-focus, #site-search-container #___gcse_1 .gsc-input-box-focus { border: none; box-shadow: none; } #site-search-container #___gcse_0 .gsc-search-button input, #site-search-container #___gcse_1 .gsc-search-button input { left: -30px; position: relative; top: 0px; width: 30px; height: 28px; background: white url("/_ui/img/vulcan/sprite-sheet-icons.png") -418px -20px no-repeat; border: medium none; cursor: pointer; border: none; margin-top: 0; min-width: 33px; padding: 0; border-radius: 0; color: #FFFFFF; font-family: inherit; font-size: 12px; font-weight: normal; margin-left: 0; opacity: 0; } #site-search-container #___gcse_0 div#sButton, #site-search-container #___gcse_1 div#sButton { left: -30px; position: relative; z-index: 0; top: 35px; width: 30px; height: 30px; background: white url("/_ui/img/vulcan/sprite-sheet-icons.png") -418px -17px no-repeat; margin-top: -35.5px; } .gssb_c .gsc-completion-container { color: #000; } body.error #header-hero { background-image: url("/_ui/img/vulcan/news-list-hero.jpg"); } .image-left { float: left; padding: 12px 12px 12px 0px; border: none; } .image-right { float: right; padding: 12px 0px 12px 12px; border: none; } @media (min-width: 1001px) and (max-width: 1179px) { #content { padding-top: 34px; overflow-x: hidden; } #content .subcol-item.topic-description p { font-size: 100%; line-height: 100%; padding: 24px 0 22px; } #footer { padding: 8.5% 5% 4.8%; } #footer #social { display: none; } #footer #social-icons { width: auto; padding-left: 0; } } @media (min-width: 877px) and (max-width: 1000px) { #content { padding-top: 34px; overflow-x: hidden; } #content .subcol-item.topic-description p { font-size: 100%; line-height: 100%; padding: 24px 0 22px; } #footer { padding: 8.5% 5% 4.8%; } #footer #social { display: none; } #footer #social-icons { width: auto; padding-left: 0; } } @media (min-width: 768px) and (max-width: 876px) { #content { padding-top: 34px; overflow-x: hidden; } #content .subcol-item.topic-description p { font-size: 100%; line-height: 100%; padding: 24px 0 22px; } #footer { padding: 8.5% 5% 4.8%; } #footer #social { display: none; } #footer #social-icons { width: auto; padding-left: 0; } } @media (min-width: 600px) and (max-width: 767px) { #content { padding-top: 34px; overflow-x: hidden; } #content .subcol-item.topic-description p { font-size: 100%; line-height: 100%; padding: 24px 0 22px; } #footer { padding: 8.5% 5% 4.8%; } #footer #social { display: none; } #footer #social-icons { width: auto; padding-left: 0; } } @media (min-width: 1px) and (max-width: 599px) { #content { padding-top: 34px; overflow-x: hidden; } #content .subcol-item.topic-description p { font-size: 100%; line-height: 100%; padding: 24px 0 22px; } #footer { padding: 8.5% 5% 4.8%; } #footer #social { display: none; } #footer #social-icons { width: auto; padding-left: 0; } } @media (min-width: 1001px) and (max-width: 1179px) { #header, #content, #footer { width: 100%; } #header { height: 182px; } #header .header-hero { height: auto; } #header #site-search { margin-top: 0.8%; } #header #mainnav { width: 100%; height: 70px; margin: 40px 0 0 0; } #header #mainnav #logo { top: -12px; } #header #mainnav #logo a { width: 80px; height: 71px; } #header #mainnav > ul { font-size: 100%; } #header #mainnav > ul > li { line-height: 470%; } #header #mainnav > ul > li > a { font-size: 100%; } #header #mainnav #topic-dropdown .icon { width: 28px; height: 28px; margin-left: 0.3%; top: 21px; } } @media (min-width: 877px) and (max-width: 1000px) { #header, #content, #footer { width: 100%; } #header { height: 182px; } #header .header-hero { height: auto; } #header #site-search { margin-top: 0.8%; } #header #mainnav { width: 100%; height: 70px; margin: 40px 0 0 0; } #header #mainnav #logo { top: -12px; } #header #mainnav #logo a { width: 80px; height: 71px; } #header #mainnav > ul { font-size: 100%; } #header #mainnav > ul > li { line-height: 470%; } #header #mainnav > ul > li > a { font-size: 100%; } #header #mainnav #topic-dropdown .icon { width: 28px; height: 28px; margin-left: 0.3%; top: 21px; } } @media (min-width: 768px) and (max-width: 876px) { #header, #content, #footer { width: 100%; } #header { height: 182px; } #header .header-hero { height: auto; } #header #site-search { margin-top: 0.8%; } #header #mainnav { width: 100%; height: 70px; margin: 40px 0 0 0; } #header #mainnav #logo { top: -12px; } #header #mainnav #logo a { width: 80px; height: 71px; } #header #mainnav > ul { font-size: 100%; } #header #mainnav > ul > li { line-height: 470%; } #header #mainnav > ul > li > a { font-size: 100%; } #header #mainnav #topic-dropdown .icon { width: 28px; height: 28px; margin-left: 0.3%; top: 21px; } } @media (min-width: 768px) and (max-width: 876px) { #header #mainnav #topic-dropdown { width: 33.7%; } #header #mainnav #topic-dropdown .link-arrow { padding: 0 0.5% 0 7.5%; } #header #mainnav #topic-dropdown #topic-list > ul > li a { font-size: 90%; } } @media (min-width: 1px) and (max-width: 599px) { #gutter-wrapper, #header, #content, #footer { width: 100%; } #gutter-wrapper, #content, #footer { overflow: hidden; } #header { height: 86px; } #header .header-hero { height: auto; } #header #mainnav { margin: 1.3% 0 0 0; width: 100%; height: 50px; } #header #mainnav ul > li { padding: 0; } #footer { padding-top: 14.8%; } #footer #footer-links { width: 100%; } #footer #footer-links #site-links { float: left; } #footer #footer-links #site-links li { margin-right: 0; margin-top: 40px } #footer #footer-links #social-icons { margin-top: -29px; } } @media (min-width: 600px) and (max-width: 767px) { #gutter-wrapper, #header, #content, #footer { width: 100%; } #gutter-wrapper, #content, #footer { overflow: hidden; } #header { height: 86px; } #header .header-hero { height: auto; } #header #mainnav { margin: 1.3% 0 0 0; width: 100%; height: 50px; } #header #mainnav ul > li { padding: 0; } #footer { padding-top: 14.8%; } #footer #footer-links { width: 100%; } #footer #footer-links #site-links { float: left; } #footer #footer-links #site-links li { margin-right: 10px; } #footer #footer-links #social-icons { margin-top: -29px; } } @media (min-width: 1px) and (max-width: 599px) { #header #mainnav.mobile > ul > li > #site-search { margin-top: 2.8%; } #footer { padding-left: 9.5%; padding-right: 9.5%; } #footer #footer-links #site-links { float: left; margin-top: 10px; } #footer #footer-links #site-links li a { padding-right: 120px; width: 142px; } #footer #footer-links #social-icons { position: absolute; margin-left: -24px; } #footer #footer-links #family-sites li, #footer #footer-links #info-links li { display: block; float: left; width: 100%; padding-bottom: 20px; } #footer #footer-links #family-sites { margin-top: 45px; } #footer #footer-links #family-sites li.separator { display: none; } } @media (min-width: 1px) and (max-width: 320px) { #header .header-hero { height: 86px; } #header #mainnav.mobile > ul > li > #site-search { margin-top: 3.8%; } #content { padding-top: 30px; } #content .sub-col .subcol-item.related-articles { width: 100%; } #content .sub-col .subcol-item.related-articles h2 { padding: 6.25%; margin-bottom: 11.2%; } #content .sub-col .subcol-item.related-articles .article-item { padding: 0 6.25%; } #content .sub-col .subcol-item p { padding-top: 2%; font-size: 87.5%; line-height: 139%; } #footer #footer-links { padding-top: 14px; } #footer #footer-links #site-links { width: 100%; margin-top: 48px; } #footer #footer-links #site-links li { height: 65px; width: 100%; } #footer #footer-links #site-links li a { line-height: 80px; } #footer #footer-links #family-sites { margin-top: 44px; } } .EditableTextTitle { background-size: auto 100%; } .EditableImageEdit .ImageSelectorHeader, .EditButtons { background-size: 100%; } /** MOBILE VIEW, MENU CLOSED: */ nav#subNav.mobile { max-width: 340px; min-width: 270px; width: 99%; height: 44px; position: relative; z-index: 9; } nav#subNav.mobile .label { display: block; max-width: 268px; width: 78%; height: 44px; background-color: #888; padding: 0 12px; cursor: pointer; color: #fff; font-size: 100%; font-weight: 600; height: 44px; line-height: 50px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 2; } nav#subNav.mobile .link-arrow { display: block; width: 70px; height: 44px; background: #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0; top: 0; } nav#subNav.mobile .link-arrow .icon { display: block; width: 41px; height: 41px; fill: currentColor; position: relative; left: 0; top: 8%; margin: 0 auto; } nav#subNav.mobile #uxSubNavMobile { display: none; } nav#subNav.mobile:hover .label, nav#subNav.mobile:focus .label, nav#subNav.mobile.active .label { display: inherit; background-color: #c3cf21; color: #000; } nav#subNav.mobile:hover .link-arrow, nav#subNav.mobile:focus .link-arrow, nav#subNav.mobile.active .link-arrow { background-color: #c3cf21; } nav#subNav.mobile:hover .link-arrow .icon, nav#subNav.mobile:focus .link-arrow .icon, nav#subNav.mobile.active .link-arrow .icon { fill: #000; } /** MOBILE VIEW, MENU OPEN: */ nav#subNav.mobile.active { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 100%; height: 50px; position: fixed; margin: 9px 0 0 0; top: 0; left: 0; } nav#subNav.mobile.active .link-arrow, nav#subNav.mobile.active .label { display: none; } nav#subNav.mobile.active #nav-trigger { width: 60px; height: 50px; background: transparent url("/_ui/img/vulcan/sprite-mobile-nav2.png") -60px 0 no-repeat; cursor: pointer; float: right; } nav#subNav.mobile.active #uxSubNavMobile { display: inherit; overflow-y: scroll; float: left; text-transform: uppercase; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; position: relative; width: 100%; border-top: 1px solid #37393b; } nav#subNav.mobile.active #uxSubNavMobile > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: none; height: auto; line-height: 49px; border-bottom: 1px solid #37393b; } nav#subNav.mobile.active #uxSubNavMobile > li > a { font-size: 100%; font-weight: 600; display: block; height: 45px; color: #fff; padding: 0 0 0 5%; } nav#subNav.mobile.active #uxSubNavMobile > li > a.CMSListMenuLinkHighlighted ~ ul.CMSListMenuUL li { display: inherit; } nav#subNav.mobile.active #uxSubNavMobile > li.CMSListMenuHighlightedLI a { color: #c3cf21; } nav#subNav.mobile.active #uxSubNavMobile > li ul.CMSListMenuUL { font-size: 90%; width: 100%; max-height: 100%; height: 100%; background-color: transparent; overflow: hidden; transition: none; border-top: 1px solid #37393b; } nav#subNav.mobile.active #uxSubNavMobile > li ul.CMSListMenuUL > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; height: 43px; line-height: 43px; border-bottom: 1px solid #37393b; background-color: #212427; } nav#subNav.mobile.active #uxSubNavMobile > li ul.CMSListMenuUL > li:last-child { border-bottom: none; } nav#subNav.mobile.active #uxSubNavMobile > li ul.CMSListMenuUL > li a { color: #fff; padding: 0 8%; font-size: 100%; font-weight: 600; display: block; height: 43px; } nav#subNav.mobile.active #uxSubNavMobile > li ul.CMSListMenuUL > li a.CMSListMenuLinkHighlighted { color: #c3cf21; } #overlay { width: 100%; height: 100%; background-color: #000; position: fixed; top: 0; left: 0; z-index: 2; display: none; } #overlay.subnav, #overlay.topic-filter { z-index: 4; } @media (min-width: 1px) and (max-width: 320px) { nav#subNav.mobile { width: 100%; } nav#subNav.mobile .label { width: 73.3%; } } div.addthis_toolbox { height: 32px; margin: 10px 0; } div.addthis_toolbox #share-btn { float: left; height: 32px; margin: 0; } div.addthis_toolbox #share-links { float: left; outline: 0; height: 32px; margin: 0 0 0 10px; width: auto; max-width: 0px; overflow: hidden; position: relative; -webkit-transition: max-width 0.2s ease; -moz-transition: max-width 0.2s ease; -o-transition: max-width 0.2s ease; -ms-transition: max-width 0.2s ease; transition: max-width 0.2s ease; } div.addthis_toolbox #share-links > ul { list-style: none; width: 256px; margin: 0; } div.addthis_toolbox #share-links > ul > li { display: inline-block; min-width: 32px; margin: 0 0 0 2px; } div.addthis_toolbox #share-links > ul > li > a { display: block; height: 32px; } div.addthis_toolbox #share-links.active { max-width: 256px; } #gallery-container { width: calc(100% - 80px); width: -webkit-calc(100% - 80px); max-width: 1000px; margin: 0 auto; position: relative; } #gallery-container #gallery-content { margin-bottom: 32px; position: relative; } #gallery-container #gallery-main-carousel { width: 100%; height: 0; margin-bottom: 20px; padding-top: 54%; padding-bottom: 60px; position: relative; } #gallery-container #gallery-main-carousel .arrow-nav { position: absolute; top: calc(((100% - 60px) / 2) - 12px); top: -webkit-calc(((100% - 60px) / 2) - 12px); } #gallery-container #gallery-main-carousel .arrow-nav.nav-prev { left: -40px; } #gallery-container #gallery-main-carousel .arrow-nav.nav-next { right: -40px; } #gallery-container #gallery-main-carousel .arrow-nav.disabled { display: none; visibility: hidden; } #gallery-container #gallery-main-carousel .inner-track { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; } #gallery-container #gallery-main-carousel .inner-track > ul { list-style: none; display: block; width: 20000px; height: 100%; position: absolute; left: 0; top: 0; } #gallery-container #gallery-main-carousel .inner-track > ul > li { float: left; width: 1000px; height: 100%; position: relative; } #gallery-container #gallery-main-carousel .inner-track > ul > li .media-container { width: 100%; height: calc(100% - 60px); height: -webkit-calc(100% - 60px); position: relative; overflow: hidden; } #gallery-container #gallery-main-carousel .inner-track > ul > li .media-container > p, #gallery-container #gallery-main-carousel .inner-track > ul > li .media-container > img, #gallery-container #gallery-main-carousel .inner-track > ul > li .media-container > iframe, #gallery-container #gallery-main-carousel .inner-track > ul > li .media-container > p > img, #gallery-container #gallery-main-carousel .inner-track > ul > li .media-container > p > iframe { display: block; width: 100% !important; height: 100% !important; margin: 0; } #gallery-container #gallery-main-carousel .inner-track > ul > li .media-info { width: 100%; height: 60px; padding-top: 12px; position: relative; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #gallery-container #gallery-main-carousel .inner-track > ul > li .media-info p.caption { font-size: 14px; line-height: 16px; height: 48px; } #gallery-container #gallery-main-carousel .inner-track > ul > li .media-info p.caption .counter { display: block; font-style: italic; } #gallery-container #gallery-main-carousel .inner-track > ul > li.active .media-info { opacity: 1.0; } #gallery-container #gallery-thumb-carousel { width: 100%; height: 0; padding-top: 14%; position: relative; } #gallery-container #gallery-thumb-carousel .arrow-nav { position: absolute; top: calc(50% - 12px); top: -webkit-calc(50% - 12px); } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-prev { left: -40px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-next { right: -40px; } #gallery-container #gallery-thumb-carousel .arrow-nav.disabled { display: none; visibility: hidden; } #gallery-container #gallery-thumb-carousel .inner-track { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; } #gallery-container #gallery-thumb-carousel .inner-track > ul { list-style: none; display: block; width: 4000px; height: 100%; position: absolute; left: 0; top: 0; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li { float: left; width: 200px; height: 100%; position: relative; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a { display: block; cursor: pointer; width: calc(100% - 8px); width: -webkit-calc(100% - 8px); height: 100%; margin: 0 auto; position: relative; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a > img { display: block; width: 100%; height: 100%; position: relative; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a:after { content: ''; display: block; width: 100%; height: 100%; border: 3px solid transparent; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a:hover:after, #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a:focus:after { border-color: #c3cf21; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li.active > a:after { border-color: #c3cf21; } @media (min-width: 1px) and (max-width: 599px) { #gallery-container { width: calc(100% - 60px); width: -webkit-calc(100% - 60px); } #gallery-container #gallery-main-carousel .arrow-nav.nav-prev { left: -30px; } #gallery-container #gallery-main-carousel .arrow-nav.nav-next { right: -30px; } #gallery-container #gallery-main-carousel .inner-track > ul > li { width: 650px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-prev { left: -30px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-next { right: -30px; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li { width: 130px; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a { width: calc(100% - 4px); width: -webkit-calc(100% - 4px); } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a:after { border-width: 2px; } } @media (min-width: 600px) and (max-width: 767px) { #gallery-container { width: calc(100% - 60px); width: -webkit-calc(100% - 60px); } #gallery-container #gallery-main-carousel .arrow-nav.nav-prev { left: -30px; } #gallery-container #gallery-main-carousel .arrow-nav.nav-next { right: -30px; } #gallery-container #gallery-main-carousel .inner-track > ul > li { width: 650px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-prev { left: -30px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-next { right: -30px; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li { width: 130px; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a { width: calc(100% - 4px); width: -webkit-calc(100% - 4px); } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a:after { border-width: 2px; } } @media (min-width: 768px) and (max-width: 876px) { #gallery-container { width: calc(100% - 60px); width: -webkit-calc(100% - 60px); } #gallery-container #gallery-main-carousel .arrow-nav.nav-prev { left: -30px; } #gallery-container #gallery-main-carousel .arrow-nav.nav-next { right: -30px; } #gallery-container #gallery-main-carousel .inner-track > ul > li { width: 650px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-prev { left: -30px; } #gallery-container #gallery-thumb-carousel .arrow-nav.nav-next { right: -30px; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li { width: 130px; } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a { width: calc(100% - 4px); width: -webkit-calc(100% - 4px); } #gallery-container #gallery-thumb-carousel .inner-track > ul > li > a:after { border-width: 2px; } } @media (min-width: 1px) and (max-width: 599px) { #gallery-container { width: 100%; } #gallery-container #gallery-main-carousel { width: calc(100% + 40px); width: -webkit-calc(100% + 40px); margin: 0 -20px 20px -20px; } #gallery-container #gallery-main-carousel .arrow-nav { top: calc(((100% - 60px) / 2) - 20px); top: -webkit-calc(((100% - 60px) / 2) - 20px); } #gallery-container #gallery-main-carousel .arrow-nav.nav-prev { left: 0px; } #gallery-container #gallery-main-carousel .arrow-nav.nav-next { right: 0px; } #gallery-container #gallery-main-carousel .inner-track > ul > li .media-info { padding-left: 20px; padding-right: 20px; } #gallery-container #gallery-thumb-carousel { display: none; } } #herotabs { width: 100%; min-height: 100%; background: transparent no-repeat 0 0; background-size: 100% 100%; position: absolute; overflow: hidden; z-index: 1; } #herotabs .hero-img { width: 100%; min-height: 716px; background-size: 100% 100%; position: absolute; z-index: 1; } #herotabs .hero-img.css-only { transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; opacity: 0; } #herotabs .hero-img.fadeIn { opacity: 1; } #herotabs .hero-img.active { opacity: 1; } #herotabs ul { width: 100%; height: 46.28%; position: absolute; bottom: 0; z-index: 2; } #herotabs li.tab { float: left; width: 25%; height: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } #herotabs li.tab .inner { cursor: pointer; width: 100%; height: 24.2%; border-left: 1px solid #272a2d; background-color: #37393b; overflow: hidden; position: absolute; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; -ms-transition: height 0.4s ease; transition: height 0.4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } #herotabs li.tab .title { font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; font-size: 93.75%; line-height: 530%; color: #c3cf21; text-align: center; text-transform: uppercase; margin: 0; } #herotabs li.tab .desc { display: none; font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 175%; line-height: 116%; text-transform: uppercase; margin: 0; } #herotabs li.tab:first-child .inner { border-left: 0; } #herotabs li.tab.active .inner { height: 100%; padding: 13.5% 9.5%; background: #161a1e; background: rgba(22, 26, 30, 0.7); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #herotabs li.tab.active .title { text-align: left; line-height: 100%; margin-bottom: 10%; } #herotabs li.tab.active .desc { display: block; } #herotabs.numTabs-4 li { width: 25%; } #herotabs.numTabs-3 li { width: 33.333333%; } #herotabs.numTabs-2 li { width: 50%; } #herotabs.numTabs-1 li { width: 100%; } @media (min-width: 1px) and (max-width: 320px) { #herotabs { background-size: 100% auto; } #herotabs .hero-img { background-size: 100% auto; } } @media (min-width: 1px) and (max-width: 599px) { #herotabs { background-size: 100% auto; } #herotabs .hero-img { background-size: 100% auto; } } @media (min-width: 600px) and (max-width: 767px) { #herotabs { background-size: 100% auto; } #herotabs .hero-img { background-size: 100% auto; } } @media (min-width: 768px) and (max-width: 876px) { #herotabs { background-size: 100% auto; } #herotabs .hero-img { background-size: 100% auto; } } @media (min-width: 877px) and (max-width: 1000px) { #herotabs { background-size: 100% auto; } #herotabs .hero-img { background-size: 100% auto; } } @media (min-width: 1001px) and (max-width: 1179px) { #herotabs { background-size: 100% auto; } #herotabs .hero-img { background-size: 100% auto; } } @media (min-width: 1001px) and (max-width: 1179px) { #herotabs { max-height: 426px; } #herotabs .hero-img { min-height: 426px; } #herotabs ul { height: 45.3%; } #herotabs ul li.tab .title { font-size: 93.75%; line-height: 335%; } #herotabs ul li.tab .desc { font-size: 106%; line-height: 116%; } #herotabs ul li.tab.active .inner { padding: 8.5% 9.5%; height: 100%; } } @media (min-width: 877px) and (max-width: 1000px) { #herotabs { max-height: 426px; } #herotabs .hero-img { min-height: 426px; } #herotabs ul { height: 45.3%; } #herotabs ul li.tab .title { font-size: 93.75%; line-height: 335%; } #herotabs ul li.tab .desc { font-size: 106%; line-height: 116%; } #herotabs ul li.tab.active .inner { padding: 8.5% 9.5%; height: 100%; } } @media (min-width: 768px) and (max-width: 876px) { #herotabs { max-height: 426px; } #herotabs .hero-img { min-height: 426px; } #herotabs ul { height: 45.3%; } #herotabs ul li.tab .title { font-size: 93.75%; line-height: 335%; } #herotabs ul li.tab .desc { font-size: 106%; line-height: 116%; } #herotabs ul li.tab.active .inner { padding: 8.5% 9.5%; height: 100%; } } @media (min-width: 600px) and (max-width: 767px) { #herotabs { min-height: 355px; } #herotabs .hero-img { min-height: 355px; } } @media (min-width: 1px) and (max-width: 599px) { #herotabs { max-height: 355px; } #herotabs .hero-img { min-height: 355px; } #herotabs ul { min-height: 120px; height: 120px; overflow: hidden; } #herotabs ul li.tab, #herotabs ul li.tab.active { width: 100%; position: static; } #herotabs ul li.tab .inner, #herotabs ul li.tab.active .inner { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; cursor: default; height: 114%; } #herotabs ul li.tab .inner .title, #herotabs ul li.tab.active .inner .title { margin-bottom: 4%; } #herotabs ul li.tab .inner .desc, #herotabs ul li.tab.active .inner .desc { font-size: 106.25%; } #herotabs ul li.tab .inner { height: 0; } } @media (min-width: 600px) and (max-width: 767px) { #herotabs { max-height: 355px; } #herotabs .hero-img { min-height: 355px; } #herotabs ul { min-height: 120px; height: 120px; overflow: hidden; } #herotabs ul li.tab, #herotabs ul li.tab.active { width: 100%; position: static; } #herotabs ul li.tab .inner, #herotabs ul li.tab.active .inner { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; cursor: default; height: 114%; } #herotabs ul li.tab .inner .title, #herotabs ul li.tab.active .inner .title { margin-bottom: 4%; } #herotabs ul li.tab .inner .desc, #herotabs ul li.tab.active .inner .desc { font-size: 106.25%; } #herotabs ul li.tab .inner { height: 0; } } @media (min-width: 1px) and (max-width: 599px) { #herotabs .hero-img { position: relative; min-height: 0; } #herotabs ul { position: absolute; } #herotabs ul li.tab .inner { height: 0; } #herotabs ul li.tab.active .inner { height: 100%; padding: 7% 30px; background: #5b5e61; } } @media (min-width: 1px) and (max-width: 320px) { #herotabs { background-size: 100%; } } /** DESKTOP VIEW: */ #topic-filter-list { max-width: 340px; width: 99%; height: 44px; position: relative; z-index: 2; } #topic-filter-list .label { display: block; max-width: 268px; width: 78%; background-color: #888; padding: 0 12px; cursor: pointer; color: #fff; font-size: 20px; line-height: 44px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 2; } #topic-filter-list .link-arrow { display: block; width: 70px; height: 44px; background: #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; position: absolute; cursor: pointer; right: 0; top: 0; } #topic-filter-list .link-arrow .icon { display: block; width: 41px; height: 41px; fill: currentColor; position: relative; left: 0; top: 8%; margin: 0 auto; } #topic-filter-list .topic-list { width: 262px; height: auto; max-height: 44px; background-color: #212427; overflow: hidden; -webkit-transition: max-height 0.3s ease; -moz-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; -ms-transition: max-height 0.3s ease; transition: max-height 0.3s ease; position: absolute; left: 0; top: 0; z-index: 1; } #topic-filter-list .topic-list > ul { display: none; } #topic-filter-list .topic-list > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; height: 44px; border-bottom: 1px solid #37393b; background-color: #212427; margin-left: 0; } #topic-filter-list .topic-list > ul > li:first-child { border-top: 0; } #topic-filter-list .topic-list > ul > li:first-child a { font-size: 20px; } #topic-filter-list .topic-list > ul > li a { display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; line-height: 44px; text-transform: uppercase; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } #topic-filter-list .topic-list > ul > li:hover, #topic-filter-list .topic-list > ul > li:focus, #topic-filter-list .topic-list > ul > li.in { background-color: #c3cf21; } #topic-filter-list .topic-list > ul > li:hover a, #topic-filter-list .topic-list > ul > li:focus a, #topic-filter-list .topic-list > ul > li.in a { color: #000; } #topic-filter-list:hover .label, #topic-filter-list:focus .label, #topic-filter-list.active .label { display: none; } #topic-filter-list:hover .link-arrow, #topic-filter-list:focus .link-arrow, #topic-filter-list.active .link-arrow { background-color: #c3cf21; } #topic-filter-list:hover .link-arrow .icon, #topic-filter-list:focus .link-arrow .icon, #topic-filter-list.active .link-arrow .icon { fill: #000; } #topic-filter-list:hover .topic-list, #topic-filter-list:focus .topic-list, #topic-filter-list.active .topic-list { max-height: 440px; } #topic-filter-list:hover .topic-list ul, #topic-filter-list:focus .topic-list ul, #topic-filter-list.active .topic-list ul { display: block; width: 100%; } /** MOBILE VIEW, MENU CLOSED: */ #topic-filter-list-mobile { height: 44px; min-width: 280px; } #topic-filter-list-mobile .label { font-size: 90%; font-weight: 600; height: 44px; line-height: 50px; } #topic-filter-list-mobile .topic-list { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; display: none; } #topic-filter-list-mobile .topic-list ul { height: 44px; } #topic-filter-list-mobile:hover .label, #topic-filter-list-mobile.active .label { display: inherit; background-color: #c3cf21; color: #000; } #topic-filter-list-mobile:hover .link-arrow, #topic-filter-list-mobile.active .link-arrow { background-color: #c3cf21; color: #000; } @media (min-width: 1px) and (max-width: 320px) { #topic-filter-list-mobile #topic-filter-list { width: 101.20%; } #topic-filter-list-mobile #topic-filter-list .link-arrow { width: 60px; } } /** MOBILE VIEW, MENU OPEN: */ #topic-filter-list-mobile.active { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 100%; height: 50px; position: fixed; margin: 9px 0 0 0; top: 0; left: 0; z-index: 5; } #topic-filter-list-mobile.active .link-arrow, #topic-filter-list-mobile.active .label { display: none; } #topic-filter-list-mobile.active #nav-trigger { width: 60px; height: 50px; background: transparent url("/_ui/img/vulcan/sprite-mobile-nav2.png") -60px 0 no-repeat; cursor: pointer; float: right; } #topic-filter-list-mobile.active #topic-filter-list { max-width: 100%; width: 100%; float: left; } #topic-filter-list-mobile.active #topic-filter-list .topic-list { display: inherit; overflow-y: scroll; width: 100%; max-height: inherit; background-color: inherit; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul { display: inherit; overflow-y: scroll; float: left; text-transform: uppercase; font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; position: relative; border-top: 1px solid #37393b; width: 100%; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: none; height: auto; line-height: 49px; background-color: #000; margin-left: 0; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul li > a { font-size: 100%; font-weight: 600; display: block; height: 45px; color: #fff; padding: 0 0 0 5%; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul li:first-child { display: none; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul li a:hover { background: inherit; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul li.in { background-color: inherit; } #topic-filter-list-mobile.active #topic-filter-list .topic-list ul li.in a { color: #c3cf21; } /* 'AauxNext-Bold', Helvetica, Arial, sans-serif; 'AauxNext-Regular', Helvetica, Arial, sans-serif; 'AauxNext-LightItalic', Helvetica, Arial, sans-serif; 'AauxNext-Light', Helvetica, Arial, sans-serif; */ body.homepage-editorial h2 { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; line-height: 26px; color: #fff; margin-bottom: 13.5%; } body.homepage-editorial #header { height: 716px; } body.homepage-editorial #section-title { display: none; } body.homepage-editorial #content { padding-right: 0; padding-bottom: 4.2%; padding-left: 0; } body.homepage-editorial #content .home-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: left; position: relative; text-transform: uppercase; } body.homepage-editorial #content #topic-container ul li.topic-item { margin-bottom: 48px; } body.homepage-editorial #content #topic-container ul li.topic-item a { width: 223px; border: none; outline: none; } body.homepage-editorial #content #topic-container ul li.topic-item a img { width: 223px; height: 80px; margin-bottom: 2px; border: none; outline: none; } body.homepage-editorial #content #topic-container ul li.topic-item a h3 { font-size: 16px; line-height: 20px; font-weight: normal; color: #37393b; } body.homepage-editorial #content #jobs-container { width: 98.5%; margin-bottom: 40px; padding: 39px 18px 0 18px; background-color: #37393b; color: #fff; } body.homepage-editorial #content #jobs-container h2 { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 25px; } body.homepage-editorial #content #jobs-container p { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 33px; text-transform: none; margin-bottom: 45px; line-height: 44px; } body.homepage-editorial #content #jobs-container ul { margin-bottom: -10px; } body.homepage-editorial #content #jobs-container ul li { position: relative; z-index: 1; font-size: 15px; margin-top: 24px; line-height: 22px; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; } body.homepage-editorial #content #jobs-container ul li:first-child { margin-top: 0; } body.homepage-editorial #content #jobs-container:before { content: ''; display: block; position: absolute; top: 100%; width: 81.5%; height: 40px; left: 0; background-color: #37393b; } body.homepage-editorial #content #jobs-container:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #37393b transparent transparent transparent; -webkit-transform: rotate(360deg); left: 81.1%; position: absolute; top: 100%; } body.homepage-editorial #content #featured-container { width: 49.153%; margin: 0 4.74%; } body.homepage-editorial #content #featured-container ul > li { margin-top: 45px; } body.homepage-editorial #content #featured-container ul > li:first-child { margin-top: 0; } body.homepage-editorial #content #featured-container ul > li > a { display: block; border: 1px solid #eee; position: relative; border: none; outline: none; } body.homepage-editorial #content #featured-container ul > li > a > img { display: block; width: 100%; height: auto; min-height: 160px; position: relative; border: none; outline: none; } body.homepage-editorial #content #featured-container .feat-card { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 280px; height: 161px; padding: 40px 15px 40px 30px; background: transparent url("/_ui/img/vulcan/tab-no-corner.png") 0 0 no-repeat; position: absolute; left: 0; top: 0; } body.homepage-editorial #content #featured-container .feat-card p { font-size: 93.75%; color: #c3cf21; } body.homepage-editorial #content #featured-container .feat-card h2 { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 181.25%; margin-top: 0px; line-height: 33px; color: #fff; padding-right: 0; } body.homepage-editorial #content #news-container { max-width: 200px; color: #37393b; } body.homepage-editorial #content #news-container h2 { height: 34px; line-height: 36px; padding-left: 15px; background-color: #888888; } body.homepage-editorial #content #news-container ul > li { margin-top: 36px; } body.homepage-editorial #content #news-container ul > li:first-child { margin-top: 0; } body.homepage-editorial #content #news-container ul > li img { width: 200px; height: auto; margin-bottom: 8px; } body.homepage-editorial #content #news-container a { display: inline-block; text-decoration: none; color: inherit; } body.homepage-editorial #content #news-container a:hover p.link-description { color: #c3cf21; } body.homepage-editorial #content #news-container h3 { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 150%; line-height: 26px; } body.homepage-editorial #content #news-container p { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; text-transform: none; padding-top: 15px; font-size: 100%; line-height: 24px; line-height: 150%; } body.homepage-editorial #content #news-container p.link-description { display: block; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 100%; line-height: 20px; color: #363636; padding-top: 5px; } body.homepage-editorial #content #news-container p.link-description:after { content: "››"; font-size: 20px; padding-left: 6px; } body.homepage-editorial #footer { padding-top: 54px; } body.homepage-editorial #footer #social { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; height: 300px; margin: 0 auto 14px auto; padding: 0 14px; overflow: hidden; } body.homepage-editorial #footer #social .social { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 50%; height: 100%; position: relative; } body.homepage-editorial #footer #social .social.facebook { float: left; } body.homepage-editorial #footer #social .social.facebook h2 { margin-left: 10px; } body.homepage-editorial #footer #social .social.twitter { float: right; } @media (min-width: 1001px) and (max-width: 1179px) { body.homepage-editorial #content #topic-container { display: none; } body.homepage-editorial #content #featured-container { width: 62.3%; } } @media (min-width: 877px) and (max-width: 1000px) { body.homepage-editorial #content #topic-container { display: none; } body.homepage-editorial #content #featured-container { width: 62.3%; } } @media (min-width: 768px) and (max-width: 876px) { body.homepage-editorial #content #topic-container { display: none; } body.homepage-editorial #content #featured-container { width: 62.3%; } } @media (min-width: 600px) and (max-width: 767px) { body.homepage-editorial #content #topic-container { display: none; } body.homepage-editorial #content #featured-container { width: 62.3%; } } @media (min-width: 1px) and (max-width: 599px) { body.homepage-editorial #content #topic-container { display: none; } body.homepage-editorial #content #featured-container { width: 62.3%; } } @media (min-width: 1001px) and (max-width: 1179px) { body.homepage-editorial #header { height: 704px; } body.homepage-editorial #content #featured-container ul > li { margin-top: 40px; } } @media (min-width: 877px) and (max-width: 1000px) { body.homepage-editorial #header { height: 596px; } body.homepage-editorial #content #featured-container ul > li { margin-top: 40px; } } @media (min-width: 768px) and (max-width: 876px) { body.homepage-editorial #header { height: 521px; } body.homepage-editorial #content #featured-container ul > li { margin-top: 40px; } } @media (min-width: 600px) and (max-width: 767px) { body.homepage-editorial #header { height: 453px; } body.homepage-editorial #content { padding-top: 34px; } body.homepage-editorial #content #featured-container { width: 320px; } body.homepage-editorial #content #featured-container ul li { margin-top: 5%; } body.homepage-editorial #content #featured-container ul li a img { display: inline-block; margin-top: 160px; } body.homepage-editorial #content #featured-container ul li a .feat-card { background-image: none; background: #222222; width: 100%; height: 160px; } body.homepage-editorial #content #news-container { padding-top: 7%; } body.homepage-editorial #content #news-container h2 { margin-bottom: 8.5%; } } @media (min-width: 1px) and (max-width: 599px) { body.homepage-editorial #header { height: 344px; } body.homepage-editorial #content { padding-top: 34px; } body.homepage-editorial #content #featured-container { width: 320px; } body.homepage-editorial #content #featured-container ul li { margin-top: 5%; } body.homepage-editorial #content #featured-container ul li a img { display: inline-block; margin-top: 160px; } body.homepage-editorial #content #featured-container ul li a .feat-card { background-image: none; background: #222222; width: 100%; height: 160px; } body.homepage-editorial #content #news-container { padding-top: 7%; } body.homepage-editorial #content #news-container h2 { margin-bottom: 8.5%; } } @media (min-width: 600px) and (max-width: 767px) { body.homepage-editorial #content #news-container { padding-top: 0; } } @media (min-width: 480px) and (max-width: 599px) { body.homepage-editorial #header { height: 344px; } body.homepage-editorial #content { padding-top: 20px; padding-bottom: 13.4%; } body.homepage-editorial #content .home-container { float: none; } body.homepage-editorial #content #featured-container { margin: 0; width: 100%; } body.homepage-editorial #content #featured-container ul li a img { margin-top: 140px; } body.homepage-editorial #content #featured-container ul li a .feat-card { height: 140px; } body.homepage-editorial #content #news-container { max-width: 87.5%; margin: 0 auto; } body.homepage-editorial #content #news-container ul li { margin-top: 30px; } body.homepage-editorial #content #news-container img { display: none; } body.homepage-editorial #content #news-container h3 { font-size: 112.5%; } body.homepage-editorial #content #news-container p { padding-top: 0%; line-height: 135%; font-size: 87.5%; } body.homepage-editorial #content #news-container a { font-size: 100%; } } @media (min-width: 1px) and (max-width: 479px) { body.homepage-editorial #header { height: 200px; } } @media (min-width: 1px) and (max-width: 320px) { body.homepage-editorial #content #featured-container ul li { margin-top: 4.5%; } body.homepage-editorial #content #news-container { padding-top: 8%; } body.homepage-editorial #content #news-container h2 { margin-bottom: 12%; } } body.topic-hub .subcol-item.related-articles a:after { display: none; } body.topic-hub #header-hero { background-image: url("/_ui/img/vulcan/news-list-hero.jpg"); } body.topic-hub #content { padding-right: 4.2%; padding-bottom: 6.2%; padding-left: 4.2%; } body.topic-hub #content #section-title { padding: 0 4.2%; height: auto; } body.topic-hub #content .intro { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-bottom: 10px; } body.topic-hub #content .main-col { float: left; width: 65.3%; } body.topic-hub #content .main-col .intro-region { font-family: "AauxNext-Regular", Helvetica, Arial, sans-serif; margin-bottom: 25px; } body.topic-hub #content .main-col .intro-region p { font-family: "AauxNext-Regular", Helvetica, Arial, sans-serif; color: #363636; } body.topic-hub #content .main-col .maincol-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; position: relative; } body.topic-hub #content .main-col .maincol-item h3 { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 200%; line-height: 36px; text-transform: uppercase; color: #363636; } body.topic-hub #content .main-col .maincol-item a:after { display: none; } body.topic-hub #content .main-col .maincol-item p { font-family: "AauxNext-Bold", Helvetica, Arial, sans-serif; line-height: 36px; text-transform: uppercase; color: #363636; } body.topic-hub #content .main-col .maincol-item .item { margin-bottom: 30px; width: 100%; } body.topic-hub #content .main-col .maincol-item .item:nth-child(even) { clear: both; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { min-height: 240px; position: relative; border-bottom: 1px solid #c3cf21; margin-left: 0; margin-bottom: 4.25%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item:after { clear: both; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { float: left; width: 50.6%; height: 240px; margin-right: 4.2%; overflow: hidden; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container img { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container { float: left; width: 45.1%; height: auto; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-bottom: 0px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { width: 98%; font-family: "AauxNext-Regular", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; text-transform: none; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container .key-init-link { display: block; width: 65px; height: 65px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -197px -53px no-repeat; position: absolute; bottom: 0; right: 0; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container .key-init-link:after { display: none; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 32px; line-height: 36px; text-transform: uppercase; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3:after { display: none; content: "›"; font-size: 38px; padding-left: 8px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item a { display: block; float: left; width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item a:hover h3 { color: #c3cf21; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item a:hover .key-init-link { background-position: -262px -53px; } body.topic-hub #content .main-col .maincol-item.custom-content .item, body.topic-hub #content .main-col .maincol-item.companies .item, body.topic-hub #content .main-col .maincol-item.people .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 48.5%; float: left; } body.topic-hub #content .main-col .maincol-item.custom-content .item:nth-child(odd), body.topic-hub #content .main-col .maincol-item.companies .item:nth-child(odd), body.topic-hub #content .main-col .maincol-item.people .item:nth-child(odd) { margin-left: 3%; } body.topic-hub #content .main-col .maincol-item.custom-content .item p, body.topic-hub #content .main-col .maincol-item.companies .item p, body.topic-hub #content .main-col .maincol-item.people .item p { font-family: "AauxNext-Regular", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; text-transform: none; } body.topic-hub #content .main-col .maincol-item.custom-content .item a, body.topic-hub #content .main-col .maincol-item.companies .item a, body.topic-hub #content .main-col .maincol-item.people .item a { display: block; } body.topic-hub #content .main-col .maincol-item.custom-content .item a:after, body.topic-hub #content .main-col .maincol-item.companies .item a:after, body.topic-hub #content .main-col .maincol-item.people .item a:after { display: none; } body.topic-hub #content .main-col .maincol-item.custom-content .item a .custom-area-link:after, body.topic-hub #content .main-col .maincol-item.companies .item a .custom-area-link:after, body.topic-hub #content .main-col .maincol-item.people .item a .custom-area-link:after { content: '›'; font-size: 20px; padding-left: 6px; } body.topic-hub #content .main-col .maincol-item.custom-content .item a.link-external .custom-area-link:after, body.topic-hub #content .main-col .maincol-item.companies .item a.link-external .custom-area-link:after, body.topic-hub #content .main-col .maincol-item.people .item a.link-external .custom-area-link:after { content: ''; width: 14px; height: 14px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -393px -30px no-repeat; position: absolute; margin-left: 15px; margin-top: 8px; } body.topic-hub #content .main-col .maincol-item.custom-content .item { overflow: hidden; } body.topic-hub #content .main-col .maincol-item.custom-content .item img { width: 100%; height: auto; } body.topic-hub #content .main-col .maincol-item.custom-content .item .photo-credit { margin-bottom: 10px; } body.topic-hub #content .main-col .maincol-item.companies { position: relative; } body.topic-hub #content .main-col .maincol-item.companies:after { clear: both; } body.topic-hub #content .main-col .maincol-item.companies .intro a { display: inline-block; font-family: "AauxNext-Light", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 47px; color: #c3cf21; position: absolute; right: 0; top: 24px; margin-right: 16px; } body.topic-hub #content .main-col .maincol-item.companies .intro:after { clear: both; } body.topic-hub #content .main-col .maincol-item.companies .item .image-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; max-width: 340px; width: 340px; max-height: 190px; height: 190px; border: 1px solid #ccc; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; } body.topic-hub #content .main-col .maincol-item.companies .item img { width: 93%; } body.topic-hub #content .main-col .maincol-item.companies .item h3 { margin-top: 32px; } body.topic-hub #content .main-col .maincol-item.companies .item p { padding: 0; } body.topic-hub #content .main-col .maincol-item.companies .item a.link-external .custom-area-link { display: block; margin-top: 20px; } body.topic-hub #content .main-col .maincol-item.companies .item a.link-external .custom-area-link:after { margin-top: 0; } body.topic-hub #content .main-col .maincol-item.people .item img { width: 155px; height: 155px; float: left; margin: 0 15px 0 0; } body.topic-hub #content .main-col .maincol-item.people .item h3 { text-transform: none; margin-top: 28px; } body.topic-hub #content .main-col .maincol-item.people .item .title { font-family: "AauxNext-Bold", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 18px; text-transform: uppercase; margin-top: 28px; } body.topic-hub #content .main-col .intro { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; background-color: #222222; margin-left: -8.2%; padding-left: 8.2%; margin-bottom: 4.6%; } body.topic-hub #content .main-col .intro:after { clear: both; } body.topic-hub #content .main-col .intro h2 { color: #fff; padding-top: 3.7%; } body.topic-hub #content .sub-col { float: right; width: 31.7%; } body.topic-hub #content .sub-col .subcol-item.gallery { background-color: #d7d7d7; } body.topic-hub #content .sub-col .subcol-item.gallery img { width: 100%; max-height: 300px; height: auto; } body.topic-hub #content .sub-col .subcol-item.gallery h2, body.topic-hub #content .sub-col .subcol-item.gallery p { color: #363636; } body.topic-hub #content .sub-col .subcol-item.gallery h2 { font-family: "AauxNext-Regular", Helvetica, Arial, sans-serif; font-size: 25px; line-height: 28px; text-transform: none; } body.topic-hub #content .sub-col .subcol-item.gallery p { padding-top: 10px; padding-bottom: 20px; } body.topic-hub #content .sub-col .subcol-item.gallery .bottom-links { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; background-color: #333333; padding-top: 30px; padding-right: 70px; margin-bottom: -17px; } body.topic-hub #content .sub-col .subcol-item.gallery .bottom-links > a { margin-bottom: 17px; } body.topic-hub #content .sub-col .subcol-item.gallery .bottom-links a { font-family: "AauxNext-Bold", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 18px; } body.topic-hub #content .sub-col .subcol-item.jobs { padding: 39px 18px 0 0px; background-color: #333333; color: #fff; } body.topic-hub #content .sub-col .subcol-item.jobs h2 { font-size: 18px; margin-bottom: 25px; font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; } body.topic-hub #content .sub-col .subcol-item.jobs p { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 33px; text-transform: none; margin-bottom: 45px; line-height: 44px; padding-top: 0; } body.topic-hub #content .sub-col .subcol-item.jobs ul li { position: relative; z-index: 1; font-size: 15px; margin-top: 24px; line-height: 22px; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; } body.topic-hub #content .sub-col .subcol-item.jobs ul li:first-child { margin-top: 0; } @media (min-width: 1px) and (max-width: 599px) { body.topic-hub #content #section-title { font-size: 250%; position: static; line-height: 105%; margin-bottom: 1.9%; background-color: transparent; padding-left: 0; } body.topic-hub #content .main-col .maincol-item h3 { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { font-size: 168%; line-height: 113%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .maincol-item.people .item h3 { margin-top: 0; width: 100%; float: left; } } @media (min-width: 600px) and (max-width: 767px) { body.topic-hub #content #section-title { font-size: 250%; position: static; line-height: 105%; margin-bottom: 1.9%; background-color: transparent; padding-left: 0; } body.topic-hub #content .main-col .maincol-item h3 { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { font-size: 168%; line-height: 113%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .maincol-item.people .item h3 { margin-top: 0; width: 100%; float: left; } } @media (min-width: 768px) and (max-width: 876px) { body.topic-hub #content #section-title { font-size: 250%; position: static; line-height: 105%; margin-bottom: 1.9%; background-color: transparent; padding-left: 0; } body.topic-hub #content .main-col .maincol-item h3 { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { font-size: 168%; line-height: 113%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .maincol-item.people .item h3 { margin-top: 0; width: 100%; float: left; } } @media (min-width: 877px) and (max-width: 1000px) { body.topic-hub #content #section-title { font-size: 250%; position: static; line-height: 105%; margin-bottom: 1.9%; background-color: transparent; padding-left: 0; } body.topic-hub #content .main-col .maincol-item h3 { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { font-size: 168%; line-height: 113%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .maincol-item.people .item h3 { margin-top: 0; width: 100%; float: left; } } @media (min-width: 1001px) and (max-width: 1179px) { body.topic-hub #content #section-title { font-size: 250%; position: static; line-height: 105%; margin-bottom: 1.9%; background-color: transparent; padding-left: 0; } body.topic-hub #content .main-col .maincol-item h3 { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { font-size: 168%; line-height: 113%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .maincol-item.people .item h3 { margin-top: 0; width: 100%; float: left; } } @media (min-width: 1px) and (max-width: 599px) { body.topic-hub #content .main-col { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { float: left; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { min-height: 200px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-left: -20px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { width: 100%; margin-left: -20px; margin-bottom: 0; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col .subcol-item { width: 100%; float: left; padding-right: 0; } body.topic-hub #content .sub-col .subcol-item .article-item { width: 47%; float: left; } body.topic-hub #content .sub-col .subcol-item .article-item:nth-child(even) { margin-right: 5%; } body.topic-hub #content .sub-col .subcol-item.gallery h2 { line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.gallery img { display: none; } body.topic-hub #content .sub-col .subcol-item.gallery, body.topic-hub #content .sub-col .subcol-item.jobs { padding-right: 0; } body.topic-hub #content .sub-col .subcol-item:nth-child(odd) { float: left; margin-right: 5%; } body.topic-hub #content .sub-col .subcol-item.related-articles { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 47%; float: left; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item:nth-child(even) { margin-right: 5%; } } @media (min-width: 600px) and (max-width: 767px) { body.topic-hub #content .main-col { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { float: left; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { min-height: 200px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-left: -20px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { width: 100%; margin-left: -20px; margin-bottom: 0; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col .subcol-item { width: 100%; float: left; padding-right: 0; } body.topic-hub #content .sub-col .subcol-item .article-item { width: 47%; float: left; } body.topic-hub #content .sub-col .subcol-item .article-item:nth-child(even) { margin-right: 5%; } body.topic-hub #content .sub-col .subcol-item.gallery h2 { line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.gallery img { display: none; } body.topic-hub #content .sub-col .subcol-item.gallery, body.topic-hub #content .sub-col .subcol-item.jobs { padding-right: 0; } body.topic-hub #content .sub-col .subcol-item:nth-child(odd) { float: left; margin-right: 5%; } body.topic-hub #content .sub-col .subcol-item.related-articles { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 47%; float: left; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item:nth-child(even) { margin-right: 5%; } } @media (min-width: 768px) and (max-width: 876px) { body.topic-hub #content .main-col { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { float: left; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { min-height: 200px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-left: -20px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { width: 100%; margin-left: -20px; margin-bottom: 0; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col .subcol-item { width: 100%; float: left; padding-right: 0; } body.topic-hub #content .sub-col .subcol-item .article-item { width: 47%; float: left; } body.topic-hub #content .sub-col .subcol-item .article-item:nth-child(even) { margin-right: 5%; } body.topic-hub #content .sub-col .subcol-item.gallery h2 { line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.gallery img { display: none; } body.topic-hub #content .sub-col .subcol-item.gallery, body.topic-hub #content .sub-col .subcol-item.jobs { padding-right: 0; } body.topic-hub #content .sub-col .subcol-item:nth-child(odd) { float: left; margin-right: 5%; } body.topic-hub #content .sub-col .subcol-item.related-articles { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 47%; float: left; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item:nth-child(even) { margin-right: 5%; } } @media (min-width: 768px) and (max-width: 876px) { body.topic-hub #content #section-title { padding: 0; } body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .subcol-item h2 { font-family: 'AauxNext-Light'; font-weight: 400; padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .subcol-item.related-articles a { font-size: 87.9%; } } @media (min-width: 877px) and (max-width: 1000px) { body.topic-hub #content #section-title { padding: 0; } body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .subcol-item h2 { font-family: 'AauxNext-Light'; font-weight: 400; padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .subcol-item.related-articles a { font-size: 87.9%; } } @media (min-width: 1001px) and (max-width: 1179px) { body.topic-hub #content #section-title { padding: 0; } body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .subcol-item h2 { font-family: 'AauxNext-Light'; font-weight: 400; padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .subcol-item.related-articles a { font-size: 87.9%; } } @media (min-width: 600px) and (max-width: 767px) { body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-top: 0; margin-bottom: 1.50%; line-height: 124%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { margin-bottom: 7%; } } @media (min-width: 768px) and (max-width: 876px) { body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-top: 0; margin-bottom: 1.50%; line-height: 124%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { margin-bottom: 7%; } } @media (min-width: 877px) and (max-width: 1000px) { body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-top: 0; margin-bottom: 1.50%; line-height: 124%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { margin-bottom: 7%; } } @media (min-width: 1001px) and (max-width: 1179px) { body.topic-hub #content .intro { font-size: 125%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { margin-top: 0; margin-bottom: 1.50%; line-height: 124%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { margin-bottom: 7%; } } @media (min-width: 600px) and (max-width: 767px) { body.topic-hub #content { padding-right: 4.2; padding-bottom: 8.2%; padding-left: 4.2%; width: 100%; } body.topic-hub #content .intro { font-size: 125%; line-height: 139%; } body.topic-hub #content .main-col { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { width: 100%; height: auto; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col img { display: none; } body.topic-hub #content .sub-col .subcol-item h2 { font-family: 'AauxNext-Regular'; font-weight: 400; padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item img { display: none; } } @media (min-width: 1px) and (max-width: 599px) { body.topic-hub #content { padding-right: 4.2; padding-bottom: 8.2%; padding-left: 4.2%; width: 100%; } body.topic-hub #content .intro { font-size: 125%; line-height: 139%; } body.topic-hub #content .main-col { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { width: 100%; height: auto; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col img { display: none; } body.topic-hub #content .sub-col .subcol-item h2 { font-family: 'AauxNext-Regular'; font-weight: 400; padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item img { display: none; } } @media (min-width: 1px) and (max-width: 320px) { body.topic-hub #content { padding-right: 4.2; padding-bottom: 8.2%; padding-left: 4.2%; width: 100%; } body.topic-hub #content .intro { font-size: 125%; line-height: 139%; } body.topic-hub #content .main-col { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { width: 100%; height: auto; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col img { display: none; } body.topic-hub #content .sub-col .subcol-item h2 { font-family: 'AauxNext-Regular'; font-weight: 400; padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item img { display: none; } } @media (min-width: 1px) and (max-width: 320px) { body.topic-hub #content { padding-right: 0; padding-bottom: 2.8%; padding-left: 0; } body.topic-hub #content #section-title, body.topic-hub #content .intro, body.topic-hub #content .main-col .intro-region { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 4.2% 6.25%; } body.topic-hub #content .main-col .intro-region { padding-top: 0; } body.topic-hub #content .intro { padding-bottom: 2%; } body.topic-hub #content #section-title { padding-bottom: 0; margin-bottom: 0; } body.topic-hub #content .main-col .intro { margin-left: 0; padding-left: 3.3%; } body.topic-hub #content .main-col .intro h2 { line-height: 26px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { margin-bottom: 7.5%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; margin-top: 0; padding: 4.2% 6.25% 0; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; padding: 1.5% 6.25% 4%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container .key-init-link { right: 0; } body.topic-hub #content .main-col .maincol-item.companies .intro a { position: relative; top: 0; } body.topic-hub #content .main-col .maincol-item.custom-content .item, body.topic-hub #content .main-col .maincol-item.companies .item, body.topic-hub #content .main-col .maincol-item.people .item { padding-left: 3.3%; } body.topic-hub #content .main-col .maincol-item.custom-content .item:nth-child(odd), body.topic-hub #content .main-col .maincol-item.companies .item:nth-child(odd), body.topic-hub #content .main-col .maincol-item.people .item:nth-child(odd) { margin-left: 0; } body.topic-hub #content .main-col .maincol-item.people .item { width: 100%; } body.topic-hub #content .main-col .maincol-item.people .item h3 { width: auto; margin-top: 4.2%; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col img { display: none; } body.topic-hub #content .sub-col .subcol-item.gallery, body.topic-hub #content .sub-col .subcol-item.jobs { width: 100%; } body.topic-hub #content .sub-col .subcol-item.gallery h2 { margin-top: 3%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 100%; } } @media (min-width: 1px) and (max-width: 599px) { body.topic-hub #content { padding-right: 0; padding-bottom: 2.8%; padding-left: 0; } body.topic-hub #content #section-title, body.topic-hub #content .intro, body.topic-hub #content .main-col .intro-region { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 4.2% 6.25%; } body.topic-hub #content .main-col .intro-region { padding-top: 0; } body.topic-hub #content .intro { padding-bottom: 2%; } body.topic-hub #content #section-title { padding-bottom: 0; margin-bottom: 0; } body.topic-hub #content .main-col .intro { margin-left: 0; padding-left: 3.3%; } body.topic-hub #content .main-col .intro h2 { line-height: 26px; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item { margin-bottom: 7.5%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container { width: 100%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; margin-top: 0; padding: 4.2% 6.25% 0; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; padding: 1.5% 6.25% 4%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container .key-init-link { right: 0; } body.topic-hub #content .main-col .maincol-item.companies .intro a { position: relative; top: 0; } body.topic-hub #content .main-col .maincol-item.custom-content .item, body.topic-hub #content .main-col .maincol-item.companies .item, body.topic-hub #content .main-col .maincol-item.people .item { padding-left: 3.3%; } body.topic-hub #content .main-col .maincol-item.custom-content .item:nth-child(odd), body.topic-hub #content .main-col .maincol-item.companies .item:nth-child(odd), body.topic-hub #content .main-col .maincol-item.people .item:nth-child(odd) { margin-left: 0; } body.topic-hub #content .main-col .maincol-item.people .item { width: 100%; } body.topic-hub #content .main-col .maincol-item.people .item h3 { width: auto; margin-top: 4.2%; } body.topic-hub #content .sub-col { width: 100%; } body.topic-hub #content .sub-col img { display: none; } body.topic-hub #content .sub-col .subcol-item.gallery, body.topic-hub #content .sub-col .subcol-item.jobs { width: 100%; } body.topic-hub #content .sub-col .subcol-item.gallery h2 { margin-top: 3%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 100%; } } @media (min-width: 1px) and (max-width: 400px) { body.topic-hub #content .main-col .maincol-item.custom-content .item, body.topic-hub #content .main-col .maincol-item.companies .item, body.topic-hub #content .main-col .maincol-item.people .item { width: 100%; padding-left: 0; } body.topic-hub #content .main-col .maincol-item.custom-content .item p, body.topic-hub #content .main-col .maincol-item.custom-content .item h3, body.topic-hub #content .main-col .maincol-item.custom-content .item .custom-area-link, body.topic-hub #content .main-col .maincol-item.companies .item p, body.topic-hub #content .main-col .maincol-item.companies .item h3, body.topic-hub #content .main-col .maincol-item.companies .item .custom-area-link, body.topic-hub #content .main-col .maincol-item.people .item p, body.topic-hub #content .main-col .maincol-item.people .item h3, body.topic-hub #content .main-col .maincol-item.people .item .custom-area-link { padding-left: 6.25%; padding-right: 3.3%; } body.topic-hub #content .main-col .maincol-item.companies .item .image-wrapper { display: block; max-width: 100%; width: 100%; } body.topic-hub #content .main-col .maincol-item.people .item img { padding-left: 6.25%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3, body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { margin-left: 0; } } @media (min-width: 1px) and (max-width: 320px) { body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-image-container { height: auto; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container h3 { padding: 8% 5.25% 0; line-height: 124%; } body.topic-hub #content .main-col .maincol-item.key-initiatives .item .key-init-text-container p { padding: 1.5% 12% 6.5% 5.25%; } body.topic-hub #content .sub-col .subcol-item { margin-left: 0; width: 100%; } body.topic-hub #content .sub-col .subcol-item h2 { padding: 0 0 0 22px; height: 70px; line-height: 70px; } body.topic-hub #content .sub-col .subcol-item.related-articles h2 { margin-bottom: 5.50%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item { width: 100%; } body.topic-hub #content .sub-col .subcol-item.related-articles .article-item:nth-child(even) { margin-right: 0; } } body.static-one-col { background-position: center bottom; } body.static-one-col h1 { padding-right: 10%; } body.static-one-col #content .main-column { padding: 0 50px; padding-bottom: 196px; } body.static-one-col #content .main-column .subhead { font-family: 'AauxNext-LightItalic', Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; } body.static-one-col #content .main-column .copy blockquote { width: 95%; } body.static-one-col #content .main-column .copy blockquote:before { background-position: -110px -120px; } body.static-one-col #content .main-column .copy blockquote p { padding: 20px 420px 0px 15px; } @media (min-width: 768px) and (max-width: 876px) { body.static-one-col #header { height: 182px; } body.static-one-col #header .header-hero { height: auto; } body.static-one-col #content { overflow-x: hidden; } body.static-one-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; } body.static-one-col #content .main-column h2 { line-height: 30px; } body.static-one-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-one-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-one-col #content .main-column .copy blockquote { width: 95.8%; right: -10.6%; padding-right: 7%; } body.static-one-col #content .main-column .copy blockquote p { padding-right: 0; } } @media (min-width: 877px) and (max-width: 1000px) { body.static-one-col #header { height: 182px; } body.static-one-col #header .header-hero { height: auto; } body.static-one-col #content { overflow-x: hidden; } body.static-one-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; } body.static-one-col #content .main-column h2 { line-height: 30px; } body.static-one-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-one-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-one-col #content .main-column .copy blockquote { width: 95.8%; right: -10.6%; padding-right: 7%; } body.static-one-col #content .main-column .copy blockquote p { padding-right: 0; } } @media (min-width: 1001px) and (max-width: 1179px) { body.static-one-col #header { height: 182px; } body.static-one-col #header .header-hero { height: auto; } body.static-one-col #content { overflow-x: hidden; } body.static-one-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; } body.static-one-col #content .main-column h2 { line-height: 30px; } body.static-one-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-one-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-one-col #content .main-column .copy blockquote { width: 95.8%; right: -10.6%; padding-right: 7%; } body.static-one-col #content .main-column .copy blockquote p { padding-right: 0; } } @media (min-width: 600px) and (max-width: 767px) { body.static-one-col #header { height: 86px; } body.static-one-col #header .header-hero { height: auto; } body.static-one-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0 28px; } body.static-one-col #content .main-column { padding: 0 7% 40px 7%; } body.static-one-col #content .main-column h2 { line-height: 30px; } body.static-one-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-one-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-one-col #content .main-column .copy blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 0 8% 3.8% 2%; } body.static-one-col #content .main-column .copy blockquote:before { display: none; } body.static-one-col #content .main-column .copy blockquote p { text-indent: inherit; padding-right: 0; } } @media (min-width: 1px) and (max-width: 599px) { body.static-one-col #header { height: 86px; } body.static-one-col #header .header-hero { height: auto; } body.static-one-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0 28px; } body.static-one-col #content .main-column { padding: 0 7% 40px 7%; } body.static-one-col #content .main-column h2 { line-height: 30px; } body.static-one-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-one-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-one-col #content .main-column .copy blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 0 8% 3.8% 2%; } body.static-one-col #content .main-column .copy blockquote:before { display: none; } body.static-one-col #content .main-column .copy blockquote p { text-indent: inherit; padding-right: 0; } } @media (min-width: 1px) and (max-width: 320px) { body.static-one-col #header { height: 86px; } body.static-one-col #header .header-hero { height: auto; } body.static-one-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0 28px; } body.static-one-col #content .main-column { padding: 0 7% 40px 7%; } body.static-one-col #content .main-column h2 { line-height: 30px; } body.static-one-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-one-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-one-col #content .main-column .copy blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 0 8% 3.8% 2%; } body.static-one-col #content .main-column .copy blockquote:before { display: none; } body.static-one-col #content .main-column .copy blockquote p { text-indent: inherit; padding-right: 0; } } @media (min-width: 1px) and (max-width: 320px) { body.static-one-col #header .header-hero { height: 86px; } body.static-one-col #content #section-title { padding: 0 6%; } body.static-one-col #content .main-column { padding: 0 6% 40px 6%; } body.static-one-col #content .main-column div.addthis_toolbox #share-links > ul { width: 196px; } body.static-one-col #footer { padding-top: 14.8%; } } body.static-two-col { background-position: center bottom; } body.static-two-col #content .subnav-column { display: block; } body.static-two-col #content .subnav-column .news-item { background-color: #333333; padding-bottom: 22px; } body.static-two-col #content .subnav-column .news-item h2, body.static-two-col #content .subnav-column .news-item p { padding: 0 22px; color: #fff; } body.static-two-col #content .subnav-column .news-item img { margin-bottom: 30px; width: 100%; } body.static-two-col #content .subnav-column .news-item h2 { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 29px; text-transform: uppercase; } body.static-two-col #content .subnav-column .news-item p { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; text-transform: none; padding-top: 27px; padding-bottom: 19px; font-size: 16px; line-height: 20px; } body.static-two-col #content .subnav-column .news-item p a { padding-left: 0px; padding-top: 19px; } body.static-two-col #content .subnav-column .news-item a { display: block; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; padding-left: 22px; text-transform: uppercase; } body.static-two-col #content .subnav-column .news-item a:after { content: "›"; font-size: 22px; padding-left: 6px; } body.static-two-col #content .main-column { margin-right: 4.2%; float: right; width: 61.3%; height: 100%; } body.static-two-col #content .main-column .subhead { font-family: 'AauxNext-LightItalic', Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; } body.static-two-col #content .main-column .copy .image-container { width: 50%; margin: 25px 40px 25px 0; overflow: hidden; } body.static-two-col #content .main-column .copy blockquote { width: 92%; right: -111px; } body.static-two-col #content .main-column .copy blockquote:before { background-position: -110px -120px; } body.static-two-col #content .main-column .copy blockquote p { padding: 20px 22px 0px 15px; } @media (min-width: 1001px) and (max-width: 1179px) { body.static-two-col #content .subnav-column .news-item img { display: none; } body.static-two-col #content .subnav-column .news-item h2 { padding-top: 8%; } } @media (min-width: 877px) and (max-width: 1000px) { body.static-two-col #content .subnav-column .news-item img { display: none; } body.static-two-col #content .subnav-column .news-item h2 { padding-top: 8%; } } @media (min-width: 768px) and (max-width: 876px) { body.static-two-col #content .subnav-column .news-item img { display: none; } body.static-two-col #content .subnav-column .news-item h2 { padding-top: 8%; } } @media (min-width: 600px) and (max-width: 767px) { body.static-two-col #content .subnav-column .news-item img { display: none; } body.static-two-col #content .subnav-column .news-item h2 { padding-top: 8%; } } @media (min-width: 1px) and (max-width: 599px) { body.static-two-col #content .subnav-column .news-item img { display: none; } body.static-two-col #content .subnav-column .news-item h2 { padding-top: 8%; } } @media (min-width: 1001px) and (max-width: 1179px) { body.static-two-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; } body.static-two-col #content .main-column h2 { line-height: 30px; } body.static-two-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-two-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-two-col #content .main-column .copy blockquote { padding-right: 17%; } body.static-two-col #content .main-column .copy blockquote p { padding-right: 0; font-size: 80%; } } @media (min-width: 877px) and (max-width: 1000px) { body.static-two-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; } body.static-two-col #content .main-column h2 { line-height: 30px; } body.static-two-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-two-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-two-col #content .main-column .copy blockquote { padding-right: 17%; } body.static-two-col #content .main-column .copy blockquote p { padding-right: 0; font-size: 80%; } } @media (min-width: 768px) and (max-width: 876px) { body.static-two-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; } body.static-two-col #content .main-column h2 { line-height: 30px; } body.static-two-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-two-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-two-col #content .main-column .copy blockquote { padding-right: 17%; } body.static-two-col #content .main-column .copy blockquote p { padding-right: 0; font-size: 80%; } } @media (min-width: 600px) and (max-width: 767px) { body.static-two-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0 7%; } body.static-two-col #content .subnav-column { width: 100%; padding: 0 7% 0 7%; } body.static-two-col #content .subnav-column #subNav.mobile { margin-bottom: 36px; } body.static-two-col #content .main-column { padding: 0 7% 40px 7%; float: left; width: 100%; } body.static-two-col #content .main-column h2 { line-height: 30px; } body.static-two-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-two-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-two-col #content .main-column .copy blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 0 8% 3.8% 2%; } body.static-two-col #content .main-column .copy blockquote:before { display: none; } body.static-two-col #content .main-column .copy blockquote p { text-indent: inherit; padding-right: 0; } } @media (min-width: 1px) and (max-width: 599px) { body.static-two-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0 7%; } body.static-two-col #content .subnav-column { width: 100%; padding: 0 7% 0 7%; } body.static-two-col #content .subnav-column #subNav.mobile { margin-bottom: 36px; } body.static-two-col #content .main-column { padding: 0 7% 40px 7%; float: left; width: 100%; } body.static-two-col #content .main-column h2 { line-height: 30px; } body.static-two-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-two-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-two-col #content .main-column .copy blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 0 8% 3.8% 2%; } body.static-two-col #content .main-column .copy blockquote:before { display: none; } body.static-two-col #content .main-column .copy blockquote p { text-indent: inherit; padding-right: 0; } } @media (min-width: 1px) and (max-width: 320px) { body.static-two-col #content #section-title { font-size: 250%; position: static; line-height: 100%; min-height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0 7%; } body.static-two-col #content .subnav-column { width: 100%; padding: 0 7% 0 7%; } body.static-two-col #content .subnav-column #subNav.mobile { margin-bottom: 36px; } body.static-two-col #content .main-column { padding: 0 7% 40px 7%; float: left; width: 100%; } body.static-two-col #content .main-column h2 { line-height: 30px; } body.static-two-col #content .main-column .subhead { padding: 0 0 4px 0; } body.static-two-col #content .main-column div.addthis_toolbox { margin: 0; } body.static-two-col #content .main-column .copy blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 0 8% 3.8% 2%; } body.static-two-col #content .main-column .copy blockquote:before { display: none; } body.static-two-col #content .main-column .copy blockquote p { text-indent: inherit; padding-right: 0; } } @media (min-width: 1px) and (max-width: 599px) { body.static-two-col #content .main-column .copy .image-container { width: 100%; } } @media (min-width: 1px) and (max-width: 320px) { body.static-two-col #content #section-title { padding: 0 6%; margin-bottom: 14px; } body.static-two-col #content .subnav-column { padding: 0 6% 36px 6%; } body.static-two-col #content .main-column { padding: 0 6% 40px 6%; } body.static-two-col #content .main-column div.addthis_toolbox #share-links > ul { width: 196px; } } body.static-three-col { background-position: center bottom; } body.static-three-col #content .subnav-column { display: block; } body.static-three-col #content .subnav-column .news-item { background-color: #333333; padding-bottom: 22px; } body.static-three-col #content .subnav-column .news-item p { padding: 0 22px; color: #fff; } body.static-three-col #content .subnav-column .news-item img { margin-bottom: 30px; } body.static-three-col #content .subnav-column .news-item .title { font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 29px; text-transform: uppercase; } body.static-three-col #content .subnav-column .news-item .news-desc { font-family: 'AauxNext-Regular', Helvetica, Arial, sans-serif; text-transform: none; padding-top: 27px; padding-bottom: 19px; font-size: 16px; line-height: 20px; } body.static-three-col #content .subnav-column .news-item .link-secondary { display: block; font-family: 'AauxNext-Bold', Helvetica, Arial, sans-serif; padding-left: 22px; text-transform: uppercase; } body.static-three-col #content .subnav-column .news-item .link-secondary:after { content: "›"; font-size: 22px; padding-left: 6px; } body.static-three-col #content .main-column { margin-right: 50px; float: right; width: 710px; height: 100%; } body.static-three-col #content .main-column .copy blockquote { width: 649px; right: -111px; } body.static-three-col #content .main-column .copy blockquote:before { background-position: -110px -120px; } body.static-three-col #content .main-column .copy blockquote p { padding: 20px 22px 0px 15px; } body.static-three-col #content .three-column { width: 1080px; margin: 0 50px; border-top: 1px solid #333; padding: 59px 0; } body.static-three-col #content .three-column .leader-box { margin-bottom: 40px; } body.static-three-col #content .three-column .leader-box img { margin-top: 18px; width: 100%; } body.static-three-col #content .three-column .column { width: 340px; float: left; margin-left: 30px; } body.static-three-col #content .three-column .column.col1 { margin-left: 0; } body.static-three-col #content .three-column .content-block { margin-bottom: 40px; } body.static-three-col #content .three-column .content-block h3 { font-size: 20px; line-height: 29px; text-transform: uppercase; margin-top: 9px; } body.static-three-col #content .three-column .content-block p { font-size: 14px; line-height: 18px; } body.static-three-col #content .three-column .content-block p.photo-credit { font-size: 12px; line-height: 14px; margin-bottom: -2px; } body.static-three-col #content .three-column .content-block img { width: 340px; } body.dynamic-news-list #header-hero { background-image: url("/_ui/img/vulcan/news-list-hero.jpg"); } body.dynamic-news-list #content { padding-right: 4.2%; padding-bottom: 6.2%; padding-left: 4.2%; } body.dynamic-news-list #content .main-col { float: left; width: 62.143%; } body.dynamic-news-list #content .main-col #newslist ol li { list-style: none; font-size: inherit; margin-left: inherit; } body.dynamic-news-list #content .sub-col { float: right; width: 340px; } body.dynamic-news-list #content .sub-col #topic-filter-list { margin-bottom: 32px; } body.dynamic-news-list #content .sub-col .gallery #gallery-cta { width: 100%; height: 240px; background: transparent url("/_ui/img/vulcan/gallery-cta.jpg") 0 0 no-repeat; overflow: hidden; } body.dynamic-news-list #content #newslist { position: relative; overflow: hidden; } body.dynamic-news-list #content #newslist ol { list-style: none; } body.dynamic-news-list #content #newslist ol li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0 0 55px 0; padding-bottom: 16px; padding-right: 30px; border-bottom: 1px solid #c3cf21; } body.dynamic-news-list #content #newslist ol li a { display: block; } body.dynamic-news-list #content #newslist ol li a:after { content: ''; display: block; width: 65px; height: 65px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -197px -53px no-repeat; position: absolute; bottom: 0; right: 0; } body.dynamic-news-list #content #newslist ol li a:hover h2 { color: #363636; } body.dynamic-news-list #content #newslist ol li a:hover:after { background-position: -262px -53px; } body.dynamic-news-list #content #newslist ol li a.link-external h2:after { content: ""; width: 14px; height: 14px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -393px -30px no-repeat; position: absolute; margin-left: 15px; margin-top: 3px; } body.dynamic-news-list #content #newslist ol li a.link-external:after { content: ''; } body.dynamic-news-list #content #newslist ol li h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 30px; line-height: 36px; color: #363636; } body.dynamic-news-list #content #newslist ol li h2:after { content: "›"; font-size: 38px; padding-left: 8px; } body.dynamic-news-list #content #newslist ol li h3 { font-size: 16px; line-height: 26px; text-transform: uppercase; color: #888888; padding-bottom: 10px; } body.dynamic-news-list #content #newslist ol li .subhead { color: #363636; padding: 15px 0; } body.dynamic-news-list #content #newslist ol li .subhead + p { color: #363636; padding-right: 15px; } @media (min-width: 877px) and (max-width: 1000px) { body.dynamic-news-list #content .subcol-item a:after { padding-left: 4px; } body.dynamic-news-list #content .sub-col .gallery a { font-size: 93%; } } @media (min-width: 1001px) and (max-width: 1179px) { body.dynamic-news-list #content .subcol-item a:after { padding-left: 4px; } body.dynamic-news-list #content .sub-col .gallery a { font-size: 93%; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-news-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-list #content .main-col { margin-bottom: 80px; } body.dynamic-news-list #content #newslist ol li .subhead { padding: 12px 0 0 0; } body.dynamic-news-list #content #newslist ol li h3 { padding-bottom: 0px; line-height: 22px; } body.dynamic-news-list #content #newslist ol li h2 { font-size: 24px; line-height: 27px; } body.dynamic-news-list #content #newslist ol li h2:after { font-size: 25px; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-news-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-list #content .main-col { margin-bottom: 80px; } body.dynamic-news-list #content #newslist ol li .subhead { padding: 12px 0 0 0; } body.dynamic-news-list #content #newslist ol li h3 { padding-bottom: 0px; line-height: 22px; } body.dynamic-news-list #content #newslist ol li h2 { font-size: 24px; line-height: 27px; } body.dynamic-news-list #content #newslist ol li h2:after { font-size: 25px; } } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-news-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-list #content .main-col { margin-bottom: 80px; } body.dynamic-news-list #content #newslist ol li .subhead { padding: 12px 0 0 0; } body.dynamic-news-list #content #newslist ol li h3 { padding-bottom: 0px; line-height: 22px; } body.dynamic-news-list #content #newslist ol li h2 { font-size: 24px; line-height: 27px; } body.dynamic-news-list #content #newslist ol li h2:after { font-size: 25px; } } @media (min-width: 877px) and (max-width: 1000px) { body.dynamic-news-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-list #content .main-col { margin-bottom: 80px; } body.dynamic-news-list #content #newslist ol li .subhead { padding: 12px 0 0 0; } body.dynamic-news-list #content #newslist ol li h3 { padding-bottom: 0px; line-height: 22px; } body.dynamic-news-list #content #newslist ol li h2 { font-size: 24px; line-height: 27px; } body.dynamic-news-list #content #newslist ol li h2:after { font-size: 25px; } } @media (min-width: 1001px) and (max-width: 1179px) { body.dynamic-news-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-list #content .main-col { margin-bottom: 80px; } body.dynamic-news-list #content #newslist ol li .subhead { padding: 12px 0 0 0; } body.dynamic-news-list #content #newslist ol li h3 { padding-bottom: 0px; line-height: 22px; } body.dynamic-news-list #content #newslist ol li h2 { font-size: 24px; line-height: 27px; } body.dynamic-news-list #content #newslist ol li h2:after { font-size: 25px; } } @media (min-width: 877px) and (max-width: 1000px) { body.dynamic-news-list #content .main-col { width: 56.143%; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-news-list #content { padding-right: 0; } body.dynamic-news-list #content .main-col { width: 100%; } body.dynamic-news-list #content .main-col .topic-filter { margin-bottom: 8%; } body.dynamic-news-list #content .sub-col { width: 100%; } body.dynamic-news-list #content .sub-col .subcol-item { width: 340px; float: left; } body.dynamic-news-list #content .sub-col .subcol-item:nth-child(even) { float: left; margin-right: 5%; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-news-list #content { padding-right: 0; } body.dynamic-news-list #content .main-col { width: 100%; } body.dynamic-news-list #content .main-col .topic-filter { margin-bottom: 8%; } body.dynamic-news-list #content .sub-col { width: 100%; } body.dynamic-news-list #content .sub-col .subcol-item { width: 340px; float: left; } body.dynamic-news-list #content .sub-col .subcol-item:nth-child(even) { float: left; margin-right: 5%; } } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-news-list #content { padding-right: 0; } body.dynamic-news-list #content .main-col { width: 100%; } body.dynamic-news-list #content .main-col .topic-filter { margin-bottom: 8%; } body.dynamic-news-list #content .sub-col { width: 100%; } body.dynamic-news-list #content .sub-col .subcol-item { width: 340px; float: left; } body.dynamic-news-list #content .sub-col .subcol-item:nth-child(even) { float: left; margin-right: 5%; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-news-list #content .sub-col .subcol-item a { font-size: 14px; } body.dynamic-news-list #content .sub-col .subcol-item a:after { font-size: 20px; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-news-list #content .sub-col .subcol-item a { font-size: 14px; } body.dynamic-news-list #content .sub-col .subcol-item a:after { font-size: 20px; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-news-list #content .sub-col .subcol-item a { font-size: 14px; } body.dynamic-news-list #content .sub-col .subcol-item a:after { font-size: 20px; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-news-list #content .sub-col .subcol-item { float: left; width: 340px; margin: 0 auto; } body.dynamic-news-list #content .sub-col .subcol-item:nth-child(odd) { margin-top: 81px; margin-bottom: 40px; } } @media (max-width: 400px) { body.dynamic-news-list #content { padding-left: 0; } body.dynamic-news-list #content #section-title { padding-left: 4.2%; } body.dynamic-news-list #content .main-col { padding-left: 4.2%; width: 96%; } body.dynamic-news-list #content .sub-col .gallery #gallery-cta { background-size: 100% auto; } body.dynamic-news-list #content .sub-col .subcol-item { width: 100%; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-news-list #content { padding-right: 0; padding-bottom: 8.2%; } body.dynamic-news-list #content .main-col { padding-left: 6%; } body.dynamic-news-list #content .main-col .topic-filter { padding-right: 6%; } } body.dynamic-news-detail #header-hero { background-image: url("/_ui/img/vulcan/news-detail-hero.jpg"); } body.dynamic-news-detail div.addthis_toolbox #share-links.active { max-width: 226px; } body.dynamic-news-detail #content { padding-right: 4.2%; padding-bottom: 6.2%; padding-left: 4.2%; } body.dynamic-news-detail #content .main-col { float: left; width: 62.143%; } body.dynamic-news-detail #content .main-col .image-container { float: right; width: 340px; margin-bottom: 70px; margin-left: 28px; background-color: #222222; color: #fff; } body.dynamic-news-detail #content .main-col .image-container .photo-credit-box img { border-bottom: 1px solid #fff; outline: none; } body.dynamic-news-detail #content .main-col .image-container .image-caption { padding: 10px 26px 0px 28px; } body.dynamic-news-detail #content .main-col .image-container .image-caption p.photo-credit { font-size: 11px; line-height: 20px; color: #c3cf21; } body.dynamic-news-detail #content .main-col .image-container.noImageCredit { margin-bottom: 18px; background-color: transparent; } body.dynamic-news-detail #content .main-col .image-container.noImageCredit .photo-credit-box { padding: 0; } body.dynamic-news-detail #content .main-col .article-intro { width: 322px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #898989; } body.dynamic-news-detail #content .main-col .article-intro.noImage { width: 100%; } body.dynamic-news-detail #content .main-col .intro-copy { border: none; } body.dynamic-news-detail #content .main-col .intro-copy img { outline: none; } body.dynamic-news-detail #content .main-col blockquote { left: -54px; padding: 13px 0 0 48px; } body.dynamic-news-detail #content .main-col blockquote:before { border-width: 120px 110px 0 0; border-color: #222222 transparent transparent transparent; -webkit-transform: rotate(360deg); left: 100%; position: absolute; top: 0; } body.dynamic-news-detail #content .main-col blockquote p span { margin-left: 15px; } body.dynamic-news-detail #content .sub-col { float: right; width: 340px; } body.dynamic-news-detail #content .sub-col .topic-description { padding-left: 23px; } body.dynamic-news-detail #content .sub-col .topic-description h2 { padding-top: 23px; margin-bottom: -8px; } body.dynamic-news-detail #content .sub-col .topic-description p { padding-left: 0px; } body.dynamic-news-detail #content .sub-col .topic-description a { padding-left: 0; color: #363636; } body.dynamic-news-detail #content .sub-col .topic-description a:hover, body.dynamic-news-detail #content .sub-col .topic-description a:active { color: #c3cf21; } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-news-detail #content #section-title { font-size: 250%; position: static; line-height: 100%; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-detail #content .main-col { width: 100%; } body.dynamic-news-detail #content .main-col .article-intro { margin-bottom: 20px; } body.dynamic-news-detail #content .main-col h1 { line-height: 30px; } body.dynamic-news-detail #content .main-col .subhead { padding: 0 0 4px 0; } body.dynamic-news-detail #content .sub-col { width: 100%; float: left; } body.dynamic-news-detail #content .sub-col .topic-description { padding-left: 0; } } @media (min-width: 877px) and (max-width: 1000px) { body.dynamic-news-detail #content #section-title { font-size: 250%; position: static; line-height: 100%; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-detail #content .main-col { width: 100%; } body.dynamic-news-detail #content .main-col .article-intro { margin-bottom: 20px; } body.dynamic-news-detail #content .main-col h1 { line-height: 30px; } body.dynamic-news-detail #content .main-col .subhead { padding: 0 0 4px 0; } body.dynamic-news-detail #content .sub-col { width: 100%; float: left; } body.dynamic-news-detail #content .sub-col .topic-description { padding-left: 0; } } @media (min-width: 1001px) and (max-width: 1179px) { body.dynamic-news-detail #content #section-title { font-size: 250%; position: static; line-height: 100%; margin-bottom: 36px; background-color: transparent; padding: 0; } body.dynamic-news-detail #content .main-col { width: 100%; } body.dynamic-news-detail #content .main-col .article-intro { margin-bottom: 20px; } body.dynamic-news-detail #content .main-col h1 { line-height: 30px; } body.dynamic-news-detail #content .main-col .subhead { padding: 0 0 4px 0; } body.dynamic-news-detail #content .sub-col { width: 100%; float: left; } body.dynamic-news-detail #content .sub-col .topic-description { padding-left: 0; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-news-detail #content #section-title { font-size: 250%; position: static; line-height: 100%; margin-bottom: 28px; background-color: transparent; padding: 0; } body.dynamic-news-detail #content .main-col { width: 100%; } body.dynamic-news-detail #content .main-col .article-intro { margin-bottom: 5px; width: 100%; } body.dynamic-news-detail #content .main-col .image-container { margin-top: 9px; } body.dynamic-news-detail #content .main-col .image-container p.photo-credit ~ p { padding: 8px 0 0 0; } body.dynamic-news-detail #content .main-col .intro-copy img { max-width: 98% !important; height: auto !important; } body.dynamic-news-detail #content .main-col blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 3.8% 8%; line-height: 27px; } body.dynamic-news-detail #content .main-col blockquote:before { display: none; } body.dynamic-news-detail #content .main-col blockquote p { text-indent: inherit; padding-right: 0; } body.dynamic-news-detail #content .sub-col { width: 100%; } body.dynamic-news-detail #content .sub-col .subcol-item.topic-description { padding-left: 0; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-news-detail #content #section-title { font-size: 250%; position: static; line-height: 100%; margin-bottom: 28px; background-color: transparent; padding: 0; } body.dynamic-news-detail #content .main-col { width: 100%; } body.dynamic-news-detail #content .main-col .article-intro { margin-bottom: 5px; width: 100%; } body.dynamic-news-detail #content .main-col .image-container { margin-top: 9px; } body.dynamic-news-detail #content .main-col .image-container p.photo-credit ~ p { padding: 8px 0 0 0; } body.dynamic-news-detail #content .main-col .intro-copy img { max-width: 98% !important; height: auto !important; } body.dynamic-news-detail #content .main-col blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 3.8% 8%; line-height: 27px; } body.dynamic-news-detail #content .main-col blockquote:before { display: none; } body.dynamic-news-detail #content .main-col blockquote p { text-indent: inherit; padding-right: 0; } body.dynamic-news-detail #content .sub-col { width: 100%; } body.dynamic-news-detail #content .sub-col .subcol-item.topic-description { padding-left: 0; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-news-detail #content #section-title { font-size: 250%; position: static; line-height: 100%; margin-bottom: 28px; background-color: transparent; padding: 0; } body.dynamic-news-detail #content .main-col { width: 100%; } body.dynamic-news-detail #content .main-col .article-intro { margin-bottom: 5px; width: 100%; } body.dynamic-news-detail #content .main-col .image-container { margin-top: 9px; } body.dynamic-news-detail #content .main-col .image-container p.photo-credit ~ p { padding: 8px 0 0 0; } body.dynamic-news-detail #content .main-col .intro-copy img { max-width: 98% !important; height: auto !important; } body.dynamic-news-detail #content .main-col blockquote { height: auto; width: 116.2%; right: 8.1%; padding: 3.8% 8%; line-height: 27px; } body.dynamic-news-detail #content .main-col blockquote:before { display: none; } body.dynamic-news-detail #content .main-col blockquote p { text-indent: inherit; padding-right: 0; } body.dynamic-news-detail #content .sub-col { width: 100%; } body.dynamic-news-detail #content .sub-col .subcol-item.topic-description { padding-left: 0; } } @media (max-width: 670px) { body.dynamic-news-detail #content .main-col .image-container { float: left; margin-left: 0; } body.dynamic-news-detail #content .main-col .intro-copy { clear: both; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-news-detail #content .main-col blockquote { width: 109%; right: 0; left: -4.5%; padding: 4.2% 8%; line-height: 27px; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-news-detail #content .main-col blockquote { width: 109%; right: 0; left: -4.5%; padding: 4.2% 8%; line-height: 27px; } } @media (max-width: 400px) { body.dynamic-news-detail #content .main-col .image-container { width: 100%; } body.dynamic-news-detail #content .main-col .image-container .photo-credit-box { width: 100%; } body.dynamic-news-detail #content .main-col .image-container .photo-credit-box img { width: 100%; } } body.dynamic-organization #header-hero { background-image: url("/_ui/img/vulcan/organizations-hero.jpg"); } body.dynamic-organization #content { padding-right: 4.2%; padding-bottom: 6.2%; padding-left: 2.3%; } body.dynamic-organization #content #section-title { width: 50%; float: left; } body.dynamic-organization #content .org-header { padding-left: 20px; margin-bottom: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; } body.dynamic-organization #content .org-header:before, body.dynamic-organization #content .org-header:after { content: ""; display: table; } body.dynamic-organization #content .org-header:after { clear: both; } body.dynamic-organization #content .org-header .org-description { float: left; width: 710px; } body.dynamic-organization #content .org-header .org-description p { font-size: 24px; line-height: 30px; margin: 0; } body.dynamic-organization #content .org-header #topic-filter-list { float: right; } body.dynamic-organization #content .org-header:after { content: ''; display: block; clear: both; } body.dynamic-organization #content .main-col ul li { list-style-type: none; margin-left: 0; } body.dynamic-organization #content .main-col #logo-list { margin-top: 6.8%; margin-bottom: 7.6%; } body.dynamic-organization #content .main-col #logo-list ul a { float: left; background-color: transparent; display: block; width: 136.5px; height: 112px; margin-bottom: 55px; margin-left: 20px; border: none; outline: none; } body.dynamic-organization #content .main-col #logo-list ul a li { width: 137px; height: 112px; overflow: hidden; } body.dynamic-organization #content .main-col #logo-list ul a li img { width: 137px; height: auto; border: none; outline: none; } body.dynamic-organization #content .main-col #company-detail-list { padding-left: 20px; margin-bottom: 4.2%; } body.dynamic-organization #content .main-col #company-detail-list li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; display: block; float: left; width: 100%; height: 244px; position: relative; margin-bottom: 84px; } body.dynamic-organization #content .main-col #company-detail-list li a { display: inline-block; width: 100%; border: none; outline: none; } body.dynamic-organization #content .main-col #company-detail-list li a div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 65.9%; float: left; } body.dynamic-organization #content .main-col #company-detail-list li a div > p { padding-top: 13.4%; margin-bottom: 8px; text-decoration: none; color: inherit; color: #363636; } body.dynamic-organization #content .main-col #company-detail-list li a div h4 { display: block; text-decoration: none; margin-bottom: 15px; color: #363636; } body.dynamic-organization #content .main-col #company-detail-list li a div h4:after { content: "»"; font-size: 20px; padding-left: 6px; } body.dynamic-organization #content .main-col #company-detail-list li a div .contact-info { position: inherit; padding-top: 5px; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { width: 31.6%; margin-left: 2.2%; } body.dynamic-organization #content .main-col #company-detail-list li a img { width: 100%; max-height: 244px; height: auto; float: left; border: none; outline: none; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 100%; background-color: #222222; text-transform: uppercase; line-height: 19px; left: -8.3%; padding: 2% 4.3%; position: relative; display: inline-block; } body.dynamic-organization #content .main-col #company-detail-list li:hover img, body.dynamic-organization #content .main-col #company-detail-list li:hover p, body.dynamic-organization #content .main-col #company-detail-list li:hover h3 { text-decoration: none; } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-organization #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; } body.dynamic-organization #content .org-header { padding-left: 0; width: 50%; float: right; } body.dynamic-organization #content .main-col { padding-top: 20px; } body.dynamic-organization #content .main-col #logo-list { display: none; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-organization #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; } body.dynamic-organization #content .org-header { padding-left: 0; width: 50%; float: right; } body.dynamic-organization #content .main-col { padding-top: 20px; } body.dynamic-organization #content .main-col #logo-list { display: none; } } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-organization #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; } body.dynamic-organization #content .org-header { padding-left: 0; width: 50%; float: right; } body.dynamic-organization #content .main-col { padding-top: 20px; } body.dynamic-organization #content .main-col #logo-list { display: none; } } @media (min-width: 877px) and (max-width: 1000px) { body.dynamic-organization #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; } body.dynamic-organization #content .org-header { padding-left: 0; width: 50%; float: right; } body.dynamic-organization #content .main-col { padding-top: 20px; } body.dynamic-organization #content .main-col #logo-list { display: none; } } @media (min-width: 1001px) and (max-width: 1179px) { body.dynamic-organization #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; } body.dynamic-organization #content .org-header { padding-left: 0; width: 50%; float: right; } body.dynamic-organization #content .main-col { padding-top: 20px; } body.dynamic-organization #content .main-col #logo-list { display: none; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-organization #content .main-col #company-detail-list li { height: auto; margin-bottom: 7%; } body.dynamic-organization #content .main-col #company-detail-list li a div { width: 42.5%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { width: 40.5%; margin-left: 4.3%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) p { padding-top: 0; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { padding: 3% 4.7%; font-size: 100%; width: 100%; left: 0; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-organization #content .main-col #company-detail-list li { height: auto; margin-bottom: 7%; } body.dynamic-organization #content .main-col #company-detail-list li a div { width: 42.5%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { width: 40.5%; margin-left: 4.3%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) p { padding-top: 0; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { padding: 3% 4.7%; font-size: 100%; width: 100%; left: 0; } } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-organization #content .main-col #company-detail-list li { height: auto; margin-bottom: 7%; } body.dynamic-organization #content .main-col #company-detail-list li a div { width: 42.5%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { width: 40.5%; margin-left: 4.3%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) p { padding-top: 0; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { padding: 3% 4.7%; font-size: 100%; width: 100%; left: 0; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-organization #content .org-header { width: 100%; float: left; } body.dynamic-organization #content .org-header #topic-filter-list { float: left; margin-bottom: 5%; } body.dynamic-organization #content .main-col #company-detail-list { padding-left: 0; } body.dynamic-organization #content .main-col #company-detail-list li { height: auto; margin-bottom: 17%; } body.dynamic-organization #content .main-col #company-detail-list li a div { width: 100%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { width: 100%; margin-left: 0; padding: 4.1% 4.2% 0 4.2%; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { width: 100%; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-organization #content .org-header { width: 100%; float: left; } body.dynamic-organization #content .org-header #topic-filter-list { float: left; margin-bottom: 5%; } body.dynamic-organization #content .main-col #company-detail-list { padding-left: 0; } body.dynamic-organization #content .main-col #company-detail-list li { height: auto; margin-bottom: 17%; } body.dynamic-organization #content .main-col #company-detail-list li a div { width: 100%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { width: 100%; margin-left: 0; padding: 4.1% 4.2% 0 4.2%; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { width: 100%; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-organization #content { padding-right: 0; padding-bottom: 4.7%; padding-left: 0; } body.dynamic-organization #content #section-title { width: 100%; padding-left: 20px; } body.dynamic-organization #content .org-header { padding: 0 20px; } body.dynamic-organization #content .org-header #topic-filter-list-mobile { margin-bottom: 5%; } body.dynamic-organization #content .org-header #topic-filter-list-mobile .label { font-size: 93.75%; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-organization #content { padding-right: 0; padding-bottom: 4.7%; padding-left: 0; } body.dynamic-organization #content #section-title { width: 100%; padding-left: 20px; } body.dynamic-organization #content .org-header { padding: 0 20px; } body.dynamic-organization #content .org-header #topic-filter-list-mobile { margin-bottom: 5%; } body.dynamic-organization #content .org-header #topic-filter-list-mobile .label { font-size: 93.75%; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-organization #content #section-title { margin-bottom: 18%; } body.dynamic-organization #content .org-header #topic-filter-list-mobile { margin-bottom: 13%; } body.dynamic-organization #content .main-col #company-detail-list li a h3 { padding-left: 6.8%; } body.dynamic-organization #content .main-col #company-detail-list li a div:nth-child(2) { padding-left: 6.8%; } } body.dynamic-gallery-list #content { padding-right: 3.92%; padding-bottom: 4.7%; padding-left: 3.92%; } body.dynamic-gallery-list #content .gallery-list-header { margin-bottom: 50px; width: 50%; float: right; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list { float: right; } body.dynamic-gallery-list #content .gallery-list-header:after { content: ''; display: block; clear: both; } body.dynamic-gallery-list #content .gallery-description { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; } body.dynamic-gallery-list #content .gallery-description p { font-size: 100%; line-height: inherit; margin: 0; } body.dynamic-gallery-list #content #gallerylist { width: 101.7%; overflow: hidden; position: relative; } body.dynamic-gallery-list #content #gallerylist ul { list-style: none; } body.dynamic-gallery-list #content #gallerylist ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; float: left; width: 31.54%; height: 486px; background: #fbfbfb; border-bottom: 1px solid #c3cf21; margin: 0 1.8% 4.2% 0; position: relative; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(3n+3) { margin-right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a { display: block; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 300px; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; } body.dynamic-gallery-list #content #gallerylist ul li a div.gallery-item-info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; height: 186px; padding: 7% 5.6%; position: relative; } body.dynamic-gallery-list #content #gallerylist ul li a div.gallery-item-info h3 { color: #363636; font-size: 18px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; } body.dynamic-gallery-list #content #gallerylist ul li a div.gallery-item-info p { color: #363636; margin: 0 20px 0 0; } body.dynamic-gallery-list #content #gallerylist ul li a div.gallery-item-info div.btn-view { display: block; width: 65px; height: 65px; background: transparent url("/_ui/img/vulcan/sprite-sheet-icons.png") -197px -53px no-repeat; position: absolute; bottom: 0; right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a:hover div.gallery-item-info div.btn-view, body.dynamic-gallery-list #content #gallerylist ul li a:focus div.gallery-item-info div.btn-view { background-position: -262px -53px; } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-gallery-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; width: 50%; } body.dynamic-gallery-list #content .gallery-list-header { padding-left: 0; width: 50%; float: right; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { min-width: 32.1%; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 214px; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-gallery-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; width: 50%; } body.dynamic-gallery-list #content .gallery-list-header { padding-left: 0; width: 50%; float: right; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { min-width: 32.1%; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 214px; } } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-gallery-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; width: 50%; } body.dynamic-gallery-list #content .gallery-list-header { padding-left: 0; width: 50%; float: right; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { min-width: 32.1%; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 214px; } } @media (min-width: 877px) and (max-width: 1000px) { body.dynamic-gallery-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; width: 50%; } body.dynamic-gallery-list #content .gallery-list-header { padding-left: 0; width: 50%; float: right; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { min-width: 32.1%; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 214px; } } @media (min-width: 1001px) and (max-width: 1179px) { body.dynamic-gallery-list #content #section-title { font-size: 250%; position: static; line-height: 100%; height: 32px; margin-bottom: 6%; background-color: transparent; padding: 6px 0 0 0; width: 50%; } body.dynamic-gallery-list #content .gallery-list-header { padding-left: 0; width: 50%; float: right; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { min-width: 32.1%; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 214px; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-gallery-list #content #gallerylist ul li { min-width: 48%; margin-right: 3.9%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(3n+3) { margin-right: 3.9%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(2n+2) { margin-right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 242px; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-gallery-list #content #gallerylist ul li { min-width: 48%; margin-right: 3.9%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(3n+3) { margin-right: 3.9%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(2n+2) { margin-right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 242px; } } @media (min-width: 768px) and (max-width: 876px) { body.dynamic-gallery-list #content #gallerylist ul li { min-width: 48%; margin-right: 3.9%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(3n+3) { margin-right: 3.9%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(2n+2) { margin-right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { height: 242px; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-gallery-list #header #header-hero { display: none; } body.dynamic-gallery-list #content { padding-right: 4.2%; padding-bottom: 6.2%; padding-left: 4.2%; } body.dynamic-gallery-list #content .gallery-list-header { width: 100%; float: left; margin-bottom: 0; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list { float: left; margin-bottom: 5%; } body.dynamic-gallery-list #content .gallery-description { float: none; width: 100%; padding: 0 0 9% 0; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-gallery-list #header #header-hero { display: none; } body.dynamic-gallery-list #content { padding-right: 4.2%; padding-bottom: 6.2%; padding-left: 4.2%; } body.dynamic-gallery-list #content .gallery-list-header { width: 100%; float: left; margin-bottom: 0; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list { float: left; margin-bottom: 5%; } body.dynamic-gallery-list #content .gallery-description { float: none; width: 100%; padding: 0 0 9% 0; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-gallery-list #content #section-title { width: 100%; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list-mobile { margin-bottom: 5%; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list-mobile .label { font-size: 93.75%; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(3n+3) { margin-right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { width: 100%; height: 300px; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-item-info { width: 100%; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-gallery-list #content #section-title { width: 100%; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list-mobile { margin-bottom: 5%; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list-mobile .label { font-size: 93.75%; } body.dynamic-gallery-list #content #gallerylist { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li { width: 100%; } body.dynamic-gallery-list #content #gallerylist ul li:nth-child(3n+3) { margin-right: 0; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-thumb { width: 100%; height: 300px; } body.dynamic-gallery-list #content #gallerylist ul li a .gallery-item-info { width: 100%; } } @media (min-width: 1px) and (max-width: 320px) { body.dynamic-gallery-list #content #section-title { margin-bottom: 18%; } body.dynamic-gallery-list #content .gallery-list-header #topic-filter-list-mobile { margin-bottom: 13%; } } body.dynamic-gallery-detail #content { padding: 60px 4.2%; } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-gallery-detail #content { padding: 60px 20px; } } @media (min-width: 1px) and (max-width: 599px) { body.dynamic-gallery-detail #header #header-hero { display: none; } } @media (min-width: 600px) and (max-width: 767px) { body.dynamic-gallery-detail #header #header-hero { display: none; } } body.dynamic-grantee-list #header-hero { background-image: url("/_ui/img/vulcan/news-list-hero.jpg"); } body.dynamic-grantee-list #content { padding: 60px 50px 100px 50px; } body.dynamic-grantee-list #content .main-col { float: left; width: 800px; } body.dynamic-grantee-list #content .sub-col { float: right; width: 280px; } body.dynamic-grantee-list #granteelist-container table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 8px 0; } body.dynamic-grantee-detail #header-hero { background-image: url("/_ui/img/vulcan/news-detail-hero.jpg"); } body.dynamic-grantee-detail #content { padding: 60px 50px 100px 50px; } body.dynamic-grantee-detail #content .main-col { float: left; width: 696px; } body.dynamic-grantee-detail #content .sub-col { float: right; width: 340px; } /* BEGIN HomeEditorialTemplate Layout Changes Jamesi - 4/16/2015 */ .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; /*border: 1px solid maroon;*/ vertical-align: top; margin: 0px 25px; min-width: 1063px; max-width: 1180px; text-align: center; } .newsdiv { width: 296px; display: inline-block; /*border: 1px solid lime;*/ vertical-align: top; text-align: left; } .newsdiv > h2 { width: 100%; color: #212427; padding: 2px 0px 2px 15px; background-color: #37393b; margin-bottom: 15px!important; } .newsdiv > .newscard { margin-bottom: 25px; } .newsdiv > .newscard > .newstitle { display: inline-block; font-family: 'AauxNext-Light', Helvetica, Arial, sans-serif; font-size: 26px; font-weight: bold; margin-bottom: 10px; line-height: 26px; } .newsdiv > .newscard > .shortdesc { margin-bottom: 10px; } .newsdiv > .newscard > .newslink { color: #363636; font-weight: bolder; text-transform: uppercase; } .newsdiv > .newscard > .newslink:hover { color: #c3cf21; font-weight: bolder; } .newsdiv > .newscard > a > img { margin-bottom: 5px; width: 100%; height: auto; } .featurediv { width: 500px; display: inline-block; /*border: 1px solid red;*/ vertical-align: top; margin: 0px 25px; overflow: hidden; text-align: center; } .addiv { width: 200px; display: inline-block; /*border: 1px solid blue;*/ vertical-align: top; } .featurediv > h2 { width: 100%; color: #212427; padding: 2px 0px 2px 15px; background-color: #37393b; margin-bottom: 15px!important; } a.feature { display: inline-block; margin-bottom: 25px; } .feature-main { position: relative; min-width: 500px; min-height: 293px; background-repeat: no-repeat; background-size: contain; background-color: #999999; } .feature-main > .titlebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; position: absolute; top: 0px; left: 0px; background-color: #161A1E; padding: 10px 20px 20px 20px; text-align: left; } .feature-main > .titlebar > .flavor { font-size: 14px; color: #c3cf21; text-transform: uppercase; margin-bottom: 5px; } .feature-main > .titlebar > .title { font-size: 24px; line-height: 28px; color: #FFFFFF; text-transform: uppercase; } a.ad { display: inline-block; margin-bottom: 50px; } a.ad:last-child { display: inline-block; margin-bottom: 0px; } .blurb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 125px; /*height: 70px;*/ overflow: hidden; padding: 0px 30px 0px 50px; margin: 0px 0px 0px 0px; background-image: url('/_ui/img/vulcan/blurbbg.png'); } .blurb > .flavor { font-size: 14px; color: #c3cf21; text-transform: uppercase; margin: 10px 10px 5px 10px; } .blurb > .title { font-size: 24px; color: #FFFFFF; text-transform: uppercase; margin: 0px 10px 5px 10px; } .blurb > .txt { font-size: 14px; color: #FFFFFF; margin: 0px 10px 10px 10px; } .blurb > .txt:hover { font-size: 14px; color: #FFFFFF; } .newsdiv > a > .vjobs { font-size: 30px; font-weight: bold; color: #FFFFFF; padding: 25px 0px 25px 15px; background-color: #000000; background-image: url('/_ui/img/vulcan/jobsarrow.png'); background-repeat: no-repeat; background-position: right center; margin-bottom: 20px!important; border: 5px solid #666666; } @media (min-width: 1001px) and (max-width: 1140px) { .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 1001px; max-width: 1140px; margin: 0px auto; } .addiv { display: none; } } @media (min-width: 930px) and (max-width: 1000px) { .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 930px; max-width: 1000px; margin: 0px auto; } .addiv { display: none; } } @media (min-width: 877px) and (max-width: 929px) { .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 877px; max-width: 929px; margin: 0px auto; } .addiv { display: none; } .newsdiv { width: 296px; display: block; vertical-align: top; margin: 0px auto; } .featurediv { width: 500px; display: block; vertical-align: top; margin: 25px auto; overflow: hidden; } .blurb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; width: 100%; /*height: 125px;*/ height: 70px; overflow: hidden; padding: 0px 30px 0px 50px; margin: 0px 0px 0px 0px; background-color: #222222; } .blurb > .txt { display: none; } } @media (min-width: 768px) and (max-width: 876px) { .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 768px; max-width: 876px; margin: 0px auto; } .addiv { display: none; } .newsdiv { width: 296px; display: block; vertical-align: top; margin: 0px auto; } .featurediv { width: 500px; display: block; vertical-align: top; margin: 25px auto; overflow: hidden; } .blurb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; width: 100%; /*height: 125px;*/ height: 70px; overflow: hidden; padding: 0px 30px 0px 50px; margin: 0px 0px 0px 0px; background-color: #222222; } .blurb > .txt { display: none; } } @media (min-width: 600px) and (max-width: 767px) { .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 600px; max-width: 767px; margin: 0px auto; } .addiv { display: none; } .newsdiv { width: 296px; display: block; vertical-align: top; margin: 0px auto; } .feature-main { width: 100%; position: relative; max-width: 500px; max-height: 293px; background-repeat: no-repeat; background-size: contain; background-color: #999999; } .featurediv { width: 500px; display: block; vertical-align: top; margin: 25px auto; overflow: hidden; } .blurb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; width: 100%; /*height: 125px;*/ height: 70px; overflow: hidden; padding: 0px 30px 0px 50px; margin: 0px 0px 0px 0px; background-color: #222222; } .blurb > .txt { display: none; } } @media (min-width: 1px) and (max-width: 599px) { .vcont-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 380px; max-width: 599px; margin: 0px auto; } .addiv { display: none; } .newsdiv { width: 296px; display: block; vertical-align: top; margin: 0px auto; } .feature-main { width: 100%; position: relative; min-width: 296px; min-height: 173px; max-width: 500px; max-height: 293px; background-repeat: no-repeat; background-size: contain; background-color: #999999; } .featurediv { width: 295px; display: block; vertical-align: top; margin: 25px auto; overflow: hidden; } .blurb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; width: 100%; /*height: 125px;*/ height: 50px; overflow: hidden; padding: 0px 30px 0px 50px; margin: 0px 0px 0px 0px; background-color: #222222; } .blurb > .flavor { font-size: 12px; color: #c3cf21; text-transform: uppercase; margin: 5px 5px 2px 5px; } .blurb > .title { font-size: 18px; color: #FFFFFF; text-transform: uppercase; margin: 0px 5px 2px 5px; } .blurb > .txt { display: none; } } /* END HomeEditorialTemplate Layout Changes Jamesi - 4/16/2015 */