.left { float: left; } .right { float: right; } .center { margin: 0 auto; text-align: center; } .image-left { float: left; margin: 0 10px 10px 0; } .image-right { float: right; margin: 0 0 10px 10px; } .hidden { display: none !important; } .visible { display: block !important; } .offscreen, a.skip-link, .skip-links a, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next span, body.home .hero h1 { display: block; left: -999999px; position: absolute; top: -999999px; } .hide-text { text-indent: -99999em; } @media (min-width: 1px) and (max-width: 639px) { .hide-mobile { display: none !important; } } @media (min-width: 640px) and (max-width: 939px) { .hide-tablet { display: none !important; } } .ie8 .hide-desktop { display: none !important; } @media (min-width: 940px) and (max-width: 9999px) { .hide-desktop { display: none !important; } } a.skip-link { background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; z-index: 11; } a.skip-link:hover, a.skip-link:focus { color: #fff; } a.skip-link:focus { box-shadow: 0 0 5px 1px #0369d7; outline: none; } .skip-links ul, .skip-links li { list-style: none; margin: 0; padding: 0; margin: 0; } .skip-links a { background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; z-index: 11; } .skip-links a:hover, .skip-links a:focus { color: #fff; } .skip-links a:focus { box-shadow: 0 0 5px 1px #0369d7; outline: none; } /* Image replacement for text */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* Clearfix */ .clearfix { *zoom: 1; clear: both; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .icon, .icon-left-of-text, #application-progress a, .stay-connected a, .list-w-icons-left a, .breadcrumb, .carousel-component a.carousel-view-all, body.gallery .hero .gallery-wall-back, .icon-right-of-text, .arrow-link, .accordion .accordion-trigger, #stock-ticker p.stat-text span.stock-value, .breadcrumb ul li:after, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, #category-filter li a, .play-btn:before, .modal-video-trigger:before, .pagination a.pagination-arrow, body.search-results .pagination nav a.pagination-arrow, body.search-results .article-item .results-block .count:before, .press-media-downloads .download-all-media span:before, [class*="icon-"] { text-rendering: auto !important; } body { width: 100%; *zoom: 1; clear: both; } body:before, body:after { content: ""; display: table; } body:after { clear: both; } html { position: relative; min-height: 100%; } body { background-color: #eee; min-width: 320px; } #abv-wrapper, #wrapper { background-color: #eee; width: 100%; } #abv-wrapper, #abv-wrapper *, #abv-wrapper *:before, #abv-wrapper *:after, #wrapper, #wrapper *, #wrapper *:before, #wrapper *:after { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #main-content { *zoom: 1; clear: both; margin: 0 auto 210px; padding-top: 75px; position: relative; width: 940px; } #main-content:before, #main-content:after { content: ""; display: table; } #main-content:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { #main-content { margin-bottom: 325px; width: 640px; } } @media (min-width: 1px) and (max-width: 639px) { #main-content { margin-bottom: 560px; width: 320px; } } section { *zoom: 1; clear: both; clear: right; width: 100%; margin-bottom: 30px; } section:before, section:after { content: ""; display: table; } section:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { section { margin-bottom: 18px; } } @media (min-width: 1px) and (max-width: 639px) { section { margin-bottom: 10px; } } .hero { margin: 30px 0 25px 0; } @media (min-width: 640px) and (max-width: 939px) { .hero { margin: 0 0 20px 0; } } @media (min-width: 1px) and (max-width: 639px) { .hero { margin: 0 0 25px 0; } .hero h1 { padding: 0 15px; } } .hero .cms-content p { margin-bottom: 0; padding: 8px 0; } .primary { display: inline; float: left; width: 79.28968%; margin-left: 0; margin-right: 0; float: left; position: relative; } .primary.show-right { float: right; } .primary .column { display: inline; float: left; width: 48.28968%; margin-left: 0; margin-right: 0; } .primary .column + .column { float: right; } @media (min-width: 640px) and (max-width: 939px) { .primary { display: inline; float: left; width: 73.37302%; margin-left: 0; margin-right: 0; } } @media (min-width: 1px) and (max-width: 639px) { .primary { width: 100%; } .primary .column { width: 100%; } } .secondary { display: inline; float: left; width: 18.03968%; margin-left: 0; margin-right: 0; float: right; } .secondary.show-left { float: left; clear: left; } .secondary article { *zoom: 1; clear: both; margin-bottom: 25px; width: 100%; } .secondary article:before, .secondary article:after { content: ""; display: table; } .secondary article:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { .secondary { display: inline; float: left; width: 24.20635%; margin-left: 0; margin-right: 0; float: right; } .secondary article { margin-bottom: 20px; } } @media (min-width: 1px) and (max-width: 639px) { .secondary { width: 100%; float: none; margin-bottom: 5px; } } .tertiary { *zoom: 1; clear: both; } .tertiary:before, .tertiary:after { content: ""; display: table; } .tertiary:after { clear: both; } @media (min-width: 1px) and (max-width: 639px) { .cms-content { padding: 0 15px; } } @font-face { font-family: "icons"; src: url("../../abv-chrome/fonts/icons-ba5b82dddbac585ec20460343584f3a6.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "icons"; src: url("../../abv-chrome/fonts/icons-ba5b82dddbac585ec20460343584f3a6.eot"); src: url("../../abv-chrome/fonts/icons-ba5b82dddbac585ec20460343584f3a6.eot?#iefix") format("embedded-opentype"), url("../../abv-chrome/fonts/icons-ba5b82dddbac585ec20460343584f3a6.woff") format("woff"), url("../../abv-chrome/fonts/icons-ba5b82dddbac585ec20460343584f3a6.ttf") format("truetype"), url("../../abv-chrome/fonts/icons-ba5b82dddbac585ec20460343584f3a6.svg?#icons") format("svg"); font-weight: normal; font-style: normal; } .icon, .icon-left-of-text, #application-progress a, .stay-connected a, .list-w-icons-left a, .breadcrumb, .carousel-component a.carousel-view-all, body.gallery .hero .gallery-wall-back, .icon-right-of-text, .arrow-link, .accordion .accordion-trigger, #stock-ticker p.stat-text span.stock-value, .breadcrumb ul li:after, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, #category-filter li a, .play-btn:before, .modal-video-trigger:before, .pagination a.pagination-arrow, body.search-results .pagination nav a.pagination-arrow, body.search-results .article-item .results-block .count:before, .press-media-downloads .download-all-media span:before, [class*="icon-"] { font-family: "icons"; display: inline-block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-01-down:before, button.btn-load-more span.icon:before, button.btn-load-more span.icon-left-of-text:before, button.btn-load-more span.breadcrumb:before, button.btn-load-more body.gallery .hero span.gallery-wall-back:before, body.gallery .hero button.btn-load-more span.gallery-wall-back:before, button.btn-load-more span.icon-right-of-text:before, button.btn-load-more span.arrow-link:before, button.btn-load-more .accordion span.accordion-trigger:before, .accordion button.btn-load-more span.accordion-trigger:before, button.btn-load-more #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text button.btn-load-more span.stock-value:before, button.btn-load-more span.play-btn:before, button.btn-load-more span.modal-video-trigger:before, button.btn-load-more body.search-results .article-item .results-block span.count:before, body.search-results .article-item .results-block button.btn-load-more span.count:before, button.btn-load-more .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media button.btn-load-more span:before, .button.btn-load-more span.icon:before, .button.btn-load-more span.icon-left-of-text:before, .button.btn-load-more span.breadcrumb:before, .button.btn-load-more body.gallery .hero span.gallery-wall-back:before, body.gallery .hero .button.btn-load-more span.gallery-wall-back:before, .button.btn-load-more span.icon-right-of-text:before, .button.btn-load-more span.arrow-link:before, .button.btn-load-more .accordion span.accordion-trigger:before, .accordion .button.btn-load-more span.accordion-trigger:before, .button.btn-load-more #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .button.btn-load-more span.stock-value:before, .button.btn-load-more span.play-btn:before, .button.btn-load-more span.modal-video-trigger:before, .button.btn-load-more body.search-results .article-item .results-block span.count:before, body.search-results .article-item .results-block .button.btn-load-more span.count:before, .button.btn-load-more .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .button.btn-load-more span:before, #stock-ticker p.stat-text span.stock-value.change-negative:before, .accordion > li.closed .accordion-trigger:before { content: "\f101"; } .icon-arrow-01-left:before, body.article .go-back:before { content: "\f102"; } .icon-arrow-01-right:before, .arrow-link:before, .breadcrumb ul li:after, #category-filter li a:before { content: "\f103"; } .icon-arrow-01-up:before, button.btn-back-top span.icon:before, button.btn-back-top span.icon-left-of-text:before, button.btn-back-top span.breadcrumb:before, button.btn-back-top body.gallery .hero span.gallery-wall-back:before, body.gallery .hero button.btn-back-top span.gallery-wall-back:before, button.btn-back-top span.icon-right-of-text:before, button.btn-back-top span.arrow-link:before, button.btn-back-top .accordion span.accordion-trigger:before, .accordion button.btn-back-top span.accordion-trigger:before, button.btn-back-top #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text button.btn-back-top span.stock-value:before, button.btn-back-top span.play-btn:before, button.btn-back-top span.modal-video-trigger:before, button.btn-back-top body.search-results .article-item .results-block span.count:before, body.search-results .article-item .results-block button.btn-back-top span.count:before, button.btn-back-top .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media button.btn-back-top span:before, .button.btn-back-top span.icon:before, .button.btn-back-top span.icon-left-of-text:before, .button.btn-back-top span.breadcrumb:before, .button.btn-back-top body.gallery .hero span.gallery-wall-back:before, body.gallery .hero .button.btn-back-top span.gallery-wall-back:before, .button.btn-back-top span.icon-right-of-text:before, .button.btn-back-top span.arrow-link:before, .button.btn-back-top .accordion span.accordion-trigger:before, .accordion .button.btn-back-top span.accordion-trigger:before, .button.btn-back-top #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .button.btn-back-top span.stock-value:before, .button.btn-back-top span.play-btn:before, .button.btn-back-top span.modal-video-trigger:before, .button.btn-back-top body.search-results .article-item .results-block span.count:before, body.search-results .article-item .results-block .button.btn-back-top span.count:before, .button.btn-back-top .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .button.btn-back-top span:before, #stock-ticker p.stat-text span.stock-value.change-positive:before, .accordion .accordion-trigger:before { content: "\f104"; } .icon-arrow-02-down:before { content: "\f105"; } .icon-arrow-02-left:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .pagination a.prev:before, body.search-results .pagination nav a.prev:before { content: "\f106"; } .icon-arrow-02-right:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, body.gallery .hero .gallery-wall-back:before, .pagination a.next:before, body.search-results .pagination nav a.next:before { content: "\f107"; } .icon-arrow-02-up:before { content: "\f108"; } .icon-article:before { content: "\f109"; } .icon-bar-graph:before { content: "\f10a"; } .icon-bullseye:before { content: "\f10b"; } .icon-buzz:before { content: "\f10c"; } .icon-calendar:before { content: "\f10d"; } .icon-camera-outline:before { content: "\f10e"; } .icon-camera-solid:before { content: "\f10f"; } .icon-canada:before { content: "\f110"; } .icon-clock:before, #application-progress a.left-icon-clock:before { content: "\f111"; } .icon-close:before { content: "\f112"; } .icon-comment-outline:before { content: "\f113"; } .icon-comment-solid:before, .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-comment:before { content: "\f114"; } .icon-dash:before, #stock-ticker p.stat-text span.stock-value.change-nochange:before { content: "\f115"; } .icon-email:before { content: "\f116"; } .icon-external-outline:before { content: "\f117"; } .icon-external-solid:before { content: "\f118"; } .icon-facebook-circle:before { content: "\f119"; } .icon-facebook:before { content: "\f11a"; } .icon-gallery:before, body.search-results .article-item .results-block .count:before, .press-media-downloads .download-all-media span:before { content: "\f11b"; } .icon-globe-outline:before { content: "\f11c"; } .icon-globe-solid:before { content: "\f11d"; } .icon-google-plus-circle:before { content: "\f11e"; } .icon-google-plus:before { content: "\f11f"; } .icon-grad-outline:before { content: "\f120"; } .icon-grad-solid:before { content: "\f121"; } .icon-grid:before, .breadcrumb:before, .carousel-component a.carousel-view-all:before { content: "\f122"; } .icon-heart-outline:before { content: "\f123"; } .icon-heart-solid:before, .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-like:before { content: "\f124"; } .icon-instagram-circle:before { content: "\f125"; } .icon-instagram:before { content: "\f126"; } .icon-linkedin-circle:before { content: "\f127"; } .icon-linkedin:before { content: "\f128"; } .icon-menu:before { content: "\f129"; } .icon-news:before { content: "\f12a"; } .icon-phone:before { content: "\f12b"; } .icon-photo:before { content: "\f12c"; } .icon-pinterest-circle:before { content: "\f12d"; } .icon-pinterest:before { content: "\f12e"; } .icon-play-outline:before, .play-btn:before, .modal-video-trigger:before { content: "\f12f"; } .icon-play-solid:before { content: "\f130"; } .icon-question:before { content: "\f131"; } .icon-reply:before, .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-reply:before { content: "\f132"; } .icon-retweet:before, .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-retweet:before { content: "\f133"; } .icon-rss-circle:before { content: "\f134"; } .icon-rss:before { content: "\f135"; } .icon-search:before { content: "\f136"; } .icon-share:before, .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-share:before { content: "\f137"; } .icon-star:before, .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-favorite:before { content: "\f138"; } .icon-suitcase-01-outline:before { content: "\f139"; } .icon-suitcase-01-solid:before { content: "\f13a"; } .icon-suitcase-02-solid:before, #application-progress a.left-icon-suitcase:before { content: "\f13b"; } .icon-twitter-circle:before { content: "\f13c"; } .icon-twitter-outline:before { content: "\f13d"; } .icon-twitter-solid:before { content: "\f13e"; } .icon-twitter:before { content: "\f13f"; } .icon-video-outline:before { content: "\f140"; } .icon-video-solid:before { content: "\f141"; } .icon-vine-circle:before { content: "\f142"; } .icon-vine:before { content: "\f143"; } .icon-youtube-circle:before { content: "\f144"; } .icon-youtube:before { content: "\f145"; } a[class*="icon-"]:hover { text-decoration: none; } .icon, .icon-left-of-text, #application-progress a, .stay-connected a, .list-w-icons-left a, .breadcrumb, .carousel-component a.carousel-view-all, body.gallery .hero .gallery-wall-back, .icon-right-of-text, .arrow-link, .accordion .accordion-trigger, #stock-ticker p.stat-text span.stock-value, .breadcrumb ul li:after, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, #category-filter li a, .play-btn:before, .modal-video-trigger:before, .pagination a.pagination-arrow, body.search-results .pagination nav a.pagination-arrow, body.search-results .article-item .results-block .count:before, .press-media-downloads .download-all-media span:before, [class*="icon-"] { text-indent: -99999em; position: relative; } .icon:before, .icon-left-of-text:before, #application-progress a:before, .stay-connected a:before, .list-w-icons-left a:before, .breadcrumb:before, .carousel-component a.carousel-view-all:before, body.gallery .hero .gallery-wall-back:before, .icon-right-of-text:before, .arrow-link:before, .accordion .accordion-trigger:before, #stock-ticker p.stat-text span.stock-value:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, #category-filter li a:before, .play-btn:before, .modal-video-trigger:before, .pagination a.pagination-arrow:before, body.search-results .pagination nav a.pagination-arrow:before, body.search-results .article-item .results-block .count:before, .press-media-downloads .download-all-media span:before, [class*="icon-"]:before { display: block; position: absolute; text-align: center; text-indent: 0; width: 100%; } .icon-left-of-text, #application-progress a, .stay-connected a, .list-w-icons-left a, .breadcrumb, .carousel-component a.carousel-view-all, body.gallery .hero .gallery-wall-back { text-indent: 0; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; } .icon-left-of-text:before, #application-progress a:before, .stay-connected a:before, .list-w-icons-left a:before, .breadcrumb:before, .carousel-component a.carousel-view-all:before, body.gallery .hero .gallery-wall-back:before { font-family: "icons"; font-size: 100%; left: 0; text-align: left; } .icon-right-of-text, .arrow-link, .accordion .accordion-trigger { text-indent: 0; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; } .icon-right-of-text:before, .arrow-link:before, .accordion .accordion-trigger:before { font-family: "icons"; font-size: 100%; right: 0; text-align: right; } .text-xxx-small-italic { font-size: 10px; font-style: italic; font-weight: 400; line-height: 1.4; } .text-wide-spaced-capitalized { font-weight: 700; font-size: 12px; letter-spacing: 4.2px; line-height: 1.2; text-align: center; text-transform: uppercase; } .category-title { display: block; background-color: #fff; color: #c00; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; line-height: 1; margin-bottom: 0px; text-transform: uppercase; } .article-item-copy { color: #454545; font-size: 12px; line-height: 18px; } .arrow-link { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; color: #454545; font-size: 14px; font-weight: 700; padding-right: 20px; vertical-align: baseline; } .arrow-link:hover, .arrow-link:focus { color: #c00; } .arrow-link:hover, .arrow-link:focus { text-decoration: none; } .arrow-link:before { color: #c00; display: inline-block; font-size: 50%; line-height: 2; } @media (min-width: 1px) and (max-width: 639px) { .arrow-link { font-size: 12px; margin-bottom: 10px; padding-right: 12px; width: 45%; } } .article-date { color: #c00; float: left; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 20px; height: 20px; letter-spacing: -0.4px; line-height: 1.5; padding-right: 8px; } @media (min-width: 640px) and (max-width: 939px) { .article-date { font-size: 18px; height: 18px; line-height: 1.8; letter-spacing: -0.2px; } } @media (min-width: 1px) and (max-width: 639px) { .article-date { font-size: 16px; height: 16px; line-height: 1.4; letter-spacing: -0.16px; } } @media (min-width: 1px) and (max-width: 639px) { .article-date { font-size: 14px; } } .text-medium-serif-heading { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; } @media (min-width: 1px) and (max-width: 639px) { .text-medium-serif-heading { font-size: 18px; letter-spacing: 0.36px; } } .cta-block-heading-small { font-size: 18px; letter-spacing: 0px; line-height: 1; padding: 0; margin: 12px 0 8px 0; } @media (min-width: 640px) and (max-width: 939px) { .cta-block-heading-small { font-size: 16px; } } @media (min-width: 1px) and (max-width: 639px) { .cta-block-heading-small { font-size: 16px; margin: 0; } } .cta-block-heading-medium { font-size: 21px; letter-spacing: 0px; padding: 0; margin: 8px 0 10px 0; } @media (min-width: 640px) and (max-width: 939px) { .cta-block-heading-medium { font-size: 18px; } } @media (min-width: 1px) and (max-width: 639px) { .cta-block-heading-medium { font-size: 16px; margin: 0 0 15px 0; } } .cta-block-heading-large { font-size: 24px; letter-spacing: 0px; line-height: 1; padding: 0 12px; margin: 4px 0 20px 0; } @media (min-width: 640px) and (max-width: 939px) { .cta-block-heading-large { font-size: 21px; } } @media (min-width: 1px) and (max-width: 639px) { .cta-block-heading-large { font-size: 16px; margin: 0 0 15px 0; } } body { color: #111; font-size: 18px; font-weight: 400; line-height: 1.6; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (min-width: 1px) and (max-width: 639px) { body { font-size: 14px; line-height: 1.5; } } h1, .h1 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 50px; font-weight: 400; letter-spacing: -1px; line-height: 1; text-transform: none; margin-bottom: 10px; } @media (min-width: 640px) and (max-width: 939px) { h1, .h1 { font-size: 36px; letter-spacing: -0.48px; } } @media (min-width: 1px) and (max-width: 639px) { h1, .h1 { font-size: 20px; letter-spacing: -0.36px; } } h2, .h2 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 36px; letter-spacing: -0.72px; line-height: 1.2; text-transform: none; font-weight: 400; margin-bottom: 10px; } @media (min-width: 640px) and (max-width: 939px) { h2, .h2 { font-size: 24px; line-height: 1; letter-spacing: -0.48px; margin-bottom: 10px; } } @media (min-width: 1px) and (max-width: 639px) { h2, .h2 { font-size: 18px; letter-spacing: -0.36px; margin-bottom: 10px; padding: 0 15px; } } h3, .h3 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.7px; line-height: 28px; margin-bottom: 0; text-transform: none; } @media (min-width: 640px) and (max-width: 939px) { h3, .h3 { font-size: 20px; line-height: 22px; } } @media (min-width: 1px) and (max-width: 639px) { h3, .h3 { font-size: 18px; line-height: 20px; } } h4, .h4 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: -0.24px; line-height: 1.4; text-transform: none; } h5, .h5 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.32px; margin-bottom: 4px; } h6, .h6 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.42px; line-height: 24px; margin-bottom: 15px; text-transform: none; } p { margin-bottom: 30px; } a { color: #c00; text-decoration: none; } a:focus, a:hover { text-decoration: underline; } sup, sub { font-size: 0.5em; line-height: 1; } .btn-container { *zoom: 1; clear: both; min-height: 50px; text-align: center; } .btn-container:before, .btn-container:after { content: ""; display: table; } .btn-container:after { clear: both; } .btn-container p { margin-bottom: 0; } button, .button { -webkit-transition: background-color 0.35s; -ms-transition: background-color 0.35s; -moz-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; color: #fff; background-color: #454545; border: none; clear: both; cursor: pointer; display: block; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5; letter-spacing: 2.5px; margin: 0 auto; outline: none; padding: 5px 20px; text-transform: uppercase; } button.red, .button.red { background-color: #c00; } button.red:hover, button.red:focus, .button.red:hover, .button.red:focus { background-color: #454545; } button.btn-load-more, .button.btn-load-more { padding-right: 25px; } button.btn-load-more[disabled="disabled"], .button.btn-load-more[disabled="disabled"] { -webkit-transition: none; -ms-transition: none; -moz-transition: none; -o-transition: none; transition: none; background: none; } button.btn-load-more[disabled="disabled"] .label, .button.btn-load-more[disabled="disabled"] .label { color: #111; } button.btn-load-more[disabled="disabled"] .icon, button.btn-load-more[disabled="disabled"] .icon-left-of-text, button.btn-load-more[disabled="disabled"] #application-progress a, #application-progress button.btn-load-more[disabled="disabled"] a, button.btn-load-more[disabled="disabled"] .stay-connected a, .stay-connected button.btn-load-more[disabled="disabled"] a, button.btn-load-more[disabled="disabled"] .list-w-icons-left a, .list-w-icons-left button.btn-load-more[disabled="disabled"] a, button.btn-load-more[disabled="disabled"] .breadcrumb, button.btn-load-more[disabled="disabled"] .carousel-component a.carousel-view-all, .carousel-component button.btn-load-more[disabled="disabled"] a.carousel-view-all, button.btn-load-more[disabled="disabled"] body.gallery .hero .gallery-wall-back, body.gallery .hero button.btn-load-more[disabled="disabled"] .gallery-wall-back, button.btn-load-more[disabled="disabled"] .icon-right-of-text, button.btn-load-more[disabled="disabled"] .arrow-link, button.btn-load-more[disabled="disabled"] .accordion .accordion-trigger, .accordion button.btn-load-more[disabled="disabled"] .accordion-trigger, button.btn-load-more[disabled="disabled"] #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text button.btn-load-more[disabled="disabled"] span.stock-value, button.btn-load-more[disabled="disabled"] .breadcrumb ul li:after, .breadcrumb ul button.btn-load-more[disabled="disabled"] li:after, button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button.btn-load-more[disabled="disabled"] button, button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button.btn-load-more[disabled="disabled"] button, button.btn-load-more[disabled="disabled"] #category-filter li a, #category-filter li button.btn-load-more[disabled="disabled"] a, button.btn-load-more[disabled="disabled"] .play-btn:before, button.btn-load-more[disabled="disabled"] .modal-video-trigger:before, button.btn-load-more[disabled="disabled"] .pagination a.pagination-arrow, .pagination button.btn-load-more[disabled="disabled"] a.pagination-arrow, button.btn-load-more[disabled="disabled"] body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block button.btn-load-more[disabled="disabled"] .count:before, button.btn-load-more[disabled="disabled"] .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media button.btn-load-more[disabled="disabled"] span:before, .button.btn-load-more[disabled="disabled"] .icon, .button.btn-load-more[disabled="disabled"] .icon-left-of-text, .button.btn-load-more[disabled="disabled"] #application-progress a, #application-progress .button.btn-load-more[disabled="disabled"] a, .button.btn-load-more[disabled="disabled"] .stay-connected a, .stay-connected .button.btn-load-more[disabled="disabled"] a, .button.btn-load-more[disabled="disabled"] .list-w-icons-left a, .list-w-icons-left .button.btn-load-more[disabled="disabled"] a, .button.btn-load-more[disabled="disabled"] .breadcrumb, .button.btn-load-more[disabled="disabled"] .carousel-component a.carousel-view-all, .carousel-component .button.btn-load-more[disabled="disabled"] a.carousel-view-all, .button.btn-load-more[disabled="disabled"] body.gallery .hero .gallery-wall-back, body.gallery .hero .button.btn-load-more[disabled="disabled"] .gallery-wall-back, .button.btn-load-more[disabled="disabled"] .icon-right-of-text, .button.btn-load-more[disabled="disabled"] .arrow-link, .button.btn-load-more[disabled="disabled"] .accordion .accordion-trigger, .accordion .button.btn-load-more[disabled="disabled"] .accordion-trigger, .button.btn-load-more[disabled="disabled"] #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .button.btn-load-more[disabled="disabled"] span.stock-value, .button.btn-load-more[disabled="disabled"] .breadcrumb ul li:after, .breadcrumb ul .button.btn-load-more[disabled="disabled"] li:after, .button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .button.btn-load-more[disabled="disabled"] button, .button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .button.btn-load-more[disabled="disabled"] button, .button.btn-load-more[disabled="disabled"] #category-filter li a, #category-filter li .button.btn-load-more[disabled="disabled"] a, .button.btn-load-more[disabled="disabled"] .play-btn:before, .button.btn-load-more[disabled="disabled"] .modal-video-trigger:before, .button.btn-load-more[disabled="disabled"] .pagination a.pagination-arrow, .pagination .button.btn-load-more[disabled="disabled"] a.pagination-arrow, .button.btn-load-more[disabled="disabled"] body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .button.btn-load-more[disabled="disabled"] .count:before, .button.btn-load-more[disabled="disabled"] .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .button.btn-load-more[disabled="disabled"] span:before { background: url("../../abv-chrome/img/global/loader-darkgrey-lightgrey.gif") center center no-repeat; height: 32px; width: 32px; } button.btn-load-more[disabled="disabled"] .icon:before, button.btn-load-more[disabled="disabled"] .icon-left-of-text:before, button.btn-load-more[disabled="disabled"] #application-progress a:before, #application-progress button.btn-load-more[disabled="disabled"] a:before, button.btn-load-more[disabled="disabled"] .stay-connected a:before, .stay-connected button.btn-load-more[disabled="disabled"] a:before, button.btn-load-more[disabled="disabled"] .list-w-icons-left a:before, .list-w-icons-left button.btn-load-more[disabled="disabled"] a:before, button.btn-load-more[disabled="disabled"] .breadcrumb:before, button.btn-load-more[disabled="disabled"] .carousel-component a.carousel-view-all:before, .carousel-component button.btn-load-more[disabled="disabled"] a.carousel-view-all:before, button.btn-load-more[disabled="disabled"] body.gallery .hero .gallery-wall-back:before, body.gallery .hero button.btn-load-more[disabled="disabled"] .gallery-wall-back:before, button.btn-load-more[disabled="disabled"] .icon-right-of-text:before, button.btn-load-more[disabled="disabled"] .arrow-link:before, button.btn-load-more[disabled="disabled"] .accordion .accordion-trigger:before, .accordion button.btn-load-more[disabled="disabled"] .accordion-trigger:before, button.btn-load-more[disabled="disabled"] #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text button.btn-load-more[disabled="disabled"] span.stock-value:before, button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button.btn-load-more[disabled="disabled"] button:before, button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button.btn-load-more[disabled="disabled"] button:before, button.btn-load-more[disabled="disabled"] #category-filter li a:before, #category-filter li button.btn-load-more[disabled="disabled"] a:before, button.btn-load-more[disabled="disabled"] .play-btn:before, button.btn-load-more[disabled="disabled"] .modal-video-trigger:before, button.btn-load-more[disabled="disabled"] .pagination a.pagination-arrow:before, .pagination button.btn-load-more[disabled="disabled"] a.pagination-arrow:before, button.btn-load-more[disabled="disabled"] body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block button.btn-load-more[disabled="disabled"] .count:before, button.btn-load-more[disabled="disabled"] .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media button.btn-load-more[disabled="disabled"] span:before, .button.btn-load-more[disabled="disabled"] .icon:before, .button.btn-load-more[disabled="disabled"] .icon-left-of-text:before, .button.btn-load-more[disabled="disabled"] #application-progress a:before, #application-progress .button.btn-load-more[disabled="disabled"] a:before, .button.btn-load-more[disabled="disabled"] .stay-connected a:before, .stay-connected .button.btn-load-more[disabled="disabled"] a:before, .button.btn-load-more[disabled="disabled"] .list-w-icons-left a:before, .list-w-icons-left .button.btn-load-more[disabled="disabled"] a:before, .button.btn-load-more[disabled="disabled"] .breadcrumb:before, .button.btn-load-more[disabled="disabled"] .carousel-component a.carousel-view-all:before, .carousel-component .button.btn-load-more[disabled="disabled"] a.carousel-view-all:before, .button.btn-load-more[disabled="disabled"] body.gallery .hero .gallery-wall-back:before, body.gallery .hero .button.btn-load-more[disabled="disabled"] .gallery-wall-back:before, .button.btn-load-more[disabled="disabled"] .icon-right-of-text:before, .button.btn-load-more[disabled="disabled"] .arrow-link:before, .button.btn-load-more[disabled="disabled"] .accordion .accordion-trigger:before, .accordion .button.btn-load-more[disabled="disabled"] .accordion-trigger:before, .button.btn-load-more[disabled="disabled"] #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .button.btn-load-more[disabled="disabled"] span.stock-value:before, .button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .button.btn-load-more[disabled="disabled"] button:before, .button.btn-load-more[disabled="disabled"] .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .button.btn-load-more[disabled="disabled"] button:before, .button.btn-load-more[disabled="disabled"] #category-filter li a:before, #category-filter li .button.btn-load-more[disabled="disabled"] a:before, .button.btn-load-more[disabled="disabled"] .play-btn:before, .button.btn-load-more[disabled="disabled"] .modal-video-trigger:before, .button.btn-load-more[disabled="disabled"] .pagination a.pagination-arrow:before, .pagination .button.btn-load-more[disabled="disabled"] a.pagination-arrow:before, .button.btn-load-more[disabled="disabled"] body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .button.btn-load-more[disabled="disabled"] .count:before, .button.btn-load-more[disabled="disabled"] .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .button.btn-load-more[disabled="disabled"] span:before { display: none; } button.btn-back-top, .button.btn-back-top { display: inline-block; padding-right: 25px; } button:hover, button:focus, .button:hover, .button:focus { background-color: #c00; text-decoration: none; } button .label, .button .label { margin-right: 5px; } button .icon:before, button .icon-left-of-text:before, button #application-progress a:before, #application-progress button a:before, button .stay-connected a:before, .stay-connected button a:before, button .list-w-icons-left a:before, .list-w-icons-left button a:before, button .breadcrumb:before, button .carousel-component a.carousel-view-all:before, .carousel-component button a.carousel-view-all:before, button body.gallery .hero .gallery-wall-back:before, body.gallery .hero button .gallery-wall-back:before, button .icon-right-of-text:before, button .arrow-link:before, button .accordion .accordion-trigger:before, .accordion button .accordion-trigger:before, button #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text button span.stock-value:before, button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button button:before, button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button button:before, button #category-filter li a:before, #category-filter li button a:before, button .play-btn:before, button .modal-video-trigger:before, button .pagination a.pagination-arrow:before, .pagination button a.pagination-arrow:before, button body.search-results .pagination nav a.pagination-arrow:before, body.search-results .pagination nav button a.pagination-arrow:before, button body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block button .count:before, button .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media button span:before, .button .icon:before, .button .icon-left-of-text:before, .button #application-progress a:before, #application-progress .button a:before, .button .stay-connected a:before, .stay-connected .button a:before, .button .list-w-icons-left a:before, .list-w-icons-left .button a:before, .button .breadcrumb:before, .button .carousel-component a.carousel-view-all:before, .carousel-component .button a.carousel-view-all:before, .button body.gallery .hero .gallery-wall-back:before, body.gallery .hero .button .gallery-wall-back:before, .button .icon-right-of-text:before, .button .arrow-link:before, .button .accordion .accordion-trigger:before, .accordion .button .accordion-trigger:before, .button #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .button span.stock-value:before, .button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .button button:before, .button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .button button:before, .button #category-filter li a:before, #category-filter li .button a:before, .button .play-btn:before, .button .modal-video-trigger:before, .button .pagination a.pagination-arrow:before, .pagination .button a.pagination-arrow:before, .button body.search-results .pagination nav a.pagination-arrow:before, body.search-results .pagination nav .button a.pagination-arrow:before, .button body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .button .count:before, .button .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .button span:before { font-size: 110%; top: -6px; } @media (min-width: 1px) and (max-width: 639px) { button, .button { width: 90%; font-size: 12px; margin: 15px auto 20px; letter-spacing: 3px; padding-bottom: 10px; padding-top: 10px; } button.btn-load-more, .button.btn-load-more { margin-top: 0; } button .icon:before, button .icon-left-of-text:before, button #application-progress a:before, #application-progress button a:before, button .stay-connected a:before, .stay-connected button a:before, button .list-w-icons-left a:before, .list-w-icons-left button a:before, button .breadcrumb:before, button .carousel-component a.carousel-view-all:before, .carousel-component button a.carousel-view-all:before, button body.gallery .hero .gallery-wall-back:before, body.gallery .hero button .gallery-wall-back:before, button .icon-right-of-text:before, button .arrow-link:before, button .accordion .accordion-trigger:before, .accordion button .accordion-trigger:before, button #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text button span.stock-value:before, button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button button:before, button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button button:before, button #category-filter li a:before, #category-filter li button a:before, button .play-btn:before, button .modal-video-trigger:before, button .pagination a.pagination-arrow:before, .pagination button a.pagination-arrow:before, button body.search-results .pagination nav a.pagination-arrow:before, body.search-results .pagination nav button a.pagination-arrow:before, button body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block button .count:before, button .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media button span:before, .button .icon:before, .button .icon-left-of-text:before, .button #application-progress a:before, #application-progress .button a:before, .button .stay-connected a:before, .stay-connected .button a:before, .button .list-w-icons-left a:before, .list-w-icons-left .button a:before, .button .breadcrumb:before, .button .carousel-component a.carousel-view-all:before, .carousel-component .button a.carousel-view-all:before, .button body.gallery .hero .gallery-wall-back:before, body.gallery .hero .button .gallery-wall-back:before, .button .icon-right-of-text:before, .button .arrow-link:before, .button .accordion .accordion-trigger:before, .accordion .button .accordion-trigger:before, .button #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .button span.stock-value:before, .button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .button button:before, .button .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .button button:before, .button #category-filter li a:before, #category-filter li .button a:before, .button .play-btn:before, .button .modal-video-trigger:before, .button .pagination a.pagination-arrow:before, .pagination .button a.pagination-arrow:before, .button body.search-results .pagination nav a.pagination-arrow:before, body.search-results .pagination nav .button a.pagination-arrow:before, .button body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .button .count:before, .button .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .button span:before { font-size: 90%; } } a.button { text-align: center; } .pdf { background: url("../img/global/icon-pdf.png") right center no-repeat; display: inline-block; padding-right: 30px; } input::-webkit-input-placeholder { color: #454545; } input::-moz-placeholder { color: #454545; opacity: 1; } input:-ms-input-placeholder { color: #454545; } input { color: #454545; } #main-content input:focus { box-shadow: inset 0 0 7px #0369d7; outline: none; } #main-content input[type="checkbox"]:focus, #main-content input[type="radio"]:focus { box-shadow: 0 0 5px 1px #0369d7; outline: none; } @media (min-width: 640px) and (max-width: 939px) { html.touch #main-content input:focus { box-shadow: none; } } @media (min-width: 1px) and (max-width: 639px) { html.touch #main-content input:focus { box-shadow: none; } } .abv-form, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset { *zoom: 1; clear: both; display: block; position: relative; width: 100%; } .abv-form:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset:before, .abv-form:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset:after { content: ""; display: table; } .abv-form:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset:after { clear: both; } .abv-form input, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input { background: #fff; border: none; border-radius: 0; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 25px; -webkit-appearance: none; } .abv-form input[type="email"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="email"] { border: 2px solid #999; display: block; height: 58px; margin-bottom: 10px; padding: 0 15px; width: 100%; } @media (min-width: 640px) and (max-width: 939px) { .abv-form input[type="email"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="email"] { height: 35px; padding: 5px; width: 100%; } } @media (min-width: 1px) and (max-width: 639px) { .abv-form input[type="email"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="email"] { height: 35px; padding: 5px; width: 100%; } } .abv-form input[type="search"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="search"] { float: left; height: 58px; padding: 0 15px; width: 90%; } @media (min-width: 1px) and (max-width: 639px) { .abv-form input[type="search"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="search"] { height: 35px; padding: 5px; } } .abv-form input[type="submit"].button, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="submit"].button { float: right; letter-spacing: 0; padding-bottom: 5px; padding-top: 5px; text-transform: lowercase; } .abv-form .icon-search, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search { background: #fff; color: #c00; display: block; float: left; font-size: 34px; height: 58px; line-height: 58px; position: relative; width: 10%; } @media (min-width: 1px) and (max-width: 639px) { .abv-form .icon-search, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search { font-size: 26px; height: 35px; line-height: 35px; } } .abv-form .icon-search:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search:before { text-align: center; width: 100%; } .abv-form .icon-search input[type="submit"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search input[type="submit"] { text-indent: -99999em; cursor: pointer; height: 100%; left: 0; padding: 0; position: absolute; opacity: 0; top: 0; width: 100%; } .abv-form .icon-search input[type="submit"]:focus, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search input[type="submit"]:focus { background: transparent; opacity: 1; } .abv-form .checkbox-area, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li { *zoom: 1; clear: both; display: inline-block; margin-top: 5px; position: relative; } .abv-form .checkbox-area:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li:before, .abv-form .checkbox-area:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li:after { content: ""; display: table; } .abv-form .checkbox-area:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li:after { clear: both; } .abv-form .checkbox-area input[type="checkbox"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area input[type="checkbox"], ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li input[type="checkbox"] { cursor: pointer; height: 16px; left: 0; margin: 0; position: absolute; top: 0; width: 16px; } .abv-form .checkbox-area label, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label, .abv-form .checkbox-area label.checkbox-custom, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label.checkbox-custom, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label { display: block; padding-left: 25px; font-size: 14px; line-height: 16px; } .abv-form .checkbox-area label:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:before, .abv-form .checkbox-area label:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:after, .abv-form .checkbox-area label.checkbox-custom:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label.checkbox-custom:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:before, .abv-form .checkbox-area label.checkbox-custom:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label.checkbox-custom:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:after { content: ''; left: 0; position: absolute; top: 0; } .abv-form .checkbox-area label:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:before, .abv-form .checkbox-area label.checkbox-custom:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label.checkbox-custom:before, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:before { background: #fff; border: 1px solid #999; border-radius: 2px; display: block; height: 16px; width: 16px; } .abv-form .checkbox-area label:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:after, .abv-form .checkbox-area label.checkbox-custom:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label.checkbox-custom:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: none; border: 3px solid #c00; border-right: none; border-top: none; display: none; height: 5px; margin: 5px 3px; width: 10px; } .abv-form .checkbox-area input[type="checkbox"]:checked ~ label:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area input[type="checkbox"]:checked ~ label:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li input[type="checkbox"]:checked ~ label:after { display: block; } .abv-form .checkbox-area label.error, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .checkbox-area label.error, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li label.error { line-height: 16px; margin-top: 5px; padding-left: 25px; } .abv-form .custom-select, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .custom-select { position: relative; display: inline-block; margin-right: 20px; } .abv-form .custom-select:after, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .custom-select:after { background: none; border-bottom: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #c00; content: ''; display: block; height: 0; position: absolute; right: 15px; top: 10px; width: 0; } .abv-form .custom-select select, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .custom-select select { background: #eee; border: 1px solid #aaa; border-radius: 0; display: block; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 25px; height: 58px; padding: 0 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .abv-form .custom-select select::-ms-expand, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .custom-select select::-ms-expand { display: none; } @media (min-width: 1px) and (max-width: 639px) { .abv-form .custom-select select, ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .custom-select select { height: 35px; padding: 5px; } } .article-item.email-signup { padding: 10px 0 20px; } #form-email-signup .ie8 { padding: 20px 30px 0; width: 65%; } @media (min-width: 940px) and (max-width: 9999px) { #form-email-signup { padding: 20px 30px 0; width: 65%; } } @media (min-width: 640px) and (max-width: 939px) { #form-email-signup { padding: 15px 20px 0; } } @media (min-width: 1px) and (max-width: 639px) { #form-email-signup { padding: 15px 15px 0; } } #content-search { margin-bottom: 40px; } #content-search .ie8 { width: 460px; } @media (min-width: 940px) and (max-width: 9999px) { #content-search { width: 460px; } } @media (min-width: 640px) and (max-width: 939px) { #content-search { width: auto; height: auto; } } @media (min-width: 1px) and (max-width: 639px) { #content-search { width: auto; height: auto; } } @media (min-width: 1px) and (max-width: 639px) { #content-search { margin-bottom: 0; } } #content-search input[type='search'] { border: 1px solid #aaa; border-right: none; } #content-search span.icon-search { border: 1px solid #aaa; border-left: none; } #press-search-results { background: #fff; padding: 20px; } #press-search-results h2 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.7px; line-height: 28px; margin-bottom: 0; text-transform: none; margin-bottom: 10px; } @media (min-width: 640px) and (max-width: 939px) { #press-search-results h2 { font-size: 20px; line-height: 22px; } } @media (min-width: 1px) and (max-width: 639px) { #press-search-results h2 { font-size: 18px; line-height: 20px; } } #press-search-results input[type='search'] { background: #eee; border: 1px solid #666; display: block; float: left; font-size: 13px; height: 40px; margin-bottom: 20px; margin-right: 20px; width: calc(35% - 20px); } @media (min-width: 640px) and (max-width: 939px) { #press-search-results input[type='search'] { margin-right: 0; width: 100%; } } @media (min-width: 1px) and (max-width: 639px) { #press-search-results input[type='search'] { margin-right: 0; width: 100%; } } #press-search-results .custom-select { display: block; float: left; margin-bottom: 20px; width: calc(45% - 20px); } #press-search-results .custom-select.short { margin-right: 0; width: 20%; } @media (min-width: 640px) and (max-width: 939px) { #press-search-results .custom-select { width: calc(60% - 20px); } #press-search-results .custom-select.short { width: 40%; } } @media (min-width: 1px) and (max-width: 639px) { #press-search-results .custom-select { margin-right: 0; width: 100%; } #press-search-results .custom-select.short { width: 100%; } } #press-search-results .custom-select select { border: 1px solid #666; font-size: 13px; height: 40px; } #press-search-results ul.checkbox-area { display: block; float: left; list-style: none; margin: 0 0 15px; padding: 0; text-align: left; width: 80%; } #press-search-results ul.checkbox-area li { display: inline-block; margin: 0 30px 0 0; position: relative; } @media (min-width: 1px) and (max-width: 639px) { #press-search-results ul.checkbox-area li { margin-right: 9px; } } #press-search-results .icon-search { background: #c00; float: right; height: 40px; line-height: 40px; width: 70px; } #press-search-results .icon-search:before { color: #fff; font-size: 24px; text-align: right; width: 80%; } #press-search-results .icon-search:focus, #press-search-results .icon-search:hover { background: #454545; } #press-search-results .icon-search input[type='submit'] { background: none; color: #fff; height: 40px; opacity: 1; padding-right: 20px; text-indent: 0; } #press-contact-form, #email-sign-up { background: #fff; padding: 30px 25px; } #press-contact-form input, #email-sign-up input { border: 1px solid #666; background: #eee; padding: 0 5px; width: 100%; } #press-contact-form input[type='submit'], #email-sign-up input[type='submit'] { border: 0; cursor: pointer; } #press-contact-form label, #email-sign-up label { display: block; font-weight: 700; margin-top: 10px; } #press-contact-form .btn, #email-sign-up .btn { background: #c00; color: #fff; float: right; margin-top: 15px; padding: 5px 15px; width: auto; } #press-contact-form .required, #email-sign-up .required { color: #c00; } #press-contact-form h2 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.7px; line-height: 28px; margin-bottom: 0; text-transform: none; } @media (min-width: 640px) and (max-width: 939px) { #press-contact-form h2 { font-size: 20px; line-height: 22px; } } @media (min-width: 1px) and (max-width: 639px) { #press-contact-form h2 { font-size: 18px; line-height: 20px; } } #press-contact-form p { font-weight: 700; margin-top: 25px; } #press-contact-form .custom-select { background: #eee; margin: 10px 0; width: 100%; } #press-contact-form .custom-select select { background: transparent; border: 1px solid #666; color: #454545; height: 40px; position: relative; z-index: 2; } #press-contact-form .custom-select:after { z-index: 1; } #press-contact-form #press-media-form, #press-contact-form #press-guest-form { display: none; } #press-contact-form #press-media-form .btn { background: #c00; color: #fff; float: right; margin-top: 15px; padding: 5px 15px; width: auto; } #email-sign-up #form-email-signup { width: 100%; } #email-sign-up #form-email-signup input { height: 40px; margin-bottom: 0; } .error { font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.28px; color: #c00; width: 100%; float: left; } @media (min-width: 640px) and (max-width: 939px) { .error { font-size: 12px; } } @media (min-width: 1px) and (max-width: 639px) { .error { font-size: 12px; } } .error#email-signup-error { margin-bottom: 10px; } input[type="text"].error, input[type="email"].error, input[type="search"].error { border-color: #c00; } ol.sidebar-list, ul.sidebar-list { list-style: none; margin: 0; padding: 0; margin-top: 5px; } ol.sidebar-list li, ul.sidebar-list li { border: 0; border-top: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 100% 0 round; display: block; } ol.sidebar-list li a, ul.sidebar-list li a { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: -0.24px; line-height: 1.4; text-transform: none; display: block; padding: 13px 0; text-decoration: none; } ol.sidebar-list li a:hover, ul.sidebar-list li a:hover { color: #c00; } ol.sidebar-list.red-text li a, ul.sidebar-list.red-text li a { font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.28px; line-height: 1; color: #c00; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (min-width: 640px) and (max-width: 939px) { ol.sidebar-list.red-text li a, ul.sidebar-list.red-text li a { font-size: 12px; } } @media (min-width: 1px) and (max-width: 639px) { ol.sidebar-list.red-text li a, ul.sidebar-list.red-text li a { font-size: 12px; } } ol.sidebar-list.red-text li a:before, ul.sidebar-list.red-text li a:before { font-family: "icons"; } ol.sidebar-list.red-text li a:hover, ol.sidebar-list.red-text li a:focus, ul.sidebar-list.red-text li a:hover, ul.sidebar-list.red-text li a:focus { text-decoration: underline !important; } @media (min-width: 640px) and (max-width: 939px) { ol.sidebar-list li a, ul.sidebar-list li a { padding: 13px 0; } } @media (min-width: 1px) and (max-width: 639px) { ol.sidebar-list li a, ul.sidebar-list li a { padding: 13px 0; } } ol.sidebar-list { counter-reset: item; float: left; list-style-type: none; } ol.sidebar-list li { display: block; list-style: decimal inside; color: #fff; font-family: "GriffithCircular", "Times New Roman", serif; position: relative; z-index: 0; } ol.sidebar-list li:before { background-color: #c00; border-radius: 50%; content: counter(item) " "; counter-increment: item; height: 30px; left: 0; line-height: 34px; position: absolute; text-align: center; top: 15px; width: 30px; z-index: -1; } ol.sidebar-list li a { display: inline-block; margin-left: 42px; } @media (min-width: 1px) and (max-width: 639px) { ol.sidebar-list li { top: -10px; min-height: 60px; } ol.sidebar-list li:before { font-size: 18px; padding-top: 5px; } } ul.thumb-list { list-style: none; margin: 0; padding: 0; *zoom: 1; clear: both; } ul.thumb-list:before, ul.thumb-list:after { content: ""; display: table; } ul.thumb-list:after { clear: both; } @media (min-width: 1px) and (max-width: 639px) { ul.thumb-list { padding: 0 15px; } } ul.thumb-list li { display: inline; float: left; width: 49.20635%; margin-left: 0.39683%; margin-right: 0.39683%; margin-bottom: 30px; } @media (min-width: 1px) and (max-width: 639px) { ul.thumb-list li { display: inline; float: left; width: 99.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } } ul.thumb-list li:nth-child(odd) { clear: both; } ul.thumb-list li .thumb-col { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } @media (min-width: 940px) and (max-width: 9999px) { ul.thumb-list li .thumb-col { display: inline; float: left; width: 24.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } } @media (min-width: 1px) and (max-width: 639px) { ul.thumb-list li .thumb-col { display: inline; float: left; width: 24.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } } ul.thumb-list li .desc-col { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; padding-left: 10px; } ul.thumb-list li .desc-col h4 { font-size: 18px; letter-spacing: 0px; line-height: 1; padding: 0; margin: 12px 0 8px 0; } @media (min-width: 640px) and (max-width: 939px) { ul.thumb-list li .desc-col h4 { font-size: 16px; } } @media (min-width: 1px) and (max-width: 639px) { ul.thumb-list li .desc-col h4 { font-size: 16px; margin: 0; } } ul.thumb-list li .desc-col a { font-size: 12px; font-weight: bold; } .article-item { margin-bottom: 25px; display: block; background-color: #fff; } .article-item.loading { opacity: 0; } .article-item .category { display: block; background-color: #fff; color: #c00; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; line-height: 1; margin-bottom: 0px; text-transform: uppercase; padding: 30px 30px 0; } .article-item .date { font-size: 11px; padding: 20px 30px 0; } .article-item h3 { padding: 15px 30px 10px; } .article-item p { color: #454545; font-size: 12px; line-height: 18px; margin-bottom: 0; padding: 15px 30px 10px; } .article-item p a { font-weight: 700; } .article-item img { margin-top: 15px; width: 100%; } .article-item .two-column-link-list { display: table; width: 100%; } .article-item .two-column-link-list ul { list-style: none; margin: 0; padding: 0; display: table-cell; width: 50%; } .article-item .two-column-link-list ul:last-child { padding-left: 20px; } .article-item .two-column-link-list ul li { font-size: 12px; line-height: 1; padding: 6px 0; } .article-item .two-column-link-list ul li a { font-weight: bold; } .article-item a.article-link { display: block; text-decoration: none; position: relative; } .article-item a.article-link:hover h3, .article-item a.article-link:focus h3 { color: #c00; } .article-item a.article-link:hover span.icon, .article-item a.article-link:hover span.icon-left-of-text, .article-item a.article-link:hover span.breadcrumb, .article-item a.article-link:hover body.gallery .hero span.gallery-wall-back, body.gallery .hero .article-item a.article-link:hover span.gallery-wall-back, .article-item a.article-link:hover span.icon-right-of-text, .article-item a.article-link:hover span.arrow-link, .article-item a.article-link:hover .accordion span.accordion-trigger, .accordion .article-item a.article-link:hover span.accordion-trigger, .article-item a.article-link:hover #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .article-item a.article-link:hover span.stock-value, .article-item a.article-link:hover span.play-btn:before, .article-item a.article-link:hover span.modal-video-trigger:before, body.search-results .article-item a.article-link:hover .results-block span.count:before, body.search-results .article-item .results-block a.article-link:hover span.count:before, .article-item a.article-link:hover .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .article-item a.article-link:hover span:before, .article-item a.article-link:focus span.icon, .article-item a.article-link:focus span.icon-left-of-text, .article-item a.article-link:focus span.breadcrumb, .article-item a.article-link:focus body.gallery .hero span.gallery-wall-back, body.gallery .hero .article-item a.article-link:focus span.gallery-wall-back, .article-item a.article-link:focus span.icon-right-of-text, .article-item a.article-link:focus span.arrow-link, .article-item a.article-link:focus .accordion span.accordion-trigger, .accordion .article-item a.article-link:focus span.accordion-trigger, .article-item a.article-link:focus #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .article-item a.article-link:focus span.stock-value, .article-item a.article-link:focus span.play-btn:before, .article-item a.article-link:focus span.modal-video-trigger:before, body.search-results .article-item a.article-link:focus .results-block span.count:before, body.search-results .article-item .results-block a.article-link:focus span.count:before, .article-item a.article-link:focus .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .article-item a.article-link:focus span:before { color: #c00; } .article-item a.article-link h3 { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .article-item a.article-link > :last-child:not(img) { padding-bottom: 30px; } .article-item .tags { display: table; padding: 20px 30px; width: 100%; } .article-item .tags h4 { display: table-cell; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 14px; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 12%; } .article-item .tags ul { list-style: none; margin: 0; padding: 0; display: inline-block; font-size: 13px; line-height: 1.3; padding: 0 0 0 10px; vertical-align: top; } .article-item .tags ul li { display: inline-block; padding: 0; } .article-item .tags ul li:after { content: ',\00a0'; display: inline-block; } .article-item .tags ul li:last-child:after { content: ''; } .article-item.gallery a.category { padding-bottom: 20px; } .article-item.gallery a img { margin-top: 0px; } .article-item.gallery span.icon, .article-item.gallery span.icon-left-of-text, .article-item.gallery span.breadcrumb, .article-item.gallery body.gallery .hero span.gallery-wall-back, body.gallery .hero .article-item.gallery span.gallery-wall-back, .article-item.gallery span.icon-right-of-text, .article-item.gallery span.arrow-link, .article-item.gallery .accordion span.accordion-trigger, .accordion .article-item.gallery span.accordion-trigger, .article-item.gallery #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .article-item.gallery span.stock-value, .article-item.gallery span.play-btn:before, .article-item.gallery span.modal-video-trigger:before, body.search-results .article-item.gallery .results-block span.count:before, .article-item.gallery .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .article-item.gallery span:before { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; font-size: 26px; position: absolute; bottom: 6px; color: #fff; padding-left: 12px; } .article-item.no-link { position: relative; padding-bottom: 0px; } .article-item.no-link h3, .article-item.no-link p { padding: 15px 30px 0 30px; } .article-item.no-link h3 a.category { padding: 0; } .article-item.no-link h3 + a:not(.category) { margin-top: 15px; } .article-item.no-link .article-link { display: block; padding-top: 8px; padding-left: 30px; padding-right: 30px; } .article-item.no-link > :last-child:not(img) { padding-bottom: 30px; } .article-item.no-link img { margin-top: 15px; } .article-item.careers-bg { background: #fff url("../../abv-chrome/img/global/bg-stripes-black-5-percent-down.png") top left repeat; } .article-item.careers-bg .category { background: none; } .article-item.careers-bg .two-column-link-list ul { padding-left: 30px; } .article-item.bio { padding: 30px; } .article-item.bio div { width: 100%; } .article-item.bio div img { display: inline-block; height: 90px; margin-top: 0; padding-right: 20px; width: 96px; vertical-align: bottom; } .article-item.bio div span { display: inline-block; vertical-align: bottom; width: calc(100% - 106px); } .article-item.bio h3 { color: #c00; font-size: 21px; padding: 0 !important; } .article-item.bio h4 { font-size: 14px; font-style: italic; font-weight: normal; line-height: 1.3; padding: 0; } .article-item.bio p { padding: 15px 0px 10px 0px; } .article-item.evergreen h2 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.7px; line-height: 28px; margin-bottom: 0; text-transform: none; margin-bottom: 10px; } @media (min-width: 640px) and (max-width: 939px) { .article-item.evergreen h2 { font-size: 20px; line-height: 22px; } } @media (min-width: 1px) and (max-width: 639px) { .article-item.evergreen h2 { font-size: 18px; line-height: 20px; } } .article-item.evergreen h3 { padding-bottom: 0; padding-top: 30px; } .article-item.evergreen > a { display: block; } .article-item.evergreen > a:hover, .article-item.evergreen > a:focus { text-decoration: none; } .article-item.evergreen > a:hover h3, .article-item.evergreen > a:focus h3 { color: #c00; } .article-item.evergreen .cms-content { padding: 20px 30px 30px 30px; } .article-item.evergreen p { padding: 8px 0; } .article-item.evergreen img { margin-top: 30px; } .article-item.evergreen ul { list-style: none; margin: 0; padding: 0; display: inline-block; width: 45%; } .article-item.evergreen ul li { line-height: 2; } .article-item.evergreen ul li a { font-size: 14px; font-weight: 700; padding-left: 20px; position: relative; } .article-item.evergreen ul li a:before { content: '\f135'; font-family: "icons"; font-size: 30px; font-weight: 400; left: 0; line-height: 1.1; position: absolute; text-decoration: none; top: -7px; } .article-item.evergreen ul li a:hover:before { text-decoration: none; } .article-item.evergreen table { display: inline-block; line-height: 14px; margin-right: 50px; vertical-align: top; width: 29%; } .article-item.evergreen table tr:nth-child(even), .article-item.evergreen table tr.even td { display: block; margin-bottom: 20px; } .article-item.evergreen table:nth-child(3) { margin-right: 0; } .article-item.evergreen .modal-video-trigger { left: -30px; width: calc(100% + 60px); } .article-item.evergreen .faq h2 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 36px; letter-spacing: -0.72px; line-height: 1.2; text-transform: none; font-weight: 400; margin-bottom: 10px; } @media (min-width: 640px) and (max-width: 939px) { .article-item.evergreen .faq h2 { font-size: 24px; line-height: 1; letter-spacing: -0.48px; margin-bottom: 10px; } } @media (min-width: 1px) and (max-width: 639px) { .article-item.evergreen .faq h2 { font-size: 18px; letter-spacing: -0.36px; margin-bottom: 10px; padding: 0 15px; } } .article-item.evergreen .faq h3 { font-size: 16px; padding: 0; } .article-item.evergreen .faq .faq-item { margin-bottom: 30px; position: relative; } .article-item.evergreen .faq .faq-item a.button { border-left: 10px #fff solid; bottom: -10px; letter-spacing: 0; padding: 5px; position: absolute; right: 0; text-transform: none; } .article-item.evergreen .faq .faq-item a.button:after { content: ''; border-bottom: 6px #fff solid; border-left: 4px transparent solid; border-right: 4px transparent solid; display: inline-block; margin-left: 5px; margin-top: -5px; vertical-align: middle; } @media (min-width: 1px) and (max-width: 639px) { .article-item.evergreen .faq .faq-item a.button { margin: 0; width: auto; } } .article-item .ie8 a.icon-left-of-text, .article-item .ie8 #application-progress a, #application-progress .article-item .ie8 a, .article-item .ie8 .stay-connected a, .stay-connected .article-item .ie8 a, .article-item .ie8 .list-w-icons-left a, .list-w-icons-left .article-item .ie8 a, .article-item .ie8 a.breadcrumb, .article-item .ie8 .carousel-component a.carousel-view-all, .carousel-component .article-item .ie8 a.carousel-view-all, .article-item .ie8 body.gallery .hero a.gallery-wall-back, body.gallery .hero .article-item .ie8 a.gallery-wall-back { padding-left: 40px; } .article-item .ie8 a.icon-left-of-text:hover, .article-item .ie8 #application-progress a:hover, #application-progress .article-item .ie8 a:hover, .article-item .ie8 .stay-connected a:hover, .stay-connected .article-item .ie8 a:hover, .article-item .ie8 .list-w-icons-left a:hover, .list-w-icons-left .article-item .ie8 a:hover, .article-item .ie8 a.breadcrumb:hover, .article-item .ie8 .carousel-component a.carousel-view-all:hover, .carousel-component .article-item .ie8 a.carousel-view-all:hover, .article-item .ie8 body.gallery .hero a.gallery-wall-back:hover, body.gallery .hero .article-item .ie8 a.gallery-wall-back:hover, .article-item .ie8 a.icon-left-of-text:focus, .article-item .ie8 #application-progress a:focus, #application-progress .article-item .ie8 a:focus, .article-item .ie8 .stay-connected a:focus, .stay-connected .article-item .ie8 a:focus, .article-item .ie8 .list-w-icons-left a:focus, .list-w-icons-left .article-item .ie8 a:focus, .article-item .ie8 a.breadcrumb:focus, .article-item .ie8 .carousel-component a.carousel-view-all:focus, .carousel-component .article-item .ie8 a.carousel-view-all:focus, .article-item .ie8 body.gallery .hero a.gallery-wall-back:focus, body.gallery .hero .article-item .ie8 a.gallery-wall-back:focus { text-decoration: underline; } .article-item .ie8 a.icon-left-of-text:before, .article-item .ie8 #application-progress a:before, #application-progress .article-item .ie8 a:before, .article-item .ie8 .stay-connected a:before, .stay-connected .article-item .ie8 a:before, .article-item .ie8 .list-w-icons-left a:before, .list-w-icons-left .article-item .ie8 a:before, .article-item .ie8 a.breadcrumb:before, .article-item .ie8 .carousel-component a.carousel-view-all:before, .carousel-component .article-item .ie8 a.carousel-view-all:before, .article-item .ie8 body.gallery .hero a.gallery-wall-back:before, body.gallery .hero .article-item .ie8 a.gallery-wall-back:before { font-weight: 100; font-size: 208%; line-height: 0.6; } @media (min-width: 940px) and (max-width: 9999px) { .article-item a.icon-left-of-text, .article-item #application-progress a, #application-progress .article-item a, .article-item .stay-connected a, .stay-connected .article-item a, .article-item .list-w-icons-left a, .list-w-icons-left .article-item a, .article-item a.breadcrumb, .article-item .carousel-component a.carousel-view-all, .carousel-component .article-item a.carousel-view-all, .article-item body.gallery .hero a.gallery-wall-back, body.gallery .hero .article-item a.gallery-wall-back { padding-left: 40px; } .article-item a.icon-left-of-text:hover, .article-item #application-progress a:hover, #application-progress .article-item a:hover, .article-item .stay-connected a:hover, .stay-connected .article-item a:hover, .article-item .list-w-icons-left a:hover, .list-w-icons-left .article-item a:hover, .article-item a.breadcrumb:hover, .article-item .carousel-component a.carousel-view-all:hover, .carousel-component .article-item a.carousel-view-all:hover, .article-item body.gallery .hero a.gallery-wall-back:hover, body.gallery .hero .article-item a.gallery-wall-back:hover, .article-item a.icon-left-of-text:focus, .article-item #application-progress a:focus, #application-progress .article-item a:focus, .article-item .stay-connected a:focus, .stay-connected .article-item a:focus, .article-item .list-w-icons-left a:focus, .list-w-icons-left .article-item a:focus, .article-item a.breadcrumb:focus, .article-item .carousel-component a.carousel-view-all:focus, .carousel-component .article-item a.carousel-view-all:focus, .article-item body.gallery .hero a.gallery-wall-back:focus, body.gallery .hero .article-item a.gallery-wall-back:focus { text-decoration: underline; } .article-item a.icon-left-of-text:before, .article-item #application-progress a:before, #application-progress .article-item a:before, .article-item .stay-connected a:before, .stay-connected .article-item a:before, .article-item .list-w-icons-left a:before, .list-w-icons-left .article-item a:before, .article-item a.breadcrumb:before, .article-item .carousel-component a.carousel-view-all:before, .carousel-component .article-item a.carousel-view-all:before, .article-item body.gallery .hero a.gallery-wall-back:before, body.gallery .hero .article-item a.gallery-wall-back:before { font-weight: 100; font-size: 208%; line-height: 0.6; } } @media (min-width: 640px) and (max-width: 939px) { .article-item { margin-bottom: 15px; } .article-item .category { padding: 20px 20px 0; } .article-item .date { padding: 20px 20px 0; } .article-item .tags { padding: 20px 20px; } .article-item h3 { padding: 5px 20px 0; } .article-item p { padding: 10px 20px 0; } .article-item img { margin-top: 20px; } .article-item .two-column-link-list ul { display: block; width: 100%; } .article-item .two-column-link-list ul:last-child { padding-left: 0; } .article-item.gallery span.icon, .article-item.gallery span.icon-left-of-text, .article-item.gallery span.breadcrumb, .article-item.gallery body.gallery .hero span.gallery-wall-back, body.gallery .hero .article-item.gallery span.gallery-wall-back, .article-item.gallery span.icon-right-of-text, .article-item.gallery span.arrow-link, .article-item.gallery .accordion span.accordion-trigger, .accordion .article-item.gallery span.accordion-trigger, .article-item.gallery #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .article-item.gallery span.stock-value, .article-item.gallery span.play-btn:before, .article-item.gallery span.modal-video-trigger:before, body.search-results .article-item.gallery .results-block span.count:before, .article-item.gallery .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .article-item.gallery span:before { font-size: 20px; bottom: -3px; padding-left: 10px; } .article-item.no-link h3 { padding: 5px 20px 0; } .article-item.no-link p { padding: 10px 20px 0; } .article-item.no-link > :last-child:not(img) { padding-bottom: 20px; } .article-item.no-link .article-link { padding-left: 20px; } .article-item.careers-bg .two-column-link-list ul { display: table-cell; padding-left: 20px; } .article-item.careers-bg .two-column-link-list ul:last-child { padding-right: 10px; } .article-item.evergreen h3 { padding-top: 20px; } .article-item.evergreen .cms-content { padding: 20px 20px 20px; } .article-item.evergreen img { margin-top: 20px; } .article-item.evergreen table { width: 27%; } .article-item.evergreen .modal-video-trigger { left: -20px; width: calc(100% + 40px); } .article-item a.icon-left-of-text, .article-item #application-progress a, #application-progress .article-item a, .article-item .stay-connected a, .stay-connected .article-item a, .article-item .list-w-icons-left a, .list-w-icons-left .article-item a, .article-item a.breadcrumb, .article-item .carousel-component a.carousel-view-all, .carousel-component .article-item a.carousel-view-all, .article-item body.gallery .hero a.gallery-wall-back, body.gallery .hero .article-item a.gallery-wall-back { padding-left: 30px; } .article-item a.icon-left-of-text:before, .article-item #application-progress a:before, #application-progress .article-item a:before, .article-item .stay-connected a:before, .stay-connected .article-item a:before, .article-item .list-w-icons-left a:before, .list-w-icons-left .article-item a:before, .article-item a.breadcrumb:before, .article-item .carousel-component a.carousel-view-all:before, .carousel-component .article-item a.carousel-view-all:before, .article-item body.gallery .hero a.gallery-wall-back:before, body.gallery .hero .article-item a.gallery-wall-back:before { font-size: 175%; font-weight: 100; line-height: 0.6; } } @media (min-width: 1px) and (max-width: 639px) { .article-item { margin-bottom: 25px; } .article-item .category { padding: 15px 15px 0; } .article-item .date { padding: 20px 15px 0; } .article-item .tags { padding: 20px 15px; } .article-item h3, .article-item p { padding: 7px 15px 0; } .article-item img { margin-top: 15px; } .article-item .two-column-link-list ul:last-child { padding-left: 15px; } .article-item.gallery span.icon, .article-item.gallery span.icon-left-of-text, .article-item.gallery span.breadcrumb, .article-item.gallery body.gallery .hero span.gallery-wall-back, body.gallery .hero .article-item.gallery span.gallery-wall-back, .article-item.gallery span.icon-right-of-text, .article-item.gallery span.arrow-link, .article-item.gallery .accordion span.accordion-trigger, .accordion .article-item.gallery span.accordion-trigger, .article-item.gallery #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .article-item.gallery span.stock-value, .article-item.gallery span.play-btn:before, .article-item.gallery span.modal-video-trigger:before, body.search-results .article-item.gallery .results-block span.count:before, .article-item.gallery .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .article-item.gallery span:before { font-size: 20px; bottom: 0px; padding-left: 15px; } .article-item.no-link h3, .article-item.no-link p { padding: 7px 15px 0; } .article-item.no-link > :last-child:not(img) { padding-bottom: 15px; } .article-item.no-link .article-link { padding-left: 15px; } .article-item.careers-bg .two-column-link-list ul { padding-left: 15px; } .article-item.evergreen h3 { padding-top: 15px; } .article-item.evergreen .cms-content { padding: 20px 15px 15px; } .article-item.evergreen img { margin-top: 15px; } .article-item.evergreen ul { width: 100%; } .article-item.evergreen table { margin-right: 0; width: 100%; } .article-item.evergreen .modal-video-trigger { left: -15px; width: calc(100% + 30px); } .article-item.evergreen .faq h2 { padding: 0; } .article-item.evergreen .faq .faq-item a.button { margin: 0; width: auto; } .article-item a.icon-left-of-text, .article-item #application-progress a, #application-progress .article-item a, .article-item .stay-connected a, .stay-connected .article-item a, .article-item .list-w-icons-left a, .list-w-icons-left .article-item a, .article-item a.breadcrumb, .article-item .carousel-component a.carousel-view-all, .carousel-component .article-item a.carousel-view-all, .article-item body.gallery .hero a.gallery-wall-back, body.gallery .hero .article-item a.gallery-wall-back { padding-left: 40px; padding-top: 6px; padding-bottom: 6px; } .article-item a.icon-left-of-text:hover, .article-item #application-progress a:hover, #application-progress .article-item a:hover, .article-item .stay-connected a:hover, .stay-connected .article-item a:hover, .article-item .list-w-icons-left a:hover, .list-w-icons-left .article-item a:hover, .article-item a.breadcrumb:hover, .article-item .carousel-component a.carousel-view-all:hover, .carousel-component .article-item a.carousel-view-all:hover, .article-item body.gallery .hero a.gallery-wall-back:hover, body.gallery .hero .article-item a.gallery-wall-back:hover, .article-item a.icon-left-of-text:focus, .article-item #application-progress a:focus, #application-progress .article-item a:focus, .article-item .stay-connected a:focus, .stay-connected .article-item a:focus, .article-item .list-w-icons-left a:focus, .list-w-icons-left .article-item a:focus, .article-item a.breadcrumb:focus, .article-item .carousel-component a.carousel-view-all:focus, .carousel-component .article-item a.carousel-view-all:focus, .article-item body.gallery .hero a.gallery-wall-back:focus, body.gallery .hero .article-item a.gallery-wall-back:focus { text-decoration: underline; } .article-item a.icon-left-of-text:before, .article-item #application-progress a:before, #application-progress .article-item a:before, .article-item .stay-connected a:before, .stay-connected .article-item a:before, .article-item .list-w-icons-left a:before, .list-w-icons-left .article-item a:before, .article-item a.breadcrumb:before, .article-item .carousel-component a.carousel-view-all:before, .carousel-component .article-item a.carousel-view-all:before, .article-item body.gallery .hero a.gallery-wall-back:before, body.gallery .hero .article-item a.gallery-wall-back:before { font-weight: 100; font-size: 208%; line-height: 0.6; } } @media (min-width: 940px) and (max-width: 9999px) { .secondary .article-item.evergreen h3 { font-size: 20px; line-height: 1.2; padding: 20px 20px 0; } .secondary .article-item.evergreen .cms-content { padding: 20px 20px 20px; } .secondary .article-item.evergreen img { margin-top: 20px; } .secondary .article-item.evergreen .modal-video-trigger { left: -20px; width: calc(100% + 40px); } } .generic-list-block { float: right; } .generic-list-block h3 { display: block; background-color: #fff; color: #c00; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; line-height: 1; margin-bottom: 0px; text-transform: uppercase; background-color: #c00; color: #fff; display: inline-block; line-height: 3.2; } .generic-list-block h3 { padding: 0 12px; } .generic-list-block ul { margin-left: 5px; } .generic-list-block ul li:first-child { border-top-width: 0; } .generic-list-block ul li a { margin-left: 7px; } @media (min-width: 640px) and (max-width: 939px) { .generic-list-block h3 { padding: 0 12px; } .generic-list-block ul { margin-left: 0; padding: 0 12px 0 5px; } } @media (min-width: 1px) and (max-width: 639px) { .generic-list-block { float: none; padding-right: 0; } .generic-list-block ul { margin-left: 0; background-color: #fff; padding: 0 17px; } .generic-list-block ul li a { margin-left: 0; } } #the-buzz p { font-weight: 700; font-size: 12px; letter-spacing: 4.2px; line-height: 1.2; text-align: center; text-transform: uppercase; float: left; color: #454545; } #the-buzz h4 { line-height: 5; } #the-buzz p.icon, #the-buzz p.icon-left-of-text, #the-buzz p.breadcrumb, #the-buzz body.gallery .hero p.gallery-wall-back, body.gallery .hero #the-buzz p.gallery-wall-back, #the-buzz p.icon-right-of-text, #the-buzz p.arrow-link, #the-buzz .accordion p.accordion-trigger, .accordion #the-buzz p.accordion-trigger, #the-buzz p.play-btn:before, #the-buzz p.modal-video-trigger:before, #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #the-buzz p.count:before { color: #fff; width: 170px; height: 170px; margin-bottom: 30px; position: relative; z-index: 0; } #the-buzz p.icon:before, #the-buzz p.icon-left-of-text:before, #the-buzz p.breadcrumb:before, #the-buzz body.gallery .hero p.gallery-wall-back:before, body.gallery .hero #the-buzz p.gallery-wall-back:before, #the-buzz p.icon-right-of-text:before, #the-buzz p.arrow-link:before, #the-buzz .accordion p.accordion-trigger:before, .accordion #the-buzz p.accordion-trigger:before, #the-buzz p.play-btn:before, #the-buzz p.modal-video-trigger:before, #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #the-buzz p.count:before { font-size: 118px; font-weight: 400; position: relative; line-height: 185px; } #the-buzz p.icon:after, #the-buzz p.icon-left-of-text:after, #the-buzz p.breadcrumb:after, #the-buzz body.gallery .hero p.gallery-wall-back:after, body.gallery .hero #the-buzz p.gallery-wall-back:after, #the-buzz p.icon-right-of-text:after, #the-buzz p.arrow-link:after, #the-buzz .accordion p.accordion-trigger:after, .accordion #the-buzz p.accordion-trigger:after { content: ''; background-color: #c00; height: 170px; width: 170px; border-radius: 170px; position: absolute; top: 0; left: 0; z-index: -1; } @media (min-width: 640px) and (max-width: 939px) { #the-buzz p.icon, #the-buzz p.icon-left-of-text, #the-buzz p.breadcrumb, #the-buzz body.gallery .hero p.gallery-wall-back, body.gallery .hero #the-buzz p.gallery-wall-back, #the-buzz p.icon-right-of-text, #the-buzz p.arrow-link, #the-buzz .accordion p.accordion-trigger, .accordion #the-buzz p.accordion-trigger, #the-buzz p.play-btn:before, #the-buzz p.modal-video-trigger:before, #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #the-buzz p.count:before { width: 154px; height: 154px; margin-bottom: 20px; } #the-buzz p.icon:before, #the-buzz p.icon-left-of-text:before, #the-buzz p.breadcrumb:before, #the-buzz body.gallery .hero p.gallery-wall-back:before, body.gallery .hero #the-buzz p.gallery-wall-back:before, #the-buzz p.icon-right-of-text:before, #the-buzz p.arrow-link:before, #the-buzz .accordion p.accordion-trigger:before, .accordion #the-buzz p.accordion-trigger:before, #the-buzz p.play-btn:before, #the-buzz p.modal-video-trigger:before, #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #the-buzz p.count:before { font-size: 104px; line-height: 168px; } #the-buzz p.icon:after, #the-buzz p.icon-left-of-text:after, #the-buzz p.breadcrumb:after, #the-buzz body.gallery .hero p.gallery-wall-back:after, body.gallery .hero #the-buzz p.gallery-wall-back:after, #the-buzz p.icon-right-of-text:after, #the-buzz p.arrow-link:after, #the-buzz .accordion p.accordion-trigger:after, .accordion #the-buzz p.accordion-trigger:after { height: 154px; width: 154px; border-radius: 154px; } } @media (min-width: 1px) and (max-width: 639px) { #the-buzz { background-color: #fff; float: left; padding: 30px 15px 0; } #the-buzz p { font-size: 13px; letter-spacing: 4px; text-align: center; padding: 10px 15px 0; width: 44%; margin-bottom: 0; } #the-buzz p.icon, #the-buzz p.icon-left-of-text, #the-buzz p.breadcrumb, #the-buzz body.gallery .hero p.gallery-wall-back, body.gallery .hero #the-buzz p.gallery-wall-back, #the-buzz p.icon-right-of-text, #the-buzz p.arrow-link, #the-buzz .accordion p.accordion-trigger, .accordion #the-buzz p.accordion-trigger, #the-buzz p.play-btn:before, #the-buzz p.modal-video-trigger:before, #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #the-buzz p.count:before { width: 110px; height: 110px; margin-bottom: 0px; z-index: 1; } #the-buzz p.icon:before, #the-buzz p.icon-left-of-text:before, #the-buzz p.breadcrumb:before, #the-buzz body.gallery .hero p.gallery-wall-back:before, body.gallery .hero #the-buzz p.gallery-wall-back:before, #the-buzz p.icon-right-of-text:before, #the-buzz p.arrow-link:before, #the-buzz .accordion p.accordion-trigger:before, .accordion #the-buzz p.accordion-trigger:before, #the-buzz p.play-btn:before, #the-buzz p.modal-video-trigger:before, #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #the-buzz p.count:before { font-size: 77px; line-height: 100px; } #the-buzz p.icon:after, #the-buzz p.icon-left-of-text:after, #the-buzz p.breadcrumb:after, #the-buzz body.gallery .hero p.gallery-wall-back:after, body.gallery .hero #the-buzz p.gallery-wall-back:after, #the-buzz p.icon-right-of-text:after, #the-buzz p.arrow-link:after, #the-buzz .accordion p.accordion-trigger:after, .accordion #the-buzz p.accordion-trigger:after { height: 110px; width: 110px; border-radius: 110px; } } .stats-block { background: #c00 url("../../abv-chrome/img/global/bg-stripes-dark-red.png") top left repeat; color: #fff; padding: 0; } .stats-block.no-link { padding: 24px; } .stats-block a { color: #fff; display: block; padding: 24px; text-decoration: none; } .stats-block a:hover p.icon + p.stat-text, .stats-block a:hover p.icon-left-of-text + p.stat-text, .stats-block a:hover p.breadcrumb + p.stat-text, .stats-block a:hover body.gallery .hero p.gallery-wall-back + p.stat-text, body.gallery .hero .stats-block a:hover p.gallery-wall-back + p.stat-text, .stats-block a:hover p.icon-right-of-text + p.stat-text, .stats-block a:hover p.arrow-link + p.stat-text, .stats-block a:hover .accordion p.accordion-trigger + p.stat-text, .accordion .stats-block a:hover p.accordion-trigger + p.stat-text, .stats-block a:hover p.play-btn:before + p.stat-text, .stats-block a:hover p.modal-video-trigger:before + p.stat-text, .stats-block a:hover body.search-results .article-item .results-block p.count:before + p.stat-text, body.search-results .article-item .results-block .stats-block a:hover p.count:before + p.stat-text, .stats-block a:focus p.icon + p.stat-text, .stats-block a:focus p.icon-left-of-text + p.stat-text, .stats-block a:focus p.breadcrumb + p.stat-text, .stats-block a:focus body.gallery .hero p.gallery-wall-back + p.stat-text, body.gallery .hero .stats-block a:focus p.gallery-wall-back + p.stat-text, .stats-block a:focus p.icon-right-of-text + p.stat-text, .stats-block a:focus p.arrow-link + p.stat-text, .stats-block a:focus .accordion p.accordion-trigger + p.stat-text, .accordion .stats-block a:focus p.accordion-trigger + p.stat-text, .stats-block a:focus p.play-btn:before + p.stat-text, .stats-block a:focus p.modal-video-trigger:before + p.stat-text, .stats-block a:focus body.search-results .article-item .results-block p.count:before + p.stat-text, body.search-results .article-item .results-block .stats-block a:focus p.count:before + p.stat-text { text-decoration: underline; } .stats-block h3 { color: #fff; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 28px; line-height: 25px; letter-spacing: -0.56px; padding: 0 12px; text-align: center; text-transform: none; } .stats-block h3 + ul li { padding-top: 30px; margin-top: 30px; border: 0; border-top: 5px dotted #fff; border-image: url("../../abv-chrome/img/global/dot-white.png") 100% 0 round; } .stats-block h3.offscreen + ul li { padding-top: 0px; margin-top: 0px; border-width: 0; } .stats-block ul { list-style: none; margin: 0; padding: 0; } .stats-block li { text-align: center; } .stats-block li p.stat { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 28px; line-height: 1; margin-bottom: 8px; } .stats-block li p.stat-text { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 0; } .stats-block li p.stat-text.small { font-size: 13px; letter-spacing: 1px; line-height: 1.2; text-transform: none; } .stats-block li p.icon, .stats-block li p.icon-left-of-text, .stats-block li p.breadcrumb, .stats-block li body.gallery .hero p.gallery-wall-back, body.gallery .hero .stats-block li p.gallery-wall-back, .stats-block li p.icon-right-of-text, .stats-block li p.arrow-link, .stats-block li .accordion p.accordion-trigger, .accordion .stats-block li p.accordion-trigger, .stats-block li p.play-btn:before, .stats-block li p.modal-video-trigger:before, .stats-block li body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block .stats-block li p.count:before { color: #c00; font-size: 38px; height: 50px; line-height: 50px; display: block; margin-bottom: 21px; text-transform: none; z-index: 0; } .stats-block li p.icon:before, .stats-block li p.icon-left-of-text:before, .stats-block li p.breadcrumb:before, .stats-block li body.gallery .hero p.gallery-wall-back:before, body.gallery .hero .stats-block li p.gallery-wall-back:before, .stats-block li p.icon-right-of-text:before, .stats-block li p.arrow-link:before, .stats-block li .accordion p.accordion-trigger:before, .accordion .stats-block li p.accordion-trigger:before, .stats-block li p.play-btn:before, .stats-block li p.modal-video-trigger:before, .stats-block li body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block .stats-block li p.count:before { position: relative; } .stats-block li p.icon:after, .stats-block li p.icon-left-of-text:after, .stats-block li p.breadcrumb:after, .stats-block li body.gallery .hero p.gallery-wall-back:after, body.gallery .hero .stats-block li p.gallery-wall-back:after, .stats-block li p.icon-right-of-text:after, .stats-block li p.arrow-link:after, .stats-block li .accordion p.accordion-trigger:after, .accordion .stats-block li p.accordion-trigger:after { content: ''; color: #c00; background-color: #fff; height: 50px; width: 50px; border-radius: 50px; position: absolute; top: 0; left: 29%; z-index: -1; } @media (min-width: 1px) and (max-width: 639px) { .stats-block { padding: 0; } .stats-block a { padding: 20px; } .stats-block h3 { border: 0; border-right: 5px dotted #fff; border-image: url("../../abv-chrome/img/global/dot-white.png") 0 100% round; font-size: 23px; line-height: 21px; width: 33%; float: left; } .stats-block ul { float: left; width: 66%; } .stats-block h3 + ul li { border: none; display: inline-block; float: left; height: 70px; padding-top: 0; margin-top: 0; width: 50%; } .stats-block h3 + ul li p.stat { font-size: 23px; } .stats-block h3 + ul li p.stat-text { font-size: 9px; letter-spacing: 2px; } .stats-block h3 + ul li p.icon, .stats-block h3 + ul li p.icon-left-of-text, .stats-block h3 + ul li p.breadcrumb, .stats-block h3 + ul li body.gallery .hero p.gallery-wall-back, body.gallery .hero .stats-block h3 + ul li p.gallery-wall-back, .stats-block h3 + ul li p.icon-right-of-text, .stats-block h3 + ul li p.arrow-link, .stats-block h3 + ul li .accordion p.accordion-trigger, .accordion .stats-block h3 + ul li p.accordion-trigger, .stats-block h3 + ul li p.play-btn:before, .stats-block h3 + ul li p.modal-video-trigger:before, .stats-block h3 + ul li body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block .stats-block h3 + ul li p.count:before { font-size: 42px; margin-bottom: 6px; height: 60px; line-height: 60px; padding-left: 10px; } .stats-block h3 + ul li p.icon:after, .stats-block h3 + ul li p.icon-left-of-text:after, .stats-block h3 + ul li p.breadcrumb:after, .stats-block h3 + ul li body.gallery .hero p.gallery-wall-back:after, body.gallery .hero .stats-block h3 + ul li p.gallery-wall-back:after, .stats-block h3 + ul li p.icon-right-of-text:after, .stats-block h3 + ul li p.arrow-link:after, .stats-block h3 + ul li .accordion p.accordion-trigger:after, .accordion .stats-block h3 + ul li p.accordion-trigger:after { left: 22%; height: 60px; width: 60px; border-radius: 60px; } } .content-search { padding: 30px; background: #c00 none; } .content-search h3 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; color: #fff; padding: 0; margin-bottom: 15px; text-align: left; } @media (min-width: 1px) and (max-width: 639px) { .content-search h3 { font-size: 18px; letter-spacing: 0.36px; } } .content-search .abv-form input[type="search"], .content-search ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="search"], ul.accordion.pdf-builder .accordion-content .accordion-primary .content-search fieldset input[type="search"] { height: 30px; letter-spacing: -0.75px; line-height: 30px; padding-left: 5px; padding-right: 5px; } .content-search .abv-form .icon-search, .content-search ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search, ul.accordion.pdf-builder .accordion-content .accordion-primary .content-search fieldset .icon-search { font-size: 20px; height: 30px; line-height: 32px; } @media (min-width: 640px) and (max-width: 939px) { .content-search { padding: 15px 15px 20px 20px; } .content-search h3 { font-size: 20px; width: 100%; } .content-search .abv-form input[type="search"], .content-search ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="search"], ul.accordion.pdf-builder .accordion-content .accordion-primary .content-search fieldset input[type="search"] { font-size: 10px; width: 88%; } .content-search .abv-form .icon-search, .content-search ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search, ul.accordion.pdf-builder .accordion-content .accordion-primary .content-search fieldset .icon-search { width: 12%; } } @media (min-width: 1px) and (max-width: 639px) { .content-search { padding: 15px; } .content-search .abv-form input[type="search"], .content-search ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset input[type="search"], ul.accordion.pdf-builder .accordion-content .accordion-primary .content-search fieldset input[type="search"] { font-size: 13px; } .content-search .abv-form .icon-search, .content-search ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search, ul.accordion.pdf-builder .accordion-content .accordion-primary .content-search fieldset .icon-search { font-size: 26px; } } #application-progress a { padding-left: 40px; font-size: 12px; font-weight: 700; } #application-progress a:before { font-size: 25px; font-weight: normal; } @media (min-width: 1px) and (max-width: 639px) { #application-progress { padding: 0 15px; } #application-progress a { line-height: 1.4; padding-left: 30px; } #application-progress a:before { font-size: 20px; } } #stock-ticker { background-color: #111; color: #fff; } #stock-ticker a { color: #fff; display: block; padding: 24px; text-decoration: none; } #stock-ticker h3 { color: #fff; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 28px; line-height: 25px; letter-spacing: -0.56px; padding: 0 12px; text-align: center; text-transform: none; } #stock-ticker h3 + ul li { padding-top: 30px; margin-top: 30px; } #stock-ticker h3.offscreen + ul li { padding-top: 0px; margin-top: 0px; border-top: none; } #stock-ticker ul { list-style: none; margin: 0; padding: 0; } #stock-ticker li { text-align: center; } #stock-ticker li p.stat { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 28px; margin-bottom: 8px; } #stock-ticker li p.stat-text { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 0; } #stock-ticker p.icon, #stock-ticker p.icon-left-of-text, #stock-ticker p.breadcrumb, #stock-ticker body.gallery .hero p.gallery-wall-back, body.gallery .hero #stock-ticker p.gallery-wall-back, #stock-ticker p.icon-right-of-text, #stock-ticker p.arrow-link, #stock-ticker .accordion p.accordion-trigger, .accordion #stock-ticker p.accordion-trigger, #stock-ticker p.play-btn:before, #stock-ticker p.modal-video-trigger:before, #stock-ticker body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #stock-ticker p.count:before { display: block; font-size: 74px; height: 34px; } #stock-ticker p.icon:before, #stock-ticker p.icon-left-of-text:before, #stock-ticker p.breadcrumb:before, #stock-ticker body.gallery .hero p.gallery-wall-back:before, body.gallery .hero #stock-ticker p.gallery-wall-back:before, #stock-ticker p.icon-right-of-text:before, #stock-ticker p.arrow-link:before, #stock-ticker .accordion p.accordion-trigger:before, .accordion #stock-ticker p.accordion-trigger:before, #stock-ticker p.play-btn:before, #stock-ticker p.modal-video-trigger:before, #stock-ticker body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block #stock-ticker p.count:before { position: relative; } #stock-ticker p.stat-text span.stock-value { display: inline-block; padding-right: 6px; position: relative; z-index: 0; } #stock-ticker p.stat-text span.stock-value .helper-text { text-indent: -99999em; display: none; visibility: hidden; position: absolute; } #stock-ticker p.stat-text span.stock-value.change-positive:before { color: #038400; } #stock-ticker p.stat-text span.stock-value.change-positive .helper-text.value-positive { display: inline; visibility: visible; } #stock-ticker p.stat-text span.stock-value.change-negative:before { color: #c00; } #stock-ticker p.stat-text span.stock-value.change-negative .helper-text.value-negative { display: inline; visibility: visible; } #stock-ticker p.stat-text span.stock-value.change-nochange:before { color: #000; } #stock-ticker p.stat-text span.stock-value.change-nochange .helper-text.value-no-change { display: inline; visibility: visible; } #stock-ticker p.stat-text span.stock-value:before { line-height: 16px; position: relative; } #stock-ticker p.stat-text span.stock-value:after { content: ''; background-color: #fff; height: 21px; width: 21px; border-radius: 50%; position: absolute; top: -2px; left: -5px; z-index: -1; } .get-this-look a { width: 100%; background-color: #fff; display: block; float: left; padding: 15px; text-decoration: none; } .get-this-look a:hover .shop-now, .get-this-look a:focus .shop-now { text-decoration: underline; } .get-this-look img { width: 50%; float: left; } .get-this-look .cta-text { width: 50%; float: right; } .get-this-look .cta-text p { margin-bottom: 0; text-transform: uppercase; text-align: center; } .get-this-look .cta-text p sup:nth-child(2) { text-decoration: underline; } .get-this-look p.line-one { font-size: 11px; font-weight: 700; line-height: 32px; letter-spacing: 1.65px; color: #454545; } .get-this-look p.line-two { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 30px; color: #c00; } .get-this-look p.shop-now { color: #c00; font-size: 10px; font-weight: 700; line-height: 21px; letter-spacing: 2.5px; } .get-this-look p.shop-now span.icon:before, .get-this-look p.shop-now span.icon-left-of-text:before, .get-this-look p.shop-now span.breadcrumb:before, .get-this-look p.shop-now body.gallery .hero span.gallery-wall-back:before, body.gallery .hero .get-this-look p.shop-now span.gallery-wall-back:before, .get-this-look p.shop-now span.icon-right-of-text:before, .get-this-look p.shop-now span.arrow-link:before, .get-this-look p.shop-now .accordion span.accordion-trigger:before, .accordion .get-this-look p.shop-now span.accordion-trigger:before, .get-this-look p.shop-now #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .get-this-look p.shop-now span.stock-value:before, .get-this-look p.shop-now span.play-btn:before, .get-this-look p.shop-now span.modal-video-trigger:before, .get-this-look p.shop-now body.search-results .article-item .results-block span.count:before, body.search-results .article-item .results-block .get-this-look p.shop-now span.count:before, .get-this-look p.shop-now .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .get-this-look p.shop-now span:before { color: #c00; top: -6px; } @media (min-width: 640px) and (max-width: 939px) { .get-this-look img, .get-this-look .cta-text { width: 100%; float: none; } } @media (min-width: 1px) and (max-width: 639px) { .get-this-look a { padding: 12px; } .get-this-look .cta-text { padding-top: 35px; } .get-this-look p.line-one { font-size: 12px; line-height: 1.2; letter-spacing: 3px; } .get-this-look p.line-two { font-size: 35px; line-height: 1.4; } .get-this-look p.shop-now { font-size: 12px; line-height: 1.2; letter-spacing: 3px; } .get-this-look p.shop-now span.icon:before, .get-this-look p.shop-now span.icon-left-of-text:before, .get-this-look p.shop-now span.breadcrumb:before, .get-this-look p.shop-now body.gallery .hero span.gallery-wall-back:before, body.gallery .hero .get-this-look p.shop-now span.gallery-wall-back:before, .get-this-look p.shop-now span.icon-right-of-text:before, .get-this-look p.shop-now span.arrow-link:before, .get-this-look p.shop-now .accordion span.accordion-trigger:before, .accordion .get-this-look p.shop-now span.accordion-trigger:before, .get-this-look p.shop-now #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .get-this-look p.shop-now span.stock-value:before, .get-this-look p.shop-now span.play-btn:before, .get-this-look p.shop-now span.modal-video-trigger:before, .get-this-look p.shop-now body.search-results .article-item .results-block span.count:before, body.search-results .article-item .results-block .get-this-look p.shop-now span.count:before, .get-this-look p.shop-now .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .get-this-look p.shop-now span:before { font-size: 7px; top: -5px; } } .related-articles li { min-height: 98px; } .related-articles a { *zoom: 1; clear: both; } .related-articles a:before, .related-articles a:after { content: ""; display: table; } .related-articles a:after { clear: both; } .related-articles h3 { text-transform: none; padding: 0; } .related-articles img { float: left; } .related-articles p { padding-left: 70px; margin-bottom: 0; } @media (min-width: 1px) and (max-width: 639px) { .related-articles ul { padding: 0 15px; } .related-articles p { font-size: 13px; font-weight: 700; } } .cta-block { background-color: #fff; color: #000; padding: 24px; } .cta-block p, .cta-block a { font-size: 12px; font-weight: 400; line-height: 1.4; color: #000; } .cta-block p.stat-text, .cta-block a.stat-text { text-align: center; margin-bottom: 15px; } .cta-block .button { color: #fff; font-weight: 700; letter-spacing: 0; padding: 6px 0; text-align: center; text-decoration: none; text-transform: none; width: 95px; } .cta-block .icon, .cta-block .icon-left-of-text, .cta-block #application-progress a, #application-progress .cta-block a, .cta-block .stay-connected a, .stay-connected .cta-block a, .cta-block .list-w-icons-left a, .list-w-icons-left .cta-block a, .cta-block .breadcrumb, .cta-block .carousel-component a.carousel-view-all, .carousel-component .cta-block a.carousel-view-all, .cta-block body.gallery .hero .gallery-wall-back, body.gallery .hero .cta-block .gallery-wall-back, .cta-block .icon-right-of-text, .cta-block .arrow-link, .cta-block .accordion .accordion-trigger, .accordion .cta-block .accordion-trigger, .cta-block #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .cta-block span.stock-value, .cta-block .breadcrumb ul li:after, .breadcrumb ul .cta-block li:after, .cta-block .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .cta-block button, .cta-block .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .cta-block button, .cta-block #category-filter li a, #category-filter li .cta-block a, .cta-block .play-btn:before, .cta-block .modal-video-trigger:before, .cta-block .pagination a.pagination-arrow, .pagination .cta-block a.pagination-arrow, .cta-block body.search-results .pagination nav a.pagination-arrow, body.search-results .pagination nav .cta-block a.pagination-arrow, .cta-block body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .cta-block .count:before, .cta-block .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .cta-block span:before { display: block; font-size: 55px; line-height: 1; margin-bottom: 0; } .cta-block .icon:before, .cta-block .icon-left-of-text:before, .cta-block #application-progress a:before, #application-progress .cta-block a:before, .cta-block .stay-connected a:before, .stay-connected .cta-block a:before, .cta-block .list-w-icons-left a:before, .list-w-icons-left .cta-block a:before, .cta-block .breadcrumb:before, .cta-block .carousel-component a.carousel-view-all:before, .carousel-component .cta-block a.carousel-view-all:before, .cta-block body.gallery .hero .gallery-wall-back:before, body.gallery .hero .cta-block .gallery-wall-back:before, .cta-block .icon-right-of-text:before, .cta-block .arrow-link:before, .cta-block .accordion .accordion-trigger:before, .accordion .cta-block .accordion-trigger:before, .cta-block #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .cta-block span.stock-value:before, .cta-block .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .cta-block button:before, .cta-block .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .cta-block button:before, .cta-block #category-filter li a:before, #category-filter li .cta-block a:before, .cta-block .play-btn:before, .cta-block .modal-video-trigger:before, .cta-block .pagination a.pagination-arrow:before, .pagination .cta-block a.pagination-arrow:before, .cta-block body.search-results .pagination nav a.pagination-arrow:before, body.search-results .pagination nav .cta-block a.pagination-arrow:before, .cta-block body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .cta-block .count:before, .cta-block .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .cta-block span:before { position: relative; } .cta-block ul { list-style: none; margin: 0; padding: 0; } .cta-block li { display: block; } .cta-block h3 { color: #000; font-family: "GriffithCircular", "Times New Roman", serif; font-weight: 400; text-align: center; text-transform: none; } .cta-block.heading-large h3 { font-size: 24px; letter-spacing: 0px; line-height: 1; padding: 0 12px; margin: 4px 0 20px 0; } @media (min-width: 640px) and (max-width: 939px) { .cta-block.heading-large h3 { font-size: 21px; } } @media (min-width: 1px) and (max-width: 639px) { .cta-block.heading-large h3 { font-size: 16px; margin: 0 0 15px 0; } } .cta-block.heading-medium h3 { font-size: 21px; letter-spacing: 0px; padding: 0; margin: 8px 0 10px 0; } @media (min-width: 640px) and (max-width: 939px) { .cta-block.heading-medium h3 { font-size: 18px; } } @media (min-width: 1px) and (max-width: 639px) { .cta-block.heading-medium h3 { font-size: 16px; margin: 0 0 15px 0; } } .cta-block.heading-small h3 { font-size: 18px; letter-spacing: 0px; line-height: 1; padding: 0; margin: 12px 0 8px 0; } @media (min-width: 640px) and (max-width: 939px) { .cta-block.heading-small h3 { font-size: 16px; } } @media (min-width: 1px) and (max-width: 639px) { .cta-block.heading-small h3 { font-size: 16px; margin: 0; } } .cta-block.no-wrapping-tag { padding: 24px; } .cta-block.no-wrapping-tag a { color: #c00; display: inline; padding: 0; text-decoration: none; } .cta-block.no-wrapping-tag a:hover, .cta-block.no-wrapping-tag a:focus { text-decoration: underline; } @media (min-width: 1px) and (max-width: 639px) { .cta-block { padding: 17px; } .cta-block li { display: block; float: left; height: 100%; } .cta-block li:nth-of-type(1) { width: 38%; } .cta-block li:nth-of-type(2) { width: 62%; padding: 0 0 0 17px; } .cta-block li .icon, .cta-block li .icon-left-of-text, .cta-block li #application-progress a, #application-progress .cta-block li a, .cta-block li .stay-connected a, .stay-connected .cta-block li a, .cta-block li .list-w-icons-left a, .list-w-icons-left .cta-block li a, .cta-block li .breadcrumb, .cta-block li .carousel-component a.carousel-view-all, .carousel-component .cta-block li a.carousel-view-all, .cta-block li body.gallery .hero .gallery-wall-back, body.gallery .hero .cta-block li .gallery-wall-back, .cta-block li .icon-right-of-text, .cta-block li .arrow-link, .cta-block li .accordion .accordion-trigger, .accordion .cta-block li .accordion-trigger, .cta-block li #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .cta-block li span.stock-value, .cta-block li .breadcrumb ul li:after, .breadcrumb ul .cta-block li li:after, .cta-block li .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .cta-block li button, .cta-block li .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .cta-block li button, .cta-block #category-filter li a, #category-filter .cta-block li a, .cta-block li .play-btn:before, .cta-block li .modal-video-trigger:before, .cta-block li .pagination a.pagination-arrow, .pagination .cta-block li a.pagination-arrow, .cta-block li body.search-results .pagination nav a.pagination-arrow, body.search-results .pagination nav .cta-block li a.pagination-arrow, .cta-block li body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .cta-block li .count:before, .cta-block li .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .cta-block li span:before { font-size: 60px; } .cta-block li .button { margin: 0 auto; width: 102px; } .cta-block.no-wrapping-tag { padding: 17px; } .cta-block.no-wrapping-tag a { padding: 0; float: none; } } .cta-block-w-links { background-color: #fff; color: #000; padding: 24px; } .cta-block-w-links p { color: #000; text-align: center; } .cta-block-w-links a { display: block; font-size: 12px; font-weight: 700; line-height: 1.4; text-align: center; } .cta-block-w-links p.stat { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; margin: 15px 0; } @media (min-width: 1px) and (max-width: 639px) { .cta-block-w-links p.stat { font-size: 18px; letter-spacing: 0.36px; } } .cta-block-w-links p.stat-text { font-size: 10px; font-weight: 700; letter-spacing: 2.5px; line-height: 1.2; text-transform: uppercase; margin-bottom: 15px; } .cta-block-w-links .icon, .cta-block-w-links .icon-left-of-text, .cta-block-w-links #application-progress a, #application-progress .cta-block-w-links a, .cta-block-w-links .stay-connected a, .stay-connected .cta-block-w-links a, .cta-block-w-links .list-w-icons-left a, .list-w-icons-left .cta-block-w-links a, .cta-block-w-links .breadcrumb, .cta-block-w-links .carousel-component a.carousel-view-all, .carousel-component .cta-block-w-links a.carousel-view-all, .cta-block-w-links body.gallery .hero .gallery-wall-back, body.gallery .hero .cta-block-w-links .gallery-wall-back, .cta-block-w-links .icon-right-of-text, .cta-block-w-links .arrow-link, .cta-block-w-links .accordion .accordion-trigger, .accordion .cta-block-w-links .accordion-trigger, .cta-block-w-links #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text .cta-block-w-links span.stock-value, .cta-block-w-links .breadcrumb ul li:after, .breadcrumb ul .cta-block-w-links li:after, .cta-block-w-links .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .cta-block-w-links button, .cta-block-w-links .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .cta-block-w-links button, .cta-block-w-links #category-filter li a, #category-filter li .cta-block-w-links a, .cta-block-w-links .play-btn:before, .cta-block-w-links .modal-video-trigger:before, .cta-block-w-links .pagination a.pagination-arrow, .pagination .cta-block-w-links a.pagination-arrow, .cta-block-w-links body.search-results .pagination nav a.pagination-arrow, body.search-results .pagination nav .cta-block-w-links a.pagination-arrow, .cta-block-w-links body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .cta-block-w-links .count:before, .cta-block-w-links .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .cta-block-w-links span:before { display: block; font-size: 55px; line-height: 1; margin-bottom: 0; } .cta-block-w-links .icon:before, .cta-block-w-links .icon-left-of-text:before, .cta-block-w-links #application-progress a:before, #application-progress .cta-block-w-links a:before, .cta-block-w-links .stay-connected a:before, .stay-connected .cta-block-w-links a:before, .cta-block-w-links .list-w-icons-left a:before, .list-w-icons-left .cta-block-w-links a:before, .cta-block-w-links .breadcrumb:before, .cta-block-w-links .carousel-component a.carousel-view-all:before, .carousel-component .cta-block-w-links a.carousel-view-all:before, .cta-block-w-links body.gallery .hero .gallery-wall-back:before, body.gallery .hero .cta-block-w-links .gallery-wall-back:before, .cta-block-w-links .icon-right-of-text:before, .cta-block-w-links .arrow-link:before, .cta-block-w-links .accordion .accordion-trigger:before, .accordion .cta-block-w-links .accordion-trigger:before, .cta-block-w-links #stock-ticker p.stat-text span.stock-value:before, #stock-ticker p.stat-text .cta-block-w-links span.stock-value:before, .cta-block-w-links .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .cta-block-w-links button:before, .cta-block-w-links .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button:before, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .cta-block-w-links button:before, .cta-block-w-links #category-filter li a:before, #category-filter li .cta-block-w-links a:before, .cta-block-w-links .play-btn:before, .cta-block-w-links .modal-video-trigger:before, .cta-block-w-links .pagination a.pagination-arrow:before, .pagination .cta-block-w-links a.pagination-arrow:before, .cta-block-w-links body.search-results .pagination nav a.pagination-arrow:before, body.search-results .pagination nav .cta-block-w-links a.pagination-arrow:before, .cta-block-w-links body.search-results .article-item .results-block .count:before, body.search-results .article-item .results-block .cta-block-w-links .count:before, .cta-block-w-links .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media .cta-block-w-links span:before { position: relative; } #pulse-blog ul { list-style: none; margin: 0; padding: 0; } #pulse-blog img { margin-bottom: 15px; } #pulse-blog p { font-weight: 700; font-size: 12px; letter-spacing: 4.2px; line-height: 1.2; text-align: center; text-transform: uppercase; color: #454545; padding: 0 12px; margin-bottom: 24px; } #pulse-blog .arrow-link { letter-spacing: 0; text-align: center; } #pulse-blog li h4 { padding-left: 10px; } @media (min-width: 1px) and (max-width: 639px) { #pulse-blog { padding: 0 15px; } #pulse-blog img, #pulse-blog p { width: 50%; display: block; float: left; } #pulse-blog p:first-of-type { font-size: 11px; letter-spacing: 2.5px; margin-top: 60px; } #pulse-blog ul { clear: both; } } .quote-block { background: #454545 url("../../abv-chrome/img/global/bg-stripes-black-15-percent-up.png") center center repeat; color: #fff; padding: 24px; position: relative; } .quote-block:before, .quote-block:after { content: ''; display: block; background: transparent url("../img/global/sprite-quotes.png") no-repeat 0 0; height: 27px; position: absolute; width: 36px; z-index: 0; } .quote-block:before { top: 7px; left: 7px; } .quote-block:after { background-position: -36px 0; bottom: 7px; right: 7px; } .quote-block ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 1; } .quote-block ul p.quote-text { font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.28px; } @media (min-width: 640px) and (max-width: 939px) { .quote-block ul p.quote-text { font-size: 12px; } } @media (min-width: 1px) and (max-width: 639px) { .quote-block ul p.quote-text { font-size: 12px; } } .quote-block ul p.quote-author { font-size: 10px; letter-spacing: 2.5px; line-height: 12px; text-transform: uppercase; margin-bottom: 0; } .good-to-know { padding: 24px; background: #fff; } .good-to-know h3 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; color: #c00; line-height: 1.2; text-align: center; } @media (min-width: 1px) and (max-width: 639px) { .good-to-know h3 { font-size: 18px; letter-spacing: 0.36px; } } .good-to-know h3 + ul li { padding-top: 30px; margin-top: 30px; border: 0; border-top: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 100% 0 round; } .good-to-know ul { list-style: none; margin: 0; padding: 0; } .good-to-know p { font-size: 13px; line-height: 18px; margin-bottom: 0; text-align: center; } .good-to-know p a { font-weight: 700; } .stay-connected ul, .list-w-icons-left ul { list-style: none; margin: 0; padding: 0; } .stay-connected a, .list-w-icons-left a { font-size: 14px; font-weight: 700; letter-spacing: -0.28px; line-height: 1; padding: 12px 0 12px 40px; } .stay-connected a.no-icon, .list-w-icons-left a.no-icon { padding-left: 0; } .stay-connected a:hover, .stay-connected a:focus, .list-w-icons-left a:hover, .list-w-icons-left a:focus { text-decoration: none; } .stay-connected a:hover span, .stay-connected a:focus span, .list-w-icons-left a:hover span, .list-w-icons-left a:focus span { text-decoration: underline; } .stay-connected a:before, .list-w-icons-left a:before { background-color: #fff; font-size: 25px; font-weight: 100; width: 24px; border-radius: 50%; height: 18px; text-align: center; } .stay-connected.no-item-bg a:before, .list-w-icons-left.no-item-bg a:before { background-color: transparent; } .stay-connected.no-item-bg p, .list-w-icons-left.no-item-bg p { font-size: 12px; font-weight: 400; line-height: 1.4; margin-bottom: 0; padding: 4px 0; } @media (min-width: 1px) and (max-width: 639px) { .stay-connected, .list-w-icons-left { padding: 0 15px; } } .learn-more p { color: #454545; font-size: 12px; line-height: 18px; margin-bottom: 17px; padding: 4px 0; } @media (min-width: 1px) and (max-width: 639px) { .learn-more { padding: 0 15px; } } section.side-link > h2, section.primary > h2 { float: left; } section.side-link > .arrow-link, section.primary > .arrow-link { display: block; float: right; margin-top: 20px; } @media (min-width: 640px) and (max-width: 939px) { section.side-link > .arrow-link, section.primary > .arrow-link { margin-top: 5px; } } @media (min-width: 1px) and (max-width: 639px) { section.side-link > .arrow-link, section.primary > .arrow-link { margin-top: 5px; } } @media (min-width: 1px) and (max-width: 639px) { section.side-link > .arrow-link, section.primary > .arrow-link { margin-right: 15px; } } section.side-link > .column:nth-of-type(1), section.primary > .column:nth-of-type(1) { clear: both; } body.gallery #main-content { padding-top: 60px; } body.gallery .hero { margin-top: 28px; } .content-section { clear: both; } .content-section .article-column { clear: both; } .content-section article { margin: 0 auto; width: 296px; } .content-section article h3 { font-size: 24px; letter-spacing: -0.6px; } .content-section article p { margin: 20px 0 0 0; } .content-section li:nth-child(3n+1) article { margin: 0; } .content-section li:nth-child(3n+3) article { float: right; } @media (min-width: 640px) and (max-width: 939px) { .content-section article { margin: 0; width: 312px; } .content-section article a.category { font-size: 9px; letter-spacing: 1px; } .content-section article h3 { font-size: 18px; line-height: 1.2; padding-bottom: 16px; } .content-section article p { margin-top: 15px; } .content-section li:nth-child(odd) article { float: left; } .content-section li:nth-child(even) article { float: right; } } @media (min-width: 1px) and (max-width: 639px) { .content-section article { width: 100%; } .content-section article h3 { font-size: 18px; line-height: 1.2; padding-bottom: 16px; } .content-section article p { margin-top: 2px; } } .breadcrumb:before { color: #999; display: block; float: left; font-size: 22px; font-weight: 700; width: 20px; line-height: 44px; } .breadcrumb ul { list-style: none; margin: 0; padding: 0; margin-left: 30px; } .breadcrumb ul li { display: inline-block; } .breadcrumb ul li:after { text-indent: 0; font-size: 6px; padding: 0 3px 0 7px; top: 2px; } .breadcrumb ul li:last-child:after { display: none; } .breadcrumb ul li a { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; color: #454545; font-size: 10px; font-weight: 700; line-height: 44px; letter-spacing: 2px; text-transform: uppercase; } .breadcrumb ul li a:hover, .breadcrumb ul li a:focus { text-decoration: none; color: #c00; } @media (min-width: 640px) and (max-width: 939px) { .breadcrumb { display: none; } } @media (min-width: 1px) and (max-width: 639px) { .breadcrumb { display: none; } } ._cosmicIndicator, .tagBox { z-index: 0 !important; } .hero .generic-list-block { display: inline; float: left; width: 19.20635%; margin-left: 0; margin-right: 0; float: right; } .hero-featured-article { display: inline; float: left; width: 79.20635%; margin-left: 0; margin-right: 0; } @media (min-width: 640px) and (max-width: 939px) { .hero .generic-list-block { display: inline; float: left; width: 25.87302%; margin-left: 0; margin-right: 0; float: right; } .hero-featured-article { display: inline; float: left; width: 73.37302%; margin-left: 0; margin-right: 0; } } @media (min-width: 1px) and (max-width: 639px) { .hero .generic-list-block { display: inline; float: left; width: 90.87302%; margin-left: 0; margin-right: 0; margin-left: 4.56349%; margin-top: 25px; } .hero-featured-article { display: inline; float: left; width: 99.20635%; margin-left: 0; margin-right: 0; } } .hero p { font-size: 16px; line-height: 1.5; } .hero img { width: 100%; } .hero.sidebar-left .hero-featured-article { float: right; } .hero.sidebar-left .generic-list-block { padding-right: 10px; float: left; } @media (min-width: 640px) and (max-width: 939px) { .hero.sidebar-left .hero-featured-article { float: right; } } @media (min-width: 1px) and (max-width: 639px) { .hero.sidebar-left .generic-list-block { padding-right: 0; } } .hero-featured-article .featured-image, .hero-featured-article .featured-video { position: relative; } .hero-featured-article .featured-image > a, .hero-featured-article .featured-video > a { display: block; position: relative; text-decoration: none; width: 100%; } .hero-featured-article .featured-image > a img, .hero-featured-article .featured-video > a img { width: 100%; height: auto; } .hero-featured-article .featured-image:hover div h3, .hero-featured-article .featured-video:hover div h3 { color: #c00; } .hero-featured-article .featured-image a:focus h3, .hero-featured-article .featured-video a:focus h3 { box-shadow: 0 0 5px 1px #0369d7; color: #c00; } @media (min-width: 640px) and (max-width: 939px) { html.touch .hero-featured-article .featured-image a:focus h3, html.touch .hero-featured-article .featured-video a:focus h3 { box-shadow: none; } } @media (min-width: 1px) and (max-width: 639px) { html.touch .hero-featured-article .featured-image a:focus h3, html.touch .hero-featured-article .featured-video a:focus h3 { box-shadow: none; } } .hero-featured-article .featured-image div, .hero-featured-article .featured-video div { background-color: #eee; background-color: rgba(238, 238, 238, 0.85); cursor: pointer; position: absolute; margin: 0 auto; padding: 25px; bottom: 0; left: 0; right: 0; width: 460px; } .hero-featured-article .featured-image div a.category, .hero-featured-article .featured-video div a.category { display: block; background-color: #fff; color: #c00; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; line-height: 1; margin-bottom: 0px; text-transform: uppercase; background: transparent; margin-bottom: 15px; } .hero-featured-article .featured-image div a.category:hover, .hero-featured-article .featured-video div a.category:hover { text-decoration: underline; } .hero-featured-article .featured-image div a.category + a, .hero-featured-article .featured-video div a.category + a { text-decoration: none; } .hero-featured-article .featured-image div h3, .hero-featured-article .featured-video div h3 { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; padding: 0; } .hero-featured-article .featured-image .transcript-link, .hero-featured-article .featured-video .transcript-link { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; color: #454545; font-size: 10px; font-weight: 700; line-height: 1.4; text-align: right; } .hero-featured-article .featured-image .transcript-link:hover, .hero-featured-article .featured-image .transcript-link:focus, .hero-featured-article .featured-video .transcript-link:hover, .hero-featured-article .featured-video .transcript-link:focus { color: #c00; } @media (min-width: 640px) and (max-width: 939px) { .hero-featured-article .featured-image .feature-card { background-color: #fff; height: auto; position: relative; left: 0; width: 100%; } .hero-featured-article .featured-image .feature-card a.category { margin-bottom: 10px; } .hero-featured-article .featured-image .feature-card h3 { min-width: 100%; } } @media (min-width: 1px) and (max-width: 639px) { .hero-featured-article .featured-image .feature-card { background-color: #fff; height: auto; position: relative; left: 0; padding: 15px; width: 100%; } .hero-featured-article .featured-image .feature-card a.category { margin-bottom: 5px; } .hero-featured-article .featured-image .feature-card h3 { min-width: 100%; } } .sidebar-below .hero-featured-article { background: #fff; width: 100%; } .sidebar-below .hero-featured-article .featured-image h2 { color: #fff; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 700; line-height: 28px; margin-bottom: 10px; } @media (min-width: 1px) and (max-width: 639px) { .sidebar-below .hero-featured-article .featured-image h2 { padding-left: 0; } } .sidebar-below .hero-featured-article .featured-image p { margin-bottom: 0; } .sidebar-below .hero-featured-article .cms-content { padding: 30px; } .sidebar-below .hero-featured-article .cms-content table { display: inline-block; margin-top: 20px; vertical-align: top; width: 49%; } @media (min-width: 640px) and (max-width: 939px) { .sidebar-below .hero-featured-article .cms-content table { width: 100%; } } @media (min-width: 1px) and (max-width: 639px) { .sidebar-below .hero-featured-article .cms-content table { width: 100%; } } .sidebar-below .hero-featured-article .cms-content table ul { font-size: 14px; list-style: none; margin: 5px 0; padding: 0; } .sidebar-below .hero-featured-article .cms-content table ul > li:before { content: "\2022"; font-size: 12px; } .carousel-wrapper { margin: 0 auto; overflow: hidden; padding-bottom: 30px; position: relative; width: 100%; } .carousel-wrapper .nav-cycle { left: 0; letter-spacing: 0; line-height: 2; opacity: 0; padding: 0 5px; position: absolute; top: 0; z-index: 2; } .carousel-wrapper .nav-cycle:focus { opacity: 1; } .carousel-wrapper .panel-controls button { background: rgba(69, 69, 69, 0.5); height: 100%; line-height: 1; margin: 0; padding: 0; width: 100%; } .carousel-wrapper .panel-controls button:hover, .carousel-wrapper .panel-controls button:focus { background: #c00; } .carousel-wrapper .panel-controls .active button { background: #c00; cursor: default; } .carousel-wrapper .panel-controls .nav-panels-arrows { list-style: none; margin: 0; padding: 0; position: absolute; top: 40%; top: calc(50% - 35px); width: 100%; -webkit-transition: top 0.4s ease; -ms-transition: top 0.4s ease; -moz-transition: top 0.4s ease; -o-transition: top 0.4s ease; transition: top 0.4s ease; } .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next { height: 75px; position: absolute; width: 75px; } .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back button, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next button { font-size: 36px; } .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back { left: 0; } .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next { right: 0; } .carousel-wrapper .panel-controls .nav-panels-arrows .disabled button { background: #eee; background: rgba(69, 69, 69, 0.5); cursor: default; opacity: 0.5; } .carousel-wrapper .panel-controls .nav-panels-arrows .disabled button:hover, .carousel-wrapper .panel-controls .nav-panels-arrows .disabled button:focus { background: #eee; background: rgba(69, 69, 69, 0.5); } .carousel-wrapper .panel-controls .nav-panels-pagination { list-style: none; margin: 0; padding: 0; bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; } .carousel-wrapper .panel-controls .nav-panels-pagination li { display: inline-block; } .carousel-wrapper .panel-controls .nav-panels-pagination li button { text-indent: -99999em; border-radius: 50%; height: 10px; margin: 0 3px; overflow: hidden; width: 10px; } .carousel { list-style: none; margin: 0; padding: 0; height: 100%; margin: 0 auto; overflow: hidden; position: relative; width: 100%; } .carousel > li { height: 100%; min-height: 1px; position: relative; } .carousel > li:focus { outline: none; } .carousel > li.active { position: relative; } .carousel > li img { max-height: 100%; margin: 0 auto; } .content-section .carousel-wrapper .carousel > li article { float: none; } .carousel-component { border-bottom: 10px solid #eee; border-top: 10px solid #eee; margin: 0 -30px; padding: 30px 0; position: relative; } .carousel-component h2 { padding-left: 30px; } .carousel-component.has-view-all-link h2 { max-width: 75%; } @media (min-width: 640px) and (max-width: 939px) { .carousel-component.has-view-all-link h2 { max-width: 65%; } } @media (min-width: 1px) and (max-width: 639px) { .carousel-component.has-view-all-link h2 { max-width: 65%; } } .carousel-component a.carousel-view-all { color: #999; font-size: 13px; font-weight: 700; line-height: 24px; padding-left: 30px; position: absolute; right: 30px; text-transform: uppercase; top: 30px; } .carousel-component a.carousel-view-all:before { color: #999; font-size: 22px; width: 20px; } .carousel-component a.carousel-view-all:hover, .carousel-component a.carousel-view-all:focus { color: #c00; } .carousel-component a.carousel-view-all:hover:before, .carousel-component a.carousel-view-all:focus:before { color: #c00; } @media (min-width: 640px) and (max-width: 939px) { .carousel-component { margin: -20px; padding: 20px 0; } .carousel-component h2 { padding-left: 20px; } .carousel-component a.carousel-view-all { right: 20px; top: 20px; } } @media (min-width: 1px) and (max-width: 639px) { .carousel-component { margin: -15px; padding: 15px 0; } .carousel-component h2 { padding-left: 15px; } .carousel-component a.carousel-view-all { font-size: 10px; padding-left: 20px; right: 15px; top: 15px; } .carousel-component a.carousel-view-all:before { font-size: 16px; } } .carousel-component .panel-controls .nav-panels-pagination { position: relative; } .carousel-with-desc .carousel > li { float: left; } .carousel-with-desc .desc .arrow-link { color: #c00; padding-right: 10px; } .carousel-with-desc .desc .arrow-link:hover, .carousel-with-desc .desc .arrow-link:focus { text-decoration: underline; } .carousel-with-desc .ie8 > .arrow-link { margin-right: 320px; } .carousel-with-desc .ie8 .media { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .carousel-with-desc .ie8 .desc { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; font-size: 14px; line-height: 24px; padding-left: 20px; } .carousel-with-desc .ie8 .desc h3 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.42px; line-height: 24px; margin-bottom: 15px; text-transform: none; margin-bottom: 10px; } .carousel-with-desc .ie8 .share { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; padding-left: 20px; } .carousel-with-desc .ie8 .share h4 { color: #c00; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 16px; font-weight: 400; line-height: 24px; } .carousel-with-desc .ie8 .share .social-group li a { font-size: 23px; height: 35px; line-height: 35px; width: 35px; } .carousel-with-desc .ie8 .panel-controls .nav-panels-arrows, .carousel-with-desc .ie8 .panel-controls .nav-panels-pagination { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } @media (min-width: 940px) and (max-width: 9999px) { .carousel-with-desc > .arrow-link { margin-right: 320px; } .carousel-with-desc .media { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .carousel-with-desc .desc { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; font-size: 14px; line-height: 24px; padding-left: 20px; } .carousel-with-desc .desc h3 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.42px; line-height: 24px; margin-bottom: 15px; text-transform: none; margin-bottom: 10px; } .carousel-with-desc .share { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; padding-left: 20px; } .carousel-with-desc .share h4 { color: #c00; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 16px; font-weight: 400; line-height: 24px; } .carousel-with-desc .share .social-group li a { font-size: 23px; height: 35px; line-height: 35px; width: 35px; } .carousel-with-desc .panel-controls .nav-panels-arrows, .carousel-with-desc .panel-controls .nav-panels-pagination { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } } @media (min-width: 640px) and (max-width: 939px) { .carousel-with-desc .media { height: 320px; margin-bottom: 45px; overflow: hidden; position: relative; } .carousel-with-desc .media img { left: 0; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } .carousel-with-desc .desc { font-size: 14px; line-height: 24px; } .carousel-with-desc .desc h3 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.42px; line-height: 24px; margin-bottom: 15px; text-transform: none; margin-bottom: 10px; } .carousel-with-desc .desc p { margin-bottom: 15px; } .carousel-with-desc .share h4 { color: #c00; display: inline-block; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 18px; font-weight: 400; line-height: 30px; margin-right: 20px; } .carousel-with-desc .share .social-group { display: inline-block; width: auto; } .carousel-with-desc .panel-controls .nav-panels-arrows { top: 177px; } .carousel-with-desc .panel-controls .nav-panels-pagination { bottom: auto; top: 324px; } } @media (min-width: 1px) and (max-width: 639px) { .carousel-with-desc .carousel-wrapper { background: #fff; } .carousel-with-desc .carousel-wrapper .carousel > li { padding: 15px; } .carousel-with-desc .media { height: 145px; margin-bottom: 30px; overflow: hidden; position: relative; } .carousel-with-desc .media img { left: 0; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } .carousel-with-desc .desc { font-size: 12px; line-height: 16px; } .carousel-with-desc .desc h3 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.42px; line-height: 24px; margin-bottom: 15px; text-transform: none; margin-bottom: 10px; } .carousel-with-desc .desc p { margin-bottom: 15px; } .carousel-with-desc .share h4 { color: #c00; display: inline-block; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 18px; font-weight: 400; line-height: 30px; margin-right: 20px; } .carousel-with-desc .share .social-group { display: inline-block; width: auto; } .carousel-with-desc .panel-controls .nav-panels-arrows { top: 70px; } .carousel-with-desc .panel-controls .nav-panels-pagination { bottom: auto; top: 163px; } } .modal-window#modal-gallery .modal-content .carousel-wrapper { height: 100%; } @media (min-width: 940px) and (max-width: 9999px) { .modal-window#modal-gallery .modal-content .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next { right: 25%; } } .modal-window#modal-gallery .modal-content .carousel-wrapper .carousel { height: 100%; width: 100%; } .modal-window#modal-gallery .modal-content .carousel-wrapper .carousel > li { padding: 0; } @media (min-width: 1px) and (max-width: 639px) { .modal-window#modal-gallery .social-group { text-align: left; } .modal-window#modal-gallery .nav-panels-pagination { display: none; } } @media (min-width: 640px) and (max-width: 939px) { .modal-window#modal-gallery .social-group { text-align: left; } .modal-window#modal-gallery .nav-panels-pagination { display: none; } } .accordion { list-style: none; margin: 0; padding: 0; clear: both; margin: 30px 0; } .accordion > li { border-bottom: 1px solid #eee; border-top: 1px solid #eee; list-style: none; margin-bottom: -1px; padding: 15px; } .accordion .accordion-trigger { color: #454545; font-size: 14px; font-style: italic; padding-right: 15px; width: 100%; } .accordion .accordion-trigger .accordion-cta { color: #c00; font-style: normal; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .accordion .accordion-trigger:before { color: #c00; font-size: 10px; font-style: normal; } .accordion .accordion-trigger:hover { color: #c00; text-decoration: none; } .accordion .accordion-content { *zoom: 1; clear: both; } .accordion .accordion-content:before, .accordion .accordion-content:after { content: ""; display: table; } .accordion .accordion-content:after { clear: both; } .accordion .accordion-content .accordion-primary { float: left; font-size: 14px; margin: 30px 0 0; width: 70%; } @media (min-width: 1px) and (max-width: 639px) { .accordion .accordion-content .accordion-primary { width: 100%; } } .accordion .accordion-content .accordion-primary h3 { color: #111; font-size: 16px; margin-bottom: 20px; } .accordion .accordion-content .accordion-secondary { float: left; margin-right: 5%; width: 25%; } @media (min-width: 1px) and (max-width: 639px) { .accordion .accordion-content .accordion-secondary { width: 100%; } } .accordion .accordion-content .accordion-secondary img { margin-bottom: 0; } .accordion > li.wide .accordion-content .accordion-primary { width: 100%; } .accordion > li.wide .accordion-content .accordion-secondary { display: none; } body.article .primary article ul.accordion { margin: 30px 0; } body.article .primary article ul.accordion li { padding: 15px; } ul.accordion.pdf-builder { background: #fff; margin: 0 0 30px; } ul.accordion.pdf-builder > li { padding: 30px; } @media (min-width: 640px) and (max-width: 939px) { ul.accordion.pdf-builder > li { padding: 20px; } } @media (min-width: 1px) and (max-width: 639px) { ul.accordion.pdf-builder > li { padding: 15px; } } ul.accordion.pdf-builder .accordion-trigger { font-size: 30px; font-style: normal; font-weight: bold; line-height: 1.2; } ul.accordion.pdf-builder .accordion-trigger:before { font-size: 20px; line-height: 1.5; } @media (min-width: 1px) and (max-width: 639px) { ul.accordion.pdf-builder .accordion-trigger { font-size: 18px; } ul.accordion.pdf-builder .accordion-trigger:before { font-size: 15px; } } @media (min-width: 640px) and (max-width: 939px) { ul.accordion.pdf-builder .accordion-trigger { font-size: 18px; } ul.accordion.pdf-builder .accordion-trigger:before { font-size: 15px; } } ul.accordion.pdf-builder .accordion-content { margin-top: 30px; } ul.accordion.pdf-builder .accordion-content .accordion-primary { border: 0; border-left: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 0 100% round; margin: 0; padding-left: 5%; width: 68%; } @media (min-width: 1px) and (max-width: 639px) { ul.accordion.pdf-builder .accordion-content .accordion-primary { border: none; margin-top: 30px; padding-left: 0; width: 100%; } } ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset { margin-bottom: 4px; } ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset ul { list-style: none; margin: 0; padding: 0; } ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset li { display: block; margin-bottom: 25px; } ul.accordion.pdf-builder .accordion-content .accordion-secondary { font-size: 14px; margin-right: 0; padding-right: 5%; width: 32%; } @media (min-width: 1px) and (max-width: 639px) { ul.accordion.pdf-builder .accordion-content .accordion-secondary { padding-right: 0; width: 100%; } ul.accordion.pdf-builder .accordion-content .accordion-secondary img { margin: 0 auto; } } ul.accordion.pdf-builder .accordion-content p { margin-bottom: 20px; } ul.accordion.pdf-builder .accordion-content a.button { display: inline-block; letter-spacing: 0; margin: 0; } ul.accordion.pdf-builder .accordion-content a.button.disabled { background: #999; cursor: default; opacity: 0.5; } .tab-switcher { *zoom: 1; clear: both; margin: 0 0 30px; } .tab-switcher:before, .tab-switcher:after { content: ""; display: table; } .tab-switcher:after { clear: both; } @media (min-width: 1px) and (max-width: 639px) { .tab-switcher ul.tab-nav { display: none; } .tab-switcher select.tab-nav { margin-bottom: 20px; } } @media (min-width: 640px) and (max-width: 939px) { .tab-switcher ul.tab-nav { display: none; } .tab-switcher select.tab-nav { margin-bottom: 20px; } } @media (min-width: 1px) and (max-width: 639px) { .tab-switcher select.tab-nav { margin-left: 15px; } } @media (min-width: 940px) and (max-width: 9999px) { .tab-switcher select.tab-nav { display: none; } .tab-switcher ul.tab-nav { list-style: none; margin: 0; padding: 0; } .tab-switcher ul.tab-nav li { border-right: 2px solid #999; display: inline-block; font-weight: bold; font-size: 21px; line-height: 1.2; margin: 0 10px 10px 0; padding-right: 10px; position: relative; white-space: nowrap; } .tab-switcher ul.tab-nav li:last-child { border-right: none; margin-right: 0; padding-right: 0; } .tab-switcher ul.tab-nav li.active:after { border-color: #eee transparent transparent transparent; border-style: solid; border-width: 13px 13px 0 13px; bottom: -23px; content: ''; display: block; height: 0; left: 40%; left: calc(50% - 13px); position: absolute; width: 0; z-index: 1; } .tab-switcher ul.tab-nav li.active a { color: #454545; } } article.crr-goals-item { *zoom: 1; clear: both; color: #454545; font-size: 12px; line-height: 18px; background: #fff; line-height: 1.2; margin-bottom: 30px; padding: 30px; position: relative; } article.crr-goals-item:before, article.crr-goals-item:after { content: ""; display: table; } article.crr-goals-item:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { article.crr-goals-item { padding: 20px; } } @media (min-width: 1px) and (max-width: 639px) { article.crr-goals-item { padding: 50px 15px 15px; } } article.crr-goals-item .column:last-child { padding-top: 80px; } @media (min-width: 1px) and (max-width: 639px) { article.crr-goals-item .column:last-child { padding-top: 0; } } article.crr-goals-item p { margin-bottom: 20px; } article.crr-goals-item p.footnote { font-size: 9px; font-style: italic; } article.crr-goals-item header { font-size: 16px; } article.crr-goals-item header h3 { font-size: 18px; line-height: 1.2; margin-bottom: 20px; } article.crr-goals-item header h3 .status { background: #767676; color: #fff; display: inline-block; padding: 5px 10px; position: absolute; right: 30px; top: 30px; } @media (min-width: 1px) and (max-width: 639px) { article.crr-goals-item header h3 .status { right: 0; top: 0; } } article.crr-goals-item header .progress span { display: block; font-size: 40px; font-weight: 200; } article.crr-goals-item.on-track header h3 .status { background: #007fad; } article.crr-goals-item.on-track .progress { color: #007fad; } article.crr-goals-item.exceeded header h3 .status { background: #5e801c; } article.crr-goals-item.exceeded .progress { color: #5e801c; } .load-more-ajax.loading, .load-more-static.loading, .load-more-filter.loading { background: url("../../abv-chrome/img/global/loader-darkgrey-lightgrey.gif") center top no-repeat; } .load-more-ajax.loading .article-item.loading, .load-more-static.loading .article-item.loading, .load-more-filter.loading .article-item.loading { opacity: 0; } .load-more-ajax .article-item .offscreen, .load-more-ajax .article-item a.skip-link, .load-more-ajax .article-item .skip-links a, .skip-links .load-more-ajax .article-item a, .load-more-ajax .article-item .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .load-more-ajax .article-item span, .load-more-ajax .article-item .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .load-more-ajax .article-item span, .load-more-ajax .article-item body.home .hero h1, body.home .hero .load-more-ajax .article-item h1, .load-more-static .article-item .offscreen, .load-more-static .article-item a.skip-link, .load-more-static .article-item .skip-links a, .skip-links .load-more-static .article-item a, .load-more-static .article-item .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .load-more-static .article-item span, .load-more-static .article-item .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .load-more-static .article-item span, .load-more-static .article-item body.home .hero h1, body.home .hero .load-more-static .article-item h1, .load-more-filter .article-item .offscreen, .load-more-filter .article-item a.skip-link, .load-more-filter .article-item .skip-links a, .skip-links .load-more-filter .article-item a, .load-more-filter .article-item .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back .load-more-filter .article-item span, .load-more-filter .article-item .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next span, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next .load-more-filter .article-item span, .load-more-filter .article-item body.home .hero h1, body.home .hero .load-more-filter .article-item h1 { display: block; height: 0; overflow: hidden; text-indent: -99999em; width: 0; } .load-more-ajax .column, .load-more-filter .column { display: block; float: none; width: 100%; } .load-more-ajax .column .article-item, .load-more-filter .column .article-item { width: 360px; } @media (min-width: 640px) and (max-width: 939px) { .load-more-ajax .column .article-item, .load-more-filter .column .article-item { width: 229px; } } @media (min-width: 1px) and (max-width: 639px) { .load-more-ajax .column .article-item, .load-more-filter .column .article-item { width: 320px; } } #category-filter { background: #454545 url("../../abv-chrome/img/global/bg-stripes-black-15-percent-up.png") top left repeat; color: #fff; padding: 24px; } #category-filter h3 { border: 0; border-bottom: 5px dotted #fff; border-image: url("../../abv-chrome/img/global/dot-white.png") 100% 0 round; color: #fff; font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; line-height: 1.2; padding: 0 0 20px 0; margin-bottom: 27px; } #category-filter ul { list-style: none; margin: 0; padding: 0; } #category-filter li { -webkit-transition: background-color 0.25s; -ms-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; position: relative; margin: 13px 0; } #category-filter li a { -webkit-transition: all 0.25s; -ms-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.28px; color: #fff; display: block; height: 24px; line-height: 24px; padding-left: 8px; text-decoration: none; text-indent: 0; width: calc(100% + 25px); font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (min-width: 640px) and (max-width: 939px) { #category-filter li a { font-size: 12px; } } @media (min-width: 1px) and (max-width: 639px) { #category-filter li a { font-size: 12px; } } #category-filter li a:before { -webkit-transition: opacity 0.25s; -ms-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; color: #c00; font-size: 12px; font-weight: 400; height: 100%; line-height: 24px; opacity: 0; right: 0; width: 5px; z-index: 1; font-family: "icons"; } #category-filter li a:after { -webkit-transition: opacity 0.25s; -ms-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 10px; border-color: transparent transparent transparent #ffffff; right: -10px; top: 0; opacity: 0; } #category-filter li a:hover, #category-filter li a:focus, #category-filter li a.active { background-color: #fff; color: #c00; } #category-filter li a:hover:before, #category-filter li a:hover:after, #category-filter li a:focus:before, #category-filter li a:focus:after, #category-filter li a.active:before, #category-filter li a.active:after { opacity: 1; } @media (min-width: 640px) and (max-width: 939px) { #category-filter li a { height: 21px; line-height: 23px; } #category-filter li a:before { line-height: 22px; } #category-filter li a:after { top: -2px; } } @media (min-width: 1px) and (max-width: 639px) { a.filter-jump, #category-filter { display: none; } } body.gallery .hero h1 { display: inline-block; } body.gallery .hero .gallery-wall-back { display: inline-block; float: right; font-size: 13px; font-weight: 700; line-height: 24px; margin-top: 20px; padding-left: 20px; text-transform: uppercase; } @media (min-width: 640px) and (max-width: 939px) { body.gallery .hero .gallery-wall-back { margin-top: 10px; } } @media (min-width: 1px) and (max-width: 639px) { body.gallery .hero .gallery-wall-back { font-size: 10px; margin-top: 0; padding-left: 10px; } } .wall-listing { width: 100%; min-height: 50px; max-width: 100%; box-sizing: border-box; margin: 0 auto; position: relative; *zoom: 1; clear: both; } .wall-listing:before, .wall-listing:after { content: ""; display: table; } .wall-listing:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { .wall-listing { width: 620px; margin: 0 10px; } } .wall-listing.loading { background: url("../../abv-chrome/img/global/loader-darkgrey-lightgrey.gif") center center no-repeat; } .gallery-wall article { width: 300px; } @media (min-width: 1px) and (max-width: 639px) { .gallery-wall article { width: 100%; } } .gallery-wall article.loading { opacity: 0; } .gallery-wall .btn-load-more { display: none; } .social-wall { margin-bottom: 86px; } .social-wall h2 { float: left; } .social-wall .social-icons { list-style: none; margin: 0; padding: 0; display: block; float: right; margin-top: 15px; } @media (min-width: 640px) and (max-width: 939px) { .social-wall .social-icons { margin: 0 10px 0 0; } } @media (min-width: 1px) and (max-width: 639px) { .social-wall .social-icons { margin-top: 0px; } } .social-wall .social-icons li { display: inline-block; float: left; } .social-wall .social-icons li:first-child { margin-left: 0; } .social-wall .social-icons li a { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; color: #454545; display: block; font-size: 24px; height: 24px; width: 30px; } @media (min-width: 1px) and (max-width: 639px) { .social-wall .social-icons li a { font-size: 20px; width: 24px; } } .social-wall .social-icons li a:hover, .social-wall .social-icons li a:focus { color: #c00; text-decoration: none; } .social-wall .btn-load-more { display: none; } .social-wall .wall-listing > .grid-cell { width: 300px; background: #fff; box-sizing: border-box; margin: 0 0 20px; position: relative; } @media (min-width: 1px) and (max-width: 639px) { .social-wall .wall-listing > .grid-cell { margin-bottom: 25px; width: 100%; } } .social-wall .wall-listing > .grid-cell.loading { opacity: 0; } .social-wall .wall-listing > .grid-cell .offscreen-label { display: block; height: 0; overflow: hidden; text-indent: -99999em; width: 0; } .social-wall .wall-listing > .grid-cell > h3:first-child { width: 80%; height: 50px; position: absolute; text-indent: -99999em; } .social-wall .wall-listing > .grid-cell > div.post-header { *zoom: 1; clear: both; padding: 15px 30px 0 15px; } .social-wall .wall-listing > .grid-cell > div.post-header:before, .social-wall .wall-listing > .grid-cell > div.post-header:after { content: ""; display: table; } .social-wall .wall-listing > .grid-cell > div.post-header:after { clear: both; } .social-wall .wall-listing > .grid-cell > div.post-header p { font-size: 10px; line-height: 1.2; margin: 0; position: relative; width: 98%; } .social-wall .wall-listing > .grid-cell > div.post-header p img { float: left; height: auto; margin-right: 5px; width: 22px; } .social-wall .wall-listing > .grid-cell > div.post-header p span { display: block; } .social-wall .wall-listing > .grid-cell > div.post-header p span.date { position: absolute; right: 0; top: 5px; width: auto; } .social-wall .wall-listing > .grid-cell > div.post-header p a { display: inline-block; min-width: 60%; } .social-wall .wall-listing > .grid-cell > div.post-header a.social-icon { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; background: no-repeat 0 0; color: #454545; display: inline-block; float: right; font-size: 23px; height: 24px; position: absolute; right: 10px; top: 15px; width: 20px; } .social-wall .wall-listing > .grid-cell > div.post-header a.social-icon:before { line-height: 24px; } .social-wall .wall-listing > .grid-cell > div.post-header a.social-icon:hover, .social-wall .wall-listing > .grid-cell > div.post-header a.social-icon:focus { color: #c00; } .social-wall .wall-listing > .grid-cell > div.content { padding: 15px 30px 20px 15px; } .social-wall .wall-listing > .grid-cell > div.content > p { color: #333; font-size: 12px; line-height: 16px; font-weight: bold; text-overflow: ellipsis; margin: 0 0 16px; overflow-x: hidden; } .social-wall .wall-listing > .grid-cell > div.content > div.cta a { display: inline-block; font-size: 20px; line-height: 20px; width: 20px; height: 20px; background: no-repeat 0 0; } .social-wall .wall-listing > .grid-cell > div.content > div.cta a:hover, .social-wall .wall-listing > .grid-cell > div.content > div.cta a:focus { opacity: 0.8; } .social-wall .wall-listing > .grid-cell > div.content > div.cta a.icon-retweet { font-size: 22px; } .social-wall .wall-listing > .grid-cell > div.content > div.cta > a:not(:first-child) { margin-left: 0.5em; } .social-wall .wall-listing > .grid-cell > div.media > a { display: block; position: relative; text-decoration: none; } .social-wall .wall-listing > .grid-cell > div.media > a > img { display: block; width: 100%; height: auto; } .loader-overlay { background: #fff; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; } .loader-spinner { background: url("../../abv-chrome/img/global/loader-red-white.gif") center center no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #modal-overlay { background: #000; background: rgba(0, 0, 0, 0.8); display: none; height: 100%; left: 0; width: 100%; position: fixed; top: 0; z-index: 11; } #modal-overlay.active { display: block; } .modal-content { display: none; } .modal-window { background: #000; background: rgba(0, 0, 0, 0.8); display: none; opacity: 0; padding: 0; z-index: 12; } .modal-window, .modal-window *, .modal-window *:before, .modal-window *:after { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .modal-window.active { opacity: 1; } .modal-window .modal-content { display: block; height: 100%; position: relative; width: 100%; } .modal-window .modal-content h3 { color: #000; font-size: 32px; font-weight: 700; line-height: 1.1; letter-spacing: -0.28px; } @media (min-width: 940px) and (max-width: 9999px) { .modal-window .modal-content h3 { border: 0; border-bottom: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 100% 0 round; margin-bottom: 30px; padding-bottom: 30px; } } @media (min-width: 1px) and (max-width: 639px) { .modal-window .modal-content h3 { font-size: 16px; margin-bottom: 5px; } } @media (min-width: 640px) and (max-width: 939px) { .modal-window .modal-content h3 { font-size: 16px; margin-bottom: 5px; } } .modal-window .modal-content .button { display: inline-block; } @media (min-width: 1px) and (max-width: 639px) { .modal-window .modal-content .button { font-size: 10px; letter-spacing: 2.5px; margin: 0; padding: 5px 20px; width: auto; } } .modal-window .modal-content .modal-primary, .modal-window .modal-content .modal-secondary { display: block; position: absolute; width: 100%; } @media (min-width: 940px) and (max-width: 9999px) { .modal-window .modal-content .modal-primary { height: 100%; left: 0; width: 75%; } } @media (min-width: 1px) and (max-width: 639px) { .modal-window .modal-content .modal-primary { height: 100%; top: 0; } } @media (min-width: 640px) and (max-width: 939px) { .modal-window .modal-content .modal-primary { height: 100%; top: 0; } } .modal-window .modal-content .modal-primary img { bottom: 0; left: 0; margin: auto; max-height: 100%; position: absolute; right: 0; top: 0; } .modal-window .modal-content .modal-secondary { background: #fff; overflow-y: auto; padding: 30px; } @media (min-width: 940px) and (max-width: 9999px) { .modal-window .modal-content .modal-secondary { height: 100%; right: 0; width: 25%; } } @media (min-width: 1px) and (max-width: 639px) { .modal-window .modal-content .modal-secondary { bottom: 0; height: auto; overflow: visible; padding: 0; } } @media (min-width: 640px) and (max-width: 939px) { .modal-window .modal-content .modal-secondary { bottom: 0; height: auto; overflow: visible; padding: 0; } } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger { display: none; } @media (min-width: 1px) and (max-width: 639px) { .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger { border-bottom: #fff 5px solid; display: block; height: 30px; position: absolute; text-indent: -99999em; top: -30px; width: 100%; } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger:before { background: rgba(0, 0, 0, 0.8); bottom: 0; content: ''; display: block; height: 1000px; opacity: 1; position: absolute; width: 100%; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger:after { background: url("../img/global/mobile-drawer-trigger.png") top center no-repeat; background-size: 100% auto; bottom: 0; color: #c00; content: '-'; display: block; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; height: 30px; left: calc(50% - 50px); line-height: 30px; position: absolute; text-align: center; text-indent: 0; width: 100px; } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger:focus { outline: none; } .modal-window .modal-content .modal-secondary.closed a.mobile-drawer-trigger:before { height: 0; opacity: 0; } .modal-window .modal-content .modal-secondary.closed a.mobile-drawer-trigger:after { content: '+'; } .modal-window .modal-content .modal-secondary .mobile-drawer { overflow: hidden; padding: 10px; } } @media (min-width: 640px) and (max-width: 939px) { .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger { border-bottom: #fff 5px solid; display: block; height: 30px; position: absolute; text-indent: -99999em; top: -30px; width: 100%; } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger:before { background: rgba(0, 0, 0, 0.8); bottom: 0; content: ''; display: block; height: 1000px; opacity: 1; position: absolute; width: 100%; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger:after { background: url("../img/global/mobile-drawer-trigger.png") top center no-repeat; background-size: 100% auto; bottom: 0; color: #c00; content: '-'; display: block; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; height: 30px; left: calc(50% - 50px); line-height: 30px; position: absolute; text-align: center; text-indent: 0; width: 100px; } .modal-window .modal-content .modal-secondary a.mobile-drawer-trigger:focus { outline: none; } .modal-window .modal-content .modal-secondary.closed a.mobile-drawer-trigger:before { height: 0; opacity: 0; } .modal-window .modal-content .modal-secondary.closed a.mobile-drawer-trigger:after { content: '+'; } .modal-window .modal-content .modal-secondary .mobile-drawer { overflow: hidden; padding: 10px; } } .modal-window .modal-content .modal-secondary p { font-size: 16px; } @media (min-width: 940px) and (max-width: 9999px) { .modal-window .modal-content .modal-secondary p { word-break: break-word; -ms-word-wrap: break-word; -webkit-word-wrap: break-word; -moz-word-wrap: break-word; } } @media (min-width: 1px) and (max-width: 639px) { .modal-window .modal-content .modal-secondary p { font-size: 11px; } } .modal-window .icon-close { background: none; color: #454545; height: 30px; line-height: 30px; position: absolute; right: 0; top: 0; width: 30px; z-index: 1; } @media (min-width: 640px) and (max-width: 939px) { .modal-window .icon-close { color: #999; } } @media (min-width: 1px) and (max-width: 639px) { .modal-window .icon-close { color: #999; } } .modal-window .icon-close:hover, .modal-window .icon-close:focus { text-decoration: none; } .modal-window .icon-close:hover { color: #c00; } .modal-window .icon-close:focus { box-shadow: 0 0 5px 1px #0369d7; outline: none; } .play-btn, .modal-video-trigger { display: block; position: relative; text-decoration: none; } .play-btn:before, .modal-video-trigger:before { color: #fff; font-size: 50px; left: 0; position: absolute; text-align: center; text-shadow: 0 0px 10px rgba(0, 0, 0, 0.8); top: 35%; top: calc(50% - 25px); width: 100%; } .play-btn:hover:before, .modal-video-trigger:hover:before, .play-btn:focus:before, .modal-video-trigger:focus:before { opacity: 0.8; text-decoration: none; } .video_play { display: block; height: 0; overflow: hidden; padding-bottom: 55%; position: relative; } .video_play a.play-btn, .video_play a.modal-video-trigger { margin-top: -10%; text-decoration: none; } .video_play a.play-btn:before, .video_play a.modal-video-trigger:before { font-size: 100px; top: calc(50% - 50px); } @media (min-width: 640px) and (max-width: 939px) { .video_play a.play-btn:before, .video_play a.modal-video-trigger:before { font-size: 70px; top: calc(50% - 35px); } } @media (min-width: 1px) and (max-width: 639px) { .video_play a.play-btn:before, .video_play a.modal-video-trigger:before { font-size: 50px; top: calc(50% - 25px); } } .video_play img { width: 100%; } body.article .primary article .video_play img { margin: 0 auto; } .video-container { *zoom: 1; clear: both; padding-bottom: 20px; width: 100%; } .video-container:before, .video-container:after { content: ""; display: table; } .video-container:after { clear: both; } .video-container .video-player { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } .video-container .video-player iframe, .video-container .video-player object, .video-container .video-player embed, .video-container .video-player > div, .video-container .video-player video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-container h3, .video-container p { font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.28px; margin-bottom: 0; } @media (min-width: 640px) and (max-width: 939px) { .video-container h3, .video-container p { font-size: 12px; } } @media (min-width: 1px) and (max-width: 639px) { .video-container h3, .video-container p { font-size: 12px; } } .video-container p { font-weight: normal; } .video-container .video-caption { float: left; padding: 10px 0 0; width: 70%; } .video-container .video-transcript { float: right; padding: 10px 0 0; text-align: right; width: 30%; } .article-body .video-container { padding-bottom: 0; margin-bottom: -20px; } .article-body .video-container .video-caption, .article-body .video-container .video-transcript { display: block; float: none; padding: 0; width: 100%; } .article-body .video-container .video-caption a, .article-body .video-container .video-transcript a { font-weight: normal; } .modal-window .video-container .video-player { bottom: 0; height: 0; margin: auto; overflow: hidden; padding-bottom: 56.25%; position: absolute; top: 0; width: 100%; } .modal-window .video-container p { margin-bottom: 20px; } .modal-window .video-container .media-download { display: none; } .pagination { display: table-cell; float: right; font-weight: 700; margin: 0; padding: 0; text-align: right; } .pagination a, .pagination span { color: #111; font-size: 18px; font-weight: 400; line-height: 1.6; color: #c00; display: inline-block; font-weight: 700; height: 40px; line-height: 40px; margin: 0; padding: 0 10px; vertical-align: top; } @media (min-width: 1px) and (max-width: 639px) { .pagination a, .pagination span { font-size: 14px; line-height: 1.5; } } .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { text-decoration: none; } @media (min-width: 1px) and (max-width: 639px) { .pagination a, .pagination span { width: 20px; height: 28px; font-size: 14px; line-height: 28px; padding: 0; margin: 0; } } .pagination a { -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .pagination a:hover { background: #c00; color: #fff; } .pagination a.pagination-arrow { -webkit-transition: background-color 0.35s; -ms-transition: background-color 0.35s; -moz-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; background-color: #c00; width: 40px; height: 40px; line-height: 40px; font-size: 19px; color: #fff; margin: 0; padding: 0; text-align: center; } @media (min-width: 1px) and (max-width: 639px) { .pagination a.pagination-arrow { width: 30px; height: 30px; font-size: 14px; line-height: 30px; } } .pagination a.pagination-arrow:hover, .pagination a.pagination-arrow:focus { background-color: #ff0000; } .pagination a.pagination-arrow.inactive { background-color: #454545; pointer-events: none; } .pagination a.prev { margin-right: 8px; } @media (min-width: 1px) and (max-width: 639px) { .pagination a.prev { margin-right: 0; } } .pagination a.next { margin-left: 8px; } @media (min-width: 1px) and (max-width: 639px) { .pagination a.next { margin-left: 0; } } .pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; } .pagination ul > li { display: inline-block; margin: 0; } @media (min-width: 1px) and (max-width: 639px) { .pagination ul > li { text-align: center; } } .pagination p { display: inline-block; margin: 0 15px 0; padding: 0; } #uxMediaItems-wrapper .pages { display: inline-block; width: 100%; } #uxMediaItems-wrapper .pages .item-list { display: none; } #uxMediaItems-wrapper .pages .item-list.panel-active { display: inline-block; width: 100%; } #uxMediaItems-wrapper .pagination ul { display: none; vertical-align: top; } #uxMediaItems-wrapper .pagination ul.nav-active-block { display: inline-block; } #uxMediaItems-wrapper .pagination ul .nav-item-selected { border: 1px solid; } #uxMediaItems-wrapper .pagination ul .nav-item-selected a { color: #000; pointer-events: none; } body.home .hero { margin-top: 4px; } body.home .primary { padding-top: 25px; float: left; } body.home .secondary { float: right; } body.home .content-section { *zoom: 1; clear: both; } body.home .content-section:before, body.home .content-section:after { content: ""; display: table; } body.home .content-section:after { clear: both; } body.home .content-section .article-column { width: 100%; } @media (min-width: 1px) and (max-width: 639px) { body.home #main-content { padding: 0; } body.home .primary { padding-top: 0; } } .social-group { list-style: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; width: 24%; } @media (min-width: 1px) and (max-width: 639px) { .social-group { display: block; margin: 0 auto; text-align: center; width: 100%; } } .social-group li { display: inline-block; vertical-align: middle; } .social-group li:first-child { margin-left: 0; } .social-group li a { -webkit-transition: background 0.35s; -ms-transition: background 0.35s; -moz-transition: background 0.35s; -o-transition: background 0.35s; transition: background 0.35s; background-color: #454545; border-radius: 50%; color: #fff; display: block; font-size: 36px; height: 46px; line-height: 46px; text-decoration: none; width: 46px; } @media (min-width: 640px) and (max-width: 939px) { .social-group li a { font-size: 20px; height: 30px; line-height: 30px; width: 30px; } } @media (min-width: 1px) and (max-width: 639px) { .social-group li a { font-size: 23px; height: 35px; line-height: 35px; width: 35px; } } .social-group li a.icon-pinterest { font-size: 30px; } @media (min-width: 640px) and (max-width: 939px) { .social-group li a.icon-pinterest { font-size: 20px; } } @media (min-width: 1px) and (max-width: 639px) { .social-group li a.icon-pinterest { font-size: 24px; } } .social-group li a:hover, .social-group li a:focus { background-color: #c00; } .social-group li a span { position: absolute; left: -9999px; } body.article .hero { margin: 8px 0 0 0; } body.article .text-xxx-small-italic { float: right; padding-bottom: 10px; } body.article .hidden-photo-credit { display: none; } body.article .title-social-bar { display: table; margin-bottom: 0; } .ie8 body.article .title-social-bar { padding: 50px 0 33px; width: 940px; } @media (min-width: 940px) and (max-width: 9999px) { body.article .title-social-bar { padding: 50px 0 33px; width: 940px; } } @media (min-width: 640px) and (max-width: 939px) { body.article .title-social-bar { margin: 20px auto; min-height: 100px; } } @media (min-width: 1px) and (max-width: 639px) { body.article .title-social-bar { margin: 15px auto; } } body.article .title-social-bar h1 { font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; line-height: 1.2; font-weight: 700; letter-spacing: -0.32px; display: table-cell; padding-right: 110px; vertical-align: middle; width: 76%; } @media (min-width: 640px) and (max-width: 939px) { body.article .title-social-bar h1 { font-size: 26px; margin-bottom: 0; padding-right: 15px; } } @media (min-width: 1px) and (max-width: 639px) { body.article .title-social-bar h1 { font-size: 19px; letter-spacing: 0.19px; display: block; padding: 0 15px; margin-bottom: 12px; text-align: center; width: 100%; } } .ie8 body.article.pin-title .hero { margin-bottom: 150px; } .ie8 body.article.pin-title .title-social-bar { -webkit-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); background-color: #eee; border-bottom: 1px solid #ccc; min-height: 100px; position: fixed; top: 50px; z-index: 1; } .ie8 body.article.pin-title .title-social-bar h1 { font-size: 20px; } @media (min-width: 940px) and (max-width: 9999px) { body.article.pin-title .hero { margin-bottom: 150px; } body.article.pin-title .title-social-bar { -webkit-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); box-shadow: 1px 6px 1px -3px rgba(0, 0, 0, 0.1); background-color: #eee; border-bottom: 1px solid #ccc; min-height: 100px; position: fixed; top: 50px; z-index: 1; } body.article.pin-title .title-social-bar h1 { font-size: 20px; } } @media (min-width: 640px) and (max-width: 939px) { body.article section { margin-bottom: 25px; } } @media (min-width: 1px) and (max-width: 639px) { body.article section { margin-bottom: 25px; } } .ie8 body.article .primary { display: inline; float: left; width: 74.20635%; margin-left: 0; margin-right: 0; } .ie8 body.article .primary.social-share { display: inline; float: left; width: 99.20635%; margin-left: 0; margin-right: 0; } @media (min-width: 940px) and (max-width: 9999px) { body.article .primary { display: inline; float: left; width: 74.20635%; margin-left: 0; margin-right: 0; } body.article .primary.social-share { display: inline; float: left; width: 99.20635%; margin-left: 0; margin-right: 0; } } @media (min-width: 640px) and (max-width: 939px) { body.article .primary { display: inline; float: left; width: 74.20635%; margin-left: 0; margin-right: 0; } body.article .primary.social-share { display: inline; float: left; width: 99.20635%; margin-left: 0; margin-right: 0; } } body.article .primary article { background-color: #fff; margin-bottom: 10px; padding: 30px; } @media (min-width: 640px) and (max-width: 939px) { body.article .primary article { padding: 20px; } } @media (min-width: 1px) and (max-width: 639px) { body.article .primary article { padding: 15px; } } body.article .primary article h2 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; } @media (min-width: 1px) and (max-width: 639px) { body.article .primary article h2 { font-size: 18px; letter-spacing: 0.36px; } } body.article .primary article img { margin: 30px auto; height: auto; } body.article .primary article .carousel > li img { margin: 0 auto; } body.article .primary article .carousel-wrapper ul { list-style: none; margin: 0; padding: 0; } body.article .primary article a:focus img { box-shadow: 0 0 5px 1px #0369d7; } @media (min-width: 640px) and (max-width: 939px) { html.touch body.article .primary article a:focus img { box-shadow: none; } } @media (min-width: 1px) and (max-width: 639px) { html.touch body.article .primary article a:focus img { box-shadow: none; } } body.article .primary article > :last-child:not(img) { margin-bottom: 0px; } body.article .primary article.tags h2 { margin-bottom: 0; padding: 0; } body.article .primary article.tags ul { list-style: none; margin: 0; padding: 0; } .ie8 body.article .primary article.tags { display: table; width: 100%; } .ie8 body.article .primary article.tags h2 { display: table-cell; vertical-align: top; width: 12%; } .ie8 body.article .primary article.tags ul { display: inline-block; width: 85%; } @media (min-width: 940px) and (max-width: 9999px) { body.article .primary article.tags { display: table; width: 100%; } body.article .primary article.tags h2 { display: table-cell; vertical-align: top; width: 12%; } body.article .primary article.tags ul { display: inline-block; width: 85%; } } body.article .primary article.tags li { display: inline-block; padding: 0; } body.article .primary article.tags li:after { content: ', '; display: inline-block; } body.article .primary article.tags li:last-child:after { content: ''; } body.article .primary article.tags li a { font-size: 16px; line-height: 1.5; } @media (min-width: 1px) and (max-width: 639px) { body.article .primary article.tags li a { font-size: 12px; font-weight: 400; line-height: 1.4; } } body.article .primary article.facebook-comments { margin-top: 40px; } body.article .primary article.facebook-comments a.fb-comments-jump { display: none; } body.article .primary article.facebook-comments .fb-comments { *zoom: 1; clear: both; display: block; } body.article .primary article.facebook-comments .fb-comments:before, body.article .primary article.facebook-comments .fb-comments:after { content: ""; display: table; } body.article .primary article.facebook-comments .fb-comments:after { clear: both; } body.article .primary article.facebook-comments .fb-comments > span { width: 100% !important; } body.article .primary article.facebook-comments .fb-comments > span iframe { width: 100% !important; z-index: 0; } .ie8 body.article .secondary { display: inline; float: left; width: 24.20635%; margin-left: 0; margin-right: 0; float: right; } @media (min-width: 940px) and (max-width: 9999px) { body.article .secondary { display: inline; float: left; width: 24.20635%; margin-left: 0; margin-right: 0; float: right; } } @media (min-width: 640px) and (max-width: 939px) { body.article .secondary { display: inline; float: left; width: 24.20635%; margin-left: 0; margin-right: 0; float: right; } } body.article .secondary h2 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -0.32px; margin-bottom: 4px; } body.article .secondary #the-buzz p { text-align: left; padding: 3px 15px 0; width: 44%; } body.article .secondary #the-buzz p.icon, body.article .secondary #the-buzz p.icon-left-of-text, body.article .secondary #the-buzz p.breadcrumb, body.article .secondary #the-buzz body.gallery .hero p.gallery-wall-back, body.gallery .hero body.article .secondary #the-buzz p.gallery-wall-back, body.article .secondary #the-buzz p.icon-right-of-text, body.article .secondary #the-buzz p.arrow-link, body.article .secondary #the-buzz .accordion p.accordion-trigger, .accordion body.article .secondary #the-buzz p.accordion-trigger, body.article .secondary #the-buzz p.play-btn:before, body.article .secondary #the-buzz p.modal-video-trigger:before, body.article .secondary #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block body.article .secondary #the-buzz p.count:before { width: 92px; height: 92px; margin-bottom: 0px; } body.article .secondary #the-buzz p.icon:before, body.article .secondary #the-buzz p.icon-left-of-text:before, body.article .secondary #the-buzz p.breadcrumb:before, body.article .secondary #the-buzz body.gallery .hero p.gallery-wall-back:before, body.gallery .hero body.article .secondary #the-buzz p.gallery-wall-back:before, body.article .secondary #the-buzz p.icon-right-of-text:before, body.article .secondary #the-buzz p.arrow-link:before, body.article .secondary #the-buzz .accordion p.accordion-trigger:before, .accordion body.article .secondary #the-buzz p.accordion-trigger:before, body.article .secondary #the-buzz p.play-btn:before, body.article .secondary #the-buzz p.modal-video-trigger:before, body.article .secondary #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block body.article .secondary #the-buzz p.count:before { font-size: 64px; line-height: 90px; } body.article .secondary #the-buzz p.icon:after, body.article .secondary #the-buzz p.icon-left-of-text:after, body.article .secondary #the-buzz p.breadcrumb:after, body.article .secondary #the-buzz body.gallery .hero p.gallery-wall-back:after, body.gallery .hero body.article .secondary #the-buzz p.gallery-wall-back:after, body.article .secondary #the-buzz p.icon-right-of-text:after, body.article .secondary #the-buzz p.arrow-link:after, body.article .secondary #the-buzz .accordion p.accordion-trigger:after, .accordion body.article .secondary #the-buzz p.accordion-trigger:after { height: 92px; width: 92px; border-radius: 92px; } @media (min-width: 640px) and (max-width: 939px) { body.article .secondary #the-buzz p { padding: 0; text-align: center; width: 100%; } body.article .secondary #the-buzz p.icon, body.article .secondary #the-buzz p.icon-left-of-text, body.article .secondary #the-buzz p.breadcrumb, body.article .secondary #the-buzz body.gallery .hero p.gallery-wall-back, body.gallery .hero body.article .secondary #the-buzz p.gallery-wall-back, body.article .secondary #the-buzz p.icon-right-of-text, body.article .secondary #the-buzz p.arrow-link, body.article .secondary #the-buzz .accordion p.accordion-trigger, .accordion body.article .secondary #the-buzz p.accordion-trigger, body.article .secondary #the-buzz p.play-btn:before, body.article .secondary #the-buzz p.modal-video-trigger:before, body.article .secondary #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block body.article .secondary #the-buzz p.count:before { width: 154px; height: 154px; margin-bottom: 20px; } body.article .secondary #the-buzz p.icon:before, body.article .secondary #the-buzz p.icon-left-of-text:before, body.article .secondary #the-buzz p.breadcrumb:before, body.article .secondary #the-buzz body.gallery .hero p.gallery-wall-back:before, body.gallery .hero body.article .secondary #the-buzz p.gallery-wall-back:before, body.article .secondary #the-buzz p.icon-right-of-text:before, body.article .secondary #the-buzz p.arrow-link:before, body.article .secondary #the-buzz .accordion p.accordion-trigger:before, .accordion body.article .secondary #the-buzz p.accordion-trigger:before, body.article .secondary #the-buzz p.play-btn:before, body.article .secondary #the-buzz p.modal-video-trigger:before, body.article .secondary #the-buzz body.search-results .article-item .results-block p.count:before, body.search-results .article-item .results-block body.article .secondary #the-buzz p.count:before { font-size: 110px; line-height: 163px; } body.article .secondary #the-buzz p.icon:after, body.article .secondary #the-buzz p.icon-left-of-text:after, body.article .secondary #the-buzz p.breadcrumb:after, body.article .secondary #the-buzz body.gallery .hero p.gallery-wall-back:after, body.gallery .hero body.article .secondary #the-buzz p.gallery-wall-back:after, body.article .secondary #the-buzz p.icon-right-of-text:after, body.article .secondary #the-buzz p.arrow-link:after, body.article .secondary #the-buzz .accordion p.accordion-trigger:after, .accordion body.article .secondary #the-buzz p.accordion-trigger:after { height: 154px; width: 154px; border-radius: 154px; } } html span.touch.offscreen, html .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back span.touch, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back html span.touch, html .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next span.touch, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next html span.touch { display: none; } html.touch span.touch.offscreen, html.touch .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back span.touch, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-back html.touch span.touch, html.touch .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next span.touch, .carousel-wrapper .panel-controls .nav-panels-arrows .btn-next html.touch span.touch { display: inline; } body.press-release .hero { margin-bottom: -30px; } body.search-results h1 { margin-bottom: 0; } body.search-results .pagination { border: 0; border-bottom: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 100% 0 round; *zoom: 1; clear: both; margin-bottom: 25px; padding: 25px 0; width: 100%; } body.search-results .pagination:before, body.search-results .pagination:after { content: ""; display: table; } body.search-results .pagination:after { clear: both; } body.search-results .pagination .results-count { display: block; margin: 0 0 20px; text-align: left; } @media (min-width: 940px) and (max-width: 9999px) { body.search-results .pagination .results-count { float: left; margin: 0; width: 35%; } } @media (min-width: 1px) and (max-width: 639px) { body.search-results .pagination .results-count { margin-left: 7px; } } body.search-results .pagination .results-count p { color: #454545; font-size: 16px; margin: 0; } @media (min-width: 1px) and (max-width: 639px) { body.search-results .pagination .results-count p { font-size: 12px; } } body.search-results .pagination nav { text-align: left; } @media (min-width: 940px) and (max-width: 9999px) { body.search-results .pagination nav { float: right; margin: 10px 0; text-align: right; width: 65%; } } @media (min-width: 1px) and (max-width: 639px) { body.search-results .pagination nav { margin-left: 7px; } } body.search-results .pagination nav a, body.search-results .pagination nav span { color: #111; font-size: 18px; font-weight: 400; line-height: 1.6; color: #c00; display: inline-block; font-weight: 700; height: 40px; line-height: 40px; margin: 0; padding: 0 8px; vertical-align: top; width: auto; } @media (min-width: 1px) and (max-width: 639px) { body.search-results .pagination nav a, body.search-results .pagination nav span { font-size: 14px; line-height: 1.5; } } body.search-results .pagination nav a:hover, body.search-results .pagination nav a:focus, body.search-results .pagination nav span:hover, body.search-results .pagination nav span:focus { text-decoration: none; } body.search-results .pagination nav a { -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } body.search-results .pagination nav a:hover { background: #c00; color: #fff; } body.search-results .pagination nav span { color: #000; border: 1px solid #454545; } body.search-results .pagination nav span.pageLabel { border: none; margin: 0 10px 0 0; } body.search-results .pagination nav a.pagination-arrow { -webkit-transition: background-color 0.35s; -ms-transition: background-color 0.35s; -moz-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; background-color: #c00; color: #fff; font-size: 19px; height: 40px; line-height: 40px; margin: 0; padding: 0; text-align: center; width: 40px; } body.search-results .pagination nav a.pagination-arrow:hover, body.search-results .pagination nav a.pagination-arrow:focus { background-color: #ff0000; } body.search-results .pagination nav a.pagination-arrow.inactive { background-color: #454545; pointer-events: none; } body.search-results .pagination nav a.prev { margin-right: 8px; } body.search-results .pagination nav a.next { margin-left: 8px; } body.search-results .pagination-bottom .pagination { border: 0; border-top: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 100% 0 round; margin-bottom: 100px; } @media (min-width: 1px) and (max-width: 639px) { body.search-results .pagination-bottom .pagination { margin-bottom: 0; } } @media (min-width: 940px) and (max-width: 9999px) { body.search-results .pagination-bottom .pagination .results-count { padding-top: 15px; } } body.search-results .pagination-bottom .pagination .results-count h3 { display: none; } body.search-results .results-subheading { display: none; } body.search-results .no-results { padding: 20px 0; } body.search-results .no-results h3 { margin: 0 0 20px; } body.search-results .no-results h4 { color: #111; font-size: 18px; font-weight: 400; line-height: 1.6; font-weight: 700; } @media (min-width: 1px) and (max-width: 639px) { body.search-results .no-results h4 { font-size: 14px; line-height: 1.5; } } body.search-results .no-results ul li { font-size: 16px; line-height: 1.5; } body.search-results .article-item { padding: 30px; float: left; width: 100%; } body.search-results .article-item .results-block { font-size: 12px; width: 100%; } @media (min-width: 940px) and (max-width: 9999px) { body.search-results .article-item .results-block { float: left; width: calc(100% - 145px); } } body.search-results .article-item .results-block h3, body.search-results .article-item .results-block p { margin-bottom: 10px; padding: 0; } body.search-results .article-item .results-block a { display: block; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.search-results .article-item .results-block h3 a { -webkit-transition: color 0.35s; -ms-transition: color 0.35s; -moz-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; color: #111; font-size: 18px; font-weight: 400; line-height: 1.6; font-weight: 700; } @media (min-width: 1px) and (max-width: 639px) { body.search-results .article-item .results-block h3 a { font-size: 14px; line-height: 1.5; } } body.search-results .article-item .results-block h3 a:hover, body.search-results .article-item .results-block h3 a:focus { color: #c00; text-decoration: none; } body.search-results .article-item .results-block .count { display: inline-block; font-style: italic; position: relative; } body.search-results .article-item .results-block .count:before { font-size: 26px; right: -30px; top: -4px; width: 20px; } body.search-results .article-item .results-thumb { margin: 0; padding: 0; } body.search-results .article-item .results-thumb li { display: none; list-style: none; margin: 0; padding: 0; position: relative; text-align: center; } body.search-results .article-item .results-thumb li:first-child { display: block; } body.search-results .article-item .results-thumb img { margin: 0 auto; width: auto; } @media (min-width: 940px) and (max-width: 9999px) { body.search-results .article-item .results-thumb { float: right; width: 145px; } } @media (min-width: 640px) and (max-width: 939px) { body.search-results .article-item .results-thumb { margin-top: 10px; width: 100%; } body.search-results .article-item .results-thumb li img { max-height: 290px; } } @media (min-width: 1px) and (max-width: 639px) { body.search-results .article-item .results-thumb { margin-top: 10px; width: 100%; } body.search-results .article-item .results-thumb li img { max-height: 290px; } } @media (min-width: 940px) and (max-width: 9999px) { body.search-results .article-item.multi-images .results-block { width: calc(100% - 310px); } body.search-results .article-item.multi-images .results-thumb { width: 300px; } body.search-results .article-item.multi-images .results-thumb li { float: left; display: block; height: 70px; margin: 0 5px 5px 0; width: 70px; } body.search-results .article-item.multi-images .results-thumb li img { bottom: 0; left: 0; margin: auto; max-height: 70px; position: absolute; right: 0; top: 0; } body.search-results .article-item.multi-images .results-thumb li:first-child { height: 145px; width: 145px; } body.search-results .article-item.multi-images .results-thumb li:first-child img { max-height: 140px; } } body.search-results .article-item .tags { padding: 0; } body.search-results .article-item .tags h4 { display: inline-block; width: auto; } body.search-results .article-item .tags li:after { vertical-align: top; } body.search-results .article-item .tags li a { display: inline-block; } @media (min-width: 640px) and (max-width: 939px) { body.search-results .article-item { padding: 20px; } } @media (min-width: 1px) and (max-width: 639px) { body.search-results .hero { margin: 0 0 10px; } body.search-results .no-results ul li { font-size: 12px; } body.search-results .article-item { padding: 15px; } body.search-results .pagination nav a, body.search-results .pagination nav span { height: 30px; line-height: 30px; margin: 0; padding: 0 3px; } body.search-results .pagination nav a.pagination-arrow { font-size: 14px; width: 30px; height: 30px; line-height: 30px; } body.search-results .pagination nav a.prev { margin-right: 3px; } body.search-results .pagination nav a.next { margin-left: 3px; } } body.gallery-builder { font-family: Arial; padding: 20px; } body.gallery-builder h2 { font-family: Arial; font-size: 16px; font-weight: 700; letter-spacing: 0; margin-top: 15px; } body.gallery-builder p { font-size: 14px; font-weight: bold; margin: 10px 0 0 40px; } body.gallery-builder table { margin-left: 40px; } body.gallery-builder table tr > td { color: #000; font-size: 12px; } body.gallery-builder table tr > td:first-child { width: 240px; } body.gallery-builder table tr > td table { margin-left: 0; } body.gallery-builder table.gallery-list { background-color: #fff; border-collapse: collapse; margin-left: 0; margin-top: 15px; } body.gallery-builder table.gallery-list tr > td, body.gallery-builder table.gallery-list tr > th { border: 1px solid #e1e1e1; font-size: 14px; font-weight: 700; padding: 10px; vertical-align: middle; } body.gallery-builder table.gallery-list tr > td img, body.gallery-builder table.gallery-list tr > th img { height: auto; width: 100px; } body.gallery-builder table.gallery-list tr > td:first-child, body.gallery-builder table.gallery-list tr > th:first-child { text-align: center; width: auto; } body.gallery-builder .required { font-size: 12px; margin: 10px 0; } body.gallery-builder .error p { font-size: 12px; margin: 0 0 10px; } body.gallery-builder .EditingFormValueCell input:first-child { width: 200px; } body.gallery-builder .ContentButton { background-size: 100% 100%; width: auto; } body.plaid .social-group li a { background: url("../img/takeover/plaid/bg-social-icons-red-black.png") 0 0 repeat; } body.plaid .social-group li a:hover, body.plaid .social-group li a:focus { background: url("../img/takeover/plaid/bg-social-icons-red.png") 0 0 repeat; } body.plaid .social-group li:nth-child(even) a { background: url("../img/takeover/plaid/bg-social-icons-red.png") 0 0 repeat; } body.plaid .social-group li:nth-child(even) a:hover, body.plaid .social-group li:nth-child(even) a:focus { background: url("../img/takeover/plaid/bg-social-icons-red-black.png") 0 0 repeat; } body.plaid #main-content section.primary > article:first-child *:focus { box-shadow: 0 0 5px 1px #fff; outline: none; } body.plaid #main-content section.primary > article:first-child .carousel li:focus { box-shadow: none; } body.plaid section.primary > article:first-child { background: #000; color: #fff; } body.plaid section.primary .carousel-component { background: url("../img/takeover/plaid/bg-gallery.png") 0 0 repeat; } body.plaid section.primary .carousel-component a.carousel-view-all { color: #fff; } body.plaid section.primary .carousel-component a.carousel-view-all:before { color: #fff; } body.plaid section.primary .carousel-component a.carousel-view-all:hover, body.plaid section.primary .carousel-component a.carousel-view-all:focus { color: #95eaff; } body.plaid section.primary .carousel-component a.carousel-view-all:hover:before, body.plaid section.primary .carousel-component a.carousel-view-all:focus:before { color: #95eaff; } body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-pagination li button { background: #fff; } body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-pagination li button:hover, body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-pagination li button:focus { background: #95eaff; } body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-pagination li.active button { background: #95eaff; } body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-arrows li button { -webkit-transition: background 0.35s; -ms-transition: background 0.35s; -moz-transition: background 0.35s; -o-transition: background 0.35s; transition: background 0.35s; background: url("../img/takeover/plaid/bg-carousel-arrow-grey.png") 0 0 repeat; } body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-arrows li button:hover, body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-arrows li button:focus { background: url("../img/takeover/plaid/bg-carousel-arrow-red.png") 0 0 repeat; } body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-arrows li.disabled button, body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-arrows li.disabled button:hover, body.plaid section.primary .carousel-component .carousel-wrapper .panel-controls .nav-panels-arrows li.disabled button:focus { background: url("../img/takeover/plaid/bg-carousel-arrow-grey.png") 0 0 repeat; } body.plaid section.primary .video-container h3 { color: #aaa; } body.plaid section.primary .video-container a { color: #fff; } body.plaid #the-buzz p.icon:after, body.plaid #the-buzz p.icon-left-of-text:after, body.plaid #the-buzz p.breadcrumb:after, body.plaid #the-buzz body.gallery .hero p.gallery-wall-back:after, body.gallery .hero body.plaid #the-buzz p.gallery-wall-back:after, body.plaid #the-buzz p.icon-right-of-text:after, body.plaid #the-buzz p.arrow-link:after, body.plaid #the-buzz .accordion p.accordion-trigger:after, .accordion body.plaid #the-buzz p.accordion-trigger:after { background: url("../img/takeover/plaid/bg-buzz.png") 0 0 repeat; } html.ie8 #main-content section.primary > article:first-child *:focus { outline: 2px dotted #fff; } .press-hero .hero-featured-article .featured-image { color: #fff; } .press-hero .hero-featured-article .featured-image div { background: none; cursor: default; padding: 0; position: relative; width: auto; } .press-hero .hero-featured-article .featured-image div.column { float: left; font-size: 14px; position: relative; width: 50%; } @media (min-width: 1px) and (max-width: 639px) { .press-hero .hero-featured-article .featured-image div.column { float: none; width: 100%; } } .press-hero .hero-featured-article .featured-image div.column h3 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; color: #fff; padding: 0; margin-bottom: 15px; text-align: left; } @media (min-width: 1px) and (max-width: 639px) { .press-hero .hero-featured-article .featured-image div.column h3 { font-size: 18px; letter-spacing: 0.36px; } } .press-hero .hero-featured-article .featured-image div.column p { font-size: 14px; } .press-hero .hero-featured-article .featured-image div.column a { color: #fff; font-weight: 700; } .press-hero .hero-featured-article .featured-image div.column ul { list-style: none; margin: 0; padding: 0; } .press-hero .hero-featured-article .featured-image div.column ul li { display: block; float: left; margin: 0; padding: 0; } .press-hero .hero-featured-article .featured-image div.column ul li:after { content: '\2219'; display: inline; font-family: sans-serif; padding: 0 5px; text-align: center; } .press-hero .hero-featured-article .featured-image div.column ul li:last-child:after { display: none; } .press-hero .hero-featured-article .featured-image div.column .gtm-press-search { margin: 0 0 20px; width: 80%; } .press-hero .hero-featured-article .featured-image div.featured-card { *zoom: 1; clear: both; background: rgba(204, 0, 0, 0.75); padding: 25px; position: absolute; width: 100%; } .press-hero .hero-featured-article .featured-image div.featured-card:before, .press-hero .hero-featured-article .featured-image div.featured-card:after { content: ""; display: table; } .press-hero .hero-featured-article .featured-image div.featured-card:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { .press-hero .hero-featured-article .featured-image div.featured-card { position: relative; } } @media (min-width: 1px) and (max-width: 639px) { .press-hero .hero-featured-article .featured-image div.featured-card { position: relative; } } .press-hero .hero-featured-article .featured-image:hover div h3 { color: #fff; } @media (min-width: 940px) and (max-width: 9999px) { .press-quick-reads { margin-bottom: 60px; } } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads { margin-bottom: 60px; } } .press-quick-reads ul { list-style: none; margin: 0; padding: 0; *zoom: 1; clear: both; margin: 20px auto; text-align: center; width: 940px; } .press-quick-reads ul:before, .press-quick-reads ul:after { content: ""; display: table; } .press-quick-reads ul:after { clear: both; } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads ul { width: 640px; } } @media (min-width: 1px) and (max-width: 639px) { .press-quick-reads ul { width: 320px; } } .press-quick-reads ul li { background: #fff; display: block; float: left; height: 100px; margin: 0 20px 0 0; overflow: visible; text-align: left; width: 300px; } .press-quick-reads ul li:last-child { margin-right: 0; } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads ul li { height: 80px; width: 200px; } } @media (min-width: 1px) and (max-width: 639px) { .press-quick-reads ul li { display: block; margin: 0 0 20px; width: 100%; } } .press-quick-reads ul li a { font-weight: bold; } .press-quick-reads ul li .qr-item { display: table; font-size: 20px; line-height: 1.1; height: 100%; padding: 0 10px; width: 100%; } @media (min-width: 940px) and (max-width: 9999px) { .press-quick-reads ul li a.qr-item { padding-left: 50px; } } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads ul li a.qr-item { font-size: 16px; } } @media (min-width: 1px) and (max-width: 639px) { .press-quick-reads ul li a.qr-item { padding: 0 40px; } } .press-quick-reads ul li a.qr-item:focus, .press-quick-reads ul li a.qr-item:hover { color: #c00; } .press-quick-reads ul li a.qr-item:focus { box-shadow: inset 0 0 7px #0369d7; outline: none; } .press-quick-reads ul li div.qr-item span.qr-title { font-size: 12px; } .press-quick-reads ul li div.qr-item span.qr-title b, .press-quick-reads ul li div.qr-item span.qr-title strong { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 24px; } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads ul li div.qr-item span.qr-title { font-size: 11px; } .press-quick-reads ul li div.qr-item span.qr-title strong { font-size: 16px; } } .press-quick-reads ul li span { display: table-cell; } .press-quick-reads ul li span.qr-thumb { vertical-align: middle; width: 70px; } .press-quick-reads ul li span.qr-thumb span { display: block; max-width: 70px; overflow: hidden; width: 70px; } .press-quick-reads ul li span.qr-thumb img { height: 70px; max-width: none; } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads ul li span.qr-thumb { width: 50px; } .press-quick-reads ul li span.qr-thumb span { max-width: 50px; width: 50px; } .press-quick-reads ul li span.qr-thumb img { height: 50px; } } .press-quick-reads ul li span.qr-title { padding: 0 0 0 15px; vertical-align: middle; } @media (min-width: 640px) and (max-width: 939px) { .press-quick-reads ul li span.qr-title { padding: 0 10px; } } .press-quick-reads ul li span.qr-title a { display: inline; } .press-quick-reads ul li span.qr-title p { margin: 0; } body.article .primary article.press-media-downloads { padding: 0; } .press-media-downloads { *zoom: 1; clear: both; } .press-media-downloads:before, .press-media-downloads:after { content: ""; display: table; } .press-media-downloads:after { clear: both; } .press-media-downloads .download-all-media { *zoom: 1; clear: both; font-size: 14px; margin: 0; padding-left: 40px; position: relative; } .press-media-downloads .download-all-media:before, .press-media-downloads .download-all-media:after { content: ""; display: table; } .press-media-downloads .download-all-media:after { clear: both; } .press-media-downloads .download-all-media span { display: inline-block; font-size: 18px; font-weight: bold; margin-right: 20px; } @media (min-width: 1px) and (max-width: 639px) { .press-media-downloads .download-all-media span { display: block; } } .press-media-downloads .download-all-media span:before { color: #c00; display: inline-block; font-size: 28px; left: 0; margin-right: 5px; width: 30px; } .press-media-downloads div.media-item { *zoom: 1; clear: both; clear: none; display: block; float: left; line-height: 1.2; margin-bottom: 30px; position: relative; text-align: center; width: 33%; } .press-media-downloads div.media-item:before, .press-media-downloads div.media-item:after { content: ""; display: table; } .press-media-downloads div.media-item:after { clear: both; } @media (min-width: 940px) and (max-width: 9999px) { .press-media-downloads div.media-item:nth-of-type(3n+1) { clear: both; } } @media (min-width: 640px) and (max-width: 939px) { .press-media-downloads div.media-item { width: 50%; } .press-media-downloads div.media-item:nth-of-type(odd) { clear: both; } } @media (min-width: 1px) and (max-width: 639px) { .press-media-downloads div.media-item { width: 100%; } } .press-media-downloads div.media-item > a { display: block; font-size: 14px; font-weight: 700; height: 100%; width: 100%; padding: 10px; word-break: break-word; -ms-word-wrap: break-word; -ms-word-break: break-all; -webkit-word-wrap: break-word; -moz-word-wrap: break-word; } .press-media-downloads div.media-item > a:before { top: calc(40% - 25px); } .press-media-downloads div.media-item > a .thumb { border-bottom: 2px dotted #666; display: block; height: 160px; margin: 0 0 10px; padding-bottom: 20px; width: 100%; } .press-media-downloads div.media-item > a img { margin: 0 auto; max-height: 100%; } body.press-release .primary article.press-media-downloads a:focus img { box-shadow: none; } body.press-release .modal-window .modal-content .media-download { display: inline-block; margin-top: 20px; } .primary .hero { margin-top: 0; } .secondary article { margin-bottom: 15px; } .secondary article > h3 { color: #454545; font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.42px; line-height: 24px; margin-bottom: 15px; text-transform: none; margin-bottom: 0; } .secondary article > h4 { font-size: 17px; font-weight: 400; margin-top: 20px; } .secondary article.list-w-icons-left { border: 0; border-bottom: 5px dotted #999; border-image: url("../../abv-chrome/img/global/dot-grey.png") 100% 0 round; padding-bottom: 15px; } .secondary article.list-w-icons-left.no-border { border-width: 0; } .secondary article.list-w-icons-left a { display: block; padding: 5px 0 5px 30px; } .secondary article.list-w-icons-left a:before { display: inline-block; font-size: 18px; position: absolute; text-decoration: none; width: 18px; } .secondary article.list-w-icons-left a.no-icon { padding-left: 0; } .secondary article.list-w-icons-left a.icon-phone { color: #111; } .secondary article.list-w-icons-left a.icon-rss:before { font-size: 35px; top: -5px; } .secondary article.list-w-icons-left a:hover { text-decoration: underline; } .secondary article.list-w-icons-left.no-border li { margin: 10px 0 0; } .secondary article.list-w-icons-left.no-border a.icon-phone { color: #c00; } .secondary article.list-w-icons-left ul.social { *zoom: 1; clear: both; margin: 5px 0; } .secondary article.list-w-icons-left ul.social:before, .secondary article.list-w-icons-left ul.social:after { content: ""; display: table; } .secondary article.list-w-icons-left ul.social:after { clear: both; } .secondary article.list-w-icons-left ul.social li { display: block; float: left; height: 25px; margin-right: 5px; width: 15%; } .secondary article.list-w-icons-left ul.social li a { display: block; height: 100%; padding: 0; text-decoration: none; text-indent: -99999em; width: 100%; } .secondary article.list-w-icons-left ul.social li a:before { font-size: 26px; height: 100%; width: 25px; } .secondary article.list-w-icons-left ul.social li a:hover, .secondary article.list-w-icons-left ul.social li a:focus { color: #FF0000; text-decoration: none; } .secondary article.media-contact { background: #fff; font-size: 12px; padding: 20px; } .secondary article.media-contact h3 { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 17px; } .secondary article.media-contact p { margin-bottom: 0; } .secondary article.media-contact p span { color: #c00; } @media (min-width: 1px) and (max-width: 639px) { .hero-featured-article p { padding: 0 15px; } } #main-content form#aspnetForm h2, .tertiary h2 { clear: both; } @media (min-width: 640px) and (max-width: 939px) { .primary .column { width: 100%; } } .secondary article.learn-more { background: #fff; padding: 20px; position: relative; text-align: center; } @media (min-width: 640px) and (max-width: 939px) { .secondary article.learn-more { margin-top: -18px; } } .secondary article.learn-more h3 { font-family: "GriffithCircular", "Times New Roman", serif; line-height: 21px; margin: 0 auto 5px; max-width: 130px; padding-left: 39px; position: relative; text-align: center; } .secondary article.learn-more h3:before { content: '\f131'; font-family: "icons"; font-size: 40px; left: -39px; position: absolute; top: 13px; width: 100%; } @media (min-width: 1px) and (max-width: 639px) { .secondary article.learn-more h3 { max-width: 100%; } .secondary article.learn-more h3:before { left: -74px; top: 0; } } .secondary article.learn-more p { margin-bottom: 0; } .title-social-bar .leadership-bio-title { display: table-cell; vertical-align: middle; } .title-social-bar .leadership-bio-title h1.gtm-title { font-family: "GriffithCircular", "Times New Roman", serif; font-size: 36px; text-align: left; } .title-social-bar .leadership-bio-title h2.gtm-subtitle { font-family: "HelveticaNeue for Target", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-style: italic; } body.article .primary article .bio-details { float: right; margin: 0 0 10px 30px; max-width: 268px; text-align: center; } @media (min-width: 640px) and (max-width: 939px) { body.article .primary article .bio-details { margin-left: 10px; width: 55%; } } @media (min-width: 1px) and (max-width: 639px) { body.article .primary article .bio-details { margin-left: 10px; width: 55%; } } body.article .primary article .bio-details a { display: inline-block; margin-bottom: 5px; padding-left: 31px; position: relative; } body.article .primary article .bio-details a:before { content: '\f12c'; color: #000; font-family: "icons"; font-size: 25px; left: 0; position: absolute; text-align: left; top: -5px; width: 100%; } body.article .primary article .bio-details a:last-child:before { content: ''; background: url("/assets/abv/img/global/icon-pdf.png"); height: 22px; top: 4px; width: 21px; } body.article .primary article .bio-details img { margin: 0 auto 20px; width: 100%; } @media (min-width: 1px) and (max-width: 639px) { .corporate-title { padding: 0 15px; } } html.ie8 .article-item span.icon, html.ie8 .article-item span.icon-left-of-text, html.ie8 .article-item span.breadcrumb, html.ie8 .article-item body.gallery .hero span.gallery-wall-back, body.gallery .hero html.ie8 .article-item span.gallery-wall-back, html.ie8 .article-item span.icon-right-of-text, html.ie8 .article-item span.arrow-link, html.ie8 .article-item .accordion span.accordion-trigger, .accordion html.ie8 .article-item span.accordion-trigger, html.ie8 .article-item #stock-ticker p.stat-text span.stock-value, #stock-ticker p.stat-text html.ie8 .article-item span.stock-value, html.ie8 .article-item span.play-btn:before, html.ie8 .article-item span.modal-video-trigger:before, html.ie8 body.search-results .article-item .results-block span.count:before, body.search-results html.ie8 .article-item .results-block span.count:before, html.ie8 .article-item .press-media-downloads .download-all-media span:before, .press-media-downloads .download-all-media html.ie8 .article-item span:before { bottom: 32px; } html.ie8 .content-section article { margin: 0 8px; } html.ie8 #category-filter li a { font-size: 13px; } html.ie8 #category-filter li a:before, html.ie8 #category-filter li a:after { display: none; } html.ie8 #category-filter li a.active:before, html.ie8 #category-filter li a.active:after, html.ie8 #category-filter li a:hover:before, html.ie8 #category-filter li a:hover:after { display: block; } html.ie8 button.btn-load-more, html.ie8 .button.btn-load-more { width: 200px; } html.ie8 .stay-connected a:before, html.ie8 .list-w-icons-left a:before { background-color: transparent; } html.ie8 .abv-form .icon-search input[type="submit"], html.ie8 ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search input[type="submit"], ul.accordion.pdf-builder .accordion-content .accordion-primary html.ie8 fieldset .icon-search input[type="submit"] { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; } html.ie8 .abv-form .icon-search input[type="submit"]:focus, html.ie8 ul.accordion.pdf-builder .accordion-content .accordion-primary fieldset .icon-search input[type="submit"]:focus, ul.accordion.pdf-builder .accordion-content .accordion-primary html.ie8 fieldset .icon-search input[type="submit"]:focus { background: #fff; } .ie8 { /* Helper Class: Container */ /* Helper Class: Columns */ /* Helper Class: Horizontal Position */ } .ie8 .row { display: block; width: 100.79365%; margin-left: -0.39683%; margin-right: -0.39683%; *zoom: 1; clear: both; } .ie8 .row:before, .ie8 .row:after { content: ""; display: table; } .ie8 .row:after { clear: both; } .ie8 .col-1 { display: inline; float: left; width: 7.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-2 { display: inline; float: left; width: 15.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-3 { display: inline; float: left; width: 24.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-4 { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-5 { display: inline; float: left; width: 40.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-6 { display: inline; float: left; width: 49.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-7 { display: inline; float: left; width: 57.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-8 { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-9 { display: inline; float: left; width: 74.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-10 { display: inline; float: left; width: 82.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-11 { display: inline; float: left; width: 90.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .col-12 { display: inline; float: left; width: 99.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .ie8 .push-0 { margin-left: 0.39683%; } .ie8 .pull-0 { margin-right: 0.39683%; } .ie8 .push-1 { margin-left: 8.73016%; } .ie8 .pull-1 { margin-right: 8.73016%; } .ie8 .push-2 { margin-left: 17.06349%; } .ie8 .pull-2 { margin-right: 17.06349%; } .ie8 .push-3 { margin-left: 25.39683%; } .ie8 .pull-3 { margin-right: 25.39683%; } .ie8 .push-4 { margin-left: 33.73016%; } .ie8 .pull-4 { margin-right: 33.73016%; } .ie8 .push-5 { margin-left: 42.06349%; } .ie8 .pull-5 { margin-right: 42.06349%; } .ie8 .push-6 { margin-left: 50.39683%; } .ie8 .pull-6 { margin-right: 50.39683%; } .ie8 .push-7 { margin-left: 58.73016%; } .ie8 .pull-7 { margin-right: 58.73016%; } .ie8 .push-8 { margin-left: 67.06349%; } .ie8 .pull-8 { margin-right: 67.06349%; } .ie8 .push-9 { margin-left: 75.39683%; } .ie8 .pull-9 { margin-right: 75.39683%; } .ie8 .push-10 { margin-left: 83.73016%; } .ie8 .pull-10 { margin-right: 83.73016%; } .ie8 .push-11 { margin-left: 92.06349%; } .ie8 .pull-11 { margin-right: 92.06349%; } @media (min-width: 940px) and (max-width: 9999px) { /* Helper Class: Container */ .row { display: block; width: 100.79365%; margin-left: -0.39683%; margin-right: -0.39683%; *zoom: 1; clear: both; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* Helper Class: Columns */ .col-1 { display: inline; float: left; width: 7.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-2 { display: inline; float: left; width: 15.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-3 { display: inline; float: left; width: 24.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-4 { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-5 { display: inline; float: left; width: 40.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-6 { display: inline; float: left; width: 49.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-7 { display: inline; float: left; width: 57.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-8 { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-9 { display: inline; float: left; width: 74.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-10 { display: inline; float: left; width: 82.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-11 { display: inline; float: left; width: 90.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-12 { display: inline; float: left; width: 99.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } /* Helper Class: Horizontal Position */ .push-0 { margin-left: 0.39683%; } .pull-0 { margin-right: 0.39683%; } .push-1 { margin-left: 8.73016%; } .pull-1 { margin-right: 8.73016%; } .push-2 { margin-left: 17.06349%; } .pull-2 { margin-right: 17.06349%; } .push-3 { margin-left: 25.39683%; } .pull-3 { margin-right: 25.39683%; } .push-4 { margin-left: 33.73016%; } .pull-4 { margin-right: 33.73016%; } .push-5 { margin-left: 42.06349%; } .pull-5 { margin-right: 42.06349%; } .push-6 { margin-left: 50.39683%; } .pull-6 { margin-right: 50.39683%; } .push-7 { margin-left: 58.73016%; } .pull-7 { margin-right: 58.73016%; } .push-8 { margin-left: 67.06349%; } .pull-8 { margin-right: 67.06349%; } .push-9 { margin-left: 75.39683%; } .pull-9 { margin-right: 75.39683%; } .push-10 { margin-left: 83.73016%; } .pull-10 { margin-right: 83.73016%; } .push-11 { margin-left: 92.06349%; } .pull-11 { margin-right: 92.06349%; } } @media (min-width: 640px) and (max-width: 939px) { /* Helper Class: Container */ .row { display: block; width: 100.79365%; margin-left: -0.39683%; margin-right: -0.39683%; *zoom: 1; clear: both; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* Helper Class: Columns */ .col-1 { display: inline; float: left; width: 7.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-2 { display: inline; float: left; width: 15.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-3 { display: inline; float: left; width: 24.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-4 { display: inline; float: left; width: 32.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-5 { display: inline; float: left; width: 40.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-6 { display: inline; float: left; width: 49.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-7 { display: inline; float: left; width: 57.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-8 { display: inline; float: left; width: 65.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-9 { display: inline; float: left; width: 74.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-10 { display: inline; float: left; width: 82.53968%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-11 { display: inline; float: left; width: 90.87302%; margin-left: 0.39683%; margin-right: 0.39683%; } .col-12 { display: inline; float: left; width: 99.20635%; margin-left: 0.39683%; margin-right: 0.39683%; } /* Helper Class: Horizontal Position */ .push-0 { margin-left: 0.39683%; } .pull-0 { margin-right: 0.39683%; } .push-1 { margin-left: 8.73016%; } .pull-1 { margin-right: 8.73016%; } .push-2 { margin-left: 17.06349%; } .pull-2 { margin-right: 17.06349%; } .push-3 { margin-left: 25.39683%; } .pull-3 { margin-right: 25.39683%; } .push-4 { margin-left: 33.73016%; } .pull-4 { margin-right: 33.73016%; } .push-5 { margin-left: 42.06349%; } .pull-5 { margin-right: 42.06349%; } .push-6 { margin-left: 50.39683%; } .pull-6 { margin-right: 50.39683%; } .push-7 { margin-left: 58.73016%; } .pull-7 { margin-right: 58.73016%; } .push-8 { margin-left: 67.06349%; } .pull-8 { margin-right: 67.06349%; } .push-9 { margin-left: 75.39683%; } .pull-9 { margin-right: 75.39683%; } .push-10 { margin-left: 83.73016%; } .pull-10 { margin-right: 83.73016%; } .push-11 { margin-left: 92.06349%; } .pull-11 { margin-right: 92.06349%; } } /*# sourceMappingURL=abv.css.map */