.field-horiz-control-nutrition .store-cart-note/* * BCDA 2012 Styles * * Date: Aug 2012 * Author: James Byun * Author: Daryl Claudio * Author: Tyler Egeto * Author: Thomas Mathews * Version: 1.0 */ /* Swatch ------ 00a2e5 1A darkest blue: base shadow tint hsla(197,100%,20%,0.3) 0075a5 1B darker blue: h2, h3, h4 headings. a:link on tiles. 0090cb 1C dark blue: a:link in body text 00a2e5 1D logo (primary): headers, callouts, campaign tile 00b4ff 1E bright blue: a:hover in body text 1e5165 2A dark grey blue: mosaic body text 4a8ba5 2B grey blue: hovered tag text 4a8ba5 2C light grey blue: inactive tag text cdd7db 2D silver: form & comment border, alternate hairline e0ecf0 2E blue silver: comment, tag background eaf0f2 2F light silver: sidebar, tile background 444 3A slate: page headings, strong headings, body text 777 3B grey: h6, h7, supporting callouts dbdbdb 3D chalk: hairlines f9f9f9 3E snow: page background 989108 olive: articles, initiatives e9173d red: updates, blogs, news 00a2e5 blue: campaigns Font Stack ---------- Body Text font-family: "Source Sans Pro", "Lucida Grande", "Calibri", "Trebuchet MS", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; Heading Text font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; Z-Stack ------- 900 #mosaic-video-modal 806 .mobile-nav-indicators 805 .mobile-quick-tier-nav 805 .mobile-metanav-arrow 805 .mobile-utility .content-access .search-box 805 .mobile-nav-control 804 .tier-nav *mobile* 800 .mobile-utility 501 .utility-bar .logo a *mobile* 500 .metanav 100 .comment-author-tip........? 42 .header 16 .mosaic-admin 15 .mosaic-content 10 .mosaic-media 5 .mosaic-tile 2 .page (mobile) 1 .sidebar (mobile) 1 .banner */ /* ========================================================================== Fonts ========================================================================== */ /* antartida rounded */ @font-face { font-family: 'Antartida Rounded'; src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light.svg#ywftsvg') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Antartida Rounded'; src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light-italic.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light-italic.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light-italic.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light-italic.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-light-italic.svg#ywftsvg') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Antartida Rounded'; src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium.svg#ywftsvg') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Antartida Rounded'; src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium-italic.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium-italic.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium-italic.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium-italic.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-medium-italic.svg#ywftsvg') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Antartida Rounded'; src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black.svg#ywftsvg') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Antartida Rounded'; src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black-italic.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black-italic.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black-italic.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black-italic.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/antartida-rounded-black-italic.svg#ywftsvg') format('svg'); font-weight: 800; font-style: italic; } /* source sans pro */ @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLight-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLightIt-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Light-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Light-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Light-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-LightIt-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-LightIt-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-LightIt-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Regular-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-It-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-It-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-It-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Semibold-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Semibold-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-SemiboldIt-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Bold-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Bold-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BoldIt-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Black-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Black-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Black-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BlackIt-webfont.eot'); src: url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BlackIt-webfont.woff') format('woff'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BlackIt-webfont.ttf') format('truetype'), url('//bcdairy.ca/frontend/shared/fonts/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg'); font-weight: 800; font-style: italic; } /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ .nutrition-nav.tertiary-nav { display: none; } /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: "Source Sans Pro", "Lucida Grande", "Calibri", "Trebuchet MS", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; background: #fff url("../imgs/body-bg.jpg") center 0 repeat; } /* ========================================================================== Links ========================================================================== */ a { text-decoration: underline; color: #0090cb; } h1 > a, h2 > a, h3 > a { text-decoration: none; color: #0075a5; } a:visited, h1 > a:visited, h2 > a:visited, h3 > a:visited { color: #34adde; } a:focus { outline: thin dotted; } a:hover, h1 > a:hover, h2 > a:hover, h3 > a:hover { text-decoration: none; color: #00b4ff; } a:hover, a:active { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* Defaults */ h1 { margin: 2rem 0 0.75rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1.875rem; line-height: 1.2; font-weight: 800; color: #0075a5; } h2 { margin: 2rem 0 0.75rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1.5rem; line-height: 1.5; font-weight: 800; color: #0075a5; } h3 { margin: 2rem 0 0.75rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1.125rem; line-height: 1.3333; font-weight: 800; color: #0075a5; } h4 { margin: 2rem 0 0.75rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1.125rem; line-height: 1.3333; font-weight: 800; font-style: italic; color: #777; } h5 { margin: 1.5rem 0 0.75rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 200; text-transform: uppercase; color: #777; } h6 { margin: 1.5rem 0 0.75rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 0.875rem; line-height: 1.2857; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #777; font-weight: 200; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 0.75rem 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 0.75rem 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ /*padding: 0; 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } table { width :100%; } td { padding: 10px 16px 6px; } /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #444; } body { font-size: 1em; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #00a2e5; color: #fff; text-shadow: none; } ::selection { background: #00a2e5; color: #fff; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #dbdbdb; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== BCDA Styles ========================================================================== */ /* -------------------- Base Structure ---------------------*/ .body-wrapper { padding-bottom: 4.5rem; } .body-container { width: 1140px; border: 1px solid #fff; border-top: 0 none; margin: 0 auto; background: #f9f9f9 url("../imgs/body-container-bg.png") 75% 0 repeat-y scroll; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); } .page { float: left; width: 75%; margin: 0; padding: 0 0 2rem; } .page-single-header { border-bottom: 1px solid #dbdbdb; margin: 0 6%; } .page-404-header {border:none;} .page-heading, .content { padding: 0 6.315789473684211%; } .page-single-heading { /* reset padding */ padding: 0; } .content-entrylist { /* reduce padding for hovers */ padding: 0 3.157894736842105%; } .sidebar { float: left; width: 25%; } /* -------------------- Type Modules ---------------------*/ .page-heading { margin: 3rem 0 1.5rem; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 2.25rem; line-height: 1.3333; font-weight: 800; color: #444; } .heading-with-date { margin-bottom: 0; } .page-summary { margin: 1.5rem 0; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1.25rem; line-height: 1.5; font-weight: 200; color: #777; } .meta-heading { margin: 0.5rem 0; font-size: 1rem; line-height: 1.5; color: #444; } /* -------------------- Modules ---------------------*/ /* * Button */ .btn { /* iefix inline block */ display: inline-block; *display: inline; *zoom: 1; border: 1px solid #cdd7db; margin: 0; padding: 8px 40px 4px; font-size: 1rem; line-height: 1.5; font-weight: 600; text-align: center; text-decoration: none; color: #1e5165; background: #ebf4f8; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #ebf4f8 100%, #ffffff 0%, #ebf4f8 51%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ebf4f8), color-stop(100%,#ebf4f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4f8',GradientType=0 ); /* IE6-9 */ } .btn-loadmore-wrapper { margin: 1.5rem 0; text-align: center; } .btn-loadmore { margin: 0 auto; display: none; } /* * Filters */ .filters { margin: 1.5rem 0; } .filters-list { margin: 0; padding: 0; list-style: none; } .filters-list-item { display: block; float: left; margin: 0; padding: 0; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; } .filters-list-item-all { } .category-filter-link { display: block; margin: 0; padding: 12px 20px 8px; font-size: 1rem; line-height: 1; font-weight: 800; font-style: italic; text-decoration: none; color: #58a6c5; background: #e0ecf0; } .category-filter-link:focus, .category-filter-link:hover, .category-filter-link:active, .category-filter-link.active { border: 1px solid #dbdbdb; padding: 11px 19px 7px; color: #4a8ba5; background: #f9f9f9; width: auto; } .category-filter-link:focus, .category-filter-link:active { color: #58a6c5; } .category-filter-link.active { color: #777; background: #fff; } /* * Tiles */ .tile { border: 1px solid #fff; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); background: #eaf0f2; } .tile-trim { padding: 2px; } /* * Images */ .img { display: block; margin: 1.5em; } .img-centre { margin-left: auto; margin-right: auto; text-align: center; } .page-single-img { /* iefix - max width */ max-width: 100%; height: auto; } .img-attribution { margin: 0.25rem 0; font-size: 0.75rem; font-style: italic; color: #dbdbdb; } /* * Masks * * all elements with .imgmask-fill will be affected by the resizeToParent plugin. * remember to declare a height for .mask * * Usage: *
* *
*/ .imgmask, .mask { /* TO DO — CONSOLIDATE */ position: relative; overflow: hidden; } .no-js .imgmask-fill { /* fallback. iefix - max-height */ max-width: auto; max-height: 100%; } /* -------------------- Header ---------------------*/ .header { position: relative; z-index: 42; padding-top: 36px; background: #fff; box-shadow: 0px 5px 5px 0px hsla(197,100%,20%,0.17); } /* * Metanav */ .metanav { position: absolute; z-index: 500; top: 0; left: 0; width: 100%; font-size: 16px; font-weight: 800; font-style: italic; margin-top: -132px; background-color: #00a2e5; } .header .metanav.active { /* we should change this to .expanded */ -webkit-box-shadow:0 0px 29px 0px rgba(0, 72, 101, 0.5); box-shadow:0 0px 29px 0px rgba(0, 72, 101, 0.5); } .metanav-list { /*max-width: 1024px; turning off for demo*/ width: 1140px; padding: 0; margin: 0 auto; background: #00a2e5; } .metanav .metanav-item { display: block; float: left; padding: 0; margin: 0; text-align: center; /*background: #00A2E5 url("/frontend/bcdairy/imgs/meta-nav/meta-link-divider.png") 0px 20px no-repeat;*/ background: #00A2E5; position: relative; } .metanav .meta-break { position: absolute; right: -1px; background-color: #00A2E5; background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 100% -100%; width: 2px; height: 100%; } .metanav-item-anchor { position: relative; bottom: -1px; /*gross */ display: block; height: 168px; /*gross*/ width: 100%; } .metanav-item-anchor-home .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 96% 96%; width: 101px; height: 101px; margin-left: auto; margin-right: auto; position: relative; top: 15%; } .metanav-item-anchor-home:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-home.active .metanav-sprite-icon { background-position: 96% -2%; } .metanav-item-milk { width: 16.30859375%; } .metanav-item-anchor-milk { /* background: transparent url("/frontend/bcdairy/imgs/meta-nav/milk-logo.png") 50% 38% no-repeat;*/ } .metanav-item-anchor-milk .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 97% 100%; width: 101px; height: 101px; margin-left: auto; margin-right: auto; position: relative; top: 15%; } .metanav-item-anchor-milk:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-milk.active .metanav-sprite-icon { /* background-image: url("/frontend/bcdairy/imgs/meta-nav/milk-logo-over.png");*/ background-position: 97% -1%; } .metanav-item-about { width: 15.33203125%; } .metanav-item-anchor-about { /* background: transparent url("/frontend/bcdairy/imgs/meta-nav/landscape-piece.png") 50% 44% no-repeat;*/ } .metanav-item-anchor-about .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 71% 0%; width: 75px; height: 67px; margin-left: auto; margin-right: auto; position: relative; top: 23%; } .metanav-item-anchor-about:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-about.active .metanav-sprite-icon { /* background-image: url("/frontend/bcdairy/imgs/meta-nav/landscape-piece-over.png");*/ background-position: 71% 52%; } .metanav-item-resources { width: 13.8671875%; } .metanav-item-anchor-resources { /* background: transparent url("/frontend/bcdairy/imgs/meta-nav/book.png") 50% 44% no-repeat;*/ } .metanav-item-anchor-resources .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 0% 0%; width: 42px; height: 54px; margin-left: auto; margin-right: auto; position: relative; top: 30%; } .metanav-item-anchor-resources:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-resources.active .metanav-sprite-icon { /* background-image: url("/frontend/bcdairy/imgs/meta-nav/book-over.png");*/ background-position: 0% 37%; } .metanav-item-education { width: 20.60546875%; } .metanav-item-anchor-education { /* background: transparent url("/frontend/bcdairy/imgs/meta-nav/education-logo.png") 50% 44% no-repeat;*/ } .metanav-item-anchor-education .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 33% 0%; width: 83px; height: 47px; margin-left: auto; margin-right: auto; position: relative; top: 32%; } .metanav-item-anchor-education:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-education.active .metanav-sprite-icon { /* background-image: url("/frontend/bcdairy/imgs/meta-nav/education-logo-over.png");*/ background-position: 33% 30%; } .metanav-item-smbc { width: 17.28515625%; } .metanav-item-anchor-smbc { /* background: transparent url("/frontend/bcdairy/imgs/meta-nav/school-milk-logo.png") 50% 44% no-repeat;*/ } .metanav-item-anchor-smbc .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 53% 0%; width: 75px; height: 44px; margin-left: auto; margin-right: auto; position: relative; top: 32%; } .metanav-item-anchor-smbc:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-smbc.active .metanav-sprite-icon { /* background-image:url("/frontend/bcdairy/imgs/meta-nav/school-milk-logo-over.png");*/ background-position: 53% 27%; } .metanav-item-farmers { width: 16.6015625%; } .metanav-item-anchor-farmers { /* background: transparent url("/frontend/bcdairy/imgs/meta-nav/dairy-industry-logo.png") 50% 44% no-repeat;*/ } .metanav-item-anchor-farmers .metanav-sprite-icon { background-repeat: no-repeat; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-position: 11.3% 0%; width: 86px; height: 47px; margin-left: auto; margin-right: auto; position: relative; top: 32%; } .metanav-item-anchor-farmers:hover .metanav-sprite-icon, .metanav .metanav-item-anchor-farmers.active .metanav-sprite-icon { /* background-image:url("/frontend/bcdairy/imgs/meta-nav/dairy-industry-logo-over.png");*/ background-position: 11.3% 30%; } .metanav-item-anchor:link, .metanav-item-anchor:visited, .metanav-item-anchor:active { color: #fff; text-decoration: none; } .metanav-item-anchor:hover, .metanav .metanav-item-anchor.active { background-color: #fff; } .metanav-item-anchor:hover, .metanav .metanav-item-anchor.active { color: #00a2e5; } .metanav-item-anchor-text { position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 36px; line-height: 36px; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; } /* * Metanav v2 */ .metanav-v2 { padding-bottom: 1px; } .metanav-v2 .metanav-item { width: 160px; } .metanav-v2 .metanav-item-anchor:link, .metanav-v2 .metanav-item-anchor:visited, .metanav-v2 .metanav-item-anchor:active { font-weight: normal; } .metanav-v2 .metanav-item:hover .metanav-submenu { transform: translate3d(0, 0, 0); transition-delay: 0.8s; } .metanav-v2.active .metanav-item:hover .metanav-submenu { transition-delay: 0s; } .metanav-v2 .metanav-item-anchor { z-index: 500; background: #00A2E5; } .metanav-v2 .metanav-item-anchor-milk .metanav-sprite-icon { width: 55px; height: 80px; background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites_v2.png"); background-position: -133px -91px; } .metanav-v2 .metanav-item-anchor-milk:hover .metanav-sprite-icon { background-position: -176px -91px; } .metanav-v2 .metanav-item-anchor:hover { background: #FFFFFF; } .metanav-v2 .metanav-item-anchor-milk.active .metanav-sprite-icon { background-position: -176px -91px; } .metanav-submenu { position: absolute; width: 100%; transform: translate3d(0, -100%, 0); z-index: 300; transition: transform .5s ease-in-out 0s; } .metanav-submenu .submenu-items { list-style: none; padding: 0; margin: 0; } .metanav-submenu .submenu-item { text-align: center; } .metanav-submenu .submenu-item a { display: block; width: 100%; height: 100%; color: #00A1E8; text-decoration: none; background: #FFFFFF; padding: 5px 0; font-weight: normal; } .metanav-submenu .submenu-item a:hover { color: #FFFFFF; background: #00A1E8; } /* * Main Nav */ /* TODO: abstract all this. */ .utility-bar { display:block; width: 1140px; /*max-width:1140px; turning off for demo*/ height:96px; margin:0 auto; padding:0; background: #fff; } .utility-bar .logo { display: block; margin:9px 4px 0 9px; padding:0; width:80px; height:79px; float:left; } .utility-bar .logo a { display:block; width:80px; height:79px; background:transparent url("/frontend/bcdairy/imgs/bcdairy-logo-highres.png") 0 0 no-repeat; background-size: contain; } .tier-nav { margin: 0; padding: 0; float: left; width: 63.157894736842105%; margin-top: 36px; } .tier-nav > ul { margin: 0; padding: 0; } .tier-nav ul li { display:inline-block; padding:0; margin:0; margin-left:48px; /*ie fixes*/ zoom:1; *display:inline; } .tier-nav ul li a { font-size:16px; font-weight:600; color:#44bbec; text-decoration:none; } .tier-nav ul li a:hover {color:#00A2E5;} .tier-nav ul li a.active {color:#777777;} .tier-nav ul li a.producer { padding-left:15px; color:#539327; background:transparent url("data:image/png;base64,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") 0 -1px no-repeat; } .tier-nav ul li a.producer:hover { color:#386619; background-image:url("data:image/png;base64,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"); } .utility-bar-v2 { height: 120px; } @media (min-width: 768px) { .utility-bar-v2 .logo { margin-top: 22px; } } .utility-bar-v2 .tier-nav { margin-top: 47px; } .utility-bar-v2 .utilities { width: 318px; } .utility-bar-v2 .utilities .social-links { margin-top: 0; } .utility-bar-v2 .social-links li a { background: url('/frontend/bcdairy/imgs/BCDairy_Social.png') no-repeat 0 0; height: 33px; width: 33px; color: transparent; } .utility-bar-v2 .social-links li a.social-twitter { background-position: 0 0; } .utility-bar-v2 .social-links li a.social-twitter:hover { background-position: 0 0; opacity: .6; } .utility-bar-v2 .social-links li a.social-facebook { background-position: -39px 0; } .utility-bar-v2 .social-links li a.social-facebook:hover { background-position: -39px 0; opacity: .6; } .utility-bar-v2 .social-links li a.social-youtube { background-position: -78px 0; } .utility-bar-v2 .social-links li a.social-youtube:hover { background-position: -78px 0; opacity: .6; } /* * Utilities */ .utilities { display:block; /*width: 25.789473684210526%;*/ width: 308px; float:right; margin-top:9px; margin-right:9px; } .utilities .content-access { display:block; height:32px; } .utilities .social-links { margin:0; margin-top:4px; padding:0; float:left; } .utilities .social-links li { display:block; float:left; margin:0; padding:0; margin-right:8px; } .utilities .social-links li:last-child {margin-right:0px;} .utilities .user-box { display:block; width:100%; height:32px; line-height:34px; margin-bottom:11px; } .user-box-mobile { display: none; } .utilities .user-box p { display: inline-block; color:#757575; font-size:14px; text-align:right; margin:0; padding:0; } .utilities .user-box p a { color:#0090cb; text-decoration:none; } .utilities .user-box .logout-button { display:inline-block; text-align:center; color:#0075a5; font-size:12px; font-weight:600; text-transform:uppercase; margin-left:10px; width:66px; height:32px; text-decoration:none; background:transparent url("/frontend/bcdairy/imgs/utilities/logout-button.png") top left no-repeat; } .utilities .user-box .logout-button:hover {color:#00B4FF;} .search-box { /* ie fix */ position:relative; display:block; width:187px; height:30px; /* border:1px solid #ccdae0; */ float:right; z-index:0; background: #fff; } .search-box .search-button { display:block; position:absolute; top:0px; left:0px; width:34px; height:30px; background-color:red; border:none; margin:0; padding:0; background: transparent url("/frontend/bcdairy/imgs/utilities/search-icon.png") 50% 50% no-repeat; filter:none; color: transparent; text-indent: -30000px; } #gcse-text { position:absolute; top:7px; left:34px; display:block !important; float:left !important; width:153px !important; font-size:14px !important; line-height:18px !important; color:#8ea8b2 !important; border:0 !important; padding:0 !important; margin:0 !important; } /* * Quick Links */ .quick-links-container { position:relative; display:block; margin-top:5px; } .quick-links-button { position:absolute; height:30px; width:292px; background:#00a2e5 url("/frontend/bcdairy/imgs/utilities/link-icon.png") 10px 50% no-repeat; border:1px solid #00a2e5; text-decoration:none; line-height:32px; cursor:pointer; z-index:1; } .quick-links-button p { margin:0; margin-left:40px; padding:0; font-size:14px; color:#ffffff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .quick-links-container .quick-links-button.active { background-color:#ffffff; background-image:url("/frontend/bcdairy/imgs/utilities/link-icon-over.png"); height:30px !important; width:292px !important; padding: 0 !important; margin: 0 !important; border:1px solid #00a2e5 !important; } .quick-links-container .quick-links-button.active p {color:#00a2e5;} .quick-links { position:absolute; top:34px; left:28px; display:none; width:244px; margin:0 auto; padding:0; padding-top:4px; background:transparent url("/frontend/bcdairy/imgs/utilities/quick-links-arrow.png") 50% 0px no-repeat; } .quick-links ul { padding:0; margin:0; border:1px solid #00a2e5; background-color:#00a2e5; } .quick-links ul li { color:#ffffff; background-color:transparent; list-style:none; line-height:18px; font-size:14px; padding:6px 15px; } .quick-links ul li:hover {background-color:#ffffff;} .quick-links ul li a { text-decoration:none; color:#ffffff; } .quick-links ul li:hover a {color:#00a2e5;} .mobile-nav-control {display:none;} /* -------------------- Sidebar ---------------------*/ .sidebar-wrapper { padding: 0 1.563em 1.563em; } .sidebar hr {background: #c1d0d6;} .heading-sidebar { font-size: 1em; font-weight: 800; color: #444; text-transform: none; } .sidebar-promotional-banner { border:1px solid white; -webkit-box-shadow: 0 0 15px rgba(11, 86, 115, .3); box-shadow: 0 0 15px rgba(11, 86, 115, .3); overflow: hidden; } .sidebar-promotional-banner:hover { -webkit-box-shadow: 0 0 15px rgba(11, 86, 115, .6); box-shadow: 0 0 15px rgba(11, 86, 115, .6); } .heading-sidebar-callout { line-height: 1.2em; margin: 0; } .heading-sidebar-callout a { background-color:#00a2e5; color:#ffffff; display:block; padding: 18px; margin-bottom: 15px; cursor:pointer; } .heading-sidebar-callout a:hover {background-color:#00b4ff} .sidebar-recent-tweets { padding: 0; } .sidebar-recent-tweets li { list-style: none; margin: 0 -9px; font-size: 0.875em; color:#444444; padding: 9px; word-wrap: break-word; } .sidebar-recent-tweets li:hover { background: #ffffff; border:1px solid #dbdbdb; padding:8px; } .sidebar-recent-tweets li a {color:#0075a5;} .tweet-meta { color:#777777; font-size: 0.75em; } .sidebar-popularnow-wrapper { margin-bottom: 34px; } .sidebar-popular-posts { list-style: none; padding: 0; margin: 32px 0 0 0; } .popular-post-item { margin-bottom: 25px; } .popular-post-item .item-image img { width: 230px; height: 90px; margin-bottom: 15px; } .popular-post-item .item-image a { color: #00b4ff; text-decoration: none; font-weight: bold; } /* -------------------- Footer ---------------------*/ .footer { height: 217px; border: 0 none; border-top: 1px solid #fff; } .footer-wrapper { width: 1140px; padding: 0.5em 0; margin-left:auto; margin-right:auto; } .footer .footer-logo { position: relative; display: block; width: 90px; height: 86px; margin: 0 auto; margin-top: 75px; padding: 0; background: transparent url("/frontend/bcdairy/imgs/bcdairy-logo-grey.png") no-repeat center; background-size: contain; z-index: 0; } .footer-nav {float:left;} .footer-nav ul { padding: 0 8px; } .footer-nav li {display:inline;} .footer-nav a { color:#0075a5; text-decoration:none; font-size: 0.875em; margin-right: 1.625em; } .footer-nav a:hover {color:#00a2e5;} #footer-hop { display: table; font-size:90%; margin: 15px auto; font-family: "Source Sans Pro","Lucida Grande","Calibri","Trebuchet MS","DejaVu Sans Condensed","Helvetica Neue","Helvetica",sans-serif; } #footer-hop a { text-decoration: none; } .footer .social-links { position: relative; float: right; padding: 0; margin-right: 8px; } .social-links li { float:left; margin-right: 10px; list-style:none; } .social-links li:last-child {margin-right:0px;} .social-links li a { display:block; background: url('/frontend/bcdairy/imgs/sprites-footer-social.png') no-repeat 0 0; height: 24px; width: 24px; text-indent: -10000; color: transparent; } .social-links li a span {display:none;} .footer .social-links li a.social-stay-connected { display: block; width: 138px;/* !important;*/ height: 24px;/* !important; */ padding: 0;/* !important;*/ margin: 0;/* !important;*/ border: none;/* !important;*/ } .footer .social-links li a.social-stay-connected:hover, .footer .social-links li a.social-stay-connected.active { background-position: 0 -24px; cursor: pointer; } .social-links li a.social-twitter {background-position: -150px 0;} .social-links li a.social-twitter:hover {background-position: -150px -24px;} .social-links li a.social-facebook {background-position: -184px 0;} .social-links li a.social-facebook:hover {background-position: -184px -24px;} .social-links li a.social-youtube {background-position: -218px 0;} .social-links li a.social-youtube:hover {background-position: -218px -24px;} .social-links li a.social-linkedin {background-position: -252px 0;} .social-links li a.social-linkedin:hover {background-position: -252px -24px;} .social-links li a.social-rss {background-position: -296px 0;} .social-links li a.social-rss:hover {background-position: -296px -24px;} .social-links .social-hidden-item { position: relative; display: block; margin: 0; padding: 0; width: 1px; height: 24px; background-color: transparent; } .newsletter-signup {display:none;} #newsletter-signup-form-container .loading_spinner { display:block; width:32px; height:32px; margin: 10px auto 0px auto; } .newsletter-signup-arrow { position: absolute; top: 6px; right: 2px; display: block; margin: 0; padding: 0; width: 5px; height: 10px; background: transparent url("/frontend/bcdairy/imgs/newsletter-signup-arrow.png") top left no-repeat; } .newsletter-signup-container { position: absolute; top: -22px; right: 7px; background-color: #00a2e5; margin: 0; padding: 18px; } .newsletter-signup-container p { min-width: 180px; margin: 0; padding: 0; font-size: 14px; font-weight: bold; text-align: center; color: #fff; } .newsletter-form { display: block; min-width: 336px; margin: 0 auto; padding:0px 10px; } .newsletter-form p { min-width: 0; text-align: left; font-weight: normal; } .newsletter-form label { display:block; margin: 0; margin-bottom: 8px; padding: 0; font-size: 14px; font-weight: bold; color: #fff; text-align: center; } .newsletter-form input { border: 1px solid #0692cb; line-height: 36px; font-size:14px; margin:0; } .newsletter-form input[type=text] { width: 197px; float: left; } .newsletter-form input[type=submit] { float: right; } /* -------------------- Homepage ---------------------*/ .homepage-body-container { /* iefix - max-width */ /*max-width: 1140px; turning off for demo*/ width: 1140px; margin: -7px auto 0; } .homepage-content { /*iefix - max width*/ margin: -30px auto 0; padding: 0 6px 0; /*max-width: 1128px; turning off for demo */ width: 1128px; } .banner { position: relative; z-index: 1; } .banner-heading { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-weight: 800; color: #fff; text-shadow: 0px 0px 7px rgba(0,72,101,0.3); } .banner-homepage { } .banner-homepage-mask { height: 315px; } .banner-homepage-heading { /*antartida*/ position: absolute; bottom: 35px; margin: 0; width: 100%; text-align: center; } /* Nutrition Education Homepage */ .header-homepage-nutritioneducation { box-shadow: none; } .body-wrapper-homepage-nutritioneducation { background: url("/frontend/bcdairy/imgs/body-wrapper-homepage-nutritioneducation-bg.png") repeat-x scroll 0 0;; } .banner-homepage-nutritioneducation-mask { width: 60%; } .banner-homepage-nutritioneducation-heading { left: 55%; bottom: 43px; width: 40%; font-size: 1.5rem; line-height: 1.25; text-align: left; color: #00a2e5; text-shadow: none; } .homepage-body-container-nutritioneducation { margin-top: 0; /* fixes negative margin declared in .homepage-body-container */ } /* mosaic module -- DIRTY */ .mosaic-container { position: relative; overflow: visible; padding-bottom: 36px; } /* hover change is for share */ .mosaic-tile:hover {z-index:4;} .mosaic-tile, .mosaic-shareable-wrapper { float: left; position: relative; z-index: 5; margin: 6px; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; color: #f2f6f7; } .mosaic-tile a:link, .mosaic-tile a:visited { text-decoration: none; color: #f2f6f7; } .mosaic-tile a:focus, .mosaic-tile a:hover, .mosaic-tile a:active { text-decoration: none; color: #fff; } .mosaic-content-type-social a:link, .mosaic-content-type-social a:visited { color: #0075a5; } .mosaic-content-type-social a:hover, .mosaic-content-type-social a:focus, .mosaic-content-type-social a:active { color: #0090cb; } .mosaic-format-normal, .mosaic-format-double, .mosaic-format-video { /* todo: percentages */ width: 264px; height: 264px; } .mosaic-format-double-wide {/* todo: percentages */ width: 546px; } .mosaic-format-double-tall { /* todo: percentages? */ height: 546px; } .mosaic-tile-mask { width: 100%; height: 100%; } .mosaic-content { position: absolute; z-index: 15; width: 232px; height: 232px; overflow: hidden; } .mosaic-content-type-brand, .mosaic-content-type-articles, .mosaic-content-type-news, .mosaic-content-type-campaigns { padding: 16px; } .mosaic-content-type-articles { background: #989108; } .mosaic-content-type-news { background: #e9173d; } .mosaic-content-type-campaigns { background: #00a2e5; } .mosaic-tile-mask.hasurl:hover { cursor: pointer; } /* iefix multiple classes */ .mosaic-tile-mask:hover > .mosaic-content-type-articles { background: #a69e00; } .mosaic-tile-mask:hover > .mosaic-content-type-news { background: #f0002b; } .mosaic-tile-mask:hover > .mosaic-content-type-campaigns { background: #00b4ff; } .mosaic-tile-mask:hover > .mosaic-content-type-social { background-color: #f7fdff; } .mosaic-heading { margin: 0; font-size: 1.5em; line-height: 1.25; color: #f2f6f7; } .mosaic-body { font-weight: 200; } .mosaic-readmore { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; font-style: italic; } .mosaic-readmore-campaigns { background-image: linear-gradient(bottom, rgb(0,160,229) 45%, rgb(0,160,229) 65%, rgba(0,160,229,0) 100%); background-image: -o-linear-gradient(bottom, rgb(0,160,229) 45%, rgb(0,160,229) 65%, rgba(0,160,229,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,160,229) 45%, rgb(0,160,229) 65%, rgba(0,160,229,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,160,229) 45%, rgb(0,160,229) 65%, rgba(0,160,229,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,160,229) 45%, rgb(0,160,229) 65%, rgba(0,160,229,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(0,160,229)), color-stop(0.65, rgb(0,160,229)), color-stop(1, rgba(0,160,229,0)) ); } .mosaic-tile-mask:hover > .mosaic-content > .mosaic-readmore-campaigns { background-image: linear-gradient(bottom, rgb(0,179,255) 45%, rgb(0,179,255) 65%, rgba(0,179,255,0) 100%); background-image: -o-linear-gradient(bottom, rgb(0,179,255) 45%, rgb(0,179,255) 65%, rgba(0,179,255,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,179,255) 45%, rgb(0,179,255) 65%, rgba(0,179,255,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,179,255) 45%, rgb(0,179,255) 65%, rgba(0,179,255,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,179,255) 45%, rgb(0,179,255) 65%, rgba(0,179,255,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(0,179,255)), color-stop(0.65, rgb(0,179,255)), color-stop(1, rgba(0,179,255,0)) ); } .mosaic-readmore-news { background-image: linear-gradient(bottom, rgb(233,23,61) 45%, rgb(233,23,61) 65%, rgba(233,23,61,0) 100%); background-image: -o-linear-gradient(bottom, rgb(233,23,61) 45%, rgb(233,23,61) 65%, rgba(233,23,61,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(233,23,61) 45%, rgb(233,23,61) 65%, rgba(233,23,61,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(233,23,61) 45%, rgb(233,23,61) 65%, rgba(233,23,61,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(233,23,61) 45%, rgb(233,23,61) 65%, rgba(233,23,61,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(233,23,61)), color-stop(0.65, rgb(233,23,61)), color-stop(1, rgba(233,23,61,0)) ); } .mosaic-tile-mask:hover > .mosaic-content > .mosaic-readmore-news { background-image: linear-gradient(bottom, rgb(240,0,44) 45%, rgb(240,0,44) 65%, rgba(240,0,44,0) 100%); background-image: -o-linear-gradient(bottom, rgb(240,0,44) 45%, rgb(240,0,44) 65%, rgba(240,0,44,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(240,0,44) 45%, rgb(240,0,44) 65%, rgba(240,0,44,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(240,0,44) 45%, rgb(240,0,44) 65%, rgba(240,0,44,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(240,0,44) 45%, rgb(240,0,44) 65%, rgba(240,0,44,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(240,0,44)), color-stop(0.65, rgb(240,0,44)), color-stop(1, rgba(240,0,44,0)) ); } .mosaic-readmore-articles { background-image: linear-gradient(bottom, rgb(152,145,8) 45%, rgb(152,145,8) 65%, rgba(152,145,8,0) 100%); background-image: -o-linear-gradient(bottom, rgb(152,145,8) 45%, rgb(152,145,8) 65%, rgba(152,145,8,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(152,145,8) 45%, rgb(152,145,8) 65%, rgba(152,145,8,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(152,145,8) 45%, rgb(152,145,8) 65%, rgba(152,145,8,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(152,145,8) 45%, rgb(152,145,8) 65%, rgba(152,145,8,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(152,145,8)), color-stop(0.65, rgb(152,145,8)), color-stop(1, rgba(152,145,8,0)) ); } .mosaic-tile-mask:hover > .mosaic-content > .mosaic-readmore-articles { background-image: linear-gradient(bottom, rgb(166,158,0) 45%, rgb(166,158,0) 65%, rgba(166,158,0,0) 100%); background-image: -o-linear-gradient(bottom, rgb(166,158,0) 45%, rgb(166,158,0) 65%, rgba(166,158,0,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(166,158,0) 45%, rgb(166,158,0) 65%, rgba(166,158,0,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(166,158,0) 45%, rgb(166,158,0) 65%, rgba(166,158,0,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(166,158,0) 45%, rgb(166,158,0) 65%, rgba(166,158,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(166,158,0)), color-stop(0.65, rgb(166,158,0)), color-stop(1, rgba(166,158,0,0)) ); } .mosaic-readmore-social { background-image: linear-gradient(bottom, rgb(234,240,242) 25%, rgb(234,240,242) 35%, rgba(234,240,242,0) 100%); background-image: -o-linear-gradient(bottom, rgb(234,240,242) 25%, rgb(234,240,242) 35%, rgba(234,240,242,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(234,240,242) 25%, rgb(234,240,242) 35%, rgba(234,240,242,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(234,240,242) 25%, rgb(234,240,242) 35%, rgba(234,240,242,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(234,240,242) 25%, rgb(234,240,242) 35%, rgba(234,240,242,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(234,240,242)), color-stop(0.35, rgb(234,240,242)), color-stop(1, rgba(234,240,242,0)) ); } .mosaic-readmore-social > .mosaic-readmore-anchor { display: block; height: 48px; background-image: url("/frontend/bcdairy/imgs/homepage-mosaic-sprite-social.png"); background-repeat: no-repeat; } .mosaic-tile-mask:hover > .mosaic-content > .mosaic-readmore-social { background-image: linear-gradient(bottom, rgb(247,253,255) 25%, rgb(247,253,255) 35%, rgba(247,253,255,0) 100%); background-image: -o-linear-gradient(bottom, rgb(247,253,255) 25%, rgb(247,253,255) 35%, rgba(247,253,255,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(247,253,255) 25%, rgb(247,253,255) 35%, rgba(247,253,255,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(247,253,255) 25%, rgb(247,253,255) 35%, rgba(247,253,255,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(247,253,255) 25%, rgb(247,253,255) 35%, rgba(247,253,255,0) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(247,253,255)), color-stop(0.35, rgb(247,253,255)), color-stop(1, rgba(247,253,255,0)) ); } .mosaic-readmore-anchor { line-height: 3; font-weight: 200; padding: 0 16px; } .mosaic-media { position: absolute; left: 0; top: 0; z-index: 10; width: 264px; height: 264px; } .mosaic-format-double-tall > .mosaic-tile-mask > .mosaic-media { height: 282px; } .mosaic-format-double-tall-top > .mosaic-tile-mask > .mosaic-media { top: 0; bottom: auto; } .mosaic-format-double-tall-top > .mosaic-tile-mask > .mosaic-content { top: auto; bottom: 0; } .mosaic-format-double-tall-bottom > .mosaic-tile-mask > .mosaic-media { top: auto; bottom: 0; } .mosaic-format-double-tall-bottom > .mosaic-tile-mask > .mosaic-content { top: 0; bottom: auto; } .mosaic-format-double-wide > .mosaic-tile-mask > .mosaic-media { width: 282px; } .mosaic-format-double-wide-right > .mosaic-tile-mask > .mosaic-media { right: 0; left: auto; } .mosaic-format-double-wide-right > .mosaic-tile-mask > .mosaic-content { right: auto; left: 0; } .mosaic-format-double-wide-left > .mosaic-tile-mask > .mosaic-media { right: auto; left: 0; } .mosaic-format-double-wide-left > .mosaic-tile-mask > .mosaic-content { right: 0; left: auto; } .mosaic-media-static-anchor { /* iefix */ display: table-cell; vertical-align: middle; text-align: center; width: 264px; height: 264px; } .mosaic-share-wrapper { opacity:1; position: absolute; left: -1px; bottom: -40px; padding: 10px 5%; width: 90%; height:20px; border: 1px solid #ffffff; border-top: 0; background: #EAF0F2; z-index: 10 !important; } .mosaic-share-wrapper { z-index: 209 !important; display: block; opacity:0; } .mosaic-tile:hover .mosaic-share-wrapper { opacity:1; z-index: 209 !important; } .mosaic-share-fb, .mosaic-share-fb-mobile { position: absolute; left: 0; top: 0; padding:0; margin:0; z-index: 11; } .mosaic-share-fb-mobile { display: none !important; } .mosaic-share-wrapper .twitter-share-button { position: absolute; top: 10px; left: 166px; z-index: 11; } .mosaic-type-brand { /* Images */ } .mosaic-type-static { /* Logos */ border: none; background: transparent; box-shadow: none; width: 265px; height: 265px; } .mosaic-content-type-social { /* todo: percentages */ position: relative; padding: 12px 16px; width: 236px; height: 244px; font-size: 1.125rem; line-height: 1.3333; letter-spacing: -0.1px; color: #1e5165; } .mosaic-content-type-social-tw > .mosaic-readmore > .mosaic-readmore-anchor { background-position: 6px bottom; } .mosaic-content-type-social-fb > .mosaic-readmore > .mosaic-readmore-anchor { background-position: -1010px bottom; } .mosaic-body-social { margin: 0; } .mosaic-format-video .mosaic-content { display: none; } .mosaic-video-link { position: relative; display: block; width: 100%; height: 100%; } .mosaic-video-link > img { width: auto; height: 100%; } .mosaic-video-link:before, .mosaic-video-link-mobile:before { content: ""; position: absolute; left: 50%; top: 50%; z-index: 15; display: block; margin: -40px 0 0 -40px; width: 81px; height: 81px; background: url("/frontend/bcdairy/imgs/mosaic-video-link.png") no-repeat scroll 0 0; } .mosaic-video-link:hover:before, .mosaic-video-link-mobile:hover:before { background-position: 0 -920px; } .mosaic-admin { z-index: 16; position: absolute; right: 0; bottom: 0; border: 1px solid #000; border-right: 0; border-bottom: 0; padding: 7px; width: 50px; height: 50px; opacity: 0.4; background: #004865; -webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, .4); box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, .4); } .mosaic-admin:hover { opacity: 1; } .mosaic-admin-weight { margin: 0; padding: 0; font-size: 10px; line-height: 1; letter-spacing: 0; text-transform: uppercase; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); color: #fff; } .mosaic-admin-weight > strong { font-size: 14px; font-weight: 800; } .mosaic-admin-issticky { display: block; position: absolute; left: 50%; bottom: 10px; margin-left: -8px; width: 16px; height: 16px; text-align: center; } #mosaic-video-modal { background-color:hsla(100,0%,0%,0.6); position:fixed; left:0; top:0; z-index: 900; width:100%; height:100%; display:none; } .modal-content-video-iframe { display: block; margin: 1rem auto; } #to-top-btn { display:block; position:fixed; top:0; width:100%; height:36px; background-color:#fff; z-index:5; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; line-height:36px; cursor:pointer; box-shadow: 0px 5px 5px 0px hsla(197,100%,20%,0.17); } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* * Entry Lists */ .entrylist { margin: 0; padding: 0; list-style: none; } .content-entrylist > .filters { margin: 0 3.157894736842105%; } .entrylist-item { margin: 1.5rem 0; padding: 1.875rem 3.157894736842105%; outline: 1px solid hsla(0,0%,100%,0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .entrylist-item:hover { outline: 1px solid #dbdbdb; background: #fff; cursor: pointer; } .entrylist-item-image { float: left; width: 137px; height: 137px; margin: 0 3.157894736842105% 0 0; } .entrylist-item-image-mask { position: relative; width: 100%; height: 100%; overflow: hidden; } .generic { background: #EAF0F2 url("/frontend/bcdairy/imgs/entrylist-item-spritesheet.png") scroll 0px 0px no-repeat; } .generic.steak { background-position: 0px 0px; } .generic.bottle { background-position: 0px -136px; } .generic.cloud { background-position: 0px -272px; } .generic.apple { background-position: 0px -408px; } .generic.farm { background-position: 0px -544px; } .generic.turkey { background-position: 0px -680px; } .generic.coffee { background-position: 0px -816px; } .generic.strawberry { background-position: 0px -952px; } .generic.egg { background-position: 0px -1088px; } .generic.wheat { background-position: 0px -1224px; } .generic.milk { background-position: 0px -1360px; } .generic.bread { background-position: 0px -1496px; } .generic.hen { background-position: 0px -1632px; } .generic.fork { background-position: 0px -1768px; } .generic.sun { background-position: 0px -1904px; } .generic.cow { background-position: 0px -2040px; } .entrylist-item-container { width: 100%; float: left; } .entrylist-item-container-noimage { width: auto; float: none; } .entrylist-item-heading { margin: 0; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1.5rem; line-height: 1.5; font-weight: 800; color: #0075a5; } .entrylist-item-heading > a { text-decoration: none; color: #0075a5; } .entrylist-item-targetaudience { margin: 0 0 1rem; font-weight: 600; } .entrylist-item-date { margin: 0 0 1rem; font-weight: 100; } .entrylist-item-excerpt { margin: 1rem 0; } .entrylist-item-linkout { margin: 1rem 0 0; border-top: 1px solid #dbdbdb; } .entrylist-item-linkout-anchor { padding: 0 20px; font-size: 0.875rem; font-weight: 800; text-decoration: none; color: #0075a5; } .entrylist-item-linkout-anchor-comments { font-weight: 400; } /* -------------------- Homepage/Landing pages v2 ---------------------*/ .body-container-landing-v2 { max-width: 1130px; background: #FCFCFC; } .body-container-landing-v2 { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; color: #444444; padding-left: -1px; padding-right: -1px; } .body-container-landing-v2 .body-inner { margin-left: -1px; margin-right: -1px; } .homepage-content-block { padding: 42px 55px 52px 55px; } .homepage-content-block.content-text + .homepage-content-block.content-featured { padding-top: 0; margin-top: -10px; } .homepage-content-block-alt.content-text + .homepage-content-block.content-featured { padding-top: 55px; } .homepage-content-block-full-width { padding: 0; } .homepage-content-image img { max-width: 100%; } .homepage-content-block h1, .homepage-content-block h2 { color: #444444; font-size: 36px; margin-top: 0; line-height: 1.5; } .homepage-content-block p { font-weight: 100; font-size: 22px; } .homepage-content-block-alt { background: #EAF0F2; } .homepage-slider-wrapper { height: 500px; } .homepage-slider-container { height: 100%; } .homepage-slider-wrapper .slider-item { text-align: center; height: 100%; } .homepage-slider-wrapper .slider-item img { max-height: 500px; max-width: 100%; } .homepage-content-container { position: relative; } .homepage-content-container p:last-child { margin-bottom: 0; } .homepage-content-container .content-featured-more { position: absolute; right: 0; top: 16px; } .homepage-content-container .content-featured-more a { text-decoration: none; color: #00A1E8; font-size: 22px; } .homepage-content-featured { margin-top: 40px; } .homepage-content-featured::after { display: table; content: " "; clear: both; } .homepage-content-featured .content-featured-item { width: 32%; margin-right: 2%; float: left; } .homepage-content-featured .content-featured-item a { color: #00A1E8; text-decoration: none; font-size: 25px; } .homepage-content-featured .content-featured-item:last-child { margin-right: 0; } .homepage-content-featured .content-featured-item .featured-item-image { margin-bottom: 25px; } .homepage-content-featured .content-featured-item .featured-item-image img { width: 100%; margin-bottom: 25px; } .homepage-content-block.content-quicklinks { padding-top: 0px; padding-bottom: 26px; } .homepage-content-quicklinks::after { display: table; content: " "; clear: both; } .homepage-content-quicklinks .quicklinks-item { width: 265px; height: 265px; float: left; margin-right: 24px; background: #00A1E8; } .homepage-content-quicklinks .quicklinks-item:last-child { float: right; margin-right: 0; } .homepage-content-quicklinks .quicklinks-item a { display: block; height: 100%; color: #FFFFFF; text-decoration: none; font-size: 23px; position: relative; } .homepage-content-quicklinks .quicklinks-item .quicklinks-item-content { width: 135px; margin: auto; text-align: center; padding-top: 65px; } .homepage-content-quicklinks .quicklinks-item .quicklinks-item-content.-icon-only { padding-top: 0; height: 210px; width: 210px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .homepage-content-quicklinks .quicklinks-item .quicklinks-item-icon { width: 100px; height: 100px; margin-left: auto; margin-right: auto; margin-bottom: 12px; } .homepage-content-quicklinks .quicklinks-item .quicklinks-item-icon.-icon-only { width: 210px; height: 210px; line-height: 210px; } .homepage-content-quicklinks .quicklinks-item .quicklinks-item-icon img { max-width: 100px; max-height: 100px; } .homepage-content-quicklinks .quicklinks-item .quicklinks-item-icon.-icon-only img { max-width: 210px; max-height: 210px; display: inline-block; vertical-align: middle; } .content-campaign-container { padding: 39px 55px 24px 55px; } .content-campaign-image { width: 100%; } .content-campaign-image img { width: 100%; height: auto; } /*** Slick Slider Styling - Some has been modified! ***/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; bottom: 14px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; border: 2px solid; border-radius: 20px; outline: none; background: transparent; color: #FFF; } .slick-dots li.slick-active button { color: #FFF; background: #FFF; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } /* -------------------- Dashboard ---------------------*/ .dashboard-panel { background:#eaf0f2; border:1px solid #fff; float:left; width:100%; margin: 48px 0; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); } .dashboard-panel-wrapper { margin-top: -25px; padding-bottom: 15px; } .dashboard-panel-heading, .dashboard-link-change {display:inline-block;} .dashboard-link-change {margin-left: 5px;} .dashboard-panel-list { margin: -15px 0 0 0; padding: 0; } .dashboard-panel-list li{list-style:none;} .dashboard-panel address { margin-top: -15px; font-style: normal; } .dashboard-page-heading { margin-top: 0; } .table-alt-row {background: rgba(68, 68, 68, 0.05);} /* -------------------- Articles ---------------------*/ h2.article-title { font-size:16px; font-weight:700; line-height:24px; color:#444444; margin:0; padding:0; } .article-column .article-title {line-height:36px;} .article-column { display:block; width:325px; } .article-column hr { display:block; width:100%; height:1px; background-color:#cdd7db; padding:0; margin:0; } .article-column-left {float:left;} .article-column-right {float:right;} .posted-in { font-size:16px; margin:0; margin-bottom:20px; padding:0; line-height:24px; color:#777777; } .posted-in a, .posted-in a:visited, .posted-in a:hover { color:#0090cb; text-decoration:none; } .p-highlight {background-color:#ddeeff;} /* -------------------- Post Meta ---------------------*/ /* * General Meta */ .meta { margin: 2rem 0; } .meta-column { float: left; width: 45.0210378681627%; } .meta-column-left { margin-right: 9.95792426367462%; } .meta-box { border-top: 1px solid #dbdbdb; } .meta-box:last-child { border-bottom: 1px solid #dbdbdb; } /* * Posted In */ .postedin { color: #777; } .meta-postedin-content { margin: 1rem 0; } .meta-postedin-content > a { text-decoration: none; } /* * Related Tags */ .meta-relatedtags-content { margin: 1.125rem 0; } /* * Attachments */ .attachments { margin: 0 0 2rem; padding: 0.75rem 1rem; } .attachments-heading { margin: 0 0 0.75rem; } .attachments-list { margin: 0; padding: 0; list-style: none; } .attachments-item { /* iefix - max width */ max-width: 40%; float: left; margin: 0.5rem 1.5rem 0.5rem 0; } .attachments-item-anchor { display: block; padding: 0.125em 0 0 1.5em; line-height: 1.125; text-decoration: none; background: url("/frontend/bcdairy/imgs/attachments/page_white.png") no-repeat scroll 0 0; } .attachments-item-anchor-bmp, .attachments-item-anchor-gif, .attachments-item-anchor-jpg, .attachments-item-anchor-jpeg, .attachments-item-anchor-png { background-image: url("/frontend/bcdairy/imgs/attachments/page_white_picture.png"); } .attachments-item-anchor-doc, .attachments-item-anchor-docx, .attachments-item-anchor-rtf { background-image: url("/frontend/bcdairy/imgs/attachments/page_white_word.png"); } .attachments-item-anchor-xls, .attachments-item-anchor-xlsx { background-image: url("/frontend/bcdairy/imgs/attachments/page_white_excel.png"); } .attachments-item-anchor-ppt, .attachments-item-anchor-pptx { background-image: url("/frontend/bcdairy/imgs/attachments/page_white_powerpoint.png"); } .attachments-item-anchor-pdf { background-image: url("/frontend/bcdairy/imgs/attachments/page_white_acrobat.png"); } .attachments-item-anchor-zip, .attachments-item-anchor-7z, .attachments-item-anchor-rar, .attachments-item-anchor-gz, .attachments-item-anchor-tar, .attachments-item-anchor-gzip, .attachments-item-anchor-sit, .attachments-item-anchor-dmg { background-image: url("/frontend/bcdairy/imgs/attachments/page_white_zip.png"); } /* * Workshop available */ .meta-workshopavailable-content { margin: 1em 0 1.5em; } /* * Related list - resources / workshops */ .relatedlist { color: #0090cb; } /* * Share Toolbar */ .social-share-buttons > div{ margin: 0 10px; } .fb-like.fb_iframe_widget span { vertical-align: baseline !important; } .print-button, .email-button { font-size:16px; color:#0090cb; text-decoration:none; padding-left:24px; margin-left: 10px; } .print-button { background:transparent url("/frontend/bcdairy/imgs/share-toolbar/print-icon.png") top left no-repeat; } .email-button { background:transparent url("/frontend/bcdairy/imgs/share-toolbar/email-icon.png") 0px 2px no-repeat; } .share-toolbar-emailform-container { position:relative; z-index: 99999; } .share-toolbar-emailarrow { position:absolute; top:-8px; left:107px; display:block; width:17px; height:8px; background:transparent url("/frontend/bcdairy/imgs/share-toolbar/share-email-arrow.png") top left no-repeat; } .share-toolbar-emailform { position:absolute; left:-100px; display:block; width:428px; margin:0; padding:0; background-color:#00a2e5; z-index: 9999; } .share-toolbar-emailform .cancel-btn { position:absolute; top:14px; right:18px; display:block; text-decoration:none; color:#fff; font-weight:bold; font-size:12px; font-family:helvetica, arial, sans-serif; } .share-toolbar-emailform h2 { margin:0; margin-top:18px; padding:0; font-size:16px; text-align:center; color:#fff; } .share-toolbar-emailform form { display:block; width:348px; margin:0 auto; padding:0; } .share-toolbar-emailform form div p {margin:0;} .share-toolbar-emailform form label { color:#fff; font-size:14px; } .share-toolbar-emailform form input[type=text], .share-toolbar-emailform form textarea { width:324px; padding:10px; border:solid 1px #0692cb; font-size:14px; } .share-toolbar-emailform form input[type=submit] { display:block; margin-left:auto; margin-right:auto; } .share-toolbar-emailform p.notice { color: #fff; font-size: 14px; text-align: center; } /*comments*/ .full-comment {display:none;} .full-comment-more, .full-comment-less { padding-left: 10px; } .comment-list { position: relative; padding: 0; margin: 0; z-index: 0; list-style: none; } .comment-post { position: relative; list-style: none; background: #e0ecf0 url("/frontend/bcdairy/imgs/comments/comment-post-bg.png") repeat-y 0 0; border: solid 1px #cdd7db; margin: 0; margin-bottom: 20px; padding: 0; } .comment-post-author { display: block; float: left; width: 177px; margin: 0; padding: 18px 0; } .comment-post-author p { color: #444; margin: 0; margin-left: 18px; } .comment-post-body { position: relative; display: block; float: left; width: 531px; color: #1e5165; margin: 0; padding: 18px; /*border: solid #ffffff 1px; border-left: none;*/ border: none; z-index: 0; } .comment-post-body p { margin: 0; padding: 0; } .comment-post-arrow { position: absolute; top: 23px; left: -7px; width: 9px; height: 12px; background: transparent url("/frontend/bcdairy/imgs/comments/comment-post-arrow.png") no-repeat top left; } /* -------------------- Forms ---------------------*/ label { color:#777777; font-weight: 600; } input, textarea, select { padding:6px; border:1px solid #cdd7db; color:rgba(68,68,68,0.5); font-style: italic; margin-bottom: 22px; line-height: 1.5; outline:none; border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; } select { background: url(/frontend/bcdairy/imgs/sprites-form-arrow.png) no-repeat right #ffffff; padding: 8px 6px 6px 10px; color:#1e5165; font-style:normal; width: 52.412%; } input.field-active, textarea.field-active { color:#1e5165; font-style:normal; } #gcse-text1, #gcse-text2 { padding-left: 30px; } .list-form-fields { list-style: none; padding:0; } .list-form-fields li.field-control { margin-top: 24px; } .list-form-fields li.field-control > input, .list-form-fields li.field-control > textarea, .list-form-fields li.field-control > select {display:block;} .field-text { width: 50%; } .field-text-area { width: 50%; height: 10em; } .field-text-captcha { width: 25%; } #notify_me { display: none; } #notify_me + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; border: 1px solid #cdd7db; background-color: #fff; /*background:url(check_radio_sheet.png) left top no-repeat;*/ cursor:pointer; } #notify_me:checked + label span:after { content: 'X'; margin-left: 4px; font-size: 20px; color: #1e5165; line-height: 10px; } input[type="button"], input[type="submit"], input[type="reset"], button { color:#1e5165; font-weight: 600; font-style:normal; padding: 6px 12px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #ebf4f8 50%, #ebf4f8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#ebf4f8), color-stop(100%,#ebf4f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ebf4f8 50%,#ebf4f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ebf4f8 50%,#ebf4f8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#ebf4f8 50%,#ebf4f8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 49%,#ebf4f8 50%,#ebf4f8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4f8',GradientType=0 ); /* IE6-9 */ } input:hover[type="button"], input:hover[type="submit"], input:hover[type="reset"], button:hover {color:#00b4ff;} /* form errors */ .error-indicator { color:#ff0000; font-size: 0.875em; margin-top: -20px; } /* comments form */ .comments-fieldset { } .comments-fieldset ol { margin: 0; padding: 0; } .comments-fieldset .error-indicator { margin:0; padding:0; } #top-level-comment-feedback-container.notice { width: 50%; font-size: 80%; font-style: italic; padding: 6px; } #top-level-comment-feedback-container.notice.error { color: #ff0000; background-color: #ffc4c4; border: solid 1px #ff0000; } #top-level-comment-feedback-container.notice.success { color: #3CBA23; background-color: #DFFFD9; border: solid 1px #3CBA23; } #top-level-comment-feedback-container.notice p { margin: 0; margin-left: 9px; padding: 4px 0px; } /* -------------------- Search ---------------------*/ #cse-search-results { margin-top: -50px; padding-top: 50px; background:#fff; width:1140px; } iframe[name="googleSearchFrame"] { height: 1500px; padding:0 50px; background:#fff; } /* Modals & Loaders */ #comment-modal { background-color:hsla(100,0%,0%,0.6); position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index: 10000; } .modal-content { background-color:#FFFFFF; width: 560px; margin: 100px auto 0; padding: 1rem; } .modal-title { margin: 0 0 1rem; } .modal-close { margin: 0.5rem 0; } .modal-close-anchor { display: block; padding: 0.25rem 0; text-transform: uppercase; } .loading_spinner { display:block; margin:0 auto; } #mosaic-video-modal .loading_spinner { margin: 40px auto 0; } .captcha-sdg745g {display:none;} /* -------------------- Recipes ---------------------*/ .recipe-image {float:left;} .recipe-equipment { float: left; width: 40%; margin: 0 10% 0 0; } .recipe-ingredients { float: left; width: 40%; } .recipe-header { border:none; margin-bottom:0; } .recipe-heading { padding:0; margin-bottom:0; } .recipe-subheading { margin:0; font-size: 24px; } .recipe-meta { float:right; width: 220px; } .recipe-meta-item { padding-top:10px; border-top: 1px solid #dbdbdb; } .recipe-meta-item dt { font-weight: bolder; } .recipe-meta-item dd {padding-bottom:20px;} .recipe-summary { width: 430px; float:left; padding-bottom: 4px; border-bottom: 1px solid #dbdbdb; } .recipe-author { text-align: left; } .recipe-by { margin-right: 1em; text-transform: uppercase; letter-spacing: 1px; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 1rem; font-weight: 200; text-transform: uppercase; color: #777; } .recipe-meta dd, .recipe-meta dt {margin:0;} .recipe-ingredients li, .recipe-equipment li { list-style-type: none; margin-bottom: 10px; } .recipe-steps li { margin:0; margin-bottom: 10px; } .recipe-ingredients ul, .recipe-equipment ul {padding:0;} .recipe-steps ol { padding-left: 20px; width:560px; } p.page-author { font-style: italic; font-size:1.25rem; margin:0; padding:0; color:#777; position:relative; top:-20px; } /* -------------------- Lesson Plans ---------------------*/ .lesson-plan { position:relative; padding:0; margin:0; } .lesson-plan-text { width:70%; float:left; } .lesson-plan-audience { margin:0; padding:0; color:#777777; font-size:16px; font-weight:600; } .lesson-plan-resource-title { margin: 1em 0 0; padding:0; font-size:14px; font-weight:600; color:#444444; } .lesson-plan-resources { margin:0; padding:0; } .lesson-plan-resources li { display:inline; list-style:none; } .lesson-plan-resources li a, .lesson-plan-resources li a:hover, .lesson-plan-resources li a:visited { color:#0090cb; font-size:14px; text-decoration:none; } .lesson-plan-media { position:relative; display:block; width:167px; height:167px; float:right; } .lesson-plan-media .image-container { position:absolute; display:block; width:141px; height:141px; border:1px solid #ffffff; -webkit-box-shadow:0 0px 8px 0px rgba(11, 86, 115, 0.3);; -mox-box-shadow:0 0px 8px 0px rgba(11, 86, 115, 0.3); box-shadow:0 0px 8px 0px rgba(11, 86, 115, 0.3); } .lesson-plan-media .image-container-clip { position: relative; display:block; width:137px; height:137px; border:2px solid #eaf0f2; overflow:hidden; } .lesson-plan-image.generic { display: block; width: 137px; height: 137px; overflow: hidden; } .lesson-plan-media a, .btn-download-media { position:absolute; left:-19px; bottom:0; display:block; width:175px; height:47px; background:transparent url("/frontend/bcdairy/imgs/lesson-plans/download-button.png") top left no-repeat; color: transparent; } .lesson-plan-media a span {display:none;} /* -------------------- Resources ---------------------*/ /* No sidebar */ .body-container-full { /* refactor this */ max-width: 1140px; border: 1px solid #fff; margin: 0 auto; padding: 0 0 4rem; background: #f9f9f9; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); } /* Basically copy and paste of the article links section, but using the resource class This is kinda stupid, but the JS relies on .resource-filter-link. Ideally the CSS should use a new class that can be shared between the two. That's a //TODO */ .resource-filter-link { display: block; margin: 0; padding: 12px 20px 8px; font-size: 1rem; line-height: 1; font-weight: 800; font-style: italic; text-decoration: none; color: #58a6c5; background: #e0ecf0; } .resource-filter-link:focus, .resource-filter-link:hover, .resource-filter-link:active, .filters-list-item .resource-filter-link .resource-filter-link.active { border: 1px solid #dbdbdb !important; padding: 11px 19px 7px; color: #4a8ba5; background: #f9f9f9; } .resource-filter-link:focus, .resource-filter-link:active { color: #58a6c5; } .filters-list-item .resource-filter-link .resource-filter-link.active { color: #777; background: #fff; } /* Resource grid container */ #resource-filter-entry-list { margin: 60px 0 50px 0; border-bottom: 1px solid #dbdbdb; } /* Resource grid tiles */ .resource-preview { float:left; width: 19%; /* of parent */ min-height: 313px; } .resource-shadow { position: relative; background: url("/frontend/bcdairy/imgs/resource-shadow.png") 50% 174px no-repeat; width: 100%; /* of parent */ min-height: 192px; margin-bottom: 27px; } .resource-preview h1, .resource-preview h2 { font-size: 16px; color: #0090cb; text-align:center; font-family: "Source Sans Pro", "Lucida Grande", "Calibri", "Trebuchet MS", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-weight: normal; padding:0; margin:0 auto; width:180px; min-height: 4em; } .resource--anchor { display: block; position: absolute; bottom: 16px; width: 100%; } .resource--thumbnail-image { display:block; margin: 0 auto; max-width: 180px; height: auto; } .resource-hover-bg { width: 280px; height: 100%; padding-bottom:20px; position:absolute; top: -20px; left: -45px; border: 1px solid #dbdbdb; background: #FFFFFF; opacity: 0; cursor:pointer; } .resource-preview-hover-details { display:none; width: 250px; margin-left:-25px; } a.resource-view-link { text-decoration: none; font-weight: bolder; font-size: 14px; color: #0075a5; } /*force this box on top of the others */ .resource-preview:hover { z-index: 1000; } .resource-preview:hover .resource-hover-bg, .resource-preview:hover .resource-preview-hover-details { display:block; opacity: 1.0; -webkit-transition: 0.3s opacity ease; -moz-transition: 0.3s opacity ease; -ms-transition: 0.3s opacity ease; transition: 0.3s opacity ease; } /* This forces the preview thumb ontop of the hover background */ .resource-preview:hover .resource-preview-base {position:relative;} /* Resource "How can I order" text */ .resources-how-to-order-title { font-size: 30px; } .resources-how-to-order-body { font-size: 16px; width: 400px; } .resource-download-link-wrapper { margin-bottom: 45px; } .resource-download-link { text-align:center; margin:0 auto; } .resource-preview-base .tile { box-shadow: none; background-color: transparent; margin-left: 25px; } .generic-recipie-image { width:430px; height:242px; border: 1px solid #fff; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); background: #eaf0f2; margin-top:25px; margin-bottom:25px; } .generic-recipie-image .tile { box-shadow: none; background-color: transparent; margin: 0 auto; margin-top:50px; border:none; float: none; } /* -------------------- eCommerce / Store ---------------------*/ .user-box-container {float:right;} .cart-widget { display:inline-block; margin-left: 5px; } .cart-widget a {text-decoration:none;} .page-cart h4 { font-style: normal; font-size: 1em; margin-top: 1rem; } .page-cart h4 a { text-decoration:none; color:#0075a5; } .page-cart h4 a:hover {text-decoration:underline;} .page-cart strong {color:#777777;} .store-cart-heading, .store-cart-heading a {color:#444;} .cart-error, .payment-errors { color:#e9173d; font-size: 14px; } .cart-error-image { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } .cart-item-error { color:#aaaaaa !important; } .store-digital-download-indicator { float:left; background: transparent url("/frontend/bcdairy/imgs/addcart-detail-arrow.png") 0 -18px no-repeat; width: 120px; height: 24px; font-size: 14px; font-weight: 800; padding-left: 18px; margin-top: 8px; color:#777777; } .store-digital-download-indicator-cart { font-size: 16px; width: 140px; padding-left: 24px; } .btn-clean.btn-cart-action.cart-item-error { color:#aaaaaa !important; } .btn-cart-action-remove, .store-cartview-item .cart-error { position:absolute; bottom:-20px; left:-7px; } .store-cartview-item .cart-error { left:232px; bottom: -32px; } .field-horiz-control .cart-error { margin-top: -19px; position:absolute; } .field-horiz-small select { width: 80px; } .field-horiz-small input[type="text"] { width: 80px; } .utilities .user-box .shoppingcart-button, .utilities .cart-widget-mobile .shoppingcart-button { position:relative; display:inline-block; top:4px; width:20px; height:20px; /* background: transparent url("/frontend/bcdairy/imgs/utilities/cart-icon.png") no-repeat -6px 3px;*/ background-image: url("/frontend/bcdairy/imgs/bcdairy_sprites.png"); background-repeat: no-repeat; background-position: 19% 60%; } .utilities .user-box .shoppingcart-button:hover, .utilities .cart-widget-mobile .shoppingcart-button:hover { background-position: 19% 71%; } .store-single-body { width:60%; float:right; clear:right; margin-top: 16px; } .field-cart-quantity { width: 28px; text-align:center; } .add-item-form .field-cart-quantity { margin: 0 8px 0 8px; } .btn-cart-quick-full { width: 100%; } .resource-item-price-list { float:left; margin: 0 !important; height: 24px; padding: 0; } .resource-item-price-list li { list-style: none; margin: 0; } .resource-add-cart-detail-box { display:none; position:absolute; background:#00a2e5; padding: 15px; margin: 15px 0 0 -38px; width:145px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .resource-add-cart-detail-box .field-cart-quantity { margin-right: 0; } .resource-add-cart-detail-box .btn-resource-add-quantity { margin: 16px auto 0; width:100%; } .resource-add-detail-arrow { position: absolute; top:-4px; left: 86px; display: block; margin: 0; padding: 0; width: 10px; height: 5px; background: transparent url("/frontend/bcdairy/imgs/addcart-detail-arrow.png") top left no-repeat; } .resource-add-cart-detail-box label {color:#fff;} .resource-cart-action { float:right; margin-top: 12px; } .resource-item-header { float:right; width:60%; } .resource-item-price {display:inline-block;} .processing-msg .loading_spinner { margin:0; display:inline; } .processing-msg p.processing-msg-text { padding-left: 20px; display:inline; color:#777; } /* province modal */ .store-prov-modal-container { background-color:hsla(100,0%,0%,0.6); position:fixed; left:0; top:0; z-index: 9000000; width:100%; height:100%; display:none; z-index:9800; } .store-prov-message-box { background:#FFFFFF; width:508px; min-height:184px; padding:30px 60px; margin:270px auto 0; } .store-prov-modal-buttons { width: 50%; margin:24px auto 0; } .store-prov-message-box p { font-size: 18px; text-align:center; } .store-prov-question-box-wrapper { margin-top: 36px; } .btn-store-prov-yes { float:left; margin-right: 16px; } .btn-store-prov-no { float:right; margin-right: 0; } .btn-store-prov-continue { width: 100%; } .btn-store-prov-ok {margin-left:30%;} /* cart view */ .store-cart-item-listing { display:inline-block; width:100%; padding: 0; margin: 24px 0; } .entrylist-cart-item-image { margin: 0; width: 133px; height: 133px; } .entrylist-cart-sidebar-item-image { width:236px; height:110px; margin-bottom: 8px; } .entrylist-cart-single-item-image { width: 235px; height:auto; } .entrylist-cart-single-item-image img { margin: 24px auto; } .entrylist-cart-single-item-image > .entrylist-item-image-mask, .entrylist-cart-item-image > .entrylist-item-image-mask, .entrylist-cart-sidebar-item-image > .entrylist-item-image-mask {background:#ffffff;} .entrylist-cart-item-image .imgmask img, .entrylist-cart-sidebar-item-image .imgmask img { display:block; margin: 0 auto; max-width: 133px; } .cart-image-thumb-short { position:absolute; top:50%; margin-top:-25% !important; } .store-cart-item-details { float:left; width:75.4794521%; margin-left: 35px; } .store-cart-recommended-item-details {width:82.479452%;} .store-cart-item-details h3 { margin-top: 14px; display:inline-block; float:left; } .store-cart-item-details h3 a {color:#0075a5;} .store-cart-recommended-sidebar-listing h4 a:hover, .store-cart-item-details h3 a:hover {color:#00a2e5;} .store-cart-item { display:inline-block; width:100%; } .store-cartview-item { position:Relative; margin-bottom: 18px; } .store-cart-item-header { height:24px; margin-bottom: 20px; } .store-cart-item-price, .store-cart-item-edit {float:right;} .field-cart-quantity { font-style: normal; } .field-cart-quantity:focus {color:#444;} .store-cart-payment-card-type { padding: 0; } .store-cart-payment-card-type li{ list-style: none; display:inline-block; margin-right: 16px; background-image:url("/frontend/bcdairy/imgs/cart-payment-sprites.png"); } .store-cart-payment-visa { background-position: 0 -48px; width:78px; height:29px; } .store-cart-payment-visa.active { background-position: 0 -98px; width:78px; height:29px; } .store-cart-payment-mastercard { background-position: -98px -45px; width:53px; height:32px; } .store-cart-payment-mastercard.active { background-position: -98px -95px; width:53px; height:32px; } .store-cart-payment-amex { background-position: -171px -40px; width:35px; height:35px; } .store-cart-payment-amex.active { background-position: -171px -99px; width:35px; height:35px; } .page-heading-payment-info { background:url("/frontend/bcdairy/imgs/cart-payment-sprites.png") -8px 2px no-repeat; margin-left: 34px; height:40px; width: 45%; } .field-horiz-payment .field-horiz-action {position:relative;} .store-cart-payment-submit-secure { background: url("/frontend/bcdairy/imgs/cart-payment-sprites.png") -639px -10px; width: 16px; height: 24px; display:inline-block; position:Absolute; top: 5px; left: 10px; } .store-cart-payment-submit-button { width: 200px; } /* confirm checkout */ .store-cart-item-details-order-confirm { width:100%; margin-left: 0; } .store-cart-listing-confirm-order { margin: 0; } .store-cart-section-header { display:inline-block; width: 100%; height: 24px; } .store-cart-section-header h2 {float:left;} .store-cart-section-header .btn {float:right;} .store-cart-section-header .store-cart-heading { margin: 0; } .store-cart-order-details { padding: 0; margin: 0; width: 100%; } .store-cart-order-details li { list-style: none; } .store-cart-section-header p, .store-cart-order-details li p {display:inline-block;} .store-cart-order-details li h3 {float:none;} .store-cart-item-quantity {float:left;} .order-total { background-color:#00A2E5; padding: 0 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 24px; } .order-total p strong { font-size: 24px; color:#fff !important; } .store-cart-receipt-listing { display:inline-block; width:100%; padding: 0; } .store-cart-receipt-listing li{ list-style: none; float:left; } .receipt-quantity { width: 10%; } .receipt-itemname { width: 80%; } .receipt-itemname h3 { margin: 16px 0 0; } .store-cart-receipt-listing li.receipt-price { width: 10%; float:right; text-align:right; } .store-cart-email-newsletter { width: 300px; margin-right: 8px; } .store-cart-email-newsletter:focus { color:#444; font-style:normal; } /* buttons */ .page-cart .btn:visited { color: #1E5165; } .btn-resource-cart-action, .btn-resource-add-quantity.btn-resource-cart-action { background: #00a2e5; padding: 10px 15px; color: #fff !important; text-decoration: none; font-weight: bold; } .btn-resource-cart-action.active, .btn-resource-cart-action:hover { background:#fff; color:#00a2e5 !important; border:1px solid #00a2e5; padding: 10px 14px; } .btn-resource-add-quantity { margin: 0 0 0 22px; } .btn-cart-quick-download { width:98%; margin: 0 auto 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .btn-clean { border: 0 none; background: none !important; text-decoration: underline; font-style: normal !important; font-weight: normal !important; padding:0 !important; color:#0090cb !important; } .btn-clean:hover { color:#00b4ff !important; } .btn-cart-action { margin: 0 8px; } .store-cart-navigation .btn { margin-right: 8px; } .store-cart-receipt-listing .btn-download-media { position: static; float: right; } /* fields */ .field-store-resource-quantity { margin: 0 0 0 5px; } .field-horiz-control { width:70%; float:left; margin: 8px 0 0; } .field-horiz-control .field-cart-quantity { margin-left: 0; } .field-horiz-control input, .field-horiz-control select {display:block;} .field-horiz-control input[type="text"]:focus { color:#444444; font-style:normal; } .field-horiz-control input[type="text"] { color:#444444; font-style:normal; } .field-horiz-full { float:left; width:100%; } .field-horiz-full textarea { width: 91.55%; height: 100px; } .field-horiz-full input { width: 91.55%; } @media (min-width: 768px) { .field-horiz-split { float:left; margin-right: 24px; } .field-horiz-split input { width: 220px; } .field-horiz-split.short { position:relative; width: 235px; } } .field-horiz-split.short input { width: 30px; } .field-horiz-triad { float:left; margin-right: 24px; } .field-horiz-triad input { width: 100px; } .field-horiz-triad.field-store-province select { width: 216px; } .field-horiz-payment { width: 52%; } .field-store-subscribe-checkbox { display:inline-block !important; width: 19px !important; height: 15px; -webkit-appearance: checkbox; margin: 0; } .field-horiz-actions { margin-top: 16px; } .field-horiz-actions input, .field-horiz-actions .btn { display:inline-block; margin-right: 24px; } .field-horiz-card-expiry label{float:left;} .field-horiz-triad .card-expiry-month, .field-horiz-triad .card-expiry-year { width: 80px; float:left; } .field-horiz-triad .card-expiry-month { margin-right: 24px; } .store-cartview-item .field-cart-quantity { margin-left: 6px; height: 18px; } .milkslam-reg .cart-error { line-height: 15px; } .milkslam-reg .radio-group { margin:10px 0; } .milkslam-reg .radio-group label { font-weight: normal; margin-right:20px; position:relative; top:-2px; } .milkslam-reg input[type="submit"] { padding-left:30px; padding-right:30px; margin-bottom:50px; } .milkslam-reg p.all-required { font-size: 13px; margin-top:20px; } /* sidebar */ .sidebar-cartsummary { float:left; width:294px; margin:0 0 24px -43px; background:#00a2e5; border:1px solid #00a2e5; text-decoration:none; line-height:18px; padding: 16px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sidebar-general-wrapper { float:left; margin-bottom: 36px; } .page-cart .btn:visited, .sidebar-cartsummary .btn:visited {color:#1E5165;} .page-cart .btn:hover, .sidebar-cartsummary .btn:hover {color:#00a2e5;} .sidebar-cartsummary hr { border-top: 1px solid #fff; } .sidebar-cartsummary-wrapper { float:left; width:222px; margin-left: 30px; } .sidebar-cartsummary .btn { margin-top: 8px; padding: 8px 18px 4px; } .sidebar-cartsummary h3, .sidebar-cartsummary p { color:#fff !important; } .sidebar-cartsummary h3 { margin:0; float:left; } .store-cart-summary-header { width:100%; display:inline-block; } .store-cart-summary-header .store-cart-item-edit { color:#ffffff; text-decoration:none; line-height: 22px; } .store-cart-item-edit:hover { text-decoration: underline; } .sidebar-cartsummary .store-cart-item-listing { margin: 16px 0 0; } .store-cart-item-listing-sidebar p{ display:inline-block; margin: 0; margin-left: 2px; } .store-cart-item-listing-sidebar h4 { font-size: 14px; margin:0 0 8px 0; } .store-cart-recommended-sidebar { margin-top: -24px; } .store-cart-recommended-sidebar-listing { margin-top: 0; } .store-cart-recommended-sidebar-listing p { font-size: 14px; display:block; } .store-cart-recommended-sidebar-listing h4 a{color:#0075a5;} .store-cart-item-listing-sidebar h4 a { font-style:normal; text-decoration:none; } .store-cart-item-error-alert { display:block; width:18px; height: 18px; background: url("/frontend/bcdairy/imgs/cart-error-icon.png") no-repeat 0 0; position:absolute; left:-28px; } .store-cart-item-listing-sidebar-error { position:relative; background: #e9173d; width: 246px; margin-left: -12px !important; padding: 14px 14px 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .store-cart-item-listing-sidebar-title { width: 56%; line-height: 18px; } /*nutrition registration */ .field-horiz-control-nutrition { float: none; } .field-horiz-control-nutrition .store-cart-note { margin: -8px 0 16px 0; } .nutrition-registration-label {display:block;} .nutrition-registration-radio { margin: 0 16px 0 0; display:inline-block; } .nutrition-registration-radio input { -webkit-appearance: radio; display:inline-block; margin-right: 8px; } .nutrition-registration-checkbox { position: relative; padding-left: 40px; } .nutrition-registration-checkbox input { -webkit-appearance: checkbox; position: absolute; top: 5px; left: 0; } .nutrition-registration-checkbox label { display:inline-block; line-height: 1.1; max-width: 90%; } .nutrition-registration-checkbox label p { margin-top: 10px; } /* -------------------- Profiles ---------------------*/ /* Dietitians */ .profile { clear:both; padding-top: 40px; } .profile:hover .profile-content, .profile .open { border: 1px solid #cdd7db; cursor: pointer; } .profile-img { float:left; clear:left; border-width: 3px; } .profile-img:hover { cursor: pointer; } .profile-content { float:left; width: 550px; margin-left: 20px; border:solid 1px transparent; } .profile-name { margin:0; padding:0; font-style: italic; } p.profile-job-title { font-size: 16px; font-color: #777777; text-transform: uppercase; margin:0; padding:0; } .profile-more-top { height: 11px; background-image: url("/frontend/bcdairy/imgs/staff-bio-top.png"); } .profile-more-content { display: none; width:550px; background-image: url("/frontend/bcdairy/imgs/staff-bio-mid.png"); } .profile-more-bottom { height: 2px; background-image: url("/frontend/bcdairy/imgs/staff-bio-bot.png"); } .profile-name-title {padding:10px;} .profile-more-content-text { padding:0 10px; } /* Board of Directors */ .board-of-directors {clear:both;} .board-of-directors-profile { float:left; margin: 0 20px; width:140px; height: 295px; } .board-of-directors-field { text-align:center; margin:0; padding:0; } .board-of-directors-name { margin:8px 0 0 0; font-size: 18px; color:#0075a5 } .board-of-directors-title { text-transform: uppercase; color: #777777; font-size: 14px; } .board-of-directors-location { font-style: italic; color: #777777; font-size: 16px; } .board-of-directors-image { width:137px; height:137px; } .lined-header { height:20px; padding:0; border-bottom: 1px solid #cccccc; margin-bottom: 50px; margin-top: -20px; } .lined-header-text { text-align: center; } .white-border { padding:0 10px; background-color: #f9f9f9; } /* staff */ .profile-staff { } .profile-staff-more-link { width:357px; height:72px; float:left; margin-bottom:15px; } .profile-staff .profile-name { font-weight: normal; } .profile-staff-right {margin-left:1px;} .profile-staff-static { padding:5px; border: 1px solid transparent; background-color: #F9F9F9; } .profile-staff:hover .profile-staff-static, .open { border: 1px solid #cdd7db; cursor: pointer; position:relative; z-index: 9000; } .profile-staff-more-content { width:715px; clear:right; } #profile-staff-more-container { clear: both; width:715px; position:relative; bottom: 18px; z-index: 9001; } .profile-staff-more-container-middle { min-height: 150px; padding: 10px 0; background: url("/frontend/bcdairy/imgs/staff-profile-mid.png"); } .profile-staff-more-container-top-left { height: 10px; background: url("/frontend/bcdairy/imgs/staff-profile-top-left.png") no-repeat; overflow: hidden; } .profile-staff-body { padding: 0 20px; } .profile-staff-body p { margin: 0; } .profile-staff-more-container-top-right { height: 10px; background: url("/frontend/bcdairy/imgs/staff-profile-top-right.png") no-repeat; overflow: hidden; } .profile-staff-more-container-bot { height: 3px; background: url("/frontend/bcdairy/imgs/staff-profile-bot.png") no-repeat; } .profile-staff-img { float:left; margin:2px 20px; } /* Board of Directors Expanded */ .board-of-directors-expanded-profile { width: 325px; height: auto; margin: 0 18px 6em; } .bodep-odd { clear: left; } .board-of-directors-expanded-profile .board-of-directors-image { float: left; margin: 0 1em 1em 0; } .board-of-directors-expanded-profile .board-of-directors-fields { float: left; width: 150px; } .board-of-directors-expanded-profile .board-of-directors-field { text-align: left; margin: 0 0 0.25em; } .board-of-directors-expanded-profile .board-of-directors-name, .board-of-directors-expanded-profile .board-of-directors-title, .board-of-directors-expanded-profile .board-of-directors-location { min-height: auto; } .board-of-directors-expanded-profile .board-of-directors-info { clear: left; } /* -------------------- Campaigns ---------------------*/ .campaign-entrylist { /* this page is misaligned. */ margin: 2rem 3.157894736842105% 0; padding:0; } .campaign-entrylist-item { /* this is too wide; there shouldn't be a width here */ margin-bottom: 1.5rem; width: 706px; list-style:none; } .campaign-entrylist-item:hover .campaign-heading {color:#00a2e5;} .campaign-entrylist-anchor { width: 706px; display: block; text-decoration: none; background-color:#00a2e5; } .campaign-entrylist-anchor:hover {background-color:#ffffff;} .campaign-heading { margin: 0; padding: 1rem 2.8328611898017%; font-size: 1.5rem; line-height: 1.25; color: #fff; } .campaign-imgmask { width: 706px; /* needs to be changed */ height: 264px; /* needs to be changed */ } /* -------------------- Producers ---------------------*/ .body-container.producers { position:relative; border-left-color:#539327; background-image:url("/frontend/bcdairy/imgs/producers/producers-body-container-bg.png"); } .body-container.producers .sidebar { margin-top: -32px; } .producer-border { position:absolute; left:-1px; bottom:-1px; display:block; width:75%; height:1px; border-left:1px solid #539327; background-color:#539327; } .prov-select { width:247px; height : 38px; } /* * Producer Login */ /* NOTE: I will use this for registration and forgot password pages too. */ /* Producer Login */ .producer-login .login-label { display:block; margin-bottom:20px; } .producer-login input { margin:0; margin-bottom:22px; } .producer-login input[type=submit] { padding:8px 24px; } .producer-login label { font-size:16px; color:#777777; } .producer-login a { font-size:14px; font-style:italic; color:#3eaad6; text-decoration:underline; line-height:12px; } .input-capsule { position:relative; display:block; width:354px; height:36px; margin:0; padding:0; margin-bottom:22px; background-color:#ffffff; border:solid 1px #cdd7db; } .input-capsule input { position:absolute; display:block; width:339px; height:36px; margin:0; margin-left:15px; padding:0; line-height:36px; font-style:normal; color:#444444; background:none; border:none; } .input-capsule .placeholder { position:absolute; display:block; padding:0; margin:0; margin-left:15px; font-size:16px; font-style:italic; font-weight:normal; line-height:36px; color:#a1a1a1; } /* Producer Registration */ .producer-register-spacer {margin-bottom:40px;} .producer-register-form input[type=submit] { padding:8px 24px; } .producer-register-form .col { display:block; float:left; width:247px; margin-right:23px; } .producer-register-form label { display:block; font-size:16px; } .producer-register-form legend {margin-bottom:16px;} .producer-register-form legend h2 {margin-top:0px;} .producer-register-form .input-capsule { width:245px; margin-top:8px; } .producer-register-form .input-capsule input[type=text] { display:block; width:230px; padding:0; margin:0; margin-left:15px; background:none; border:none; } .producer-register-form .textarea-capsule {margin-top:8px;} .producer-register-form .textarea-capsule textarea {color:#444444;} .producer-register-form .selector-capsule { position:relative; display:block; width:245px; height:38px; margin-top:8px; margin-bottom:22px; } .producer-register-form .selector-capsule select { color:#444444; width:246px; height:38px; } .producer-register-form .error-indicator { position:absolute; bottom:-20px; display:block; margin:0; margin-left:15px; padding:0; font-size:12px; } /* misc */ .notice-link-back { color:#0090cb; text-decoration:underline; font-size:14px; font-weight:normal; font-style:italic; } .province-select {width:246px;} .inline-label { display:inline-block; width:80px; font-weight: bolder; } .producers h2 { margin:0; margin-top:40px; padding:0; } .producers legend h2 {margin-top:0px;} /* -------------------- Producer Extranet ---------------------*/ .tertiary-nav { display:block; height:43px; width:75%; background-color:#539327; } .tertiary-nav ul { margin:0; padding:0; } .tertiary-nav ul li { float:left; list-style:none; } .tertiary-nav ul li a { display:inline-block; height:40px; margin-top:3px; margin-left:10px; padding:0px 10px; font-size:14px; text-decoration:none; color:#ffffff; line-height:40px; border: none; } .tertiary-nav ul li a.active { font-weight:700; background-color:#f9f9f9; color:#444444; } /* -------------------- Gallery ---------------------*/ .gallery-preview-tile { float:left; width:140px; height: 140px; overflow:hidden; margin:20px 20px 45px; list-style-type: none; } .gallery-preview-tile .mask { display: block; width: 140px; height: 140px; } .nutrition-forum-browse-by-year { margin-left: 55px; } .nutrition-forum-browse-by-year h3 { margin-bottom: 5px; padding:0; } .nutrition-forum-browse-by-year ul { margin:0; padding: 0; } .nutrition-forum-browse-by-year li { margin:0; padding: 0 10px 0 0; display: inline; } .nutrition-forum-browse-by-year li a { text-decoration: none; } .nutrition-forum-browse-by-year .active {color:#444444;} .calendar {width:100%;} .sidebar {margin-top:35px;} .clear {clear:both;} .page-single-body img { max-width:100%; height:auto; border:1px solid #ffffff; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); background: #eaf0f2; margin: 10px; } .page-single-body ul, .page-single-body ol { margin: 0.25em 0; list-style-type: square; max-width: 80%; } .page-single-body li {margin-bottom:10px;} .page-single-body li p { margin: 0; padding: 0; } .page-single-body table { width:100%; margin-bottom:10px; } .page-single-body .article-tweet { display: block; border: 1px solid #eee; padding: 10px; background: #fff; text-decoration: none; color: #444; } .page-single-body .article-tweet .tweet-text { font-size: 20px; text-decoration: none; display: block; color: #444; } .page-single-body .article-tweet:hover .tweet-text { text-decoration: underline; } .page-single-body .article-tweet .click-to-tweet { display: block; text-align: right; opacity: 0.6; font-size: 17px; color: #444; } .page-single-body .article-tweet .click-to-tweet img { box-shadow: none; border: none; background: none; height: 16px; margin-left: 3px; } .page-single-body .article-tweet:hover .click-to-tweet { color: #444; opacity: 1; } #smbc-edit-contact-info input { width: 230px; } #smbc-edit-contact-info select { width: 244px; } #smbc-edit-contact-info dd { margin:0; padding:0; } #smbc-edit-contact-info .cancel, #workshop-reorder-home .cancel {margin-left:20px;} #smbc-edit-contact-info #Savechanges { width: 130px; } #workshop-reorder-home dd, #workshop-product-form dd, #alt-address-form dd { margin:0; padding:0; } #workshop-product-form input[type="checkbox"] { -webkit-appearance: checkbox; } #workshop-product-form .checkbox-group { margin-top: 20px; padding-top: 20px; border-top:1px solid #dbdbdb; width:200px; } #workshop-product-form .checkbox-group dd, .checkbox-group dt { display:inline-block; margin-right: 10px; } #confirm-order-form td { margin:0; padding:0; } #confirm-order-form table { padding:0; margin:0; width: 300px; } h2.heading-sidebar-callout a { color: #f9f9f9; } .workshop-name { width: 470px; } #workshop-reorder-history td.date {width:75px;} /* -------------------- SMBC ---------------------*/ #school-contact-info { float:left; width:40%; padding: 0 0 0 25px; } #contact-info { float:right; width:40%; } #smbc-newsletter-email { width: 45%; float: left; display: block; } #smbc-newsletter-submit { float:left; margin-left: 15px; } #consumption-form { font-size: 13px; } #consumption-form th { text-align: left; } #consumption-form td { text-align: center; } #consumption-form input[type=text] { width:60px; margin-left:15px; } .page-single-body table tr:nth-child(even) { background: #e6e6e6; } .page-single-body table h3, .page-single-body table h4 {margin:0;} .page-single-body table td { padding: 10px 5px 10px; } /* -------------------- Workshop ---------------------*/ #workshop-welcome-panel { padding: 0 25px; } .dashboard-panel-workshop { margin-top: 0; } .workshop-history-even { background: rgba(68, 68, 68, 0.05); } .product-breakdown td { float:left; margin: 0 0; padding-top:0; } .product-breakdown .name { width: 350px; } .product-breakdown .type { width: 150px; padding-bottom:0; } .product-breakdown .qty { margin-top: 0px; padding-top:0; } #workshop-product-form label { font-weight: 400; } #workshop-product-form .checkbox-group { border-top: 0 none; float:left; margin-left: 25px; margin-top: -25px; width: 400px; } #workshop-product-form .checkbox-group dd, #workshop-product-form .checkbox-group dt {float:left;} #workshop-product-form .input-group { float:left; width: 225px; margin-left: 500px; margin-top: -48px; } #workshop-product-form .input-group label { float:left; margin-right: 12px; margin-top: 7px; } #workshop-product-form input[type="text"] { float:left; width:30px; margin-top: 2px; } #workshop-product-form #Continue-element { float:left; margin-left: 25px; } /* Override invasive WYSIWYG styles... */ .wysiwyg h1 span { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 1.875rem !important; line-height: 1.2 !important; font-weight: 800 !important; color: #0075a5 !important; } .wysiwyg h2 span { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 1.5rem !important; line-height: 1.5 !important; font-weight: 800 !important; color: #0075a5 !important; } .wysiwyg h3 span { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 1.125rem !important; line-height: 1.3333 !important; font-weight: 800 !important; color: #0075a5 !important; } .wysiwyg h4 span { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 1.125rem !important; line-height: 1.3333 !important; font-weight: 800 !important; font-style: italic !important; color: #777 !important; } .wysiwyg h5 span { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 1rem !important; line-height: 1.5 !important; font-weight: 200 !important; text-transform: uppercase !important; color: #777 !important; } .wysiwyg h6 span { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 0.875rem !important; line-height: 1.2857 !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #777 !important; font-weight: 200 !important; } .wysiwyg p span { font-family: "Source Sans Pro", "Lucida Grande", "Calibri", "Trebuchet MS", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; font-size: 1rem !important; color: #444 !important; } .wysiwyg ol { list-style-type: decimal; } .wysiwyg ol ol { list-style-type: lower-alpha; } .wysiwyg ol ol ol { list-style-type: lower-roman; } input[type="text"]:-ms-input-placeholder {color:#bbbbbb;} /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .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: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== RWD Styles. ========================================================================== */ .mobile-quick-tier-nav { display:none; background:#ff0000; } .mobile-search-form, .mobile-search {display:none;} @media only screen and (max-width: 620px) { /* Type */ /* Structure */ .metanav { position: absolute; z-index: 500; top: -1px; left: 0; width: 100%; font-size: 16px; font-weight: 800; font-style: italic; margin-top: 0; background-color: #fff; height: 100px; box-shadow: 0px 5px 5px 0px rgba(0, 73, 102, 0.17); } .header .metanav.active { /* we should change this to .expanded */ /* -webkit-box-shadow:0 0px 29px 0px rgba(0, 72, 101, 0.5); box-shadow:0 0px 29px 0px rgba(0, 72, 101, 0.5); */ } body.mobile-tier-open { height:300px; overflow:hidden; } .metanav-list { width: 100%; padding: 0; margin: 0 auto; background: #00a2e5; overflow:hidden; } .metanav .metanav-item { display: block; float: left; width:100%; height:0; margin: 0; text-align: right; background: none; overflow:hidden; } .metanav-item-anchor { position: relative; bottom: -1px; /*gross */ display: block; height: 168px; /*gross*/ width: 100%; } .metanav-item-milk, .metanav-item-about, .metanav-item-resources, .metanav-item-education, .metanav-item-smbc, .metanav-item-farmers { width: auto; } .metanav-item-anchor-milk, .metanav-item-anchor-about, .metanav-item-anchor-education, .metanav-item-anchor-resources, .metanav-item-anchor-smbc, .metanav-item-anchor-farmers { background: none; } .metanav-item-anchor-milk:hover, .metanav .metanav-item-anchor-milk.active, .metanav-item-anchor-about:hover, .metanav .metanav-item-anchor-about.active, .metanav-item-anchor-resources:hover, .metanav .metanav-item-anchor-resources.active, .metanav-item-anchor-education:hover, .metanav .metanav-item-anchor-education.active, .metanav-item-anchor-smbc:hover, .metanav .metanav-item-anchor-smbc.active, .metanav-item-anchor-farmers:hover, .metanav .metanav-item-anchor-farmers.active { background-image: none; position:absolute; top:-4px; padding-top:5px; } .metanav-item-anchor:link, .metanav-item-anchor:visited, .metanav-item-anchor:active { color: #fff; text-decoration: none; } .metanav-item-anchor:hover, .metanav .metanav-item-anchor.active { color: #00a2e5; height: auto; } .metanav-item-anchor-text { position: static; top:0; left: 0; bottom: 0; float:right; display: block; width: 76.7652%; height: 38px; line-height: 36px; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; padding: 8px 2.6rem 0 0; background: url('../imgs/meta-nav/mobile-meta-icons.png') no-repeat 100% -113px; } .tier-nav { display:none; width:100%; margin-top:126px; background: #fff; position:absolute; z-index:804; } .tier-nav ul { width: 85%; margin-top: 24px; margin-left: auto; margin-right: auto; } .tier-nav ul li { float:left; margin-bottom: 25px; text-align: left; margin-left: 24px; min-width: 36.7%; } .tier-nav ul li:nth-child(even) { float:right; margin-left: 0; width:87px; } .tier-nav ul li a { font-size: 18px; } .header {padding-top:0px;} .utility-bar { width: auto; height: 100px; } .utility-bar .logo { width: 100px; height: 100px; float: none; margin: auto; } .utility-bar .logo a { width: 100px; height: 100px; z-index: 999; position: Absolute; background: url(/frontend/bcdairy/imgs//bcdairy-logo-highres.png); background-repeat: no-repeat; background-size: 100px; } .utilities { float:left; width: 99.952359%; background: #EAF0F2; margin-top:0; } .utilities-inactive { display: none; } .utilities .user-box {display:none;} .utilities .user-box-mobile { display:block; width: 99.66127%; height: 38px; margin-bottom: 0; box-shadow:0px 5px 5px 0px rgba(0, 73, 102, 0.17); border:1px solid white; } .utilities .user-box-mobile p { text-align:left; margin-top: 5px; /* width:95.9%; */ padding: 7px 0 0 0; height:26px; color:#757575; font-size: 14px; } .utilities .user-box-mobile .user-logged-in { display:inline-block; margin-left: 16px; float:left; } .utilities .cart-widget-mobile .user-logged-in { margin-top: 0; margin-right: 6px; } .user-logout-mobile { float:right; margin-right: 10px; } .utilities .user-box-mobile .logout-button { background:none; margin-right: 5px; } .mobile-utility .utilities .user-box {display:none;} .utility-bar-v2 .utilities { width: 100%; } header .social-links, header .quick-links-container {display:none;} /*mobile nav bar*/ .mobile-utility { position:absolute; width:100%; } .mobile-utility h1.logo {display:none;} .mobile-utility .tier-nav {display:block;} header .social-links, header .quick-links-container {display:none;} /*mobile nav bar*/ .mobile-nav-control { position:absolute; z-index:805; height: 100px; top: 0; width:100%; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .mobile-search { display: block; position: absolute; left: 15px; top: 50%; margin-top: -8px; z-index: 800; } .mobile-nav-control .mobile-search, .mobile-close { font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 16px; font-weight: 800; text-decoration:none; } .mobile-nav-control .mobile-search { float:left; width:88px; height:30px; background: url('../imgs/meta-nav/mobile-meta-icons.png') no-repeat -34px -14px; } .mobile-nav-control .mobile-close { float:right; width:65px; height:30px; background: url('../imgs/meta-nav/mobile-meta-icons.png') no-repeat -250px -12px; } .mobile-nav-indicators { position: absolute; z-index: 806; padding: 0; top: 49px; right:0; width:80%; } .mobile-nav-indicators li { float:left; width: 11%; height: 6px; list-style: none; margin-right: 2%; background-color: #80D1F2; } .mobile-nav-indicators li.mobile-nav-indicator-active { height:12px; background-color:#fff; margin-top: -2px; } .utilities .content-access {display:none;} .mobile-search-form { display:none; width:180px; height: 75px; position:absolute; background:none; top:0; z-index:9999; } .mobile-nav-control .search-box { display:block; position:relative; top:11px; width:232px; float: none; } .mobile-nav-control .search-box #gcse-text { width:75% !important; font-size:1rem !important; margin: 7px 0 0 34px !important; position:static; } .search-box { width: 90%; margin: 20px auto; background: transparent; } #gcse-text1 { padding: 0px !important; background: white !important; width: 55%; height: 100%; } #gcse-submit { display: inline-block; position: inherit; text-indent: initial; width: 30%; height: 100%; font-size: 1rem; line-height: 1.5; font-weight: 600; text-align: center; text-decoration: none; color: #1e5165; background: #ebf4f8; background: -moz-linear-gradient(top, #ffffff 50%, #ebf4f8 100%, #ffffff 0%, #ebf4f8 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ebf4f8), color-stop(100%,#ebf4f8)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#ebf4f8 51%,#ebf4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4f8',GradientType=0 ); } .mobile-metanav-anchor:hover, .metanav-item-anchor.active.mobile-metanav-anchor { color: #00a2e5; height:0px; text-align:center; width: 100%; } .metanav-mobile-open {background:#fff;} .metanav-mobile-open .metanav-list { background: white; height: 92px; margin-top: 70px; } .metanav-mobile-open .metanav-item {text-align:center;} .metanav-mobile-open .metanav-item .metanav-item-anchor-text { background:none; position:absolute; top:91px; left: 12%; font-size: 24px; padding: 0; } .mobile-metanav-anchor:hover, .metanav-item-anchor-milk.active.mobile-metanav-anchor { top:-4px; position:absolute; } .mobile-metanav-arrow { position: absolute; top: 81px; width: 44px; height: 44px; display:block; cursor:pointer; z-index:805; } .mobile-metanav-arrowleft { left: 16px; background: url('../imgs/meta-nav/mobile-meta-icons.png') no-repeat -14px -79px; } .mobile-metanav-arrowright { right: 16px; background: url('../imgs/meta-nav/mobile-meta-icons.png') no-repeat -284px -79px; } /* mobile quick nav drop down */ .mobile-quick-tier-nav { position:Absolute; z-index:805; background:#00a2e5; top: 120px; width: 100%; box-shadow: 0px 5px 5px 0px hsla(197,100%,20%,0.17); } .mobile-quick-tier-nav-list { text-align:center; padding:0; } .mobile-quick-tier-nav-list li li { font-style: italic; } .mobile-quick-tier-nav-list li li a { font-weight: 300; } .mobile-quick-tier-nav-list li.active a { color: #00A1E8; } .mobile-quick-tier-nav-list a { color:#fff; font-family: "Antartida Rounded", "Franklin Gothic Demi Cond", "Lucida Grande", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif; font-size: 18px; font-weight: 800; text-decoration:none; text-align:center; line-height: 38px; } .mobile-quick-tier-nav-list a:hover, .mobile-quick-tier-nav-list a.active { color: #80D1F2; } .mobile-quick-tier-nav-list .metanav-submenu { display: none; transform: unset; position: relative; } .mobile-quick-tier-nav-list li.active { background-color: white; color: blue; } .body-wrapper { padding-bottom: 1.5rem; } .body-container { border: 0 none; width: auto; background: none; box-shadow: none; } .body-container .homepage-content-block { padding: 42px 5% 52px; } .page { float: none; position: relative; z-index: 2; padding: 0.25em 0; width: auto; background: #f9f9f9; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); } .page-heading { margin-top: 1rem; padding: 0 6.315789473684211%; font-size: 1.875rem; line-height: 1.2; } .page-single-heading { padding: 0; } .sidebar, .body-container.producers .sidebar { float: none; position: relative; z-index: 1; margin: 1em auto; padding: 1em 7.142857142857143%; width: 75%; border: 1px solid #fff; box-shadow: 0px 0px 8px 0px hsla(197,100%,20%,0.3); background: #eaf0f2; } .sidebar-wrapper { padding: 0; } .sidebar-wrapper .sidebar-popularnow-wrapper .item-image img { width: 100%; height: auto;} .sidebar-recent-tweets-wrapper, .sidebar-becomeafan-wrapper { display: none; } .sidebar-promotional-banner img { width: 100%; height: auto; } .footer { height: auto; padding-bottom: 1rem; } .footer-wrapper { margin: 0; padding: 0; width: auto; } .footer-nav { float: none; clear: both; margin: 1.5rem 0; } .footer-nav ul { padding: 0; } .footer-nav li { display: block; margin: 1rem 0; text-align: center; } .footer-nav a { display: block; margin: 0; font-size: 1rem; } .footer .social-links { float: none; margin: 1rem auto; display: flex; } .footer .social-links li { margin-right: 0; flex-grow: 1; flex-wrap: wrap; } .footer .social-links li a.social-stay-connected, .footer .social-links li a.social-stay-connected:hover { margin-top: 22px; } .footer .social-links li a { margin-top: 22px; } .newsletter-signup-arrow { display: none; } .newsletter-signup-container { left: -72px; top: -212px; padding: 10px; width: 260px; } .newsletter-form { padding: 0; min-width: 0; width: 260px; } .newsletter-form input[type="text"] { float: none; display: block; margin: 1rem auto; padding: 1rem; } .newsletter-form input[type="submit"] { display: block; float: none; margin: 1rem auto !important; padding: 1rem; text-align: center; } /* * Entry Lists */ .filters-list-item { margin: 0 6px 6px 0; } .category-filter-link { padding-left: 14px; padding-right: 14px; } .category-filter-link:focus, .category-filter-link:hover, .category-filter-link:active, .category-filter-link.active { padding-left: 13px; padding-right: 13px; } .entrylist-item { padding-top: 0.75rem; padding-bottom: 0.75rem; } .entrylist-item-image { float: right; margin: 0; padding: 0; width: 84px; height: 84px; border: 0 none; } .generic { background-size: 100%; } .generic.steak { background-position: 0px 0px; } .generic.bottle { background-position: 0px -84px; } .generic.cloud { background-position: 0px -168px; } .generic.apple { background-position: 0px -252px; } .generic.farm { background-position: 0px -336px; } .generic.turkey { background-position: 0px -420px; } .generic.coffee { background-position: 0px -504px; } .generic.strawberry { background-position: 0px -588px; } .generic.egg { background-position: 0px -672px; } .generic.wheat { background-position: 0px -756px; } .generic.milk { background-position: 0px -840px; } .generic.bread { background-position: 0px -924px; } .generic.hen { background-position: 0px -1008px; } .generic.fork { background-position: 0px -1092px; } .generic.sun { background-position: 0px -1176px; } .generic.cow { background-position: 0px -1260px; } .entrylist-item-container { } .entrylist-item-container-noimage { width: auto; } .entrylist-item-heading { line-height: 1.25; } .entrylist-item-excerpt { margin: 0.5rem 0; } .entrylist-item-linkout-anchor { float: left; display: block; padding: 0; width: 50%; } .entrylist-item-linkout-anchor-comments { float: right; display: block; width: 50%; text-align: right; } /* * Single Pages */ .attachments-item { float: none; max-width: 100%; margin: 1.5rem 0; } .meta-column { float: none; margin: 0; width: auto; } .meta-box:last-child { border-bottom: 0 none; } /* Meta Share */ /* fb root fix: http://bitly.com/SuHpXk */ #fb-root > div { left:-575px !important; } .share-toolbar-buttons { margin: 1.5em 0; } .share-toolbar-emailform { width: 100%; top: 0; left: 0; } .share-toolbar-emailform form { width: 90%; padding: 0 5%; } .share-toolbar-emailform form input[type="text"], .share-toolbar-emailform form textarea { width: 90%; padding: 5%; } .field-text-captcha { width: 45%; } .field-text-area { height: 6em; } input[type="button"], input[type="submit"], input[type="reset"], button { padding: 1rem; } #top-level-comment-feedback-container.notice { width: auto; } .comment-post { margin-bottom: 1rem; background: #e0ecf0 none; } .comment-post-author { float: none; border-bottom: 1px solid #cdd7db; padding: 0.75rem; width: auto; background: #fff; } .comment-post-author p { margin: 0; } .comment-post-body { float: none; border: 1px solid #fff; padding: 0.75rem; width: auto; } .comment-post-arrow { display: none; width: 0; height: 0; background: none; } /* All About Milk - Recipes */ .recipe-summary { width: auto; float: none; border: 0; } .recipe-meta { float: none; width: auto; } .recipe-meta-item { float: left; width: 30%; margin-right: 3.33333333%; } .recipe-meta-item:last-child { margin-right: 0; } .generic-recipie-image { width: 100%; } .recipe-equipment, .recipe-ingredients { float: none; width: auto; margin: 2em 0; } .recipe-steps ol { width: auto; } /* All About Milk - Campaigns */ .campaign-entrylist-item { width: auto; } .campaign-entrylist-anchor { width: auto; } .campaign-imgmask { width: 100%; height: auto; } .campaign-imgmask > .imgmask-fill { width: 100%; height: auto; position:static !important; } .campaign-heading { padding: 0.75rem; } /* About - Our Team */ .board-of-directors-profile { width: 45%; height: auto; margin: 0 2.5% 20px; } .board-of-directors-image { margin: 0 auto; width: 100px; height: 100px; } .board-of-directors-image > img { width: 100%; height: auto; } .profile-staff-more-link { float: none; width: auto; height: auto; margin-bottom: auto; } .profile-staff-right { margin-left: 0; } .profile-staff-img { margin: 0.25rem 1rem; width: 100px; height: 100px; } .profile-staff-img > img { width: 100%; height: auto; } #profile-staff-more-container { width: auto; position: relative; top: 0; border: 1px solid #cdd7db; padding: 4.95%; background: #e0ecf0 none; } .profile-staff-more-container-middle { background: none; } .profile-staff-more-container-top, .profile-staff-more-container-bot { display: none; } .board-of-directors-expanded-profile { float: none; margin: 0 0 4em; padding: 0 0 1em; border-bottom: 1px solid #dbdbdb; width: auto; height: auto; } .resource-preview { float: none; width: 100%; margin: 0 0 2em; } .resource-preview:nth-child(odd) { background-color: #e0ecf0; } .resource-hover-bg { display: none; width: 100%; left: 0; } .resource-preview-base { padding: 0.75rem; } .resource-preview-hover-details { display: block; margin-left: 0; width: 100%; } .resources-how-to-order-body { width: auto; } /* Lesson Plans */ .lesson-plan-text { width: 64.285714285714286%; } .lesson-plan-media { width: 84px; height: 84px; } .lesson-plan-media .image-container { width: 84px; height: 84px; } .lesson-plan-media .image-container-clip { width: 84px; height: 84px; border: 0 none; } .lesson-plan-image.generic { float: none; margin: 0; padding: 0; width: 84px; height: 84px; } .lesson-plan-media a { position: absolute; left: 0; bottom: -2em; width: 100%; height: 30px; text-align: center; background: transparent url(/frontend/bcdairy/imgs/lesson-plans/download-button-mobile.png) top left no-repeat; } .lesson-plan-media a span { display: block; } /* Our Dietitians */ .profile-img { float: none; clear: none; margin: 0 auto 1em; width: 100px; height: 100px; } .profile-img > img { width: 100px; height: 100px; } .profile-content { float: none; width: auto; margin: 0; } .profile-more-content { width: auto; background: #eaf0f2; } .profile-more-content-text { border: 1px solid #fff; border-top: 0; border-bottom: 0; padding-top: 1px; padding-bottom: 1px; } /* Producer Login */ .input-capsule { width: auto; } .input-capsule input { margin: 0; width: 90%; padding: 0 5%; } .producer-register-form .textarea-capsule textarea {width:98%;} /* Producers Extranet */ .tertiary-nav { width:100%; height:auto; display:inline-block; } .body-container.producers .page { border:0 none; } .producer-border {display:none;} /* Form input widths */ .list-form-fields li.field-control > input, .list-form-fields li.field-control > textarea { width: 95%; display: block; } #producer-update-address-form, #producer-update-address-form div, #producer-update-address-form select, #producer-update-address-form input, #smbc-newsletter-subscribe input { width: 100%; } #extranet-invite-form, #extranet-invite-form div, #extranet-invite-form select, #extranet-invite-form input { width: 100%; } .list-form-fields li.field-control select, .list-form-fields li.field-control input[type=submit] { width: 100%; } /* forms on reorder site */ #workshop-reorder-home input, #workshop-reorder-home select, #workshop-product-form select, #workshop-product-form #Continue, #reorder-address input, #reorder-address select, #confirm-order-form #submit-element, #confirm-order-form #submit-element input { width: 100%; } #submit-element { margin: 0; } #alt-address-form h5 { text-transform: initial; } /* SMBC - Consumption Form */ #school-contact-info {width:100%;} #contact-info { width: 100%; float:left; padding: 0 0 0 25px; } #consumption-form input[type="text"] { width:25px; margin-left:0; } #consumption-form table td { padding:14px 1px 10px 1px; } #consumption-form table td input { padding: 3px; } /* * Homepage / Mosaics */ #to-top-btn { display: none; } .homepage-body-container { width: auto; } .banner-homepage { border-right: 0; border-left: 0; padding-right: 0; padding-left: 0; } .banner-homepage-mask { width: 100%; height: 25%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:25px; } .banner-homepage-heading { font-size: 145%; bottom: 15%; } .banner-homepage-img { width: 100% !important; height: 120px !important; position:static !important; } .homepage-content { margin: -1rem 0 0; width: 100%; padding: 0; } .mosaic-tile { float: none; margin: 0.5rem 2.1875%; padding: 3px; width: 95.825%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mosaic-tile-mask { width: 100%; height: 100%; } .mosaic-heading { font-size: 135%; } .mosaic-content { top: 0 !important; position: relative; width: 65%; height: auto; min-height: 215px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mosaic-body { margin: 0.25rem 0; } .mosaic-media { left: 64.50535%; width:36%; height: 122px; } .mosaic-video-link-mobile > img { width: auto; height: 100%; } .mosaic-readmore { position: relative; top: auto; left: auto; background-image: none; } .mosaic-readmore-anchor { padding: 0; line-height: 1; } .mosaic-format-double-wide-left > .mosaic-tile-mask > .mosaic-content { left:0; right: auto; } .mosaic-format-double-wide-left > .mosaic-tile-mask > .mosaic-media { width:35%; left: 64.5035%; } /* video */ .mosaic-format-video .mosaic-tile-mask:hover > .mosaic-content-type-news{ background: none; } .mosaic-format-video .mosaic-content-type-articles, .mosaic-format-video .mosaic-content-type-campaigns, .mosaic-format-video .mosaic-content-type-news { background: none; } .mosaic-format-video h2, .mosaic-format-video p {display:none;} .mosaic-format-video .mosaic-content { display: block; min-height:171px; width: 0; margin-left: -9999px; } .mosaic-format-video .mosaic-tile-mask { width:100%; height: 100%; display:block; } .mosaic-format-video .mosaic-video-link-mobile > img { width: 100%; height: 100%; } .mosaic-format-video .mosaic-media { left: 0; width:100%; height: 264px; } /* static logo tiles */ .mosaic-tile.mosaic-type-static { /* make it display */ height: 140px; } .mosaic-tile.mosaic-type-static .mosaic-media-static-anchor { position: relative; display: block; margin: 0 auto; } .mosaic-tile.mosaic-type-static .mosaic-media { width:99%; height: 100%; left: 0; top: -1px; padding: 0; position: relative; margin: 0 auto; overflow:hidden; } .mosaic-media-static-anchor { /* iefix */ display: inline; vertical-align: inherit; width: auto; height: auto; } img.mosaic-media-static-image { width: 180px !important; height: 180px !important; margin-top: -35px; } .mosaic-format-double-wide > .mosaic-tile-mask > .mosaic-media { width: 35%; right: 0; } /* static image tiles */ .mosaic-tile.mosaic-type-brand { /* make it display */ height: 290px; } .mosaic-type-brand .mosaic-media { left: 0; top: 0; width:100%; height:100%; } .mosaic-type-brand .mosaic-media img { top: 0; } .mosaic-video-link-mobile { position: relative; display: block; width: 65%; height: 65%; } .mosaic-video-link-mobile > img { width: auto; height: 100%; } .mosaic-video-link-mobile:before { left: 50%; top: 50%; } .mosaic-video-iframe { position:Absolute; z-index:9999; } /* share */ .mosaic-share-wrapper { opacity:1; position: absolute; right: 0; bottom: 0; left: auto; border: 0; padding: 0; width: 35.25%; height: 6em; } .mosaic-tile:hover .mosaic-share-wrapper { opacity: 1; } .mosaic-share-fb { display: none !important; } .mosaic-share-fb-mobile { position: absolute; left: 8px; top: 0; padding:0; margin:15px 0; display:block !important; } .mosaic-share-wrapper .twitter-share-button { top: 3.8rem; left: 8px; } /* social tiles */ .mosaic-tile-mask-social { width: 100%; height: 100%; } .mosaic-content-type-social { padding-bottom: 0; width: 100%; height: auto; min-height: 0; font-size: 1rem; line-height: 1.5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mosaic-readmore-social, .mosaic-tile-mask:hover > .mosaic-content > .mosaic-readmore-social { height: 2rem; } .mosaic-readmore-social { bottom :15px; } /* Search Results */ iframe[name="googleSearchFrame"] { padding:0; width:100%; min-height:1750px !important; } #cse-search-results { width: 100%; } /* Nutrition Education */ .banner-homepage-nutritioneducation-mask img { width: 100%; padding-bottom: 150px; background: #fff; } .banner-homepage-nutritioneducation-heading { font-size: 125%; bottom: 4%; padding: 0 16px; left: 2%; width:auto; } .lesson-plan-audience { font-size: 16px; word-break: break-word; } /* Store & Cart */ .cart-widget-mobile { float:left; margin-top: 6px; margin-left: 6px; } .entrylist-item-image img { top: auto !important; min-width: 100% !important; } .entrylist-item-container { width: 100%; } .resource-item-header { float:left; width: 100%; margin-top: 12px; } .store-single-body { width: 100%; } .store-cart-item-details { clear:left; width: 100%; margin-left: 0; } .store-cart-navigation a, .field-horiz-actions a{ margin: 8px 0; } .field-horiz-actions input[type="submit"] { margin: 0 0 8px; } .sidebar-cartsummary { width: 100%; margin:18px auto 6px; } .sidebar-cartsummary-wrapper { width: 80%; } .page-heading-payment-info { width: 76%; padding: 4px 0 0 54px; margin-left: 0; } .store-cart-payment-submit-secure { top: 15px; } .store-prov-message-box { width:260px; padding: 30px 25px; min-height: 100%; margin: 50% auto 0; } .store-prov-modal-buttons { width: 75%; } .store-prov-modal-buttons .btn { width: 100%; margin:0 0 24px 0; float: none; } .store-cartview-item .cart-error { left: 2px; bottom: -64px; } .homepage-slider-wrapper { height: auto; } .homepage-slider-wrapper ul.slick-dots { bottom: -25px; } .homepage-slider-wrapper ul.slick-dots li button { color: #34adde; } .homepage-slider-wrapper ul.slick-dots li.slick-active button { color: white; background: #34adde; } .homepage-content-quicklinks { display: flex; flex-wrap: wrap; } .homepage-content-quicklinks .quicklinks-item { margin-left: 15px; margin-right: 0; margin-bottom: 15px; flex-grow: 1; width: auto; height: auto; } .homepage-content-quicklinks .quicklinks-item:last-child { float: left; } .page-single-body.wysiwyg iframe { max-width: 100%; } .field-horiz-triad { width: 100%; } .field-horiz-triad #province { width: 105%; } .page-single-body img { margin: auto; } .nutrition-forum-browse-by-year { margin: 0 55px; } .nutrition-forum-browse-by-year h3, .nutrition-forum-browse-by-year ul { text-align: center; } #lightbox .lb-outerContainer { width: auto !important; height: auto !important; } #lightbox .lb-outerContainer img { width: 100%; } .wysiwyg { overflow-wrap: break-word; } .nutrition-nav.tertiary-nav { display: inline-block; } /* workshop reorder */ #workshop-product-form .checkbox-group { display: inline-block; line-height: 1em; margin: 0; float: none; padding: 0; width: auto; } #workshop-product-form .input-group label { margin-top: 0; } #workshop-product-form .input-group { display: inline-block; float: none; width: 63%; margin: 0; } #workshop-product-form #Continue-element { float: none; margin: 0; width: 100%; } #workshop-product-form input[type="text"] { position: relative; top: -8px; margin: 0; } #smbc-newsletter-submit { float: none; margin-left: 0; } #smbc-newsletter-email { padding: 6px 0; } } /***** END MAX-WIDTH 620 px *****/ /* Small Screens */ @media screen and (min-width: 1024px) { /* Mosaic */ } /* end rwd */ /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow:none !important; text-shadow: none !important; font-family:"Lucida Grande", "Calibri", "Trebuchet MS", "DejaVu Sans Condensed", "Helvetica Neue", "Helvetica", sans-serif !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.25cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .header, .footer, #newsletter-signup-form-wrapper, .store-cart-recommended, .store-cart-download-order, button { display:none !important; } .store-cart-receipt-listing a.btn-download-media:after { display: block; content: "Download"; } } .member-benefits-callout { background:#00a2e5; margin:0 50px; position: relative; } .member-benefits-callout:hover {background:#00b4ff;} .member-benefits-callout-wrapper { padding: 10px 20px; display: block; } .member-benefits-callout h2 { color:#f9f9f9; margin: 0 0 5px 0; } .member-benefits-callout a { text-decoration: none; color:#f9f9f9; font-size: 1rem; font-weight: 800; } .benefits-readmore { margin: 0; } .member-benefits-backbtn { position: relative; top:25px; padding-bottom: 10px; } .benefit-image { float:right; margin:15px 0 0 20px; max-width: 50%; } @media only screen and (max-width: 600px) { .member-benefits-callout { width:90%; margin:0 auto; } .benefit-image { float:none; width:100%; max-width: 100%; margin: 0; } } @media only screen and (max-width: 520px) { .homepage-content-featured .content-featured-item { width: 100%; } } #recaptcha_widget_div { max-width: 300px; } .milkrun-reg-form select:disabled { background: url(../imgs/sprites-form-arrow.png) no-repeat right #eee; } .milkrun-reg-form .field-horiz-split.province { width: 45%; } .milkrun-reg-form .province select { width: 100%; } #smbc-program-details input[type="checkbox"] { box-sizing: border-box; padding: 6px; margin: 0; margin-right: 10px; -webkit-appearance: checkbox; } .milkcalendar-form input { text-transform: uppercase; } /* ------------------------------------------------------------ *\ Mobile Nav \* ------------------------------------------------------------ */ .btn-nav { display: none; width: 24px; border: 0; background-color: transparent; } .btn-nav .bar { display: block; height: 3px; background-color: #00a1e5; } .btn-nav .bar ~ .bar { margin-top: 4px; } @media ( max-width: 767px ) { .btn-nav { display: block; position: absolute; right: 15px; top: 50%; margin-top: -8px; z-index: 800; } .btn-nav.opened { height: 24px; width: 24px; background-size: contain; background-image: url("/frontend/bcdairy/imgs/meta-nav/icon-close@2x.png"); background-position: center; } .btn-nav.opened .bar { display: none; } .mobile-search { height: 24px; width: 24px; background-size: contain; background-image: url("/frontend/bcdairy/imgs/meta-nav/icon-search@2x.png"); background-position: center; } .mobile-search.opened { background-image: url("/frontend/bcdairy/imgs/meta-nav/icon-close@2x.png"); } header.show-nav .mobile-nav-control, header.show-nav .mobile-quick-tier-nav { display: block !important; } header.show-nav .mobile-quick-tier-nav { top: 100px; } .mobile-search-form.opened { display: block !important; top: 100px; background: #00a2e5; width: 100%; } .field-horiz-control { width: 95%; } .field-horiz-control input[type="text"] { width: 100% !important; } } .btn-link { font-size: 16px; font-weight: 600; color: #44bbec; text-decoration: none; float: right; }