/* _________________________________________ PROJECT: Coke UI Kit CONTENT: Main HTML styles ____________________________________________ */ /* _________________________________________ PROJECT: Coca-Cola UI Kit CONTENT: Mixins and Variables ____________________________________________ */ /* begin */ /* Light Background Colors */ /* Mild Background Colors */ /* Dark Background Colors */ /* end */ /* rgba(103,54,162,1.0); */ /* rgba(255,90,37,1.0); */ /* rgba(30,156,157,1.0); */ /* rgba(186,41,121,1.0); */ /* rgba(58,189,222,1.0); */ /* rgba(159,74,44,1.0); */ /* 2up/3up/4up Text Mixins */ /* Imports from Bourbon for hi-dpi, etc. */ /* Firefox animations */ /* line 1, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(204, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* line 2, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ a:active { outline: none; } /* line 2, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ :focus { outline: none; -moz-outline-style: none; } /* line 3, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ a img { outline: none; border: none; } /* line 4, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ img { -ms-interpolation-mode: bicubic; } /* line 5, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ abbr[title] { border-bottom: 1px dotted; cursor: help; } /* line 6, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* line 7, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ b, strong { font-weight: 700; } /* line 7, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ dfn { font-style: italic; } /* line 8, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ blockquote { padding-left: 24px; border-left: 1px solid #c8c8c8; font-style: italic; margin: 0 0 1.5em -24px; } /* line 9, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ blockquote:before, blockquote:after, q:before, q:after, q:before, q:after { content: none; } /* line 10, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ dl, dd { margin: 0 0 1.5em 0; } /* line 10, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ dt { font-weight: 400; } /* line 11, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ form { margin: 0; } /* line 11, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ fieldset { margin-bottom: 0; border-width: 0; padding: 0; } /* line 12, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* line 13, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ .ie7 img, .iem7 img { -ms-interpolation-mode: bicubic; } /* line 14, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ iframe { border: none; } /* line 15, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ input:-webkit-autofill { background-color: #e2e3df; background-image: none; color: #62696B; } /* line 16, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ ins { background-color: #f0f0f0; color: #000; text-decoration: none; } /* line 17, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ legend { margin-left: -7px; border-width: 0; padding: 0; } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ label { font-weight: 400; cursor: pointer; } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ .clearfix:after { clear: both; } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ .clearfix { zoom: 1; } /* line 19, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ li ul, li ol { font-size: 1em; margin: 0; } /* line 20, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ mark { background-color: #f0f0f0; color: #000; font-style: italic; font-weight: 700; } /* line 21, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ ol { display: compact; list-style-type: none; } /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ p, ol, ul, dl, address { margin-bottom: 0; font-size: 1em; } /* line 23, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ p { hyphens: auto; text-align: justify; -webkit-hyphens: auto; -webkit-hyphenate-character: \2010; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; } /* line 24, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ pre, code, kbd, samp { font-family: monospace, monospace; font-size: .875em; line-height: 1.5; } /* line 25, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ pre { white-space: pre-wrap; word-wrap: break-word; } /* line 25, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ q { quotes: none; } /* line 26, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ .seo { text-indent: -9999px; visibility: collapse; display: none; } /* line 27, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ small { font-size: 1em; } /* line 28, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 29, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ sup { top: -.5em; } /* line 29, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ sub { bottom: -.25em; } /* line 30, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ ul, ol { margin: 0; padding: 0; list-style: none; } /* line 31, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ li { list-style: none; } /* line 32, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ ::selection, ::-moz-selection, ::-webkit-selection { background: transparent; color: #999; text-shadow: none; } /* line 33, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ ::-webkit-input-placeholder, input:-moz-placeholder { font-size: .875em; line-height: 1.4; } /* chrome webfont bug fix - temporary */ /* line 35, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_2-reset.scss */ body { -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } } /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Fontface embeds and global typography variables ____________________________________________ */ @font-face { font-family: 'YWFTJute'; src: url("../fonts/ywft-jute.eot"); src: url("../fonts/ywft-jute.eot?#iefix") format("embedded-opentype"), url("../fonts/ywft-jute.woff") format("woff"), url("../fonts/ywft-jute.ttf") format("truetype"), url("../fonts/ywft-jute.svg#ywftsvg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Coke-FM'; src: url("../fonts/Coke-FM.eot?-iaxvub"); src: url("../fonts/Coke-FM.eot?#iefix-iaxvub") format("embedded-opentype"), url("../fonts/Coke-FM.woff?-iaxvub") format("woff"), url("../fonts/Coke-FM.ttf?-iaxvub") format("truetype"), url("../fonts/Coke-FM.svg?-iaxvub#Coke-FM") format("svg"); font-weight: normal; font-style: normal; } /* line 75, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ [class^="icon-"], [class*=" icon-"] { font-family: 'Coke-FM'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 89, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-twitter:before { content: "\e602"; } /* line 92, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-facebook:before { content: "\e603"; } @font-face { font-family: 'FM-Player'; src: url("../fonts/FM-Player.eot?-jv7yoa"); src: url("../fonts/FM-Player.eot?#iefix-jv7yoa") format("embedded-opentype"), url("../fonts/FM-Player.woff?-jv7yoa") format("woff"), url("../fonts/FM-Player.ttf?-jv7yoa") format("truetype"), url("../fonts/FM-Player.svg?-jv7yoa#FM-Player") format("svg"); font-weight: normal; font-style: normal; } /* line 107, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ [class^="fm-icon-"], [class*=" fm-icon-"] { font-family: 'FM-Player'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 121, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-clock:before { content: "\e600"; } /* line 124, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-download:before { content: "\e601"; } /* line 127, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-embed:before { content: "\e602"; } /* line 130, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-facebook:before { content: "\e603"; } /* line 133, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-hd:before { content: "\e604"; } /* line 136, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-play:before { content: "\e605"; } /* line 139, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-popup:before { content: "\e606"; } /* line 142, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-twitter:before { content: "\e607"; } /* line 145, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-volume:before { content: "\e608"; } /* line 148, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-thumbsDown:before { content: "\e609"; } /* line 151, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-thumbsUp:before { content: "\e60b"; } /* line 154, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-pause:before { content: "\e60d"; } /* line 157, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .fm-icon-close:before { content: "\e60a"; } @font-face { font-family: 'cc-go'; src: url("../fonts/cc-go.eot?grb1kt"); src: url("../fonts/cc-go.eot?#iefixgrb1kt") format("embedded-opentype"), url("../fonts/cc-go.woff?grb1kt") format("woff"), url("../fonts/cc-go.ttf?grb1kt") format("truetype"), url("../fonts/cc-go.svg?grb1kt#cc-go") format("svg"); font-weight: normal; font-style: normal; } /* line 172, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ [class^="icon-"], [class*=" icon-cc-"] { font-family: 'cc-go'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 186, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ [data-icon]:before { font-family: 'cc-go'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* line 208, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-cc-close:before { content: "\e601"; } /* line 211, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-cc-arrowdownsharp:before { content: "\e600"; } /* line 215, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-cc-first:before { content: "\e605"; } /* line 219, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-cc-previous:before { content: "\e606"; } /* line 223, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-cc-next:before { content: "\e604"; } /* line 227, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_3-fonts.scss */ .icon-cc-last:before { content: "\e607"; } /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Root HTML styles are universal to all media types and contexts. ____________________________________________ */ /* WRAPPERS ======================================== */ /* line 7, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ html, body { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; background: #eeeeee; } /* line 15, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ body { position: relative; width: auto; padding: 0 10px 10px 10px; } /* TYPOGRAPHY ====================================== */ /* See also fonts.less */ /* line 21, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ body { *font-size: 1em; font-size: 16px; line-height: 20px; text-align: left; color: #111111; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } /* line 28, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h1, h2, h3, h4, h5, h6 { font-family: 'Gotham A', 'Gotham B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; color: #222; text-align: center; line-height: 1.2em; margin: 0 auto 0 auto; padding: 0; } /* line 33, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h1.alignleft, h2.alignleft, h3.alignleft, h4.alignleft, h5.alignleft, h6.alignleft { text-align: left; margin: 0 0 0 0; } /* line 38, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h1, .h1 { font-size: 42px; letter-spacing: -0.06em; } /* line 39, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h2, .h2 { font-size: 30px; letter-spacing: -0.04em; } /* line 40, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h3, .h3 { font-size: 20px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 41, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h4, .h4 { font-size: 15px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 42, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h5, .h5 { font-size: 14px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 43, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ h6, .h6 { font-size: 12px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 45, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .brand-primary { color: #F40000; } /* line 47, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ hr.spacer { border-top: 0; margin: 1.2em 0; } /* line 52, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ p { margin: 0 0 10px 0; font-size: 12px; line-height: 17px; } /* line 57, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .item p { margin: 0; } /* line 59, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ a { position: relative; text-decoration: none; font-weight: normal; color: #F40000; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 65, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ a:hover { color: #111111; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 71, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ ul { list-style: none; } /* line 72, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ ul li, ul li a { list-style: none; } /* line 73, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ strong { font-weight: 700; } /* line 75, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ address, .address { font-style: normal; float: left; width: 100%; margin: 0 0 20px 0; } /* line 76, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ address h4, .address h4 { padding: 0 !important; float: left; width: 100%; } /* line 78, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .centered { margin-left: auto; margin-right: auto; text-align: center; } /* line 79, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .fleft { text-align: left; margin-left: 0; float: left; } /*.subpagewrap {padding-top:230px;}*/ /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ /* line 85, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } /* line 86, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ /* line 88, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .clearfix { zoom: 1; } /* TABLES ======*/ /* line 92, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ table.datatable { border-collapse: collapse; width: 100%; max-width: 728px; margin: 0 auto 60px auto; } /* line 97, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ table.datatable th { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 4px 8px; } /* line 102, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ table.datatable tr td { border-bottom: 2px solid #000; padding: 4px 8px; } /* line 106, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ table.datatable td a { font-weight: bold; } /* line 109, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ table.threecol tr td { width: 33%; } /* PROGRESS BARS =============*/ /* line 113, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbars { margin: 10px 0; height: 10px; } /* line 114, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static { background: #ccc; height: 10px; float: left; width: 23%; margin: 0 1%; } /* line 115, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static span { display: block; float: left; height: 10px; background-color: #ffffff; } /* line 116, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static span.loadbar-demo-only-50 { width: 50%; } /* line 117, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static span.loadbar-demo-only-25 { width: 25%; } /* line 118, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static span.loadbar-demo-only-100 { width: 100%; } /* line 119, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static span.loadbar-demo-only-0 { width: 0%; } /* line 120, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .loadbar-static:hover > span { width: 100%; background-color: #F40000; } /* FORMS ======================================== */ /* alerts */ /* line 124, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .alert { border: 5px solid #666; color: #666; padding: 10px; margin: 10px 0; } /* line 129, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .alert p { padding: 0; margin: 0; font-size: 13px; font-weight: bold; } /* line 136, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .alert-error { border-color: #F40000; color: #F40000; } /* badges */ /* line 139, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .badge { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; padding: 4px 0; width: 24px; text-align: center; display: inline-block; background: url(../images/btn-badge.png) 0 0 no-repeat; color: #ffffff; } /* pagination */ /* line 145, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination { height: 40px; padding-top: 10px; } /* line 149, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li { display: inline-block; min-width: 34px; text-align: center; background: url(../images/btn-pagination-sprite.png) -1px -1px no-repeat; } /* line 151, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li a { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; line-height: 1em; color: #ddd; font-size: 18px; display: block; padding: 7px 0; } /* line 152, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li:hover { background-position: -198px 0px; } /* line 154, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li:hover a { color: #ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 157, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-current { background-position: -133px -1px; } /* line 159, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-current a { color: #ffffff; } /* line 160, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-current:hover { background-position: -198px -1px; } /* line 162, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-current:hover a { color: #ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 165, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-inactive { background-position: -68px -1px; } /* line 167, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-inactive a { color: #ffffff; cursor: default; } /* line 169, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination li.pagination-inactive:hover a { color: #ffffff; } /* line 175, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li { background-position: -68px -1px; } /* line 177, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li a { color: #999; } /* line 178, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li:hover { background-position: -198px -1px; } /* line 180, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li:hover a { color: #ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 183, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-current { background-position: -133px -1px; } /* line 185, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-current a { color: #ffffff; } /* line 186, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-current:hover { background-position: -198px -1px; } /* line 188, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-current:hover a { color: #ffffff; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 192, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-inactive a { color: #f7f7f7; cursor: default; } /* line 193, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-inactive:hover { background-position: -68px -1px; } /* line 195, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .pagination.light li.pagination-inactive:hover a { color: #f7f7f7; } /* line 202, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form { /* IE 10 + */ /* select::-ms-expand{ display:none; }*/ } /* line 203, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"], form textarea { box-sizing: border-box; width: 100%; display: block; -webkit-appearance: none; -moz-appearance: none; border: none; background: #fff; padding: 10px 5%; font-size: 15px; color: #666; margin: 0 0 10px 0; } /* line 220, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form select { box-sizing: border-box; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; behavior: url(PIE.htc); font-size: 15px; color: #666; margin: 0 0 10px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } /* line 236, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form .frm-select { position: relative; } /* line 238, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form textarea { height: 200px; padding-top: 10px; } /* line 243, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form input[type="checkbox"] { float: left; width: 20px; height: 20px; margin: 0 0.25em 0 0; padding: 0; vertical-align: text-top; cursor: pointer; background: #ffffff; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; behavior: url(PIE.htc); border: solid 5px #ccc; display: inline-block; font-size: 15px; line-height: 1em; } /* line 253, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form input[type="radio"] { float: left; width: 20px; height: 20px; margin: 0 0.25em 0 0; padding: 0; vertical-align: text-top; cursor: pointer; font-size: 15px; line-height: 1em; } /* line 260, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form input[type="checkbox"]:checked { background: url("../images/form-check.gif") no-repeat -2px -5px; border: solid 5px rgba(0, 0, 0, 0.1); } /* line 265, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form .form-labels { float: left; width: 100%; height: auto; margin: 0 0 10px 0; } /* line 267, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form .form-labels label { width: auto; text-align: left; margin-left: 30px; display: block; } /* line 270, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form .form-labels .right { float: right; text-align: right; width: auto; } /* line 272, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form .form-labels-tight { float: left; width: 100%; height: auto; margin: 0 0 5px 0; } /* line 274, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ form .form-labels-tight label { float: left; width: auto; text-align: left; } /* line 279, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .light-bg form input[type="text"], .light-bg form input[type="password"], .light-bg form input[type="email"], .light-bg form input[type="tel"], .light-bg form textarea { background: #eee; } /* line 288, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .prel { position: relative; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ /* line 297, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ /* line 314, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* 0px =========================== */ @media (min-width: 0) { /* line 326, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .hide-mobile { display: none; } /* line 327, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .hide-mobile-tablet { display: none; } } /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* line 333, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .hide-mobile { display: block; } /* line 334, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .hide-tablet, .hide-tablet-desktop { display: none; } } /* =============================== */ /* 1024px ======================== */ @media (min-width: 1024px) { /* line 340, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .hide-tablet, .hide-mobile-tablet { display: block; } /* line 341, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ .hide-desktop { display: none; } } /* =============================== */ /* IE9 hack to hide form arrow */ @media screen and (min-width: 0\0) { /* line 347, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_4-root.scss */ select { background-image: none !important; background-color: #ffffff; } } /* _________________________________________ PROJECT: Coca-Cola UI Kit CONTENT: Root Content - Common use and structural pieces ____________________________________________ */ /* STRUCTURAL ================= */ /* line 9, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ section { float: left; width: 100%; height: auto; overflow: hidden; padding: 25px 0 0; } @media (min-width: 481px) { /* line 9, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ section { padding: 35px 0 0; } } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ section.no-top-pad { padding-top: 0; } /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ section.has-bg-img, div.has-bg-img { background-repeat: no-repeat; /*background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: repeat;*/ background-position: top center; /*background-size: cover;*/ background-size: auto 1000px; /*background-size: contain;*/ /*background-size: 100% auto;*/ } /* line 38, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .subheadline, .dark-bg.has-bg-img h2 { color: #ffffff; } /* line 43, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item .item-txt, .dark-bg.has-bg-img .item .elm-body { background: transparent; } /* line 46, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item .item-txt h1, .dark-bg.has-bg-img .item .item-txt h2, .dark-bg.has-bg-img .item .item-txt h3, .dark-bg.has-bg-img .item .item-txt h4, .dark-bg.has-bg-img .item .item-txt h5, .dark-bg.has-bg-img .item .item-txt h6, .dark-bg.has-bg-img .item .item-txt p, .dark-bg.has-bg-img .item .elm-body h1, .dark-bg.has-bg-img .item .elm-body h2, .dark-bg.has-bg-img .item .elm-body h3, .dark-bg.has-bg-img .item .elm-body h4, .dark-bg.has-bg-img .item .elm-body h5, .dark-bg.has-bg-img .item .elm-body h6, .dark-bg.has-bg-img .item .elm-body p { color: #ffffff; } /* line 49, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item.hover a .item-txt, .dark-bg.has-bg-img .item.hover a .elm-body, .dark-bg.has-bg-img .item:hover a .item-txt, .dark-bg.has-bg-img .item:hover a .elm-body { background: #ffffff; } /* line 54, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item.hover a .item-txt h1, .dark-bg.has-bg-img .item.hover a .item-txt h2, .dark-bg.has-bg-img .item.hover a .item-txt h3, .dark-bg.has-bg-img .item.hover a .item-txt h4, .dark-bg.has-bg-img .item.hover a .item-txt h5, .dark-bg.has-bg-img .item.hover a .item-txt h6, .dark-bg.has-bg-img .item.hover a .item-txt p, .dark-bg.has-bg-img .item.hover a .elm-body h1, .dark-bg.has-bg-img .item.hover a .elm-body h2, .dark-bg.has-bg-img .item.hover a .elm-body h3, .dark-bg.has-bg-img .item.hover a .elm-body h4, .dark-bg.has-bg-img .item.hover a .elm-body h5, .dark-bg.has-bg-img .item.hover a .elm-body h6, .dark-bg.has-bg-img .item.hover a .elm-body p, .dark-bg.has-bg-img .item:hover a .item-txt h1, .dark-bg.has-bg-img .item:hover a .item-txt h2, .dark-bg.has-bg-img .item:hover a .item-txt h3, .dark-bg.has-bg-img .item:hover a .item-txt h4, .dark-bg.has-bg-img .item:hover a .item-txt h5, .dark-bg.has-bg-img .item:hover a .item-txt h6, .dark-bg.has-bg-img .item:hover a .item-txt p, .dark-bg.has-bg-img .item:hover a .elm-body h1, .dark-bg.has-bg-img .item:hover a .elm-body h2, .dark-bg.has-bg-img .item:hover a .elm-body h3, .dark-bg.has-bg-img .item:hover a .elm-body h4, .dark-bg.has-bg-img .item:hover a .elm-body h5, .dark-bg.has-bg-img .item:hover a .elm-body h6, .dark-bg.has-bg-img .item:hover a .elm-body p { color: #F40000; } /* line 60, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h1, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h2, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h3, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h4, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h5, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt h6, .dark-bg.has-bg-img .item.flex-active-slide a .item-txt p { color: #F40000; } /* line 64, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item.flex-active-slide div.no-hover .item-txt { background: transparent; } /* line 66, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg.has-bg-img .item.flex-active-slide div.no-hover .item-txt h3, .dark-bg.has-bg-img .item.flex-active-slide div.no-hover .item-txt p { color: #ffffff; } /* line 71, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .mild-bg.has-bg-img .item-txt, .mild-bg.has-bg-img .elm-body { background: #ffffff; } /* line 77, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .mild-bg.has-bg-img .item.hover .item-txt, .mild-bg.has-bg-img .item.hover .elm-body, .mild-bg.has-bg-img .item:hover .item-txt, .mild-bg.has-bg-img .item:hover .elm-body { background: #ffffff; } @media screen and (min-width: 481px) { /* line 83, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .mild-bg.has-bg-img .textwell-content { background: #ffffff; } } /* line 89, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg.has-bg-img .item a .item-txt, .light-bg.has-bg-img .item a .elm-body, .light-bg.has-bg-img .item div.no-hover .item-txt, .light-bg.has-bg-img .item div.no-hover .elm-body { background: transparent; } @media (min-width: 0) { /* line 88, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg.has-bg-img { /* non-hover */ /* hover */ } /* line 103, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg.has-bg-img .grid-wrap .item a .item-txt h3, .light-bg.has-bg-img .grid-wrap .item a .item-txt p, .light-bg.has-bg-img .item a .item-txt h3, .light-bg.has-bg-img .item a .item-txt p, .light-bg.has-bg-img .item a .elm-body h3, .light-bg.has-bg-img .item a .elm-body p, .light-bg.has-bg-img .item div.no-hover .item-txt h3, .light-bg.has-bg-img .item div.no-hover .item-txt p, .light-bg.has-bg-img .item div.no-hover .elm-body h3, .light-bg.has-bg-img .item div.no-hover .elm-body p { color: #000000; } /* line 109, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg.has-bg-img .grid-wrap .item:hover a .item-txt h3, .light-bg.has-bg-img .grid-wrap .item:hover a .item-txt p, .light-bg.has-bg-img .item:hover a .item-txt h3, .light-bg.has-bg-img .item:hover a .item-txt p, .light-bg.has-bg-img .item:hover a .elm-body h3, .light-bg.has-bg-img .item:hover a .elm-body p { color: #F40000; } } /* line 115, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .main { float: left; width: 100%; } /* line 116, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .main p { text-align: center; } /* line 118, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .main .shelf, .main .brands-shelf, .main .four-col-shelf, .main .three-col-shelf { width: 100%; float: left; display: none; } /* line 124, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ p.copy { float: left; width: 100%; margin: 5px 0; font-size: 16px; line-height: 1.5em; text-align: left; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-weight: normal; } /* line 135, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-shelf-wrap, .plus-shelf-wrap { display: block; margin: 0 0 28px 0; text-align: center; clear: both; } /* line 142, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-shelf-offset { margin-top: 0; } /* SHARE THIS ========= */ /* BACKGROUNDS ================= */ /* line 151, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg { background: #ffffff; float: left; width: 100%; height: auto; } /* line 152, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .mild-bg { background: #eeeeee; float: left; width: 100%; height: auto; } /* line 153, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .dark-bg { background: #dddddd; float: left; width: 100%; height: auto; } /* control-bg takes on the background color of it's target via js */ /* line 155, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .control-bg { float: left; width: 100%; height: auto; } /* line 157, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .headline { margin: 0 auto 35px; width: 200px; line-height: 1.1em; font-weight: bold; } /* headline hard breaks is wider, use break tags to split headline */ /* line 160, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .headline-hard-breaks { margin: 0 auto 28px; width: 400px; line-height: 1.1em; } /* line 161, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .headline-with-sub { margin: 0 auto 18px; width: 200px; line-height: 1.1em; } /* line 162, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .subheadline { margin-bottom: 28px; } /* line 163, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ p.subheadline { font-size: 15px; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 28px; } /* line 164, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ p.subheadlinesized { margin-bottom: 28px; font-size: 20px; font-family: 'Gotham A', 'Gotham B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 165, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ p.superheadline { font-size: 60px; line-height: 1em; letter-spacing: -0.06em; padding: 0 0 0.4em 0; font-family: 'Gotham A', 'Gotham B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 168, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .headline-description p { width: 90%; max-width: 700px; margin: 0 auto 28px auto; text-align: center; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 15px; line-height: 18px; } /* UTILS ================= */ /* line 179, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ #container { padding: 35px 35px 0; } /* line 180, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .disabled { opacity: .4; } /* BUTTONS ================= */ /* line 184, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; color: #F40000; min-width: 110px; background: #f9f9f9; display: inline-block; text-align: center; border-bottom: 10px solid #bbb; margin: 0 3px 10px 3px; padding: 4px 15px 2px 15px; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 199, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-bottom: 10px solid #F40000; color: #F40000; } /* line 205, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ input.btn { border-top: 0; border-right: 0; border-left: 0; font-size: 15px; padding: 6px 8px 4px 8px; } /* line 212, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn.login, .btn.primary { -webkit-appearance: none; border-radius: 0; border-bottom: 10px solid #F40000; } /* line 217, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn.login:hover, .btn.primary:hover { border-bottom: 10px solid #bbb; } /* line 222, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn.disabled, .btn.secondary { color: #666; } /* line 227, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn.white { background: #ffffff; } /* line 230, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-plus, .btn-plus-dark, .btn-minus, .btn-minus-dark { background: url(../images/btn-plus-sprite.png) 0 0 no-repeat; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; width: 32px; height: 32px; display: inline-block; *display: inline; zoom: 1; text-indent: -9999em; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* line 245, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-plus:hover, .btn-plus-dark:hover, .btn-minus:hover, .btn-minus-dark:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; background-position: 0 -100px; } /* line 251, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg .btn-plus, .btn-plus-dark { background-position: -141px 0; } /* line 253, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg .btn-plus:hover, .btn-plus-dark:hover { background-position: -141px -100px; } /* line 258, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-minus { background-position: -70px 0; } /* line 260, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-minus:hover { background-position: -70px -100px; } /* line 265, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg .btn-minus, .btn-minus-dark { background-position: -210px 0px; } /* line 267, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg .btn-minus:hover, .btn-minus-dark:hover { background-position: -210px -100px; } /* line 272, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-close, .btn-close-dark { background: url(../images/btn-close-sprite.png) 0 0 no-repeat; width: 32px; height: 32px; display: inline-block; /**display: inline;*/ zoom: 1; text-indent: -9999em; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* line 281, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-close:hover, .btn-close-dark:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; background-position: 0 -100px; } /* line 287, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-close-dark { background-position: -70px 0; } /* line 289, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .btn-close-dark:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; background-position: -70px -100px; } /* line 296, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item { float: left; width: 100%; margin: 0 auto; text-align: center; /*a.has-hover-content,*/ } /* line 301, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item img { float: left; display: block; width: 100%; margin: 0 auto; opacity: 1; } /* line 305, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt { float: left; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 314, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt h1, .item .item-txt h2, .item .item-txt h3, .item .item-txt h4, .item .item-txt h5, .item .item-txt h6, .item .item-txt p { float: left; width: 100%; height: auto; } /* line 315, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt h3 { margin: 0 0 5px 0; } /* line 316, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt p { text-align: center; color: #111111; /*font-size:$fontSizeSmall ;line-height:$lineHeightSmall;*/ } /* line 320, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt h3, .item .elm-body h3 { line-height: 1.1em; font-size: 20px; } /* line 324, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt p, .item .elm-body p { line-height: 1.3em; font-size: 14px; } @media screen and (min-width: 1025px) { /* line 329, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .item-txt p, .item .elm-body p { font-size: calc(14px * 1.0714285714); } } /* line 336, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover, .item a { display: block; position: relative; width: 100%; margin: 0 auto; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 347, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .bar, .item a .bar { display: block; position: absolute; z-index: 1; height: 10px; width: 100%; background: rgba(0, 0, 0, 0.2); content: ""; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media screen and (min-width: 481px) { /* line 347, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .bar, .item a .bar { z-index: 2; } } /* line 362, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .bg-overlay, .item a .bg-overlay { /*box-sizing: border-box;*/ } /* line 365, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .bg-overlay .hover-text, .item a .bg-overlay .hover-text { box-sizing: border-box; font-size: 20px; padding: 0 10px; } /* line 371, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .elm-img .bg-overlay .hover-text, .item a .elm-img .bg-overlay .hover-text { padding: 0 4px; } /* line 378, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item:hover a, .item.hover a { color: #F40000; } /* line 382, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item:hover a .item-txt, .item:hover a .elm-body, .item.hover a .item-txt, .item.hover a .elm-body { background: #ffffff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 385, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item:hover a .item-txt h1, .item:hover a .item-txt h2, .item:hover a .item-txt h3, .item:hover a .item-txt h4, .item:hover a .item-txt h5, .item:hover a .item-txt h6, .item:hover a .item-txt p, .item:hover a .elm-body h1, .item:hover a .elm-body h2, .item:hover a .elm-body h3, .item:hover a .elm-body h4, .item:hover a .elm-body h5, .item:hover a .elm-body h6, .item:hover a .elm-body p, .item.hover a .item-txt h1, .item.hover a .item-txt h2, .item.hover a .item-txt h3, .item.hover a .item-txt h4, .item.hover a .item-txt h5, .item.hover a .item-txt h6, .item.hover a .item-txt p, .item.hover a .elm-body h1, .item.hover a .elm-body h2, .item.hover a .elm-body h3, .item.hover a .elm-body h4, .item.hover a .elm-body h5, .item.hover a .elm-body h6, .item.hover a .elm-body p { color: #F40000; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 387, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item:hover a .bar, .item.hover a .bar { background: #F40000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 388, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item:hover a img, .item.hover a img { opacity: 1; } /* line 392, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .light-bg .item.hover a .item-txt, .light-bg .item.hover a .elm-body, .light-bg .item:hover a .item-txt, .light-bg .item:hover a .elm-body { background: #eeeeee; } /* Promo Rollovers Code */ /* line 401, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .inset-border { position: relative; height: 100%; width: 100%; float: left; } /* line 409, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .inset-border .hover-text, .item .elm-img .hover-text { position: absolute; display: block; z-index: 2; color: #ffffff; width: 100%; text-align: center; opacity: 0; /*font-size: 20px;*/ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 426, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .no-hover .hover-text { display: none; } /* line 430, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .bg-overlay { background: transparent; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 439, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .icon-container { position: absolute; display: block; z-index: 2; background: rgba(0, 0, 0, 0.3); bottom: 10px; left: 10px; width: 32px; height: 32px; border-radius: 50%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 450, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .icon-container img { width: 100%; } /* line 454, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .icon--default { opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 459, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .icon--hover { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 468, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a .inset-border .bg-overlay, .item.hover a .elm-img .bg-overlay, .item:hover a .inset-border .bg-overlay, .item:hover a .elm-img .bg-overlay { background: rgba(0, 0, 0, 0.25); z-index: 1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 473, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a .inset-border .hover-text, .item.hover a .elm-img .hover-text, .item:hover a .inset-border .hover-text, .item:hover a .elm-img .hover-text { opacity: 1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 478, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .icon-container.icon--hover, .item:hover .icon-container.icon--hover { background: #f40000; } /* line 481, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .item-txt, .item:hover .item-txt { /*background: transparent;*/ } /* line 485, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .elm-circle a .elm-img .bg-overlay, .item:hover .elm-circle a .elm-img .bg-overlay { border: 10px solid #f40000; } /* line 489, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .icon--hover, .item:hover .icon--hover { opacity: 1; } /* line 492, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .icon--default, .item:hover .icon--default { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 497, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .no-hover .icon-container, .item:hover .no-hover .icon-container { background: rgba(0, 0, 0, 0.3); } /* line 500, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .no-hover .icon--default, .item:hover .no-hover .icon--default { opacity: 1; } /* line 503, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover .no-hover .icon--hover, .item:hover .no-hover .icon--hover { opacity: 0; } /* line 508, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item a .bar { z-index: 3; } /* line 511, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .elm-circle { /*a.has-hover-content,*/ } /* line 512, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .elm-circle .icon-container { left: 50%; margin-left: -16px; bottom: 20px; } @media screen and (min-width: 481px) and (max-width: 767px) { /* line 512, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .elm-circle .icon-container { bottom: 15px; } } /* line 522, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .elm-circle div.no-hover, .item .elm-circle a { float: none; box-sizing: border-box; } /* line 527, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item .elm-circle div.no-hover .bg-overlay, .item .elm-circle a .bg-overlay { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 10px solid rgba(255, 0, 0, 0); transition: background .2s ease-out, border .2s ease-out; } /* End Promo Rollovers Code */ /* line 546, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle { width: 100%; text-align: center; position: relative; /*a.has-hover-content,*/ } /* line 550, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle .elm-img { background-repeat: none; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; position: relative; /*cursor: default;*/ box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 0 auto; /*cursor: pointer;*/ opacity: 1; } /* line 568, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle .elm-img.hover, .elm-circle .elm-img:hover { opacity: 1; } /* line 572, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle .elm-body { float: left; width: 100%; padding: 1em 0 14px 0; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 580, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle h3 { margin: 0 0 5px 0; } /* line 581, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle p { text-align: center; color: #111111; /*font-size:$fontSizeSmall;line-height:$lineHeightSmall;*/ float: left; width: 60%; margin: 0 20%; } /* line 586, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle div.no-hover, .elm-circle a { display: block; position: relative; width: 90%; margin: 0 auto; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 596, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle a .elm-img { /*cursor: pointer;*/ } /* line 599, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle.hover a, .elm-circle:hover a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 603, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle.hover a .elm-body, .elm-circle:hover a .elm-body { background: #ffffff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 605, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle.hover a .elm-body h1, .elm-circle.hover a .elm-body h2, .elm-circle.hover a .elm-body h3, .elm-circle.hover a .elm-body h4, .elm-circle.hover a .elm-body h5, .elm-circle.hover a .elm-body h6, .elm-circle.hover a .elm-body p, .elm-circle:hover a .elm-body h1, .elm-circle:hover a .elm-body h2, .elm-circle:hover a .elm-body h3, .elm-circle:hover a .elm-body h4, .elm-circle:hover a .elm-body h5, .elm-circle:hover a .elm-body h6, .elm-circle:hover a .elm-body p { color: #F40000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 607, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .elm-circle.hover a .elm-img, .elm-circle:hover a .elm-img { box-shadow: inset 0 0 0 10px #f40000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /*======== 404 ======== */ /* =============================== */ /*======== Featured Image ======== */ /* line 622, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .Image.section .section-featured-image { box-sizing: border-box; padding: 0; } /* line 626, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .Image.section .section-featured-image * { box-sizing: border-box; } /* line 628, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .Image.section .section-featured-image img { margin: 0 auto; max-width: 100%; vertica-align: bottom; } /* line 633, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .Image.section .section-featured-image small { margin: 15px auto; } /* =============================== */ /* 0px =========================== */ @media (min-width: 0) { /* line 643, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item { float: left; width: 100%; margin: 0 auto; text-align: center; /*a.has-hover-content,*/ } /* line 650, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover, .item a { display: block; position: relative; width: 100%; margin: 0 auto; opacity: 1; } /* line 658, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover img, .item a img { float: left; display: block; width: 100%; margin: 0 auto; opacity: 1; } /* line 661, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .bar, .item a .bar { display: none; } /* line 665, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt, .item a .item-txt { float: left; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; } /* line 674, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt h1, .item div.no-hover .item-txt h2, .item div.no-hover .item-txt h3, .item div.no-hover .item-txt h4, .item div.no-hover .item-txt h5, .item div.no-hover .item-txt h6, .item div.no-hover .item-txt p, .item a .item-txt h1, .item a .item-txt h2, .item a .item-txt h3, .item a .item-txt h4, .item a .item-txt h5, .item a .item-txt h6, .item a .item-txt p { float: left; width: 100%; height: auto; } /* line 675, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt h3, .item a .item-txt h3 { margin: 0 0 5px 0; } /* line 676, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt p, .item a .item-txt p { text-align: center; color: #111111; /*font-size:$fontSizeSmall ;line-height:$lineHeightSmall;*/ } /* line 681, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ h2.headline, h2.headline-with-sub { width: auto; max-width: 320px; } } /* =============================== */ /* 480px ======================== */ @media (min-width: 481px) { /* line 694, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item { float: left; width: 100%; margin: 0 auto; text-align: center; /*a.has-hover-content,*/ } /* line 701, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover, .item a { display: block; position: relative; width: 100%; margin: 0 auto; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 710, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover img, .item a img { float: left; display: block; width: 100%; margin: 0 auto; opacity: 1; } /* line 713, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .bar, .item a .bar { display: block; position: absolute; height: 10px; width: 100%; background: rgba(0, 0, 0, 0.2); content: ""; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 723, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt, .item a .item-txt { float: left; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding: 10px; margin: 10px auto; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 732, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt h1, .item div.no-hover .item-txt h2, .item div.no-hover .item-txt h3, .item div.no-hover .item-txt h4, .item div.no-hover .item-txt h5, .item div.no-hover .item-txt h6, .item div.no-hover .item-txt p, .item a .item-txt h1, .item a .item-txt h2, .item a .item-txt h3, .item a .item-txt h4, .item a .item-txt h5, .item a .item-txt h6, .item a .item-txt p { float: left; width: 100%; height: auto; } /* line 733, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt h3, .item a .item-txt h3 { margin: 0 0 5px 0; } /* line 734, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item div.no-hover .item-txt p, .item a .item-txt p { text-align: center; color: #111111; /*font-size:$fontSizeSmall ;line-height:$lineHeightSmall;*/ } /* line 738, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a, .item:hover a { color: #F40000; } /* line 741, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a .item-txt, .item:hover a .item-txt { background: #ffffff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 743, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a .item-txt h1, .item.hover a .item-txt h2, .item.hover a .item-txt h3, .item.hover a .item-txt h4, .item.hover a .item-txt h5, .item.hover a .item-txt h6, .item.hover a .item-txt p, .item:hover a .item-txt h1, .item:hover a .item-txt h2, .item:hover a .item-txt h3, .item:hover a .item-txt h4, .item:hover a .item-txt h5, .item:hover a .item-txt h6, .item:hover a .item-txt p { color: #F40000; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 745, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a .bar, .item:hover a .bar { background: #F40000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 746, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .item.hover a img, .item:hover a img { opacity: 1; } } /* =============================== */ /* remove auto highlight on mobile sliders .flex-active-slide{ .elm-circle { .transition-out; .elm-body { background:$wt;.transition-in; h1,h2,h3,h4,h5,h6,p {color:$brand-primary;.transition-in;} } .elm-img{ box-shadow: inset 0 0 0 10px $brand-primary-rgba; .transition-in; } } } */ /* 1024px ======================== */ @media (min-width: 1024px) { /* line 774, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ .main { position: relative; left: 50%; float: left; width: 1004px; margin-left: -502px; } /* line 775, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ p.superheadline { font-size: 120px; } } /* =============================== */ /* 0px + Hi Density ============== @media @size-mobile-portrait-hd { .btn-plus, .btn-plus-dark, .btn-minus, .btn-minus-dark { background:url(../images/btn-plus-sprite@x2.png) 0 0 no-repeat; background-size: 300px; } }*/ /* =============================== */ /* PRINT ======================== */ @media print and (min-width: 0em) { /* line 792, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_5-root-content.scss */ img { display: block; width: auto; height: auto; } } /* =============================== */ /* _________________________________________________________ PROJECT: Coke UI Kit CONTENT: Flexslider is used for mobile on most sections and for galleries ____________________________________________________________ */ /* Browser Resets */ /* line 9, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } /* line 13, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ /* line 19, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider { margin: 0; padding: 0; } /* line 20, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ /* line 21, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider .slides img { width: 100%; display: block; } /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ /* line 25, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* line 26, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ html[xmlns] .slides { display: block; } /* line 27, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */ /* line 32, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ /* line 37, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider { margin: 0; background: transparent; position: relative; zoom: 1; } /* line 38, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* line 39, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .loading .flex-viewport { max-height: 300px; } /* line 40, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider .slides { zoom: 1; } /* Direction Nav */ /* line 44, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav { *height: 0; } /* 480px ======================== */ @media (min-width: 481px) { /* line 48, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav a { width: 28px; height: 42px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: .75; -webkit-transition: all .3s ease; } /* line 55, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav .flex-next { background-position: 100% 0; right: 0; -webkit-transition: all 0.01s ease-in-out; /* Safari and Chrome */ -moz-transition: all 0.01s ease-in-out; /* Firefox 4 */ -o-transition: all 0.01s ease-in-out; /* Opera */ transition: all 0.01s ease-in-out; } /* line 56, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav .flex-prev { left: 0; -webkit-transition: all 0.01s ease-in-out; /* Safari and Chrome */ -moz-transition: all 0.01s ease-in-out; /* Firefox 4 */ -o-transition: all 0.01s ease-in-out; /* Opera */ transition: all 0.01s ease-in-out; } /* line 57, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider:hover .flex-next { opacity: 1; } /* line 58, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider:hover .flex-prev { opacity: 1; } /* line 59, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } /* line 60, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav .flex-disabled { display: none; opacity: 0; filter: alpha(opacity=0); cursor: default; } } /* =============================== */ /* Control Nav */ /* line 68, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } /* line 69, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-nav li { margin: 0; display: inline-block; zoom: 1; *display: inline; } /* line 70, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; } /* line 71, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } /* line 72, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-paging li a.flex-active { background: #000; background: black; cursor: default; } /* line 79, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } /* line 80, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-thumbs li { width: 25%; float: left; margin: 0; } /* line 81, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-thumbs img { width: 100%; display: block; opacity: 1; cursor: pointer; } /* line 82, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-thumbs img:hover { opacity: 1; } /* line 83, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { /* line 86, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav .flex-prev { opacity: 1; left: 0; } /* line 87, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-direction-nav .flex-next { opacity: 1; right: 0; } } /* Layout ***********************/ /* only show active slide's text on mobile */ @media screen and (max-width: 860px) { /* line 100, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .item .item-text, .bb-msg-mobile-title, .bb-msg-mobile-sub { display: none; } /* line 106, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .flex-active-slide .item .item-text, .flex-active-slide .bb-msg-mobile-title, .flex-active-slide .bb-msg-mobile-sub { display: block; } } /* line 117, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .item.flex-active-slide, .flex-viewport .item { color: #111111; } /* line 119, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .item.flex-active-slide .item-txt, .flex-viewport .item .item-txt { background: inherit; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 121, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .item.flex-active-slide .item-txt h1, .item.flex-active-slide .item-txt h2, .item.flex-active-slide .item-txt h3, .item.flex-active-slide .item-txt h4, .item.flex-active-slide .item-txt h5, .item.flex-active-slide .item-txt h6, .item.flex-active-slide .item-txt p, .flex-viewport .item .item-txt h1, .flex-viewport .item .item-txt h2, .flex-viewport .item .item-txt h3, .flex-viewport .item .item-txt h4, .flex-viewport .item .item-txt h5, .flex-viewport .item .item-txt h6, .flex-viewport .item .item-txt p { color: #111111; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* line 123, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .item.flex-active-slide .bar, .flex-viewport .item .bar { background: rgba(0, 0, 0, 0.2); } /* line 129, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .item.flex-active-slide .item-txt, .item.flex-active-slide:hover .item-txt { background: #fff; } /* line 136, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ .light-bg .item.flex-active-slide .item-txt, .light-bg .item.flex-active-slide:hover .item-txt { background: #eeeeee; } /* line 141, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_6-flexslider.scss */ #main { margin-left: 0; overflow: hidden; } /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Billboards - large photo promo ____________________________________________ */ /* 0px =========================== */ @media (min-width: 0) { /*.billb-wrap { height: 330px; }*/ /* line 14, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-wrap { position: relative; width: 100%; overflow: hidden; display: block; margin: 0; padding: 0; /* &:hover { cursor: pointer; h1, p.billb-msg {color: $brand-primary; @include transition-out; } h2, h3, p.billb-text {color: $brand-primary; @include transition-in(.1s);} img {opacity: 1; @include transition-in(.1s);} .btn { @include transition-in(0.2s); border-bottom:10px solid $brand-primary; } } */ } /* line 36, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg-wrap { padding-top: 10px; width: 325px; z-index: 1; padding-bottom: 20px; margin: 0 auto; } /* line 46, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .bb-btn { display: none; } /* line 48, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg { text-align: center; font-size: 30px; line-height: 1.01em; color: #111111; letter-spacing: -0.03em; display: block; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 58, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg { padding-top: 0; } /* line 59, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-logo-text, .billb-text { color: #F40000; font-size: 18px; padding-top: 10px; margin: 0 0 5px 0; text-align: center; line-height: 1.01em; letter-spacing: -0.03em; display: block; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 70, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-logo-text.black, .billb-text.black { color: #111111; } /* line 73, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-text-wrap span.btn { display: none; } /* don't display logos on mobile */ /* line 79, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .slide-logo, .billb-slide-logo { display: none; } /* line 82, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-figure { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; padding: 0; margin: 0; width: 100%; height: 163px; position: relative; overflow: hidden; background-size: cover; background-position: 50% 0; -webkit-transform: translate3d(0, 0, 0); } /* line 100, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg-wrap.campaign .billb-text { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #F40000; letter-spacing: 0.02em; text-transform: none; font-weight: normal; } /* line 108, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg-wrap.campaign .billb-msg { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #111111; font-size: 25px; letter-spacing: 0.02em; text-transform: none; line-height: 30px; font-weight: normal; } } /* ======================== */ /* 768px ======================== */ @media (min-width: 768px) { /* show the logo when not in mobile, hide the text version */ /* line 128, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-logo-text { display: none; } /* line 129, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-slide-logo { display: block; float: left; background-repeat: no-repeat; } /* line 135, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-text-wrap { float: left; position: absolute; bottom: 90px; text-align: center; } /* line 142, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-text-wrap span.btn { display: inline-block; margin-top: 10px; } /* line 147, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-text { color: #ffffff; } /* line 151, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg.white { color: #ffffff; } /* line 154, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-figure { width: 100%; height: 310px; } /* line 159, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg { font-size: 30px; } /* line 163, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .bb-btn { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; color: #F40000; min-width: 110px; background: #f9f9f9; position: relative; display: inline-block; text-align: center; border-bottom: 10px solid #dddddd; margin: 0 3px 10px 3px; padding: 4px 15px 2px 15px; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 178, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .bb-btn:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-bottom: 10px solid #F40000; color: #F40000; } /* overrides for dark billboards */ /* line 186, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-dark.billb-wrap { color: #ffffff; } /* line 188, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-dark.billb-wrap .billb-msg, .billb-dark.billb-wrap .billb-text, .billb-dark.billb-wrap .billb-logo-text { color: #ffffff; } /* line 190, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-dark.billb-wrap a:hover .billb-msg, .billb-dark.billb-wrap a:hover .billb-text, .billb-dark.billb-wrap a:hover .billb-logo-text { color: #F40000; } /* override for color backgrounds */ /* line 196, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-wrap:hover .billb-msg.hoverwhite { color: #ffffff; } /* line 197, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-wrap:hover .billb-msg.hoverblack { color: #111111; } /* line 201, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg-wrap.campaign .billb-text { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #ffffff; letter-spacing: 0.02em; text-transform: none; font-weight: normal; } /* line 209, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg-wrap.campaign .billb-msg { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 35px; letter-spacing: 0.02em; text-transform: none; line-height: 40px; font-weight: normal; } /* line 218, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-msg-wrap.campaign .bb-btn { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: normal; letter-spacing: 0.02em; text-transform: uppercase; color: #F40000; min-width: 110px; background: #f9f9f9; display: inline-block; position: relative; text-align: center; border-bottom: none !important; margin: 0 3px 10px 3px; padding: 15px 15px 15px 15px; } /* line 238, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .campaign .billb-text { color: #111111; } /* line 241, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .campaign .billb-msg { color: #111111; } /* line 244, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .campaign .bb-btn { background-color: #111111; } /* line 251, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .billb-text { color: #ffffff; } /* line 254, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .billb-msg { color: #ffffff; } /* line 257, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .bb-btn { border-bottom: 10px solid #bbb; } /* line 263, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ a:hover .billb-msg.white { color: #111111; } } /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* line 275, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-wrap, .billb-wrap figure { height: 330px; } /* line 280, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-wrap.billb-tall, .billb-wrap.billb-tall figure { height: 430px; } } /* =============================== */ /* 1200px ======================== */ @media (min-width: 1200px) { /* line 296, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_7-billboard.scss */ .billb-figure { margin: 0 auto; background-size: cover; } } /* =============================== */ /* _________________________________________________________ PROJECT: Coke UI Kit CONTENT: Billboard Crops NOTES: These are the 4 cropping-scaling options for billboards ____________________________________________________________ */ /* 0px =========================== */ @media (min-width: 0) { /* STYLE 1 */ /* line 13, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-1 figure, .billb-style-1 figure.billb-figure { background-size: cover; background-position: 50% 0; } /* STYLE 2 */ /* line 20, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-2 figure, .billb-style-2 figure.billb-figure { background-size: cover; background-position: 75% 0; } /* STYLE 3 */ /* line 27, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-3 figure, .billb-style-3 figure.billb-figure { background-size: cover; background-position: 25% 0; } /* STYLE 4 */ /* line 34, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-4 figure, .billb-style-4 figure.billb-figure { background-size: cover; background-position: 50% 0; } } /* =============================== */ /* 480px ======================== */ @media (min-width: 481px) { /* option 1 */ /* line 51, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-1 .bb-msg-wrap { left: 50%; } /* line 54, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-1 .bb-msg { text-align: center; left: 0; width: 100%; } /* line 60, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-1 figure { background-size: cover; background-position: 50% 0; } /* option 2 */ /* line 70, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-2 .bb-msg-wrap { left: 50%; } /* line 73, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-2 .bb-msg { text-align: center; left: 0; width: 100%; } /* line 78, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-2 figure { background-size: cover; background-position: 100% 0; } /* option 3 */ /* line 89, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-3 .bb-msg-wrap { left: 50%; } /* line 92, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-3 .bb-msg { text-align: center; left: 0; width: 100%; } /* line 98, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-3 figure { background-size: cover; background-position: 0 0; } /* option 4 */ /* line 107, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-4 .bb-msg-wrap { left: 50%; } /* line 110, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-4 .bb-msg { text-align: center; left: 0; width: 100%; } /* line 116, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-4 figure { background-size: cover; background-position: 50% 0; } } /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* line 130, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-wrap { padding-top: 10px; } /* line 134, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .is-Table { display: table; bottom: 0; } /* line 135, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .is-Table .Table-Cell { display: table-cell; vertical-align: middle; float: none; position: relative; } /* line 141, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .is-Table .Center-Block { width: 100%; margin: 0 auto; padding: 0 0 0 0; } /* line 148, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .bb-style-1 .bb-msg-wrap { width: 50%; left: auto; right: 20px; height: 100%; } /* style 1 */ /* line 157, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-1 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; } /* line 165, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-1 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; } /* style 2 */ /* line 174, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-2 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; } /* line 182, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-2 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; } /* style 3 */ /* line 193, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-3 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; } /* line 201, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-3 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; } /* style 4 */ /* line 211, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-4 .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; } /* line 219, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-4 .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; } /* line 227, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-text-wrap { bottom: 0px; position: relative; } /* line 231, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_8-billboard-crops.scss */ .billb-style-4 .billb-figure { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } } /* =============================== */ /* 1024px ======================== */ /* =============================== */ /* 1200px ======================== */ /* =============================== */ /*! * Bootstrap v2.2.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ /* * * This is a trimmed down version for Coca-Cola UI Kit * */ /* line 17, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .clearfix { *zoom: 1; } /* line 20, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } /* line 26, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .clearfix:after { clear: both; } /* line 29, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* line 36, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 45, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs { *zoom: 1; margin: 20px 0 0 0; } /* line 49, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs:before, .nav-tabs:after { display: table; content: ""; line-height: 0; } /* line 55, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs:after { clear: both; } /* line 58, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs > li { display: inline-block; *display: inline; zoom: 1; font-size: 18px; height: 50px; } /* line 66, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs > li > a { padding-right: 10px; padding-left: 10px; margin-right: 10px; line-height: 1em; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* line 74, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs > li > a { padding: 10px; line-height: 20px; background-color: #eee; text-align: center; display: block; } /* line 82, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-white .nav-tabs > li > a { background-color: #fff; } /* line 85, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs > li > a:hover { color: #666; } /* line 88, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #666; cursor: default; } /* line 94, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-wrapper { width: 280px; margin: 0 auto; text-align: left; } /* 768px ======================== */ @media (min-width: 768px) { /* line 102, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-wrapper { width: 80%; margin: 0 auto; text-align: left; } } /* =============================== */ /* line 110, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tabbable { *zoom: 1; } /* line 113, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } /* line 119, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tabbable:after { clear: both; } /* line 122, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-content { overflow: auto; clear: left; text-align: left; background: #eee; padding: 10px; margin-bottom: 20px; } /* line 129, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-content p { text-align: left; } /* line 133, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-white .tab-content { background-color: #fff; } /* line 136, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-content > .tab-pane { display: none; } /* line 139, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_9-bootstrap-tabs.scss */ .tab-content > .active { display: block; } /* line 1, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__loading, .carousel__loading--center { position: absolute; top: 100px; left: 50%; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; z-index: 8060; background-color: #000; border-radius: 12px; width: 44px; height: 44px; background: #000 url("../../js/libs/fancybox/source/fancybox_loading.gif") center center no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { /* line 1, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__loading, .carousel__loading--center { background-image: url("../../js/libs/fancybox/source/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__close-video { position: absolute; width: 50px; height: 50px; display: none; top: 20px; right: 20px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50px; font-size: 0px; } /* line 35, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__close-video:before { content: ''; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin-top: -15px; margin-left: -16px; background-repeat: no-repeat; background-image: url(../images/fancybox_sprite.png); background-position: -44px 0; } /* line 52, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__bullet, .carousel__toggle-slideshow, .billboard-carousel__pagination-switch { display: inline-block; position: relative; width: 14px; height: 14px; border-radius: 14px; background: #222; margin-right: 8px; opacity: 0.8; cursor: pointer; background-color: #ffffff; border: 0.1em rgba(0, 0, 0, 0.2) solid; font-size: 0; } /* line 66, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__bullet:focus, .carousel__toggle-slideshow:focus, .billboard-carousel__pagination-switch:focus { outline: 1px dotted #ccc; } /* line 85, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__toggle-slideshow { background-color: #F40000; border-color: #F40000; } /* line 90, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__toggle-slideshow:before { content: ''; display: block; width: 8px; height: 8px; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; } /* line 106, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__toggle-slideshow--paused:before { width: 0; height: 0; border-left: 0; border-right: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #ffffff; margin-left: -2px; } /* line 119, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__play { position: absolute; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; top: 50%; left: 50%; font-size: 0px; background-repeat: no-repeat; background-image: url(../images/sprite-video-play.png); background-position: 0 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* line 154, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__play:hover { background-position: 0 -100px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* line 160, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__loading--center { margin-top: -22px; top: 50%; } /* line 166, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel--loading { opacity: 0; } /* line 170, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel--loaded { -webkit-transition: opacity 0.6s ease-out; -moz-transition: opacity 0.6s ease-out; -ms-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; opacity: 1; } /* line 175, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-angle { width: 28px; height: 42px; background-repeat: no-repeat; background-image: url(../images/bg_direction_nav.png); background-position: 0 0; font-size: 0px; display: inline-block; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* line 191, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-angle--prev { background-position: 0 0px; left: 40px; } @media (max-width: 768px) { /* line 191, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-angle--prev { left: 0; } } /* line 199, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-angle--next { background-position: -28px 0; right: 40px; } @media (max-width: 768px) { /* line 199, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-angle--next { right: 0; } } /* line 207, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-round { width: 33px; height: 33px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; display: inline-block; position: absolute; top: 40%; margin-top: -16px; cursor: pointer; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } @media (max-width: 768px) { /* line 207, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-round { display: none; } } /* line 226, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-round:hover { background-position: -33px 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } /* line 231, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-round--prev { background-image: url(../images/bg_direction_nav_left.png); left: 40px; } /* line 236, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-round--next { background-image: url(../images/bg_direction_nav_right.png); right: 40px; } /* line 241, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_10-carousel.scss */ .carousel__nav-hide { display: none; } /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Hero element - large photo promo ____________________________________________ */ /* 0px =========================== */ @media (min-width: 0) { /* line 9, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero { padding: 20px 0 0 0; overflow: hidden; } /* line 15, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .bb-wrap { position: relative; width: 100%; height: 300px; overflow: hidden; display: block; margin: 0; padding: 0; } /* line 27, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .bb-msg-wrap { width: 100%; z-index: 1; background: #fff; padding-bottom: 20px; max-width: 300px; margin: 0 auto; } /* line 37, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .bb-msg-wrap .slide-logo { display: none; } /* line 40, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .bb-msg-wrap .billb-text, section.section-hero .bb-msg-wrap .billb-msg { text-align: center; font-size: 30px; font-weight: bold; line-height: 1.01em; color: #222; letter-spacing: -0.03em; display: block; } /* line 51, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .bb-msg-wrap .billb-msg { padding-top: 0; transition: color .2s ease-out; } /* line 52, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .bb-msg-wrap .billb-text { font-size: 24px; color: #F40000; padding-top: 10px; } /* line 57, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-dark .bb-msg-wrap .billb-text, section.section-hero .billb-dark .bb-msg-wrap .billb-msg { color: #ffffff; } /* don't display logos on mobile */ /* line 67, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ figure { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; padding: 0; margin: 0; width: 100%; height: 163px; position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } /* line 82, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.hero-large figure { height: 212px; } /* line 88, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero > .FeaturedCampaign.carousel .flex-direction-nav { display: none; } } @media screen and (min-width: 0) and (max-width: 767px) { /* line 93, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ .section-hero.has-bg-img.dark-bg p.white { color: #ffffff; } } @media (min-width: 0) { /* line 100, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero.has-bg-img .mild-bg, section.section-hero.has-bg-img .dark-bg, section.section-hero.has-bg-img .light-bg { background: transparent; } } /* 768px ======================== */ @media (min-width: 768px) { /* line 109, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero.section-slider .billb-wrap { padding-top: 0; } /* line 113, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero { padding-top: 0px; padding-bottom: 10px; /* show the logo when not in mobile, hide the text version */ /* tall billboard overrides */ } /* line 117, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-wrap a { position: static; } /* line 119, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .headline { padding-top: 35px; } /* line 122, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .logo-text { display: none; } /* line 125, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .is-Table { display: table; bottom: 0; height: 100%; } /* line 130, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .is-Table .Table-Cell { display: table-cell; vertical-align: middle; float: none; position: relative; } /* line 136, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .is-Table .Center-Block { width: 325px; margin: 0 auto; padding: 0 0 0 0; } /* line 142, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-1 .billb-msg-wrap.billb-left, section.section-hero .billb-style-2 .billb-msg-wrap.billb-left, section.section-hero .billb-style-3 .billb-msg-wrap.billb-left, section.section-hero .billb-style-4 .billb-msg-wrap.billb-left { width: 30%; left: 5%; position: absolute; } /* line 151, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-4 .billb-msg-wrap.billb-right { width: 30%; left: auto; right: 30px; height: 100%; } /* line 159, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-4 .billb-msg-wrap.billb-left { right: auto; height: 100%; } /* line 165, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-text-wrap { bottom: auto; position: relative; } /* line 169, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-4 .billb-figure { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } /* line 176, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-tall .billb-msg { font-size: 50px; } /* line 178, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-tall .billb-msg-wrap.billb-right { width: 50%; left: auto; right: 20px; height: 100%; } /* line 186, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-tall .billb-msg-wrap.billb-left { width: 50%; right: auto; left: 20px; height: 100%; } /* line 194, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-tall .is-Table .Center-Block { width: 100%; } /* line 198, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-1 .billb-msg-wrap { width: 40%; left: 30%; position: absolute; } /* line 204, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-2 .billb-msg-wrap { width: 30%; right: 90px; position: absolute; } /* line 210, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-3 .billb-msg-wrap { width: 30%; position: absolute; } /* line 215, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-style-4 .billb-msg-wrap { width: 40%; left: 30%; position: absolute; } /* line 221, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .slide-logo { display: block; } /* line 225, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-wrap, section.section-hero .billb-wrap figure { max-width: 1175px; margin: 0 auto; background-size: cover; } /* line 232, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.hero-large .billb-wrap, section.hero-large .billb-wrap figure { height: 430px; max-width: 1175px; margin: 0 auto; } } /* =============================== */ /* =============================== */ /* 1080px ======================== */ /* =============================== */ /* 1200px ======================== */ @media (min-width: 1200px) { /* line 259, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-hero.scss */ section.section-hero .billb-wrap, section.section-hero .billb-wrap figure { max-width: 1175px; margin: 0 auto; background-size: cover; } } /* =============================== */ /* Temporary IE10+ hack */ /* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* section.section-hero { .billb-style-4 .billb-msg-wrap.billb-right { right: 10%; } } } */ /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Masthead without a slider, usually for sub-pages ____________________________________________ */ /* line 6, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header, header.header-small { display: block; position: relative; z-index: 9999; background: #F40000; float: left; width: 100%; height: 100px; border-top: 10px solid #eeeeee; overflow: hidden; } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.variant, header.header-small.variant { background-color: #ffffff; } /* line 24, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-small .logoMobileWrap a img.logo { float: left; position: relative; left: 50%; top: 19px; height: auto; width: 192px; height: 61px; margin: 0 0 0 -96px; overflow: hidden; background: #F40000; } /* line 31, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide, header.header-wide-subpage { display: none; } /* 0px =========================== */ /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* Used in conjunction with jquery for alternate white homepage logo */ /* shown on delay to avoid flash of red block on page load*/ /* line 48, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ .white-home-header-bgcolor { background: #F40000; width: 500px; height: 208px; position: absolute; top: 0px; left: 50%; margin-left: -250px; display: none; } /* line 60, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-small { display: none; } /* line 64, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide { display: block; height: 198px; width: 100%; background: transparent url(../images/masthead-bg.gif) center 0 no-repeat; } /* line 70, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide.variant { background: url(../images/masthead-bg-variant.gif) center 0 no-repeat; } /* line 80, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide .logoWrap { position: absolute; left: 0; width: 100%; cursor: pointer; } /* line 82, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide .logoWrap a { position: relative; text-indent: -9000em; float: left; margin: 0 0 0 -476px; width: 952px; height: 198px; left: 50%; cursor: default; background-color: transparent; background-size: 100%; } /* line 92, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide-subpage { display: block; height: 100px; width: 100%; } /* line 96, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide-subpage .logoSubWrap { position: absolute; left: 50%; margin-left: -200px; width: 400px; cursor: pointer; } /* line 98, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide-subpage .logoSubWrap a { position: relative; text-indent: -9000em; height: 100px; display: block; } /* line 111, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ .header-wrap { position: relative; float: left; width: 100%; height: 0px; z-index: 9999; } /* line 118, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ .header-center { position: absolute; z-index: 999; margin: 0px 10px 10px 0px; top: 0px; left: 0px; width: 100%; } } /* 1200px ======================== */ @media (min-width: 1200px) { /* line 132, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead.scss */ header.header-wide .header-cap-left, header.header-wide .header-cap-right { width: 30%; } } /* =============================== */ /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Masthead without a slider, usually for sub-pages ____________________________________________ */ /* line 6, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header, header.header-small { display: block; position: relative; z-index: 9999; background: #F40000; float: left; width: 100%; height: 100px; border-top: 10px solid #eeeeee; overflow: hidden; } /* line 14, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-small .logoMobileWrap a img.logo { float: left; position: relative; left: 50%; top: 19px; height: auto; width: 192px; height: 61px; margin: 0 0 0 -96px; overflow: hidden; background: #F40000; } /* line 21, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide, header.header-wide-subpage { display: none; } /* 0px =========================== */ /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* line 37, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-small { display: none; } /* line 41, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide { display: block; height: 198px; width: 100%; background: transparent url(../images/masthead-bg.gif) center 0 no-repeat; } /* line 45, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide .logoWrap { position: absolute; left: 0; width: 100%; cursor: pointer; } /* line 47, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide .logoWrap a { position: relative; text-indent: -9000em; float: left; margin: 0 0 0 -476px; width: 952px; height: 198px; left: 50%; cursor: default; background-color: transparent; background-size: 100%; } /* line 57, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide-subpage { display: block; height: 100px; width: 100%; } /* line 61, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide-subpage .logoSubWrap { position: absolute; left: 50%; margin-left: -200px; width: 400px; cursor: pointer; } /* line 63, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide-subpage .logoSubWrap a { position: relative; text-indent: -9000em; height: 100px; display: block; } /* line 76, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ .header-wrap { position: relative; float: left; width: 100%; height: 0px; z-index: 9999; } /* line 83, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ .header-center { position: absolute; z-index: 999; margin: 0px 10px 10px 0px; top: 0px; left: 0px; width: 100%; } } /* 1200px ======================== */ @media (min-width: 1200px) { /* line 97, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-masthead-super.scss */ header.header-wide .header-cap-left, header.header-wide .header-cap-right { width: 30%; } } /* =============================== */ /* _________________________________________ PROJECT: Coke UI Kit CONTENT: Navigation Bar and Search Form Styles ____________________________________________ */ /* 0px =========================== */ @media (min-width: 0) { /* line 9, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ .nav { float: left; width: 100%; height: auto; padding-top: 0px; } /* line 15, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ .level1 { height: 34px; } } @media screen and (min-width: 0) and (max-width: 480px) { /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-wrap #mobile-nav-jump > a { position: relative; text-indent: -9999px; overflow: hidden; /*height: 35px;*/ /*box-sizing: border-box;*/ -webkit-transition: all ease-out 0.1s; /* Safari and Chrome */ -moz-transition: all ease-out 0.1s; /* Firefox 4 */ -o-transition: all ease-out 0.1s; /* Opera */ transition: all ease-out 0.1s; /* method using box-shadow commented out */ /*&:before { content: ""; position: absolute; left: 50%; margin-left: -7px; top: 12px; width: 14px; height: 3px; background: $brand-primary; box-shadow: 0 5px 0 0 $brand-primary, 0 10px 0 0 $brand-primary; -webkit-box-shadow: 0 5px 0 0 $brand-primary, 0 10px 0 0 $brand-primary; z-index: 10000000000; }*/ /*&:hover::before { background: #000; box-shadow: 0 5px 0 0 #000, 0 10px 0 0 #000; -webkit-box-shadow: 0 5px 0 0 #000, 0 10px 0 0 #000; }*/ } /* line 50, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-wrap #mobile-nav-jump > a:before { content: ""; position: absolute; top: 13px; left: 50%; margin-left: -7px; width: 1em; height: 0.125em; width: 14px; border-top: 6px double #F40000; border-bottom: 2px solid #F40000; /*border-top: 0.375em double #000;*/ /*border-bottom: 0.125em solid #000;*/ } } @media (min-width: 0) { /* Hide main nav menu and show the sitemap jumplink */ /* line 80, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-top-menu, #subnavs, .pushdown-search { display: none; } /* line 84, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-wrap { position: relative; z-index: 999; float: left; width: 100%; height: auto; padding: 10px 0; } /* line 88, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-jump { background: #ffffff; text-align: center; } /* line 91, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-jump a { line-height: 1.5em; width: 100%; display: block; font-size: 18px; padding: 4px 0; margin: 0; letter-spacing: -0.04em; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; color: #F40000; background: #ffffff; } /* line 94, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-jump a:hover { color: #F40000; } } @media only screen and (min-width: 0) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 0) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 0) and (min-resolution: 125dpi), only screen and (min-width: 0) and (min-resolution: 1.3dppx) { /* line 102, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-btn { display: inline-block; margin: 0; padding: 8px; width: 18px; height: 18px; line-height: 1em; text-indent: -9999px; cursor: pointer; background: url(../images/btn-search@x2.png) 50% 50% no-repeat transparent; background-size: 18px 18px; } /* line 108, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-btn:hover { background: url(../images/btn-search@x2.png) 50% 50% no-repeat #ffffff; } /* line 112, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-btn-active { background: url(../images/btn-search@x2.png) 50% 50% no-repeat #ffffff; background-size: 18px 18px; } } /* =============================== */ /* 480px ======================== */ @media (min-width: 481px) { /* line 127, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #mobile-nav-wrap { display: none; } /* line 128, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-top-menu { display: block; } /* line 129, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #overflowbutton { display: auto; } /* line 131, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav { position: relative; float: left; width: 100%; padding: 10px 0 10px 0; /*common base styles for the nav's main and sub elements*/ /* ul.level2 li > ul.level2 {display:none;} */ } /* line 137, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav li { font-size: 18px; } /* line 139, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav li a { width: auto; padding: 7px 9px 7px 9px; letter-spacing: -0.04em; display: inline-block; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; color: #F40000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 146, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level3 li a, section.nav ul.level3b li a { text-transform: capitalize; } /* line 150, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav .active > a { background: transparent; color: #111111; } /* line 151, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav a.current { color: #111111; } /* line 154, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level1 { width: auto; text-align: center; position: relative; white-space: nowrap; } /* line 162, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level1 > li, section.nav #overflowbutton { display: inline; margin: 0 2px 0 2px; } /* line 167, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level1 > li > a, section.nav #overflowbutton > a { display: inline-block; } /* line 172, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2, section.nav ul.level3, section.nav ul.level3b { float: left; position: absolute; white-space: normal; left: 0; top: 44px; width: 100%; text-align: center; background-color: #ffffff; list-style: none; padding: 6px 0px; } /* line 185, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2 li, section.nav ul.level3 li, section.nav ul.level3b li { font-size: 16px; display: inline; background-color: transparent; color: #F40000; } /* line 187, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2 li a, section.nav ul.level3 li a, section.nav ul.level3b li a { display: inline; padding: 0 0px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 190, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2 li a:hover, section.nav ul.level3 li a:hover, section.nav ul.level3b li a:hover { color: #111111; background-color: transparent; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 198, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2 { background-color: #ffffff; } /* line 201, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level3 { background-color: #ffffff; } /* line 205, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul#overflowitems.level2 { display: inline; } /* line 208, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul#overflowitems.level2 li .active > a { background: #ffffff; color: #111111; } /* line 212, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level3b { background: none !important; padding: 16px 0px; } /* line 215, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level3b .active > a { background-color: transparent !important; color: #111111; } /* line 217, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul#overflowitems.level2 ul.level3 { top: 50px; margin-top: 10px; } /* line 221, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul#overflowitems.level2 ul.level3 li a { display: inline; padding: 0 0px 0 0; } /* line 223, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul#overflowitems.level2 ul.level3 li a:hover { color: #111111; background-color: transparent; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 229, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2 li:after { content: " / "; } /* line 232, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level2 li:last-child:after { content: ""; } /* line 235, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.noslash li:after { content: ""; } /* line 238, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.noslash li ul li:after { content: " / "; } /* line 241, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.noslash li ul li:last-child:after { content: ""; } /* line 245, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav #overflowitems { background: none; top: 30px; border-top: 0; } /* line 250, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav #overflowitems > li { line-height: 1em; font-size: 18px; } /* line 252, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav #overflowitems > li a { padding: 8px; letter-spacing: -0.04em; } /* line 261, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level1 > li > ul { display: none; } /* line 265, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul.level1 > li:hover > ul { /* this would theoretically be for non-javascript hovers */ } /* line 270, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav #overflowitems > li > ul { display: none; } /* line 274, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav #nav-more { display: inline-block; border: 1px solid purple; } /* line 278, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav #nav-more .nav-btn { margin-right: 0; } /* line 286, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search { display: inline; margin: 0; padding: 0; } /* line 290, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-btn { display: inline-block; margin: 0; padding: 8px; width: 18px; height: 18px; line-height: 1em; text-indent: -9999px; cursor: pointer; background: url(../images/btn-search.png) 50% 50% no-repeat transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 297, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-btn:hover { -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; background: url(../images/btn-search.png) 50% 50% no-repeat #ffffff; } /* line 303, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-btn-active { background: url(../images/btn-search.png) 50% 50% no-repeat #ffffff; } /* line 306, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #nav-search .search-wrap { position: relative; float: left; } /* line 312, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #navsearchform { float: right; width: 100%; margin: 0; padding: 0; overflow: hidden; background: transparent; text-align: center; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; color: #F40000; } /* line 317, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #navsearchform input[type="text"] { position: relative; display: block; z-index: 9999; width: 95%; height: 20px; text-align: center; overflow: hidden; border: 0; margin: 0 auto; padding: 0; text-transform: uppercase; font-size: 18px; line-height: 1em; color: #111111; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; -webkit-appearance: none; background-color: #ffffff; } /* line 326, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #navsearchform input[type="submit"] { display: none; } } /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* line 341, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ #navsearchform input[type="text"] { width: 98%; } /* line 346, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav .active > a { background: #ffffff; color: #111111; } /* line 347, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav li a:hover { background: #ffffff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 351, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.nav ul#overflowitems.level2 li a:hover { color: #F40000; background-color: #ffffff; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 355, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.stuck { position: fixed !important; top: 0px; left: 0px; width: 100%; background-color: #eeeeee; display: block; } /* line 364, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-nav.scss */ section.sticky ul.level3b { background-color: #eeeeee !important; } } /* =============================== */ /* _________________________________________________________ PROJECT: Coke UI Kit CONTENT: Login Section ____________________________________________________________ */ /* 0px =========================== */ @media (min-width: 0) { /* line 11, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login { box-sizing: border-box; float: left; width: 100%; height: auto; padding: 10px; } /* line 16, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main { width: 100%; left: 0; margin: 0; } /* line 21, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main a.btn-fb-login { box-sizing: border-box; float: left; width: 100%; height: 60px; background: #37589B; color: #fff; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 15px; text-align: center; padding: 20px 0 0 0; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 36, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main a.btn-fb-login:hover { opacity: .8; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 39, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main p.label { float: left; width: 100%; height: auto; text-align: center; color: #666666; font-size: 16px; margin: 10px 0; } /* line 49, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-labels { float: left; width: 100%; height: auto; font-size: 13px; margin: 0 0 8px 0; } /* line 56, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-labels input { float: left; width: 20px; text-indent: 4px; color: #111111; } /* line 57, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-labels label { float: left; width: auto; padding-top: 2px; } /* line 58, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-labels a.right { float: right; } /* line 59, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-labels a.left { float: left; width: 100%; } /* line 62, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-btns { float: left; width: 100%; height: auto; margin: 0 0 20px 0; } /* line 64, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-login.scss */ .section-login .main .form-btns .btn { padding: 2px 45px 0 45px; } } /* =============================== */ /* _________________________________________________________ PROJECT: Coke UI Kit CONTENT: Styles for creating forms, other styles in root-content, etc ____________________________________________________________ */ /* line 6, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .form-wrap { width: 280px; margin: 0 auto; } /* line 8, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .form-wrap h4 { margin: 20px 0 10px 0; } /* line 13, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ label, .form-label { font-size: 14px; } /* line 15, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ span.required { color: red; } /* line 17, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ fieldset.birthday { margin: 5px 0; padding: 0; } /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .frm-select-small { width: 85px; margin-right: 10px; float: left; } /* line 28, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .frm-select-small-last { margin-right: 0; width: 90px; float: left; } /* line 34, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .commenttext { margin: 10px 0; } /* line 36, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .commenttext textarea { height: 90px; } /* line 42, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ input[type="text"], input[type="tel"], input[type="email"], select { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-family: inherit; margin: 0; border-radius: 0; /* for Safari */ } /* line 52, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ select { border: 1px inset #ccc; background: #fff url(../images/downselectarrow.png) right center no-repeat; /* Necessary to customize dropdown arrow in WebKits*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01em; text-overflow: ""; line-height: 1; padding: 10px 5%; } /* 0px =========================== */ @media (min-width: 0) { /* line 72, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form { box-sizing: border-box; float: left; width: 100%; height: auto; padding: 10px; } /* line 77, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main { width: 100%; left: 0; margin: 0; } /* line 82, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main a.btn-fb-login { display: block; width: 100%; background: #37589B; color: #fff; font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 15px; text-align: center; padding: 20px 0 20px 0; margin-bottom: 5px; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 98, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main a.btn-fb-login:hover { opacity: .8; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } /* line 101, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .label-top { float: left; width: 100%; height: auto; text-align: center; color: #666666; font-size: 16px; margin: 10px 0; } /* line 112, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-inline-labels { float: left; width: 100%; height: auto; font-size: 13px; margin: 0 0 8px 0; } /* line 119, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-inline-labels input, .section-form .main .form-inline-labels textarea { float: left; width: 20px; text-indent: 4px; color: #111111; } /* line 120, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-inline-labels label { float: left; width: auto; padding-top: 2px; } /* line 121, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-inline-labels a.right { float: right; } /* line 122, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-inline-labels a.left { float: left; width: 100%; } /* line 125, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-top-labels { float: left; width: 100%; height: auto; font-size: 13px; margin: 0 0 8px 0; } /* line 132, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-top-labels input, .section-form .main .form-top-labels textarea { float: left; width: 100%; text-indent: 4px; color: #111111; } /* line 133, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-top-labels label { float: left; width: 100%; text-align: left; padding-top: 2px; } /* line 134, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-top-labels a.right { float: right; } /* line 135, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-top-labels a.left { float: left; width: 100%; } /* line 138, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-btns { float: left; width: 100%; height: auto; margin: 0 0 20px 0; } /* line 140, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-btns .btn { width: 125px; float: left; padding: 2px 5px 0; } /* line 141, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-form.scss */ .section-form .main .form-btns .spine { margin-right: 10px; } } /* =============================== */ /* _________________________________________________________ PROJECT: Coke UI Kit CONTENT: Article Section Template ____________________________________________________________ */ /* line 6, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article-headline { font-size: 50px; text-transform: none; line-height: 1em; } /* line 10, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .h-recipe .headline { text-transform: none; } /* line 14, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe p.recipe-intro { text-align: center; } /* line 18, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .h-recipe h4, .h-recipe h2 { padding-top: 2em; } /* line 23, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .h-recipe .p-ingredient { display: block; width: 100%; line-height: 1.4em; } /* line 27, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .h-recipe .p-ingredient span { display: inline-block; text-align: right; width: 48%; font-weight: bold; padding-right: 2%; vertical-align: top; } /* line 35, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .h-recipe .p-ingredient span:first-child + span { text-align: left; padding-right: 0; width: 50%; font-weight: normal; } /* line 44, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe ul, .section-article .h-recipe ol { padding: 0; } /* line 49, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe ol li { font-weight: bold; list-style-type: decimal; list-style-position: inside; margin-bottom: 1.5em; } /* line 54, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe ol li p { font-weight: normal; display: inline; margin: 0; padding: 0; float: none; width: auto; } /* line 64, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .has-bg-img.mild-bg.section-article .main { background: #ffffff; } @media screen and (min-width: 481px) { /* line 64, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .has-bg-img.mild-bg.section-article .main { padding-top: 20px; } } /* line 70, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .has-bg-img.mild-bg.section-article .main h1, .has-bg-img.mild-bg.section-article .main h2, .has-bg-img.mild-bg.section-article .main h3, .has-bg-img.mild-bg.section-article .main h4, .has-bg-img.mild-bg.section-article .main h5, .has-bg-img.mild-bg.section-article .main h6, .has-bg-img.mild-bg.section-article .main p { color: #111111; } /* line 75, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .has-bg-img.dark-bg.section-article .main h1, .has-bg-img.dark-bg.section-article .main h2, .has-bg-img.dark-bg.section-article .main h3, .has-bg-img.dark-bg.section-article .main h4, .has-bg-img.dark-bg.section-article .main h5, .has-bg-img.dark-bg.section-article .main h6, .has-bg-img.dark-bg.section-article .main p, .has-bg-img.dark-bg.section-article .main .p-ingredient, .has-bg-img.dark-bg.section-article .main li { color: #ffffff; } /*================= Table / Table Saw styles =================*/ /* Much like the styles for .section-article .article h2 Abusing !important here so that we don't need to worry about stylesheet import order. */ /* line 91, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ table caption, .tablesaw caption { color: #111111 !important; margin: 0 0 20px 0 !important; text-align: center !important; font-size: 20px; font-weight: 700; letter-spacing: -0.04em; line-height: 26px; opacity: 1 !important; filter: none !important; width: 100%; } /* line 103, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ table caption.left, .tablesaw caption.left { text-align: left; } /* line 109, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .light-bg .article .tablesaw, .light-bg .textwell-content .tablesaw { border: 1px solid #ffffff; } /* line 112, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .light-bg .article .tablesaw td, .light-bg .article .tablesaw th, .light-bg .article .tablesaw th, .light-bg .article .tablesaw tbody, .light-bg .textwell-content .tablesaw td, .light-bg .textwell-content .tablesaw th, .light-bg .textwell-content .tablesaw th, .light-bg .textwell-content .tablesaw tbody { border: 1px solid #ffffff; } /* line 118, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .light-bg .article .tablesaw td, .light-bg .textwell-content .tablesaw td { background: #eeeeee; } /* line 122, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .light-bg .article .tablesaw tr th, .light-bg .article .tablesaw tr:first-child th, .light-bg .textwell-content .tablesaw tr th, .light-bg .textwell-content .tablesaw tr:first-child th { font-weight: bold; font-family: inherit; text-shadow: none; border: 1px solid #ffffff; } /* line 133, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .mild-bg .article .tablesaw, .mild-bg .textwell-content .tablesaw { border: 1px solid #eeeeee; } /* line 136, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .mild-bg .article .tablesaw td, .mild-bg .article .tablesaw th, .mild-bg .article .tablesaw th, .mild-bg .article .tablesaw tbody, .mild-bg .textwell-content .tablesaw td, .mild-bg .textwell-content .tablesaw th, .mild-bg .textwell-content .tablesaw th, .mild-bg .textwell-content .tablesaw tbody { border: 1px solid #eeeeee; } /* line 141, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .mild-bg .article .tablesaw th, .mild-bg .textwell-content .tablesaw th { background: #dddddd; } /* line 145, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .mild-bg .article .tablesaw td, .mild-bg .textwell-content .tablesaw td { background: #ffffff; } /* line 149, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .mild-bg .article .tablesaw tr th, .mild-bg .article .tablesaw tr:first-child th, .mild-bg .textwell-content .tablesaw tr th, .mild-bg .textwell-content .tablesaw tr:first-child th { font-weight: bold; font-family: inherit; text-shadow: none; border-right-color: #eeeeee; } /* line 160, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .dark-bg .article .tablesaw, .dark-bg .textwell-content .tablesaw { border: 1px solid #dddddd; } /* line 163, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .dark-bg .article .tablesaw td, .dark-bg .article .tablesaw th, .dark-bg .article .tablesaw th, .dark-bg .article .tablesaw tbody, .dark-bg .textwell-content .tablesaw td, .dark-bg .textwell-content .tablesaw th, .dark-bg .textwell-content .tablesaw th, .dark-bg .textwell-content .tablesaw tbody { border: 1px solid #dddddd; } /* line 169, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .dark-bg .article .tablesaw tr th, .dark-bg .article .tablesaw tr:first-child th, .dark-bg .textwell-content .tablesaw tr th, .dark-bg .textwell-content .tablesaw tr:first-child th { font-weight: bold; font-family: inherit; text-shadow: none; border-right-color: #dddddd; } /* line 177, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .dark-bg .article .tablesaw td, .dark-bg .textwell-content .tablesaw td { background: #ffffff; } /* line 181, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .dark-bg .article .tablesaw th, .dark-bg .textwell-content .tablesaw th { background: #eeeeee; } /* line 187, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article { text-align: left; width: 100%; overflow: hidden; } /* line 192, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article p, .section-article li { font-weight: 400; text-align: left; /*font-size: 16px;*/ line-height: 1.5em; } /* line 200, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article a { color: #F40000; } /* line 203, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article a:hover { color: #111111; } /* line 208, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article h3 { margin: 0 auto .5em; } /* line 210, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article ul, .section-article ol { padding: 0 0 16px 1px; clear: both; } /* line 214, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article ul li, .section-article ol li { padding: 0 0 .5em; list-style-position: inside; } /* line 220, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe li { padding: 0; } /* line 224, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article ul li { list-style-type: disc; } /* line 227, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article ol li { list-style-type: decimal; } /* line 233, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article table, .textwell-content table { border-collapse: collapse; margin-bottom: 1.5em; line-height: inherit; /* Add class when even-width columns are desired. */ } /* line 242, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article table.even-cols, .textwell-content table.even-cols { table-layout: fixed; } /* line 246, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article td, .textwell-content td { border: 1px solid #ffffff; background: #eeeeee; } /* line 250, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw th, .article th, .textwell-content .tablesaw th, .textwell-content th { vertical-align: middle; background: #dddddd; font-size: 16px; } /* line 257, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw th, .article .tablesaw td, .article .tablesaw th, .article .tablesaw-cell-label, .textwell-content .tablesaw th, .textwell-content .tablesaw td, .textwell-content .tablesaw th, .textwell-content .tablesaw-cell-label { font-size: 16px; color: #111111; font-family: inherit; } /* line 268, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw img, .textwell-content .tablesaw img { max-width: inherit; } /* line 271, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw td, .article .tablesaw th, .textwell-content .tablesaw td, .textwell-content .tablesaw th { line-height: 1.5; text-transform: none; color: #111111; } /* line 277, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw tr th, .article .tablesaw tr:first-child th, .textwell-content .tablesaw tr th, .textwell-content .tablesaw tr:first-child th { font-weight: bold; font-family: inherit; text-shadow: none; border-right-color: #ffffff; } /* line 285, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw .tablesaw-stack td .tablesaw-cell-label, .article .tablesaw .tablesaw-stack th .tablesaw-cell-label, .textwell-content .tablesaw .tablesaw-stack td .tablesaw-cell-label, .textwell-content .tablesaw .tablesaw-stack th .tablesaw-cell-label { display: block; text-transform: none; } /* line 292, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw tbody tr, .article .tablesaw-stack tbody tr, .textwell-content .tablesaw tbody tr, .textwell-content .tablesaw-stack tbody tr { border-bottom: none; } /* line 296, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article th, .article tbody, .article tbody tr, .textwell-content th, .textwell-content tbody, .textwell-content tbody tr { border: none; } /* line 301, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw-stack tbody tr, .textwell-content .tablesaw-stack tbody tr { border: none; } @media only all { /* line 307, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block !important; text-transform: none; } /* line 314, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .tablesaw td, .tablesaw th { text-transform: none; } /* line 319, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw td.hacked-tablesaw-empty-cell, .ArticleTextwell .tablesaw td.hacked-tablesaw-empty-cell { display: none; } } @media (min-width: 40em) { /* line 325, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .article .tablesaw td.hacked-tablesaw-empty-cell, .ArticleTextwell .tablesaw td.hacked-tablesaw-empty-cell { display: table-cell; } } /* 0px =========================== */ @media (min-width: 0) { /* line 333, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article { padding-top: 0; } /* line 335, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article { float: left; width: 92%; height: auto; margin: 4% 4%; padding: 0 0 24px; text-align: center; } /* line 341, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article img { max-width: 100%; } /* line 343, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article h1.headline { float: left; width: 100%; margin: 0; padding: 10px 0 0 0; font-size: 30px; line-height: 1em; text-transform: none; } /* line 347, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article h2 { float: left; width: 100%; margin: .3em auto 0; font-size: 15px; line-height: 20px; } /* line 353, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article p { float: left; width: 100%; margin-bottom: 10px; /*font-size: 16px; line-height: 1.3em;*/ text-align: left; } /* line 358, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article p.center { text-align: center; } /* line 361, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article p, .section-article .article li { font-size: 16px; } /* line 363, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe h4, .section-article .h-recipe h2 { padding-top: 2em; margin-bottom: 20px; font-size: 20px; } } @media (min-width: 0) and (max-width: 480px) { /* line 371, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article.has-bg-img.mild-bg .main { width: 90%; margin: 5%; } } /* =============================== */ /* 480px ======================== */ @media (min-width: 481px) and (max-width: 1024px) { /* line 382, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article.has-bg-img.mild-bg .main { width: 86%; margin-left: 7%; } } /* =============================== */ /* 768px ======================== */ @media (min-width: 768px) { /* line 394, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article { position: relative; left: 50%; width: 728px; margin: 30px 0 0 -374px; padding: 0 10px 15px 10px; } /* line 401, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article .headline { width: 90%; margin: 0; } /* line 402, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article h1.headline, .section-article .article h3.headline { float: left; width: 100%; margin: 0; font-size: 50px; padding: 30px 0 25px; text-align: center; } /* line 411, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article h3.headline { padding: 0 0 25px 0; text-transform: none; letter-spacing: -0.04em; } /* line 412, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article h2 { width: 100%; margin: 0 0 20px 0; font-size: 20px; line-height: 26px; } /* line 416, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article p.center { text-align: center; } /* line 420, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .h-recipe h1.headline, .section-article .h-recipe p.recipe-intro { padding: 10px 15% 0 15%; width: 70%; } } /* =============================== */ /* 1024px ======================== */ @media (min-width: 1024px) { /* line 432, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article.has-bg-img .main { width: 914px; margin-left: -457px; } /* line 436, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-article.scss */ .section-article .article { width: 786px; margin-left: -393px; } } /* ___________________________________________________________________________ PROJECT: Coke UI Kit CONTENT: media slideshow for mantle area NOTES: jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/ http://www.gnu.org/licenses/gpl-2.0.html ______________________________________________________________________________ */ /* line 11, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .slider-ie-hack { display: none; } /* line 14, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .subpagewrap section.section-slider { padding-top: 20px !important; } /* 0px =========================== */ @media (min-width: 0) { /* line 22, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider { padding: 0; overflow: hidden; margin-bottom: 15px; } /* line 27, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .homeslider-nav { display: none; } /* line 31, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-wrap { position: absolute; top: 0px; left: 0px; float: left; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0 0 160px 0; } /* line 45, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .flex-active-slide .bb-msg-wrap { display: block; } /* line 49, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-msg-wrap { position: absolute; top: 10px; left: auto; margin: 0 5%; width: 90%; height: 100%; z-index: 1; } /* line 59, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-msg-mobile-title, section.section-slider .bb-msg-mobile-sub { position: relative; top: 160px; width: 100%; max-width: 300px; margin: 0 auto 10px; height: auto; text-align: center; font-size: 30px; font-weight: bold; line-height: 1.01em; color: #222; z-index: 1; letter-spacing: -0.03em; } /* line 77, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-msg-mobile-title { padding-top: 0; } /* line 78, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-msg-mobile-sub { font-size: 20px; color: #F40000; padding-top: 10px; } /* line 80, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider #mobile-homeslider .slide-logo { position: absolute; width: 100%; padding: 0; text-align: center; z-index: 2000; top: 60px; left: 0; /* logos hidden from mobile slider for now */ display: none; } /* line 89, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider #mobile-homeslider .slide-logo img { width: 45%; margin: 0 auto; } /* line 189, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-btn { font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; color: #F40000; min-width: 110px; background: #f9f9f9; position: relative; display: inline-block; text-align: center; border-bottom: 10px solid #dddddd; margin: 0 3px 10px 3px; padding: 4px 15px 2px 15px; font-size: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* line 204, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ section.section-slider .bb-btn:hover { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-bottom: 10px solid #F40000; color: #F40000; } /* line 214, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .bb-msg-wrap.campaign .bb-msg { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 35px; letter-spacing: 0.02em; text-transform: none; line-height: 40px; font-weight: normal; } /* line 222, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .bb-msg-wrap.campaign .bb-btn { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: normal; letter-spacing: 0.02em; text-transform: uppercase; color: #F40000; min-width: 110px; background: #f9f9f9; display: inline-block; position: relative; text-align: center; border-bottom: none !important; margin: 0 3px 10px 3px; padding: 15px 15px 15px 15px; } /* line 238, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .bb-msg-wrap.campaign .bb-msg-mobile-title { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; letter-spacing: 0.02em; text-transform: none; line-height: 30px; font-weight: normal; } /* line 247, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .bb-msg-wrap.campaign .bb-msg-mobile-sub { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: 0.02em; text-transform: none; line-height: 25px; font-weight: normal; } /* line 256, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .bb-msg-wrap.campaign .bb-text { font-family: 'YWFTJute', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; color: #111111; letter-spacing: 0.02em; text-transform: none; font-weight: normal; } /* line 266, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #homeslider { display: none; } /* line 267, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #mobile-homeslider { width: 100%; display: block; top: 0; float: left; width: 76.5625%; margin: 0 11.71875%; height: auto; } /* line 268, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #mobile-homeslider li a { margin: 0 2%; width: 96%; } /* line 270, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #mobile-homeslider .bb-wrap { position: relative; } /* line 273, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #mobile-homeslider .slides { width: 300px; margin: 0 auto; } /* line 277, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .flex-control-nav { display: none; } /* line 280, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #mobile-homeslider .sliders { height: 240px; } /* FlexSlider Browser Resets */ /* line 283, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } /* line 287, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* line 292, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .flexslider { margin: 0; padding: 0; } /* line 293, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ /* line 294, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .flex-pauseplay span { text-transform: capitalize; } /* line 297, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* line 298, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ html[xmlns] .slides { display: block; } /* line 299, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ * html .slides { height: 1%; } /* line 302, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .no-js .slides > li:first-child { display: block; } /* line 303, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .flexslider { margin: 0; background: transparent; border: none; position: relative; zoom: 1; } /* line 305, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ .carousel li { margin-right: 5px; } /* line 311, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider { display: block; position: relative; height: 160px; background: #ffffff; top: 0; padding-top: 0; padding-bottom: 0; /*overflow: hidden;*/ } /* line 316, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slides { float: left; width: auto; overflow: hidden; zoom: 1; float: left; width: 290px; margin: 0; } /* line 320, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slides img.center-slide { width: 668px; padding-bottom: 205px; margin-left: -140px; } /* line 328, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slide-messages { float: left; height: 330px; text-align: center; margin: 0; width: 100%; position: relative; top: 200px; } /* line 333, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slide-messages h2, #slider .slide-messages h3 { width: 100%; text-align: center; line-height: 1em; } /* line 334, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slide-messages h2 { font-size: 20px; } /* line 335, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slide-messages h3 { font-size: 50px; letter-spacing: -0.06em; } /* line 336, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slide-messages .btn { margin-top: 20px; } /* line 338, /Users/hollis/Sites/bb-cc-go/assets/coca-cola/css/_section-slideshow-mantle.scss */ #slider .slide-messages li { position: relative; display: none; height: 330px; margin-top: 10px; } } /* ======================== */ /* 768px ======================== */ @media (min-width: 768px) { /*