/* ------------------------------------------------------------------------------------------------- It's *strongly* suggested that you don't modify this file. Instead, load a new stylesheet after this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs. This will allow you to update formtastic.css with new releases without clobbering your own changes. This stylesheet forms part of the Formtastic Rails Plugin (c) 2008 Justin French --------------------------------------------------------------------------------------------------*/ /* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic --------------------------------------------------------------------------------------------------*/ /* form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; } */ form.formtastic fieldset { border:0; } form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; } form.formtastic ol, form.formtastic ul { list-style:none; } form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; } form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; } form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; } form.formtastic legend { white-space:normal; color:#000; } /* SEMANTIC ERRORS --------------------------------------------------------------------------------------------------*/ form.formtastic ul.errors { color:#cc0000; margin:0.5em 0 1.5em 25%; list-style:square; } form.formtastic ul.errors li { padding:0; border:none; display:list-item; } /* FIELDSETS & LISTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset { overflow:auto; } /* clearing contained floats */ form.formtastic fieldset.inputs { } form.formtastic fieldset.buttons { padding-left:25%; } form.formtastic fieldset ol { } form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; } /* INPUT LIs --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li { padding:0.5em 0; margin-top:-0.5em; margin-bottom:1em; } /* padding and negative margin juggling is for Firefox */ form.formtastic fieldset > ol > li { overflow:auto; } /* clearing contained floats */ form.formtastic fieldset > ol > li.required { } form.formtastic fieldset > ol > li.optional { } form.formtastic fieldset > ol > li.error { } /* LABELS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li label { display:block; width:25%; float:left; padding-top:.2em; } form.formtastic fieldset > ol > li > li label { line-height:100%; padding-top:0; } form.formtastic fieldset > ol > li > li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;} /* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets) --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li fieldset { position:relative; } form.formtastic fieldset > ol > li fieldset legend { position:absolute; width:95%; padding-top:0.1em; left: 0px; } form.formtastic fieldset > ol > li fieldset legend span { position:absolute; } form.formtastic fieldset > ol > li fieldset legend.label label { position:absolute; } form.formtastic fieldset > ol > li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; } form.formtastic fieldset > ol > li fieldset ol li { padding:0; border:0; } /* INLINE HINTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li p.inline-hints { color:#666; margin:0.5em 0 0 25%; } /* INLINE ERRORS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; } form.formtastic fieldset > ol > li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; } form.formtastic fieldset > ol > li ul.errors li { padding:0; border:none; display:list-item; } /* STRING, NUMERIC, PASSWORD, EMAIL, URL, PHONE & SEARCH OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.string input, form.formtastic fieldset > ol > li.password input, form.formtastic fieldset > ol > li.numeric input, form.formtastic fieldset > ol > li.email input, form.formtastic fieldset > ol > li.url input, form.formtastic fieldset > ol > li.phone input, form.formtastic fieldset > ol > li.search input { width:72%; } form.formtastic fieldset > ol > li.string input[size], form.formtastic fieldset > ol > li.password input[size], form.formtastic fieldset > ol > li.numeric input[size], form.formtastic fieldset > ol > li.email input[size], form.formtastic fieldset > ol > li.url input[size], form.formtastic fieldset > ol > li.phone input[size], form.formtastic fieldset > ol > li.search input[size] { width:auto; max-width:72%; } /* TEXTAREA OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.text textarea { width:72%; } form.formtastic fieldset > ol > li.text textarea[cols] { width:auto; max-width:72%; } /* HIDDEN OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.hidden { display:none; } /* BOOLEAN OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.boolean label { padding-left:25%; width:auto; } form.formtastic fieldset > ol > li.boolean label input { margin:0 0.5em 0 0.2em; } /* RADIO OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.radio { } form.formtastic fieldset > ol > li.radio fieldset { overflow:visible; } form.formtastic fieldset > ol > li.radio fieldset ol { margin-bottom:-0.5em; } form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; overflow:visible; } form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; } form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; } /* CHECK BOXES (COLLECTION) OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.check_boxes { } form.formtastic fieldset > ol > li.check_boxes fieldset { overflow:visible; } form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom:-0.5em; } form.formtastic fieldset > ol > li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; overflow:visible; } form.formtastic fieldset > ol > li.check_boxes fieldset ol li label { float:none; width:100%; } form.formtastic fieldset > ol > li.check_boxes fieldset ol li label input { margin-right:0.2em; } /* DATE & TIME OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.date fieldset ol li, form.formtastic fieldset > ol > li.time fieldset ol li, form.formtastic fieldset > ol > li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; } form.formtastic fieldset > ol > li.date fieldset ol li label, form.formtastic fieldset > ol > li.time fieldset ol li label, form.formtastic fieldset > ol > li.datetime fieldset ol li label { display:none; } form.formtastic fieldset > ol > li.date fieldset ol li label input, form.formtastic fieldset > ol > li.time fieldset ol li label input, form.formtastic fieldset > ol > li.datetime fieldset ol li label input { display:inline; margin:0; padding:0; } /* ------------------------------------------------------------------------------------------------- Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs. This will allow you to update formtastic.css with new releases without clobbering your own changes. For example, to make the inline hint paragraphs a little darker in color than the standard #666: .nested-fields > li p.inline-hints { color:#333; } HINT: The following style may be *conditionally* included for improved support on older versions of IE(<8) form.formtastic fieldset ol li fieldset legend { margin-left: -6px;} --------------------------------------------------------------------------------------------------*/ .nested-fields > li label { display: block; width: 25%; float: left; padding-top: .2em; } .nested-fields > li.string input, .nested-fields > li.password input, .nested-fields > li.numeric input, .nested-fields > li.email input, .nested-fields > li.url input, .nested-fields > li.phone input, .nested-fields > li.search input { width: 72%; } .nested-fields > li.text textarea { width:72%; } .nested-fields > li.text textarea[cols] { width:auto; max-width:72%; } li label { display: block; width: 25%; float: left; padding-top: .2em; } li.string input, li.password input, li.numeric input, li.email input, li.url input, li.phone input, li.search input { width: 72%; } li.text textarea { width:72%; } li.text textarea[cols] { width:auto; max-width:72%; } .note fieldset > ol > li, fieldset, ol, li, li.select select, li label, li.text textarea, li.string input, li.password input, li.numeric input, li.email input, li.url input, li.phone input, li.search input { padding: 0.1em; margin: 0.1em; } form.formtastic.note fieldset > ol > li { padding: 0.1em; margin: 0.1em; } form.formtastic fieldset > ol > li { padding: 0em 0; margin-top: 0em; margin-bottom: 0em; } /* INLINE HINTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li p.inline-hints, p.inline-hints { color:#CB842E; margin:0.1em 0 0.5em 25%; font-style: italic; font-size: 10px; } form.formtastic em { font-style: italic; font-weight: normal; } form.formtastic strong { font-style: normal; font-weight: bold; } form.formtastic fieldset > ol > li.datetime input { width: auto; } form.formtastic fieldset > ol > li.monetary label.currency { width: auto; padding: 0.25em; } li.datetime input, li.date input { display: inline; border: 1px solid #ECE8D5; } li.datetime img, li.date img { vertical-align: middle; margin-left: 0.25em; } input#upload { background: #aaa url(https://www.ewg.org/foodscores/assets/bg-btn-7f261557db112092b938493c2c3bf18940281fc1113c96de4772860479f6592a.png) bottom repeat-x; padding: .4em 1.2em;border: 1px solid #aaa; color: #222; font-size: 1.2em; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; margin: 2em 0; } input#upload:hover { background: #eee; color: #111; border-color:#777; } /*custom upload elements*/ .customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999; } .customfile { font-size: 10px; width: 400px; background: #666; cursor: pointer; overflow: hidden; padding: 2px; border: 1px solid #444; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position: relative; } .customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default; } .customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 1.2em; color: #fff; font-style: italic; padding: .3em .6em; } .customfile-feedback-populated { color: #fff; font-style: normal; font-weight: bold; padding-left: 20px; background: url(https://www.ewg.org/foodscores/assets/icon-generic-8ca5c5581d87e034fbb7ce9523a7bf843ed316426f4ea213d4c130e3eab61ec2.gif) left 4px no-repeat; } .customfile-button { border: 1px solid #999; background: #333 url(https://www.ewg.org/foodscores/assets/bg-submit-5596363387921ee06e87b354e897cd7cc128c84fc852a27a8dd9d8a2cb8307a4.gif) bottom repeat-x; color: #fff; font-weight: bold; float: right; width: 50px; padding: .3em .6em; text-align: center; text-decoration: none; font-size: 1.2em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .customfile-hover .customfile-button, .customfile-focus .customfile-button { color:#111; background: #aaa url(https://www.ewg.org/foodscores/assets/bg-btn-7f261557db112092b938493c2c3bf18940281fc1113c96de4772860479f6592a.png) bottom repeat-x; border-color:#aaa; padding: .3em .6em; } .customfile-focus .customfile-button { outline: 1px dotted #ccc; } /*file type icons*/ .customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(https://www.ewg.org/foodscores/assets/icon-image-9535e0155789765f32853c4b4e51769657841e4f46c3aa2ee50e7b83b93e10d6.gif);} .customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(https://www.ewg.org/foodscores/assets/icon-media-3d32d94a5f91ce76b6f215aa2418e3df9921ffd1005abd76f3edabb26658e64d.gif);} .customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(https://www.ewg.org/foodscores/assets/icon-zip-a6c7895c5b82b1f3a513cdc88f3cd46590848fd7ab278fe481c98733f8c545e7.gif);} /* RADIO OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset > ol > li.radio { display: inline; } form.formtastic fieldset > ol > li.radio fieldset { overflow:visible; } form.formtastic fieldset > ol > li.radio fieldset ol { margin:0em; } form.formtastic fieldset > ol > li.radio fieldset ol li { margin:0.1em 0 0.5em 0; overflow:visible; display: inline; } form.formtastic fieldset > ol > li.radio fieldset ol li label { float:none; width:100%; display: inline;} form.formtastic fieldset > ol > li.radio fieldset ol li label input { margin-right:0.2em; display: inline;} form.formtastic fieldset > ol > li.string input, form.formtastic fieldset > ol > li.password input, form.formtastic fieldset > ol > li.numeric input, form.formtastic fieldset > ol > li.email input, form.formtastic fieldset > ol > li.url input, form.formtastic fieldset > ol > li.phone input, form.formtastic fieldset > ol > li.search input { width: 72%; border: 1px solid #ECE8D5; border-image: initial; } .nested-fields > li.string input, .nested-fields > li.password input, .nested-fields > li.numeric input, .nested-fields > li.email input, .nested-fields > li.url input, .nested-fields > li.phone input, .nested-fields > li.search input { width: 72%; border: 1px solid #ECE8D5; border-image: initial; } .nested-ingredients > li { float: left; width: 33%; } form.formtastic fieldset > ol > li.check_boxes fieldset ol { margin-bottom: 1em; padding-top: 0em; } ol.choices-group { -moz-column-count: 4; -moz-column-gap: 10px; -webkit-column-count: 4; -webkit-column-gap: 10px; column-count: 4; column-gap: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; border:2px solid #ECE8D5; padding: 5px; background: #fdfae8; } form.formtastic fieldset > ol > li { padding: 0.1em 0; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .jcarousel-wrapper { margin: 0px auto; position: relative; width:100%; } .jcarousel-wrapper h1 { color:#949283; font-size:14px; line-height:15px; font-weight:300; margin:0 0 20px 0; font-family: 'Open Sans', sans-serif; height: 45px; overflow: hidden; } /** Carousel **/ .jcarousel { position: relative; overflow: hidden; width: 100%; } .jcarousel ul { /* width: 20000em; */ width:100%; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { /* width: 200px; */ width:18%; margin:0 1%; padding:0; float: left; padding:5px; } .jcar_image { background-size: 80% auto !important; /* padding: 20px !important;*/ /* width: 200px; */ width:100%; height: auto; border: 2px solid #C2C2C2 !important; background-position:center center; background-size:200px; background-repeat:no-repeat; overflow: hidden; } .jcar_image .score { height: 50px; position: absolute; width: 50px; z-index: 9; top: 20px; } .jcar_image .score img { -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .jcarousel img { display: block; max-width: 100%; height: auto !important; // border: 5px solid #EDEDED !important; } /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 50%; margin-top: -15px; width: 40px; height: 40px; text-align: center; font-family:'Open Sans',sans-serif; font-weight:600; font-size:40px; line-height:30px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } a.jcarousel-control-prev, a.jcarousel-control-prev:link, a.jcarousel-control-prev:visited, a.jcarousel-control-prev:active, a.jcarousel-control-prev:hover, .jcarousel-control-next, a.jcarousel-control-next:link, a.jcarousel-control-next:visited, a.jcarousel-control-next:active, a.jcarousel-control-next:hover { text-decoration:none !important; background-color:#71953D !important; color:#ffffff !important; } .jcarousel-control-prev { left: -43px; } .jcarousel-control-next { right: -43px; } /** Carousel Pagination **/ .jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; } .jcarousel-pagination a { text-decoration: none !important; display: inline-block; font-size: 11px; height: 15px; width: 15px; line-height: 10px; background: #BEBBBA; color: #4E443C; -o-border-radius:15px; -ms-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; text-indent: -9999px; margin-right: 7px; } .jcarousel-pagination a.active { background:#71953D ; color: #fff; opacity: 1; } .jcarousel-pagination a.active { background: none repeat scroll 0 0 #71953D !important; } .jcarousel-pagination a { background: none repeat scroll 0 0 #BEBBBA !important; } /* Swipeshow * http://ricostacruz.com/swipeshow * https://github.com/rstacruz/swipeshow * * Load this stylesheet when using jquery.swipeshow.js. * * This provides no styles or embelishments: just basic resets. For a sample * theme, also try: * * http://ricostacruz.com/swipeshow/slideshow-theme.css * */ .swipeshow, .swipeshow .slides, .swipeshow .slide { /* Basic resets */ display: block; margin: 0; padding: 0; list-style: none; position: relative; /* Prevent flickers */ -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); /* In case you add padding */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* iOS: disable text select, disable callout, image save panel (popup) */ .swipeshow img { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .swipeshow { overflow: hidden; } /* Cursor (open-hand) */ .swipeshow-active .slides { cursor: -moz-grab !important; cursor: ew-resize; } /* Cursor (closed-hand) */ html.swipeshow-grabbed, html.swipeshow-grabbed * { cursor: -moz-grabbing !important; cursor: ew-resize; } /* Positioning */ .swipeshow .slides, .swipeshow .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* First slide should be visible by default */ .swipeshow .slide { visibility: hidden; } .swipeshow .slide:first-child { visibility: visible; } /* Defaults: OVERRIDE THIS! */ .swipeshow { /* width: 100px; height: 100px; */ width:100%; height:100%; } /* extra Ty */ /* Slideshow metrics */ .slideshow { /* width: 200px; height: 200px; */ width:100%; height:100%; } /* ... */ .slides img { width: 100%; /* height: 100%; */ height:auto; } .slideshow { /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4); */ background: #555; margin: 0 auto; } .slideshow .slides { /* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0, 0, 0, 0.4); */ } .slideshow .next, .slideshow .previous { border: 0; padding: 0; margin: 0; background-color: rgba(113,149,61, 0.0); cursor: pointer; position: absolute; width: 25px; height: 100%; text-align: center; top: 0; color:#cd2319; color:#ffffff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); font-size: 25pt; opacity: 1; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; } .slideshow.no-touch:hover .next, .slideshow.no-touch:hover .previous { opacity: 1; transition: none; } .slideshow .next:hover, .slideshow .previous:hover { background-color: rgba(113,149,61, 0.2); } .slideshow .next:active, .slideshow .previous:active { background-color: rgba(113,149,61, 0.4); } .slideshow .previous { left: 0; } .slideshow .next { right: 0; } .slideshow .previous:before { content: '\2039'; } .slideshow .next:before { content: '\203a'; } /* .slideshow .dots, .slideshow .dot-item, .slideshow .dot { margin: 0 3px !important; padding: 0; list-style: none; border: 0; -o-border-radius:20px !important; -ms-border-radius:20px !important; -khtml-border-radius:20px !important; -moz-border-radius:20px !important; -webkit-border-radius:20px !important; border-radius:20px !important; background: transparent; outline:none !important; } */ .slideshow .dots, .slideshow .dot-item, .slideshow .dot { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; -o-border-radius:20px !important; -ms-border-radius:20px !important; -khtml-border-radius:20px !important; -moz-border-radius:20px !important; -webkit-border-radius:20px !important; border-radius:20px !important; list-style: none outside none; margin: 2px 0 !important; outline: medium none !important; padding: 0; } /* .slideshow .dots { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; list-style: none; font-size: 0; } */ .slideshow .dots { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0); font-size: 0; list-style: none outside none; padding: 0; position: absolute; right: 13px; text-align: center; top: 184px; width: 26px; } /* .slideshow .dot-item { list-style: none; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; opacity:1; } */ .slideshow .dot-item { cursor: pointer; display: block; height: 24px; line-height: 20px; list-style: none outside none; opacity: 1; text-align: left; width: 24px; } /* .slideshow .dot { display: inline-block; width: 20px; height: 20px; border-radius: 0px; font-size: 0; border: solid 1px rgba(255, 255, 255, 0.8); border:0 none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow:none; background-color: rgba(0, 0, 0, 0.5); background-color:#ffffff; } */ .slideshow .dot { background-color: #FFFFFF; border: 0 none; border-radius: 0; box-shadow: none; display: block; font-size: 0; height: 20px; margin: 0 !important; width: 20px; } .no-touch .dot-item:hover .dot { /* background-color: rgba(255, 255, 255, 0.2); */ opacity:0.8; } .slideshow .dot-item:active .dot, .slideshow .dot-item.active .dot { background-color: #71953D; } /* Super slide */ .with-overlay { position: relative; } .with-overlay img, .with-overlay .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .with-overlay img { z-index: 1; } .with-overlay .overlay { z-index: 2; background: rgba(0, 10, 60, 0.75); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.3); text-align: center; line-height: 200px; } .with-overlay .in { display: inline-block; vertical-align: middle; padding: 0 20px; /* Compensation for dots */ padding-bottom: 15px; line-height: 1.4em; } .with-overlay h3 { color: white; font-size: 1.6em; font-weight: 400; margin-bottom: 3px; } .with-overlay p { margin-bottom: 20px; color: #d0d0dd; } .with-overlay a.action { display: inline-block; padding: 3px 20px; border: solid 2px #ddd; text-transform: uppercase; font-weight: bold; color: white; border-radius: 20px; } .tyslide { position:relative; z-index:9; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; } .tyslide_logo { position:absolute; z-index:99; left:20%; top:240px; width:60%; } .tyslide_text { position:absolute; z-index:99; left:0; bottom:40px; color:#ffffff; width:100%; padding:2.5%; margin:0; background-color:transparent; color:#ffffff; text-align:center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.3);} /* .tyslide_text h2 { font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:20px; line-height:27px; padding:0 0 0px 0; margin:0; } */ .tyslide_text h2 { font-size: 15px; font-weight: 600; line-height: 23px; margin: 0 0 20px; padding: 0; } .tyslide_text h1 { font-family: 'Open Sans', sans-serif; font-weight:300; font-style: normal; font-size:44px; font-size:36px; line-height:39px; padding:0 0 5px 0; margin:0; } .tyslide_text .tyslide_text_img { max-width:75%; margin:0 auto 5px;} .hide_on_mobile { display: block; } @media screen and (max-width: 960px) { .slideshow .dots { top: 220px !important; } } @media screen and (max-width: 600px) { .slideshow .dots { top:153px !important; } } @media screen and (max-width: 568px) { .slideshow .dot-item:active .dot, .slideshow .dot-item.active .dot {background-color: #58c140 !important;} .tyslide_logo { left: 20%; top: 50px; width: 60%; z-index: 99; } } /* CSS for Form ~ Ty */ .white-popup-block { background: none repeat scroll 0 0 #FFFFFF; margin: 40px auto; width:100%; max-width: 650px; min-height:333px; padding: 20px 30px; position: relative; text-align: left; } .white-popup-block-info { background: none repeat scroll 0 0 #FFFFFF; margin: 40px auto; width:100%; max-width: 650px; min-height:300px; padding:0px 0px; position: relative; text-align: left; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .white-popup-block-scores { background: none repeat scroll 0 0 #FFFFFF; margin: 40px auto; width:100%; max-width: 650px; min-height:300px; padding:0px 0px; position: relative; text-align: left; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .white-popup-block2 { background: none repeat scroll 0 0 #FFFFFF; margin: 40px auto; width:95%; max-width: 600px; padding: 20px 30px; position: relative; text-align: left; -o-border-radius:5px !important; -ms-border-radius:5px !important; -khtml-border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; } .white-popup-block3 { background:none; background-color:#ffffff; color:#333333; margin: 40px auto; width:95%; max-width: 500px; padding: 30px 40px; position: relative; text-align: left; border:1px solid rgba(255,255,255,0.5); -o-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -o-border-radius:5px !important; -ms-border-radius:5px !important; -khtml-border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; } .white-popup-block3 h1 { border-bottom: 1px solid #7e7b7a; color: #009a4f; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 20px; padding: 0 0 20px; } .white-popup-block3 .mfp-close { color:#009a4f !important; opacity:1 !important; font-size:55px; line-height:55px; height:55px; } .white-popup-block4 { background:transparent; background-color:transparent; color:#ffffff; margin: 00px auto; width:95%; max-width: 400px; padding: 55px 40px; position: relative; text-align: left; -o-border-radius:5px !important; -ms-border-radius:5px !important; -khtml-border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; } .white-popup-block4 p { padding:0 ; } .white-popup-block4 h1 { border-bottom: 1px solid #7e7b7a; color: #ffffff; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 20px; padding: 0 0 20px; } .white-popup-block4 .mfp-close { color:#ffffff !important; opacity:1 !important; font-size:55px; line-height:55px; height:55px; } .white-popup-block5 { background:none; background-color:#ffffff; color:#333333; margin: 40px auto; width:95%; max-width: 500px; padding: 30px 20px; position: relative; text-align: left; border:1px solid rgba(255,255,255,0.5); -o-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -o-border-radius:5px !important; -ms-border-radius:5px !important; -khtml-border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; color:#7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } .white-popup-block5 a { color:#7e7b7a !important; } .white-popup-block5 h1 { border-bottom: 1px solid #7e7b7a; color: #009a4f; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 20px; padding: 0 0 20px; } .white-popup-block5 .mfp-close { color:#009a4f !important; opacity:1 !important; font-size:55px; line-height:55px; height:55px; } .white-popup-block5 hr { border-top: 1px solid #7e7b7a; color:#7e7b7a !important;} .white-popup-block6 { background:transparent; background-color:transparent; color:#ffffff; margin: 00px auto; width:97%; max-width: 500px; padding: 55px 10px; position: relative; text-align: left; -o-border-radius:5px !important; -ms-border-radius:5px !important; -khtml-border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; } .white-popup-block6 p { padding:0 ; } .white-popup-block6 h1 { border-bottom: 1px solid #7e7b7a; color: #ffffff; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 20px; padding: 0 0 20px; } .white-popup-block6 .mfp-close { color:#ffffff !important; opacity:1 !important; font-size:55px; line-height:55px; height:55px; } .white-popup-block7 { background:none; background-color:#ffffff; color:#333333; margin: 40px auto; width:95%; max-width: 500px; padding: 30px 20px; position: relative; text-align: left; border:1px solid rgba(255,255,255,0.5); -o-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 32px 0px rgba(0,0,0,0.5); -o-border-radius:5px !important; -ms-border-radius:5px !important; -khtml-border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; color:#7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } .white-popup-block7 a { color:#7e7b7a !important; } .white-popup-block7 h1 { border-bottom: 1px solid #7e7b7a; color: #009a4f; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 20px; padding: 0 0 20px; } .white-popup-block7 .mfp-close { color:#009a4f !important; opacity:1 !important; font-size:55px; line-height:55px; height:55px; } .white-popup-block7 hr { border-top: 1px solid #7e7b7a; color:#7e7b7a !important;} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 2042; overflow: hidden; position: fixed; background: #000000; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; /* z-index: 1043; */ z-index:2043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* $Id: admin_menu.css,v 1.7.4.8 2007/10/10 10:03:30 sun Exp $ */ /** * admin_menu dropdowns * * Implementation of Sons of Suckerfish Dropdowns. * @see www.htmldog.com/articles/suckerfish **/ #admin_menu { position: fixed; top: 0px; left: 0px; font-size: 12px; background: url(https://www.ewg.org/foodscores/assets/admin_menu/bkg-8abf86022f718ef13c434c9fb166fe46b01a870f5e3664883b6360307cba71b6.png) bottom left repeat-x #101010; width: 100%; } #admin_menu_icon { float: left; margin: 1px 4px; } #admin_menu .admin_menu-action { float: right; } #admin_menu .admin_menu-action a { border-left: 1px solid #323232; border-right: none; } /* all lists */ #admin_menu, #admin_menu ul { padding: 0; margin: 0; list-style: none; line-height: 1em; z-index: 99999; } #admin_menu ul { position: static; } #admin_menu ul a { display: block; border-right: 1px solid #323232; border-bottom: none; padding: 16px 8px; font-weight: normal; color: #f0f0f0; text-decoration: none; text-align: left; } #admin_menu li li a { border-right: none; padding: 0px 8px; } /* all list items */ /* width needed or else Opera goes nuts */ #admin_menu li { float: left; height: 100%; margin: 0 !important; padding: 0; list-style-image: none; list-style-type: none; background-image: none; } #admin_menu li li { width: 200px; background: #202020; border-top: 1px solid #323232; padding: 4px 0px; } /* second-level lists */ /* using left instead of display to hide menus because display: none isn't read by screen readers */ #admin_menu li ul { position: absolute; background: none; margin: 0; width: 200px; left: -999em; line-height: 1.4em; } /* third-and-above-level lists */ #admin_menu li li.expandable ul { margin: -20px 0 0 200px; } #admin_menu li.expandable-red { margin: -20px 0 0 200px; background: #606066; font-weight: bold; } #admin_menu li.expandable-red:hover { background: #f22; } #admin_menu li.expandable-note { margin: -20px 0 0 200px; background: #fff; color: #000; font-weight: bold; } #admin_menu li.expandable-note:hover { background: #f22; } #admin_menu li:hover ul ul, #admin_menu li:hover ul ul ul, #admin_menu li:hover ul ul ul ul, #admin_menu li:hover ul ul ul ul ul, #admin_menu li.sfhover ul ul, #admin_menu li.sfhover ul ul ul, #admin_menu li.sfhover ul ul ul ul, #admin_menu li.sfhover ul ul ul ul ul { left: -999em; } /* lists nested under hovered list items */ #admin_menu li:hover ul, #admin_menu li li:hover ul, #admin_menu li li li:hover ul, #admin_menu li li li li:hover ul, #admin_menu li li li li li:hover ul, #admin_menu li.sfhover ul, #admin_menu li li.sfhover ul, #admin_menu li li li.sfhover ul, #admin_menu li li li li.sfhover ul, #admin_menu li li li li li.sfhover ul { left: auto; } /* second-and-more-level hovering */ #admin_menu li li.expandable { background: #606066 url(https://www.ewg.org/foodscores/assets/admin_menu/arrow-014ad111d4667e0c58031b3984461da435e6506a88007cc64b3827da4776563a.png) no-repeat 185px 7px; } #admin_menu li li:hover, #admin_menu li li.sfhover { background-color: #333333; } #admin_menu li li:hover a, #admin_menu li li:hover li:hover a, #admin_menu li li:hover li:hover li:hover a { font-weight: bold; } #admin_menu li li.expandable:hover a, #admin_menu li li.expandable:hover li.expandable:hover a { border-color: #666666; font-weight: normal; } #admin_menu li li:hover li a, #admin_menu li li.sfhover li a, #admin_menu li li.sfhover li.sfhover li a { font-weight: normal; } #admin_menu li li.sfhover a, #admin_menu li li.sfhover li.sfhover a, #admin_menu li li.sfhover li.sfhover li.sfhover a { font-weight: bold; width: 90%; /* IE */ } table.nfp_table td { vertical-align:top; margin:0 10px 20px 10px; padding:0; color: #625F60; } table.nfp_table { margin-top:0px; } .performance-facts { } .prod_details { margin-bottom: 0px; min-height:85px; padding: 10px; padding-bottom: 0px; font-family: 'Helevetica', sans-serif; font-size: 12px; font-weight: 400; line-height: 120%; background-color:#EBEBEB; } p.subsection_title { font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 200%; font-weight: 800; padding: 10px 0 !important; color: #868686 !important; } p.performance-servings { font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 800; color: #625F60; padding: 0px; } p.serving_size_title { font-family: 'Helevetica', sans-serif; font-size: 13px; font-weight: 300; margin: 4px 0 4px 0; padding: 0px; color: #625F60; } .performance-facts hr { margin:0; padding:0; } .performance-facts__title { font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 38px !important; margin: 0 0 5px 0; } .performance-facts__header { border-bottom: 5px solid #B2B2B2; padding: 0 0 2.5px 0; margin: 0 0 5px 0; p { margin: 0; } } .amount_title { font-family:sans-serif; font-weight: 700; font-size: 13px; padding: 0px; text-align: left; } .cal1 { margin:0; padding:0; line-height:20px; font-family: 'Helvetica',sans-serif; font-weight:900; font-size: 25px; vertical-align:bottom; text-align: left; color: #625F60; } .cal2 { margin:0; padding:0; line-height:30px; font-family:'Helvetica',sans-serif; font-weight: 900; font-size: 40px; vertical-align:bottom; text-align: right !important; color: #625F60; } .extra_title { font-family:'Raleway',sans-serif; font-weight: 900; font-size: 13px; } .normal_title { font-family:'Helvetica',sans-serif; font-weight: 900; font-size: 13px; } .med_title { font-family:'Helvetica',sans-serif; font-weight: 500; font-size: 13px; line-height: 120%; text-align: left; } .lite_title { font-family:'Helvetica',sans-serif; font-weight: 100; font-size: 13px; } table.nutrient_table { width:100%; border-collapse: collapse; } table.nutrient_table td { margin:0; padding:0px; padding-left:8px; border-top: 1px solid #B2B2B2; text-align:left; vertical-align:middle; font-family:'Helvetica',sans-serif; font-weight: 300; font-size: 13px; } table.nutrient_table td.nut_per { width:20%; border-right: 1px solid #B2B2B2; padding-right:8px; text-align:right; vertical-align:middle; font-family:'Helvetica',sans-serif; font-weight: 900; font-size: 13px; } table.nutrient_table td.nut_per_lite { width:20%; border-right: 1px solid #B2B2B2; padding-right:8px; text-align:right; vertical-align:middle; font-family:'Helvetica',sans-serif; font-weight: 400; font-size: 13px; } table.nutrient_table td.nut_indent1 { padding-left:30px; } table.nutrient_table td.nut_indent2 { padding-left:60px; } p.caps_list { line-height:120%; } .color_red { color:#E60000 !important; } .highlight_age_gender { background-clip: border-box; background-color:#fbe990; background: #fbe990; /* Old browsers */ background: -moz-linear-gradient(top, #fbe990 0%, #e8d786 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe990), color-stop(100%,#e8d786)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbe990 0%,#e8d786 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbe990 0%,#e8d786 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbe990 0%,#e8d786 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbe990 0%, #e8d786 100%); /* W3C */ background-origin: padding-box; background-repeat: repeat; background-size: auto; line-height: 20px; } .performance-facts__table { width: 100%; p { text-align: left; color: #625F60; } thead tr { th, td { border: 0; padding: 0px; } } thead th { font-family: sans-serif; font-weight: 900; text-align: left; } th, td { text-align: left; padding: 2.5px 0; padding: 0px; } .blank-cell { width: 10px; border-top: 0; } .thick-row { th, td { border-top: 3px solid #B2B2B2; } } } .small-info { font-size: 10px; } .performance-facts__table--small { @extend .performance-facts__table; border-bottom: 1px solid #999; margin: 0 0 5px 0; thead { tr { border-bottom: 1px solid #B2B2B2; } } td { &:last-child { text-align: left; } } th, td { border: 0; padding: 0; } } .performance-facts__table--grid { @extend .performance-facts__table; margin: 0 0 5px 0; td { &:last-child { text-align: left; &::before { content: "¥"; font-weight: bold; margin: 0 2.5px 0 0; } } } } .text-center { text-align: center; } .thick-end { border-bottom: 5px solid #B2B2B2; } .thin-end { border-bottom: 1px solid #B2B2B2; } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* APPgreed#--58c140--- */ /* line 14, app/assets/stylesheets/responsive.scss */ .hide_on_mobile { display: block; } /* line 15, app/assets/stylesheets/responsive.scss */ .show_on_mobile { display: none; } /* line 16, app/assets/stylesheets/responsive.scss */ #mobile_guide_img { bottom: -200px; left: 0px; position: fixed; z-index: 99; width: 100%; height: auto; max-width: 768px; opacity: 0; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } /* line 31, app/assets/stylesheets/responsive.scss */ .show_under_700 { display: none !important; } /* line 34, app/assets/stylesheets/responsive.scss */ .video-container { float: right; margin: 0 0 20px 20px; width: 300px; } /* line 35, app/assets/stylesheets/responsive.scss */ #sample_image_business { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/progress-e88b25ce630dfb3ce67aa09f7b9482f6ab39260b117a976be6cf3abbb18e9d9a.gif); } /* line 39, app/assets/stylesheets/responsive.scss */ #blurb_n strong, #blurb_h strong, #blurb_p strong { display: none !important; } /* line 41, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul { width: 100%; list-style: none; padding: 0; margin: 0; } /* line 42, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul li { float: none; display: block; margin: 1px 0; padding: 0px; border-bottom: 1px solid #009a4f; } /* line 43, app/assets/stylesheets/responsive.scss */ ul#mobile_menu_ul li a, ul#mobile_menu_ul li a:link, ul#mobile_menu_ul li a:visited { color: #7e7b7a; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: none !important; display: block; padding: 10px 0; } /* line 51, app/assets/stylesheets/responsive.scss */ ul#mobile_menu_ul li a:active, ul#mobile_menu_ul li a:hover { color: #009a4f; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 53, app/assets/stylesheets/responsive.scss */ ul#mobile_menu_ul li.menu-highlight a { color: #fff; } /* line 55, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul ul.dropdown_submenu { width: 100%; list-style: none; padding: 0; margin: 0; border: 0 none !important; } /* line 56, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul ul.dropdown_submenu li { display: block !important; float: none !important; margin: 0 0 3% !important; padding: 2% 5% !important; width: 100% !important; border: 0 none !important; background-color: #009a4f !important; } /* line 65, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul ul.dropdown_submenu li a, #mobile_menu_ul ul.dropdown_submenu li a:link, #mobile_menu_ul ul.dropdown_submenu li a:visited { color: #ffffff !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: none !important; display: block; padding: 10px 0; } /* line 71, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul ul.dropdown_submenu li a:active, #mobile_menu_ul ul.dropdown_submenu li a:hover { color: #ffffff !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 74, app/assets/stylesheets/responsive.scss */ #mobile_menu_ul ul.dropdown_submenu li:active, #mobile_menu_ul ul.dropdown_submenu li:hover { background-color: #796f76 !important; } /* line 77, app/assets/stylesheets/responsive.scss */ img.social_share_image { width: 100%; height: auto; } /* line 79, app/assets/stylesheets/responsive.scss */ form#mobile_search_form { padding: 0; margin: 50px 0 0; width: 100%; height: auto; } /* line 81, app/assets/stylesheets/responsive.scss */ input#mobile_search_form_search_text { width: 75%; margin: 0 0 20px 0; padding: 10px; background-color: #ffffff; border: 0px solid #000000; height: 55px; -o-border-radius: 10px !important; -ms-border-radius: 10px 0 0 10px !important; -khtml-border-radius: 10px 0 0 10px !important; -moz-border-radius: 10px 0 0 10px !important; -webkit-border-radius: 10px 0 0 10px !important; border-radius: 10px 0 0 10px !important; outline: medium none !important; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 85, app/assets/stylesheets/responsive.scss */ input#mobile_search_form_submit { margin: 0; width: 25%; height: 55px; padding: 10px; -o-border-radius: 0px 10px 10px 0px !important; -ms-border-radius: 0px 10px 10px 0px !important; -khtml-border-radius: 0px 10px 10px 0px !important; -moz-border-radius: 0px 10px 10px 0px !important; -webkit-border-radius: 0px 10px 10px 0px !important; border-radius: 0px 10px 10px 0px !important; outline: medium none !important; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/green-d781468ac979b38d36d79588eba4cf4ebd9747a468637822b4b469a986076e52.png); background-position: 0 0; background-repeat: repeat; background-color: #fed001; cursor: pointer; /* -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; */ border: 0 none !important; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; } /* line 92, app/assets/stylesheets/responsive.scss */ form#mobile_search_form_home { padding: 0; margin: 0px auto 0 auto; width: 96%; height: auto; } /* line 94, app/assets/stylesheets/responsive.scss */ input#mobile_search_form_search_text_home { width: 80%; margin: 0 0 0px 0; padding: 10px; background-color: #ffffff; border: 0px solid #000000; height: 40px; -o-border-radius: 10px !important; -ms-border-radius: 10px 0 0 10px !important; -khtml-border-radius: 10px 0 0 10px !important; -moz-border-radius: 10px 0 0 10px !important; -webkit-border-radius: 10px 0 0 10px !important; border-radius: 10px 0 0 10px !important; outline: medium none !important; color: #7e7b7a !important; font-size: 13px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 98, app/assets/stylesheets/responsive.scss */ input#mobile_search_form_submit_home { margin: 0; width: 20%; height: 40px; padding: 10px 0px 10px 0px; -o-border-radius: 0px 10px 10px 0px !important; -ms-border-radius: 0px 10px 10px 0px !important; -khtml-border-radius: 0px 10px 10px 0px !important; -moz-border-radius: 0px 10px 10px 0px !important; -webkit-border-radius: 0px 10px 10px 0px !important; border-radius: 0px 10px 10px 0px !important; outline: medium none !important; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/green-d781468ac979b38d36d79588eba4cf4ebd9747a468637822b4b469a986076e52.png); background-position: 0 0; background-repeat: repeat; background-color: #fed001; cursor: pointer; /* -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; */ border: 0 none !important; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; line-height: 15px !important; } /* line 109, app/assets/stylesheets/responsive.scss */ form#mobile_email_signup_form { padding: 0; margin: 15px 0 0; width: 100%; height: auto; } /* line 111, app/assets/stylesheets/responsive.scss */ input#mobile_email_signup_form_search_text { width: 100%; margin: 0 0 20px 0; padding: 10px; background-color: #ffffff; border: 0px solid #000000; height: 55px; -o-border-radius: 10px !important; -ms-border-radius: 10px !important; -khtml-border-radius: 10px !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; outline: medium none !important; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 115, app/assets/stylesheets/responsive.scss */ input#mobile_email_signup_form_search_text_2 { width: 75%; margin: 0 0 20px 0; padding: 10px; background-color: #ffffff; border: 0px solid #000000; height: 55px; -o-border-radius: 10px !important; -ms-border-radius: 10px 0 0 10px !important; -khtml-border-radius: 10px 0 0 10px !important; -moz-border-radius: 10px 0 0 10px !important; -webkit-border-radius: 10px 0 0 10px !important; border-radius: 10px 0 0 10px !important; outline: medium none !important; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 119, app/assets/stylesheets/responsive.scss */ input#mobile_email_signup_form_submit { margin: 0; width: 25%; height: 55px; padding: 10px; -o-border-radius: 0px 10px 10px 0px !important; -ms-border-radius: 0px 10px 10px 0px !important; -khtml-border-radius: 0px 10px 10px 0px !important; -moz-border-radius: 0px 10px 10px 0px !important; -webkit-border-radius: 0px 10px 10px 0px !important; border-radius: 0px 10px 10px 0px !important; outline: medium none !important; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/green-d781468ac979b38d36d79588eba4cf4ebd9747a468637822b4b469a986076e52.png); background-position: 0 0; background-repeat: repeat; background-color: #fed001; cursor: pointer; /* -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; */ border: 0 none !important; color: #ffffff !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; } /* line 128, app/assets/stylesheets/responsive.scss */ #showing_mobile { padding: 4% 5%; margin: 0%; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(88, 193, 64, 0.3))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#009a4f',GradientType=0 ); } /* line 146, app/assets/stylesheets/responsive.scss */ #ty_addthis_pillstyle { display: none; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #cccccc; width: 95%; } /* line 147, app/assets/stylesheets/responsive.scss */ #ty_addthis_pillstyle_search { /* padding:10px 0 0 0; margin:10px 1%; border-top:0px solid #cccccc; width:95%; */ right: 0; top: 50%; margin-top: -100px; z-index: 99; -o-border-radius: 10px 0 0px 10px !important; -ms-border-radius: 10px 0 0px 10px !important; -khtml-border-radius: 10px 0 0px 10px !important; -moz-border-radius: 10px 0 0px 10px !important; -webkit-border-radius: 10px 0 0px 10px !important; border-radius: 10px 0 0px 10px !important; -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); } /* line 162, app/assets/stylesheets/responsive.scss */ #ty_addthis_pillstyle_search .at-floatingbar-inner .at-floatingbar-share .addthis_internal_container .addthis_button_email.at300b .at300bs.at15nc.at15t_email { float: left; } /* line 164, app/assets/stylesheets/responsive.scss */ #ty_addthis_pillstyle_search .at-floatingbar-inner .at-floatingbar-share .addthis_internal_container .addthis_button_email.at300b { background: none repeat scroll 0 0 #738a8d; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; color: white; height: 32px; margin: 0; overflow: hidden; padding: 0; width: 100px; text-decoration: none; } /* line 180, app/assets/stylesheets/responsive.scss */ #how_it_compares_mobile { padding: 10px 10px; margin: 0; border-top: 1px solid #c2c2c2 !important; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-align: left; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; text-shadow: 0 1px 0 #ffffff; /* background:url(asset_path("food_database_stylesheet/how_it_rates_new_img.jpg")); background-position:0 0; background-repeat:no-repeat; background-size:36px; */ } /* line 214, app/assets/stylesheets/responsive.scss */ .ribbon { width: 40px; height: 40px; border: 0 none; position: absolute; z-index: 99; top: -2px; right: 0px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/ribbon_older_product-adfad9b5cdd0da723d8d7c2a71cd270918dde18319c81ad37b31da8a269e5cbd.png); background-size: 40px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; } /* line 215, app/assets/stylesheets/responsive.scss */ .ribbon_discontinued { width: 130px; height: 130px; border: 0 none; position: absolute; z-index: 99; top: -10px; right: -11px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/ribbon_discontinued-ac1af5a2846bae5b908a8632512a8cfd9188a3aecfbc2985ba7adaa3ad84301e.png); background-position: 0 0; background-repeat: repeat; background-color: transparent; } /* line 217, app/assets/stylesheets/responsive.scss */ .ind_result.older_product_ind_result { overflow: visible; } /* line 218, app/assets/stylesheets/responsive.scss */ .ind_result.older_product_ind_result.compact_results { overflow: hidden; } /* line 220, app/assets/stylesheets/responsive.scss */ .ind_result.discontinued_ind_result { overflow: visible; } /* line 221, app/assets/stylesheets/responsive.scss */ .ind_result.discontinued_ind_result.compact_results { overflow: hidden; } /* line 225, app/assets/stylesheets/responsive.scss */ .disclaimer_flag { width: 100%; padding: 15px 35px 15px 60px; margin: 0 auto; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/disclaimer_flag-8e2038826b426fabaee7c1176541f1b266b630815fe4a00ed784bb40bcc8016b.png); background-position: 20px 15px; background-repeat: no-repeat; background-size: 27px; background-color: #535353; color: #ffffff; } /* line 238, app/assets/stylesheets/responsive.scss */ .disclaimer_flag_mobile { width: 100%; padding: 15px 15px 15px 50px; margin: 0 auto; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/disclaimer_flag-8e2038826b426fabaee7c1176541f1b266b630815fe4a00ed784bb40bcc8016b.png); background-position: 13px 15px; background-repeat: no-repeat; background-size: 27px; background-color: #535353; color: #ffffff; } /* line 252, app/assets/stylesheets/responsive.scss */ #signup_left_top { line-height: 25px !important; } /* line 253, app/assets/stylesheets/responsive.scss */ #email_opt_out { font-size: 14px; line-height: 14px; border-top: 1px solid rgba(0, 0, 0, 0.19); padding: 10px 12px; } /* line 259, app/assets/stylesheets/responsive.scss */ #mobile_title_about { color: #7e7b7a; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; padding: 20px 20px 0px 15px; } /* line 268, app/assets/stylesheets/responsive.scss */ .mobile_categories_header_ul { padding: 10px 5px; margin: 0; list-style: none; list-style-type: none; width: 100%; } /* line 276, app/assets/stylesheets/responsive.scss */ .mobile_categories_header_ul li { width: 95% !important; background-color: #fff; border: 0px solid #c2c2c2; border: 0 none; float: left; padding: 5px 10px; list-style: none; list-style-type: none; display: block; overflow: hidden; border: 1px solid #c2c2c2; height: auto !important; margin: 5px 10px; } /* line 292, app/assets/stylesheets/responsive.scss */ #less_is_more { margin: 30px 0 0 0; border: 1px solid #c2c2c2; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } /* line 304, app/assets/stylesheets/responsive.scss */ #less_is_more a img { -o-border-radius: 5px !important; -ms-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// N O T E S BEGIN ///////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// N A N O BEGIN ///////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /** initial setup **/ /* line 335, app/assets/stylesheets/responsive.scss */ .nano { position: relative; width: 260px; /* height:400px; specific height in examples like myfeed.php project */ height: 100%; overflow: hidden; } /* line 346, app/assets/stylesheets/responsive.scss */ .nano .content { position: absolute; /* default overflow : scroll; */ overflow-y: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; padding: 0px; } /* line 357, app/assets/stylesheets/responsive.scss */ .nano .content:focus { outline: thin dotted; } /* line 360, app/assets/stylesheets/responsive.scss */ .nano .content::-webkit-scrollbar { visibility: hidden; } /* line 363, app/assets/stylesheets/responsive.scss */ .has-scrollbar .content::-webkit-scrollbar { visibility: visible; } /* line 366, app/assets/stylesheets/responsive.scss */ .nano > .pane { /* background : rgba(0,0,0,.25);*/ position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; /* -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; */ z-index: 15; } /* line 386, app/assets/stylesheets/responsive.scss */ .nano > .pane > .slider { /* background: rgba(0,0,0,.5); */ position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* line 394, app/assets/stylesheets/responsive.scss */ .nano:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; } /* ------------------- */ /* line 399, app/assets/stylesheets/responsive.scss */ .nano .pane { /* background: #888;*/ background-color: transparent; background-color: rgba(0, 0, 0, 0.3); } /* line 400, app/assets/stylesheets/responsive.scss */ .nano .slider { background: #ffffff; } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// N A N O END ///////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// menu_ty BEGIN ///////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* line 423, app/assets/stylesheets/responsive.scss */ #menu_ty { width: 260px; /* height: 100%; look at .nano */ /* display: block !important; */ display: none; /* float: left; */ z-index: 15; background-color: #ffffff; min-height: 300px; /* position:absolute; */ position: fixed; left: -260px; top: 0; /* if no using nano then just overthrow then put this back on */ overflow-x: hidden; overflow-y: scroll; height: 100%; /* overflow-x:hidden; overflow-y:scroll; look at .nano */ } /* line 450, app/assets/stylesheets/responsive.scss */ #menu_ty_inner { width: 260px; margin: 0 0 100px 0; } /* line 455, app/assets/stylesheets/responsive.scss */ #menu_ty h3 { font-size: 16px; line-height: 16px; font-weight: 600; color: #ffffff; margin: 0; padding: 10px 0 10px 10px; text-shadow: 0px -1px 1px #333333; background-color: #616975; background-image: -webkit-gradient(linear, left top, left bottom, from(#727a86), to(#505864)); background-image: -webkit-linear-gradient(top, #727a86, #505864); background-image: -moz-linear-gradient(top, #727a86, #505864); background-image: -o-linear-gradient(top, #727a86, #505864); background-image: -ms-linear-gradient(top, #727a86, #505864); background-image: linear-gradient(top, #727a86, #505864); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864'); border-top: solid #727272 1px; border-bottom: solid #333333 1px; width: 260px; } /* line 488, app/assets/stylesheets/responsive.scss */ #menu_ty h1 { border-bottom: 1px solid #7e7b7a; color: #009a4f; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0px; padding: 20px 15px; } /* line 498, app/assets/stylesheets/responsive.scss */ #menu_ty ul { margin: 0; padding: 0; /* width: inherit; */ width: 260px; } /* line 504, app/assets/stylesheets/responsive.scss */ #menu_ty ul li { list-style-type: none; margin: 0px 0 !important; padding: 0px !important; /* width:100%; */ display: block; width: 260px; } /* #menu_ty ul li a:link, #menu_ty ul li a:visited { color: #ffffff; font-size: 14px; text-decoration: none !important; max-width:100%; display: block; padding: 10px 0px 10px 10px; text-shadow: 0px 1px 1px #000000; border-bottom: solid #727272 1px !important; -o-box-shadow:0 1px 0 #333333; -moz-box-shadow:0 1px 0 #333333; -webkit-box-shadow:0 1px 0 #333333; box-shadow:0 1px 0 #333333; } #menu_ty ul li a:hover, #menu_ty ul li a:active { background-color: #383737; } */ /* line 537, app/assets/stylesheets/responsive.scss */ #menu_ty ul li a:link, #menu_ty ul li a:visited { /* max-width:100%; */ padding: 10px 0px 10px 10px; /* text-shadow: 0px 1px 1px #000000; */ border-bottom: 1px solid #009a4f; /* -o-box-shadow:0 1px 0 #333333; -moz-box-shadow:0 1px 0 #333333; -webkit-box-shadow:0 1px 0 #333333; box-shadow:0 1px 0 #333333; */ width: 260px; color: #7e7b7a; display: block; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: none !important; } /* line 563, app/assets/stylesheets/responsive.scss */ #menu_ty ul li a:hover, #menu_ty ul li a:active { background-color: #009a4f; color: #ffffff; } /* line 567, app/assets/stylesheets/responsive.scss */ #menu_ty ul li a#make_green_white { background-color: #009a4f; color: #ffffff; } /* line 573, app/assets/stylesheets/responsive.scss */ #mobile_about_ratings_txt { padding: 20px 20px 15px 15px; color: #7e7b7a; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 580, app/assets/stylesheets/responsive.scss */ #mobile_about_ratings_txt a { color: #009a4f; } /* line 581, app/assets/stylesheets/responsive.scss */ .ewg_card { margin: 1% 2.15% !important; height: 177px !important; } /* line 582, app/assets/stylesheets/responsive.scss */ .disclaimers_below_search_results { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin: 0px; padding: 15px; } /* line 583, app/assets/stylesheets/responsive.scss */ .contact_us_2step { color: #ffffff; font-size: 15px !important; font-weight: 600 !important; line-height: 15px !important; margin: 10px 0 0; padding: 15px 15px 15px 60px; background: #009a4f; /* text-shadow: -1px -1px 0 #4e632c; */ /* background: #749942; background: -moz-linear-gradient(top, #749942 0%, #617c36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#749942), color-stop(100%,#617c36)); background: -webkit-linear-gradient(top, #749942 0%,#617c36 100%); background: -o-linear-gradient(top, #749942 0%,#617c36 100%); background: -ms-linear-gradient(top, #749942 0%,#617c36 100%); background: linear-gradient(to bottom, #749942 0%,#617c36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749942', endColorstr='#617c36',GradientType=0 ); */ /* -o-box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; -moz-box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; -webkit-box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; */ border-bottom: 1px solid #006b37; position: relative; z-index: 9; } /* line 625, app/assets/stylesheets/responsive.scss */ img.contact_us_2step_img { position: absolute; z-index: 99; top: 7px; left: 10px; } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// menu_ty END ///////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// overthrow BEGIN ///////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* Overthrow CSS: Enable overflow: auto on elements with overthrow class when html element has overthrow class too */ /* line 648, app/assets/stylesheets/responsive.scss */ .overthrow-enabled .overthrow { /* overflow: auto;*/ overflow-x: hidden; /* overflow-y:auto; */ overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// overthrow END ///////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// movemetotheright BEGIN/////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* line 675, app/assets/stylesheets/responsive.scss */ .movemetotheright { left: 0px; } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// movemetotheright END //////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* great resource http://stephen.io/mediaqueries/#iPhone iPhone 5 Resolution Screen Width = 320px (CSS Pixels) Screen Height = 568px (CSS Pixels) Screen Width = 640px (Actual Pixels) Screen Height = 1136px (Actual Pixels) Device-pixel-ratio: 2 iPhone 4/4S Resolution Screen Width = 320px (CSS Pixels) Screen Height = 480px (CSS Pixels) Screen Width = 640px (Actual Pixels) Screen Height = 960px (Actual Pixels) Device-pixel-ratio: 2 iPhone 2G/3G/3GS Resolution Screen Width = 320px (CSS Pixels) Screen Height = 480px (CSS Pixels) Screen Width = 320px (Actual Pixels) Screen Height = 480px (Actual Pixels) Device-pixel-ratio: 1 */ /* iPhone 5 in portrait & landscape */ /* iPhone 5 in landscape */ /* @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { // some styles } */ /* iPhone 5 in portrait */ /* @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { // some styles } */ /* iPhone 2G-4S in portrait & landscape */ /* @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPhone 2G-4S in landscape */ /* @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPhone 2G-4S in portrait */ /* @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad mini in portrait & landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad mini in landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad mini in portrait */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad mini Resolution Screen Width = 768px (CSS Pixels) Screen Height = 1024px (CSS Pixels) Screen Width = 768px (Actual Pixels) Screen Height = 1024px (Actual Pixels) Device-pixel-ratio: 1 */ /* iPad in portrait & landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad in landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad in portrait */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad 3 & 4 Media Queries */ /* If you're looking to target only 3rd and 4th generation Retina iPads (or tablets with similar resolution) to add @2x graphics, or other features for the tablet's Retina display, use the following media queries. Retina iPad in portrait & landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* Retina iPad in landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* Retina iPad in portrait */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad 1 & 2 Media Queries If you're looking to supply different graphics or choose different typography for the lower resolution iPad display, the media queries below will work like a charm! iPad 1 & 2 in portrait & landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad 1 & 2 in landscape */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* iPad 1 & 2 in portrait */ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* END Media queries! see this awesome resource on media queries for ios devices http://stephen.io/mediaqueries/#iPhone -------------------------------------------------------------------------------*/ /* /* OR */ /* @media screen and (max-width: 768px) { html { -webkit-text-size-adjust: none; } img { max-width:100%; height:auto; } } */ /* @media screen and (max-width: 480px) { html { -webkit-text-size-adjust: none; } } */ /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////// N O T E S END /////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; */ @media screen and (max-width: 568px) { /* @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { */ /* line 1018, app/assets/stylesheets/responsive.scss */ #menu_ty { display: block; } /* line 1020, app/assets/stylesheets/responsive.scss */ body { /* width:100% !important; height:auto !important; overflow-x:hidden !important; margin:0 !important; padding:0 !important; */ } /* line 1021, app/assets/stylesheets/responsive.scss */ html { /* width:100% !important; height:auto !important; overflow-x:hidden !important; */ } /* line 1022, app/assets/stylesheets/responsive.scss */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; /* text-rendering:optimizeLegibility; */ } /* line 1029, app/assets/stylesheets/responsive.scss */ img { max-width: 100%; height: auto; } /* line 1030, app/assets/stylesheets/responsive.scss */ #sticky_menu { display: none !important; } /* line 1031, app/assets/stylesheets/responsive.scss */ #wrapper { margin: 0 0% !important; padding-bottom: 200px !important; overflow-x: hidden !important; width: 100% !important; position: relative; } /* line 1032, app/assets/stylesheets/responsive.scss */ #home_menu_hero { width: 100% !important; height: 300px !important; margin-top: 60px; border-top: 1px solid #a4a4a4; } /* line 1033, app/assets/stylesheets/responsive.scss */ #home_hero { width: 100% !important; height: 100% !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; } /* line 1042, app/assets/stylesheets/responsive.scss */ .hide_on_mobile { display: none !important; } /* line 1043, app/assets/stylesheets/responsive.scss */ .show_on_mobile { display: block !important; } /* line 1044, app/assets/stylesheets/responsive.scss */ #carousel_search { display: none !important; } /* line 1045, app/assets/stylesheets/responsive.scss */ #mobile_menu_wrapper { width: 100%; height: auto; color: white; padding: 0px 5px; background: red; /* background: #7C7C7B; background: -moz-linear-gradient(top, #7C7C7B 0%, #404040 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7C7C7B), color-stop(100%,#404040)); background: -webkit-linear-gradient(top, #7C7C7B 0%,#404040 100%); background: -o-linear-gradient(top, #7C7C7B 0%,#404040 100%); background: -ms-linear-gradient(top, #7C7C7B 0%,#404040 100%); background: linear-gradient(to bottom, #7C7C7B 0%,#404040 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C7C7B', endColorstr='#404040',GradientType=0 ); */ background: #009a4f !important; /* -o-border-radius:12px; -ms-border-radius:12px; -khtml-border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; */ -o-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5); position: fixed; z-index: 999; left: 0; top: 0; } /* line 1094, app/assets/stylesheets/responsive.scss */ #hamburger { cursor: pointer; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/menu_new-145c9b7463dc12ba5554e3e87a45eadfffbf18a097c9c25a226a79b638869be3.png); background-position: center center; background-repeat: no-repeat; background-size: 36px; width: 46px; height: 60px; text-indent: -99999px; } /* line 1102, app/assets/stylesheets/responsive.scss */ #mobile_menu { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/food_categories_new-ac772430bb328cf7abc7aeb13e4687cea8c93f15a0ea01164aa0540fcfa8360c.png); background-position: center center; background-repeat: no-repeat; background-size: 36px; width: 46px; height: 60px; text-indent: -99999px; } /* line 1108, app/assets/stylesheets/responsive.scss */ #mobile_share { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/share_new-f2a9077fb0b2912e4ffcb754026e145484373af6ab01e4145b322f53603aa5b7.png); background-position: center center; background-repeat: no-repeat; background-size: 36px; width: 46px; height: 60px; text-indent: -99999px; } /* line 1116, app/assets/stylesheets/responsive.scss */ #mobile_search { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/search_new-0d838150fb0fd0d051bc09e0cb5d2b4ad3ba8e6ac451b952876c9c1341415068.png); background-position: center center; background-repeat: no-repeat; background-size: 36px; width: 46px; height: 60px; text-indent: -99999px; } /* line 1125, app/assets/stylesheets/responsive.scss */ .mobile_logo_image { border-right: 1px solid rgba(255, 255, 255, 0.2) !important; margin: 0 5px 0 0; max-height: 60px; padding: 5px 5px 5px 0; width: auto; } /* line 1132, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114 { margin: 6% 2% !important; width: 96% !important; } /* line 1136, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_right { display: none; } /* line 1137, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left { -o-border-radius: 5px !important; -ms-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; width: 100% !important; } /* line 1146, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_header h1 { padding: 0 !important; width: auto !important; } /* line 1152, app/assets/stylesheets/responsive.scss */ #home_carousel_header { margin: 0 2% !important; overflow: hidden !important; width: 96% !important; } /* line 1160, app/assets/stylesheets/responsive.scss */ #home_carousel { height: auto !important; margin: 0 2% !important; overflow: hidden !important; width: 96% !important; padding: 20px !important; } /* line 1167, app/assets/stylesheets/responsive.scss */ .jcarousel-wrapper { overflow: hidden !important; width: 100% !important; } /* line 1171, app/assets/stylesheets/responsive.scss */ .jcarousel ul { width: 100% !important; } /* line 1172, app/assets/stylesheets/responsive.scss */ .jcarousel li { height: 300px; margin: 2%; padding: 0 !important; width: 46% !important; } /* line 1178, app/assets/stylesheets/responsive.scss */ .jcar_image { width: 100% !important; } /* line 1181, app/assets/stylesheets/responsive.scss */ .jcarousel img { height: auto !important; max-width: none !important; width: 100% !important; } /* line 1187, app/assets/stylesheets/responsive.scss */ #ewg_guides { margin: 6% 2% 3% 2% !important; max-width: none !important; overflow: hidden !important; width: 96% !important; background: transparent !important; } /* line 1200, app/assets/stylesheets/responsive.scss */ #footer { display: none; } /* line 1203, app/assets/stylesheets/responsive.scss */ .show_under_700 { display: block !important; } /* line 1204, app/assets/stylesheets/responsive.scss */ .gray_plus { margin: 10px auto; width: 20%; max-width: 30px; height: auto; } /* line 1205, app/assets/stylesheets/responsive.scss */ .gray_plus { background: none repeat scroll 0 0 white; border: 3px solid #78776e; height: auto; margin: 10px auto; max-width: 40px; padding: 3px; width: 20%; -o-border-radius: 20px !important; -ms-border-radius: 20px !important; -khtml-border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; border-radius: 20px !important; } /* line 1229, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_top { height: auto !important; position: relative !important; } /* line 1235, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content { min-height: 0 !important; } /* line 1236, app/assets/stylesheets/responsive.scss */ #n_h_p_scores { background-position: center top !important; background-size: 100% auto !important; height: 200px; position: relative !important; } /* line 1242, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_bottom { height: auto !important; padding: 20px 0 0 0 !important; } /* line 1243, app/assets/stylesheets/responsive.scss */ #blurb_n, #blurb_h, #blurb_p { left: 0 !important; padding: 0px 20px !important; position: relative !important; top: 0 !important; width: 100% !important; border-bottom: 1px dotted rgba(255, 255, 255, 0.5) !important; text-align: left !important; background: #ffffff !important; } /* line 1254, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_top { display: none !important; } /* line 1255, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_bottom { background: transparent !important; } /* line 1256, app/assets/stylesheets/responsive.scss */ #blurb_n, #blurb_h, #blurb_p { text-align: center !important; color: #78776e !important; } /* line 1257, app/assets/stylesheets/responsive.scss */ #blurb_n img, #blurb_h img, #blurb_p img { float: left; height: auto; margin: 0 5% 0 0 !important; width: 30%; max-width: 175px; } /* line 1265, app/assets/stylesheets/responsive.scss */ #blurb_n span, #blurb_h span, #blurb_p span { float: left; height: auto; margin: 0 !important; padding: 3% 0 !important; text-align: left !important; width: 65%; } /* line 1276, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_bottom { padding-top: 0px !important; } /* line 1277, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_header h1 { border-bottom: 0px solid #78776e; padding: 0 0 0px !important; width: auto !important; color: #ffffff !important; text-shadow: -1px -1px 0 #4e632c !important; font-weight: 600 !important; } /* line 1287, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_header { margin-bottom: 0px !important; border-bottom: 1px solid #78776e !important; background: #ffffff !important; -o-border-radius: 5px 5px 0 0 !important; -ms-border-radius: 5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; background: #e8e6e1 !important; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)) !important; background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ) !important; padding: 15px 0 0 0 !important; } /* line 1317, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_header h1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-bottom: 0 solid #78776e; color: #78776e !important; font-weight: 600 !important; padding: 0 !important; text-shadow: 0 1px 0 #ffffff !important; width: 100% !important; font-size: 20px !important; line-height: 30px !important; } /* line 1331, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_header h1 { font-size: 20px !important; line-height: 30px !important; } /* line 1338, app/assets/stylesheets/responsive.scss */ #blurb_p { -o-border-radius: 0 0 5px 5px !important; -ms-border-radius: 0 0 5px 5px !important; -khtml-border-radius: 0 0 5px 5px !important; -moz-border-radius: 0 0 5px 5px !important; -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; } /* line 1348, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114 { background: #ffffff !important; } /* line 1349, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content { padding: 15px 0 !important; } /* line 1351, app/assets/stylesheets/responsive.scss */ .jcarousel li { margin: 2% 0; padding: 0 !important; width: 100% !important; height: auto; } /* line 1358, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_bottom { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1364, app/assets/stylesheets/responsive.scss */ #eat_well_guide { -o-border-radius: 5px 5px 0 0 !important; -ms-border-radius: 5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; height: auto !important; overflow: hidden; width: 100% !important; } /* line 1375, app/assets/stylesheets/responsive.scss */ #eat_well_guide_header { height: 90px !important; padding: 0px 10px 10px 0 !important; text-align: center !important; background: #e8e6e1 !important; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)) !important; background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ) !important; border-bottom: 1px solid #78776e !important; -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; } /* line 1405, app/assets/stylesheets/responsive.scss */ #eat_well_guide_header h1 { display: none; } /* line 1406, app/assets/stylesheets/responsive.scss */ #eat_well_guide_header a img { margin: 0 auto !important; float: none !important; max-width: 120px !important; } /* line 1408, app/assets/stylesheets/responsive.scss */ #eat_well_guide_text h1 { color: #009a4f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; text-align: left !important; } /* line 1415, app/assets/stylesheets/responsive.scss */ #eat_well_guide_text p { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1419, app/assets/stylesheets/responsive.scss */ #other_ewg_guides { -o-border-radius: 0 0 5px 5px !important; -ms-border-radius: 0 0 5px 5px !important; -khtml-border-radius: 0 0 5px 5px !important; -moz-border-radius: 0 0 5px 5px !important; -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; height: auto !important; overflow: auto !important; width: 100% !important; margin: 6% 0; } /* line 1431, app/assets/stylesheets/responsive.scss */ #other_ewg_guides_header { -o-border-radius: 5px 5px 0 0 !important; -ms-border-radius: 5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; background: #e8e6e1 !important; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)) !important; background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%) !important; background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ) !important; border-bottom: 1px solid #78776e !important; } /* line 1462, app/assets/stylesheets/responsive.scss */ #other_ewg_guides_header h1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-bottom: 0 solid #78776e; color: #78776e !important; font-weight: 600 !important; padding: 0 !important; text-shadow: 0 1px 0 #ffffff; width: 100% !important; } /* line 1475, app/assets/stylesheets/responsive.scss */ .ewg_card { width: 46% !important; margin: 2% 2% !important; height: auto !important; min-height: 200px !important; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1479, app/assets/stylesheets/responsive.scss */ .ewg_card img { width: 100% !important; height: auto !important; } /* line 1481, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114, #home_carousel_header, #home_carousel, #ewg_guides, #eat_well_guide { border: 0 none !important; } /* line 1483, app/assets/stylesheets/responsive.scss */ #home_carousel_header { border-bottom: 1px solid #78776e !important; padding: 15px 0 0 0 !important; } /* line 1484, app/assets/stylesheets/responsive.scss */ #home_carousel_header h1 { font-size: 20px !important; line-height: 30px !important; } /* line 1489, app/assets/stylesheets/responsive.scss */ .ind_result_text { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1498, app/assets/stylesheets/responsive.scss */ .ind_result_text a { color: #009a4f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; } /* line 1506, app/assets/stylesheets/responsive.scss */ #eat_well_guide_text h1 { text-transform: capitalize !important; } /* line 1509, app/assets/stylesheets/responsive.scss */ #score_promo_new_073114_left_content_bottom { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1515, app/assets/stylesheets/responsive.scss */ a.readmore_guide { color: #fff !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; background-color: #009a4f !important; } /* line 1520, app/assets/stylesheets/responsive.scss */ a.readmore_guide:hover { background-color: #ffffff !important; color: #009a4f !important; } /* line 1521, app/assets/stylesheets/responsive.scss */ #eat_well_guide_text p { padding-bottom: 22px !important; } /* line 1523, app/assets/stylesheets/responsive.scss */ #other_ewg_guides_cards { background: #ffffff; padding: 15px !important; } /* line 1524, app/assets/stylesheets/responsive.scss */ .ewg_card { padding: 2% !important; } /* line 1525, app/assets/stylesheets/responsive.scss */ .ewg_card:hover { -o-box-shadow: 0 0 0 4px #71953d !important; -moz-box-shadow: 0 0 0 4px #71953d !important; -webkit-box-shadow: 0 0 0 4px #71953d !important; box-shadow: 0 0 0 4px #71953d !important; } /* line 1533, app/assets/stylesheets/responsive.scss */ #eat_well_guide_text { padding: 30px 25px !important; background: #ffffff !important; background-color: #ffffff !important; } /* line 1536, app/assets/stylesheets/responsive.scss */ #other_ewg_guides { display: none !important; } /* line 1538, app/assets/stylesheets/responsive.scss */ #dropdown_menu { display: none !important; } /* #vert_banner { display:none;} */ /* #signup_left { display:none;} */ /* .product_header.product_header_updated { display:none;} */ /* #prod_cats_left { display:none;} */ /* .left_column.left_column_updated { display:none;} */ /* line 1554, app/assets/stylesheets/responsive.scss */ .right_column_updated { margin: 30px 0% 0 0% !important; width: 100% !important; } /* line 1558, app/assets/stylesheets/responsive.scss */ .right_column_updated.margintopzero { margin-top: 0px !important; } /* line 1559, app/assets/stylesheets/responsive.scss */ #internal_banner { display: none; } /* line 1561, app/assets/stylesheets/responsive.scss */ .ind_result.compact_results.made_mobile { padding: 5% 3%; } /* line 1562, app/assets/stylesheets/responsive.scss */ .ind_result_img.compact_results.made_mobile { height: auto !important; padding: 1% !important; width: 22% !important; color: red !important; border: 0 none !important; } /* line 1568, app/assets/stylesheets/responsive.scss */ .ind_result_text.compact_results.made_mobile { padding: 0 1% !important; width: 58% !important; } /* line 1572, app/assets/stylesheets/responsive.scss */ .ind_result_text.fleft.compact_results.made_mobile a { font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1577, app/assets/stylesheets/responsive.scss */ .ind_result_score.fleft.compact_results.made_mobile { padding: 0 !important; width: 20% !important; } /* line 1581, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show { margin-top: 30px !important; padding-top: 0 !important; } /* line 1582, app/assets/stylesheets/responsive.scss */ .product_category_below_link.compact_results.made_mobile { padding: 0 !important; } /* line 1583, app/assets/stylesheets/responsive.scss */ .ind_result_text.fleft.compact_results.made_mobile { line-height: 24px !important; } /* line 1584, app/assets/stylesheets/responsive.scss */ .ind_result_seals.compact_results.made_mobile { display: none; } /* line 1586, app/assets/stylesheets/responsive.scss */ .ind_result_score.fleft.compact_results.made_mobile { height: auto !important; left: 0 !important; margin: 0 !important; padding: 0 !important; top: 0 !important; width: 20% !important; } /* line 1595, app/assets/stylesheets/responsive.scss */ .datarow.location_app_helpers_ingredients_helper { padding: 0 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1597, app/assets/stylesheets/responsive.scss */ .datarow_first.location_app_helpers_ingredients_helper .datacol1_3b { width: 35% !important; text-align: left !important; padding: 3% 2% !important; } /* line 1598, app/assets/stylesheets/responsive.scss */ .datarow_first.location_app_helpers_ingredients_helper .datacol2_3b { width: 30% !important; text-align: left !important; padding: 3% 2% !important; } /* line 1599, app/assets/stylesheets/responsive.scss */ .datarow_first.location_app_helpers_ingredients_helper .datacol3_3b { width: 35% !important; text-align: left !important; padding: 3% 2% !important; word-wrap: break-word; } /* line 1600, app/assets/stylesheets/responsive.scss */ .datarow_first.location_app_helpers_ingredients_helper .datacolseperator { display: none !important; width: 5% !important; text-align: left !important; padding: 0 !important; } /* line 1603, app/assets/stylesheets/responsive.scss */ .datarow.location_app_helpers_ingredients_helper .datacol1_3b { width: 35% !important; text-align: left !important; padding: 3% 2% !important; } /* line 1604, app/assets/stylesheets/responsive.scss */ .datarow.location_app_helpers_ingredients_helper .datacol2_3b { width: 30% !important; text-align: left !important; padding: 3% 2% !important; } /* line 1605, app/assets/stylesheets/responsive.scss */ .datarow.location_app_helpers_ingredients_helper .datacol3_3b { width: 35% !important; text-align: left !important; padding: 3% 2% !important; word-wrap: break-word; } /* line 1606, app/assets/stylesheets/responsive.scss */ .datarow.location_app_helpers_ingredients_helper .datacolseperator { display: none !important; width: 5% !important; text-align: left !important; padding: 0 !important; } /* line 1609, app/assets/stylesheets/responsive.scss */ .datarow.location_app_helpers_ingredients_helper { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(88, 193, 64, 0.3))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(88, 193, 64, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#009a4f',GradientType=0 ); } /* line 1620, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.loaction_views_food_ingredients_show .gages_col_left_dial_info.compact_results.made_mobile .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile h1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-bottom: 0 solid #78776e; color: #78776e !important; font-size: 20px !important; font-weight: 600 !important; line-height: 30px !important; padding: 0 !important; text-shadow: 0 1px 0 #ffffff !important; width: 100% !important; text-align: center; } /* line 1632, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.loaction_views_food_ingredients_show .gages_col_left_dial_info.compact_results.made_mobile .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile { height: auto !important; padding: 10px 0 !important; } /* line 1634, app/assets/stylesheets/responsive.scss */ .datarow_first.location_app_helpers_ingredients_helper { color: #009a4f !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1635, app/assets/stylesheets/responsive.scss */ .datarow_first.location_app_helpers_ingredients_helper .datatitle { color: #009a4f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; } /* line 1636, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.loaction_views_food_ingredients_show .gages_col_left_dial_info.compact_results.made_mobile .gages_col_individual.compact_results.made_mobile { padding: 0 !important; } /* line 1640, app/assets/stylesheets/responsive.scss */ .full_screen_content.fleft.loaction_views_food_contents_show { width: 96% !important; margin: 40px 2% 0 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; color: #7e7b7a !important; } /* line 1642, app/assets/stylesheets/responsive.scss */ .right_column.fleft.loaction_views_food_contents_show { width: 96% !important; margin: 40px 2% 0 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; color: #7e7b7a !important; } /* line 1643, app/assets/stylesheets/responsive.scss */ #ingredient_name.fleft.compact_results.made_mobile #prod_name { font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; color: #009a4f !important; height: auto !important; width: 100% !important; } /* line 1644, app/assets/stylesheets/responsive.scss */ #ingredient_name.fleft.compact_results.made_mobile { font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; color: #009a4f !important; height: auto !important; padding: 0 !important; width: 100% !important; } /* line 1645, app/assets/stylesheets/responsive.scss */ #ingredient_name.fleft.compact_results.made_mobile #prod_name { padding: 20px !important; } /* line 1646, app/assets/stylesheets/responsive.scss */ #inside_padding.compact_results.made_mobile { padding: 0 20px 20px 20px !important; } /* line 1647, app/assets/stylesheets/responsive.scss */ #inside_padding.compact_results.made_mobile p { font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; color: #7e7b7a !important; padding-left: 0 !important; padding-right: 0 !important; } /* line 1648, app/assets/stylesheets/responsive.scss */ #inside_padding.compact_results.made_mobile h2 { font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; color: #009a4f !important; padding-left: 0; } /* line 1649, app/assets/stylesheets/responsive.scss */ #inside_padding.compact_results.made_mobile ul { padding: 10px 0 10px 10px; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; color: #7e7b7a !important; } /* line 1650, app/assets/stylesheets/responsive.scss */ #inside_padding.compact_results.made_mobile a, #inside_padding.compact_results.made_mobile a:link, #inside_padding.compact_results.made_mobile a:visited { color: #009a4f; } /* line 1654, app/assets/stylesheets/responsive.scss */ #inside_padding.compact_results.made_mobile a:active, #inside_padding.compact_results.made_mobile a:hover { color: #009a4f; } /* line 1657, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_vies_food_search_ingredients .double li { height: auto !important; min-height: 10px !important; padding: 0% 0% !important; width: 100% !important; } /* line 1663, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_vies_food_search_ingredients .double li a { display: block; padding: 3% 2% !important; } /* line 1666, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show { width: 96% !important; margin: 0 2% !important; } /* line 1667, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages { padding: 20px 15px !important; padding-bottom: 0 !important; background-color: #ffffff; } /* line 1668, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages p { /* GREEN color:#009a4f !important; */ color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; padding: 10px 0 10px 0 !important; } /* line 1669, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages p.bolder_p { /* GREEN color:#009a4f !important; */ color: #009a4f !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; padding: 10px 0 0px 0 !important; } /* line 1671, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages p.overall_score_blurb { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin-bottom: 0; } /* line 1672, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages p.overall_score_blurb a { color: #009a4f !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: underline !important; } /* line 1674, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages #thermometer.compact_results.made_mobile { margin: 20px 0 10px; width: 100%; } /* line 1676, app/assets/stylesheets/responsive.scss */ #termometer_label_lower_mobile { color: #7e7b7a !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; text-align: left; width: 35%; margin-bottom: 20px; } /* line 1677, app/assets/stylesheets/responsive.scss */ #termometer_label_higher_mobile { color: #7e7b7a !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; text-align: right; width: 35%; margin-bottom: 20px; } /* line 1678, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages .gages_3_wide { width: 100%; margin: 2% 0; } /* line 1679, app/assets/stylesheets/responsive.scss */ .gage_2.compact_results.made_mobile { height: auto !important; } /* line 1680, app/assets/stylesheets/responsive.scss */ .gage_2_bg_img { height: auto !important; left: 0 !important; margin: 10% 20% !important; position: relative !important; top: 0 !important; width: 60% !important; z-index: 99 !important; } /* line 1689, app/assets/stylesheets/responsive.scss */ #dial_details_nutrition .fleft.compact_results.made_mobile .gage_2.compact_results.made_mobile { height: 190px !important; } /* line 1690, app/assets/stylesheets/responsive.scss */ #dial_details_hazard .fleft.compact_results.made_mobile .gage_2.compact_results.made_mobile { height: 190px !important; } /* line 1691, app/assets/stylesheets/responsive.scss */ #dial_details_processing .fleft.compact_results.made_mobile .gage_2.compact_results.made_mobile { height: 190px !important; } /* line 1692, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages .method_p a { text-align: center; color: #009a4f !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: underline !important; } /* line 1693, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages .method_p { text-align: center !important; } /* line 1696, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show .gages_col_left.fleft.compact_results.made_mobile { width: 100% !important; margin: 2% 0 !important; padding: 20px 15px 0 15px; } /* line 1697, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show .gages_col_right.fright.compact_results.made_mobile { width: 100% !important; margin: 2% 0 !important; padding: 20px 15px; } /* line 1700, app/assets/stylesheets/responsive.scss */ #dial_details_nutrition .fleft.compact_results.made_mobile .gage_2.compact_results.made_mobile .gage_4_bg_img { left: 50%; margin-left: -32px; position: absolute; } /* line 1705, app/assets/stylesheets/responsive.scss */ #dial_details_hazard .fleft.compact_results.made_mobile .gage_2.compact_results.made_mobile .gage_4_bg_img { left: 50%; margin-left: -32px; position: absolute; } /* line 1710, app/assets/stylesheets/responsive.scss */ #dial_details_processing .fleft.compact_results.made_mobile .gage_2.compact_results.made_mobile .gage_4_bg_img { left: 50%; margin-left: -32px; position: absolute; } /* line 1715, app/assets/stylesheets/responsive.scss */ .gage_4_info.fleft.compact_results.made_mobile { width: 100%; padding: 0; } /* line 1716, app/assets/stylesheets/responsive.scss */ .scroes_h1_header.compact_results.made_mobile { height: auto !important; min-height: 44px; padding: 8px 20px !important; } /* line 1718, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages #dial_for_nutrition.gages_3_wide { margin: 0px 0 0 0; } /* line 1719, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages #dial_for_hazard.gages_3_wide { margin: 20px 0 0 0; } /* line 1720, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show #gages #dial_for_processing.gages_3_wide { margin: 20px 0 0 0; } /* line 1723, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #nutrition_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1724, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #hazard_level_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1725, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile .new_062014 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1726, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #score_highlights_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1727, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #certs_and_seals_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1728, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #other_information_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1729, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #prod_images_h1b { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1730, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #prod_images_h1bc { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1731, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #prod_images_h1bd { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1733, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #related_reports_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1735, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #ingredient_list_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1736, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #nutrition_facts_h1 { color: #7e7b7a !important; font-size: 15px !important; font-weight: 600 !important; line-height: 19px !important; } /* line 1738, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show .gages_col_left.fleft.compact_results.made_mobile .gages_col_individual.zeropadding.bottom_space.compact_results.made_mobile p { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1739, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show .gages_col_left.fleft.compact_results.made_mobile .gages_col_individual.zeropadding.bottom_space.compact_results.made_mobile p a { color: #009a4f !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: underline !important; } /* line 1740, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show .gages_col_right.fright.compact_results.made_mobile p { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1741, app/assets/stylesheets/responsive.scss */ .right_column.right_column_updated.fleft.location_views_food_products_show .gages_col_right.fright.compact_results.made_mobile p a { color: #009a4f !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; text-decoration: underline !important; } /* line 1743, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show { width: 96% !important; margin: 47px 2% 0px !important; border: 1px solid #c2c2c2; background: #ffffff; height: auto !important; -o-border-radius: 5px 0 0 0 !important; -ms-border-radius: 5px 0 0 0 !important; -khtml-border-radius: 5px 0 0 0 !important; -moz-border-radius: 5px 0 0 0 !important; -webkit-border-radius: 5px 0 0 0 !important; border-radius: 5px 0 0 0 !important; } /* line 1752, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #breadcrumbs { display: none; } /* line 1753, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block { width: 100% !important; border-bottom: 0px solid #d3d0ce; height: auto !important; -o-border-radius: 5px 0 0 0 !important; -ms-border-radius: 5px 0 0 0 !important; -khtml-border-radius: 5px 0 0 0 !important; -moz-border-radius: 5px 0 0 0 !important; -webkit-border-radius: 5px 0 0 0 !important; border-radius: 5px 0 0 0 !important; } /* line 1762, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #score.updated_score { width: 30% !important; height: auto !important; -o-border-radius: 5px 0 0 0 !important; -ms-border-radius: 5px 0 0 0 !important; -khtml-border-radius: 5px 0 0 0 !important; -moz-border-radius: 5px 0 0 0 !important; -webkit-border-radius: 5px 0 0 0 !important; border-radius: 5px 0 0 0 !important; } /* line 1771, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #score.updated_score img { /* height: 100% !important; max-height: none !important; max-width: none !important; width: auto !important; */ } /* line 1779, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #name_and_cats.name_and_cats_updated { width: 70% !important; border: 0 none !important; height: auto !important; } /* line 1780, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #name_and_cats.name_and_cats_updated #prod_name.prod_name_updated { padding: 10px !important; } /* line 1781, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #name_and_cats.name_and_cats_updated .explain_bar { display: none; } /* line 1782, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #prod_photo.prod_photo_updated { width: 100% !important; height: auto !important; border: 0 none !important; display: block; } /* line 1783, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #score.updated_score img { -o-border-radius: 5px 0 5px 0 !important; -ms-border-radius: 5px 0 5px 0 !important; -khtml-border-radius: 5px 0 5px 0 !important; -moz-border-radius: 5px 0 5px 0 !important; -webkit-border-radius: 5px 0 5px 0 !important; border-radius: 5px 0 5px 0 !important; height: auto !important; } /* line 1795, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #prod_photo.prod_photo_updated img { height: auto !important; margin: 10px auto !important; max-width: 70% !important; } /* line 1801, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #the_new_score_title_block #name_and_cats.name_and_cats_updated #prod_name.prod_name_updated h1 { padding: 0; } /* line 1803, app/assets/stylesheets/responsive.scss */ .product_header.product_header_updated.dont_hide_on_mobile.loaction_views_food_products_show #prod_photo.prod_photo_updated .prod_photo_source { position: relative !important; } /* line 1806, app/assets/stylesheets/responsive.scss */ .explain_bar_mobile { padding: 0px 0px; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin: 0px; padding: 15px; border-top: 1px solid #c2c2c2; text-align: center; } /* line 1807, app/assets/stylesheets/responsive.scss */ .explain_bar_mobile img { margin-bottom: 10px; } /* line 1808, app/assets/stylesheets/responsive.scss */ #settingsimg2 { float: right; width: auto; padding: 0; margin: 0 0 0 10px; } /* line 1810, app/assets/stylesheets/responsive.scss */ #settingsimg { float: right; width: auto; padding: 0; margin: 0; } /* line 1811, app/assets/stylesheets/responsive.scss */ #showing_mobile.settings { width: 100%; } /* line 1812, app/assets/stylesheets/responsive.scss */ #showing_mobile.settings .wrap_title_ty { float: left; width: 70%; padding: 0; margin: 0; } /* line 1814, app/assets/stylesheets/responsive.scss */ ul#search_index_mobile, ul#limit_certifications_mobile { padding: 0; margin: 0; } /* line 1816, app/assets/stylesheets/responsive.scss */ #popup_settings_1 #limit_certifications_mobile .form_aisle_left { margin: 0; padding: 0; } /* line 1817, app/assets/stylesheets/responsive.scss */ #popup_settings_1 #limit_certifications_mobile .form_aisle_left #left_nav_pulldown { display: block; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 3px solid #8b8b8b !important; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); margin: 15px 0 10px 0; padding: 5px; } /* line 1825, app/assets/stylesheets/responsive.scss */ #popup_settings_1 #limit_certifications_mobile .form_aisle_left #left_nav_pulldown select { width: 100% !important; } /* line 1826, app/assets/stylesheets/responsive.scss */ #popup_settings_1 #limit_certifications_mobile .bar_left { padding: 0 0 0 10px; margin: 15px 0 0 0; } /* line 1827, app/assets/stylesheets/responsive.scss */ #popup_settings_1 #limit_certifications_mobile .bar_left .bar_left_col_2 { width: 115px; } /* line 1832, app/assets/stylesheets/responsive.scss */ .profiler-results.profiler-left.profiler-no-controls { display: none; } /* line 1833, app/assets/stylesheets/responsive.scss */ ul#ul_cat_mobile { padding: 0; margin: 0; } /* line 1834, app/assets/stylesheets/responsive.scss */ ul#ul_cat_mobile .bar_left a .bar_left_col_2 { width: 70%; max-width: 150px; } /* line 1836, app/assets/stylesheets/responsive.scss */ #mobile_id_for_ewg_amazon { padding: 0px 0; margin: 0; border-top: 1px solid #c2c2c2; } /* line 1837, app/assets/stylesheets/responsive.scss */ #mobile_id_for_ewg_amazon a .left_amazon_link { width: 100%; padding: 10px 0 0 0 !important; margin: 0; text-align: center; border: 0; } /* line 1838, app/assets/stylesheets/responsive.scss */ #mobile_id_for_ewg_amazon a .left_amazon_link img { width: 65%; margin: 0 0 10px 0; } /* line 1842, app/assets/stylesheets/responsive.scss */ .ribbon { width: 35px; height: 35px; border: 0 none; position: absolute; z-index: 99; top: -1px; right: 0px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/ribbon_older_product-adfad9b5cdd0da723d8d7c2a71cd270918dde18319c81ad37b31da8a269e5cbd.png); background-position: 0 0; background-repeat: repeat; background-size: 35px; background-color: transparent; } /* line 1843, app/assets/stylesheets/responsive.scss */ .ribbon_discontinued { width: 80px; height: 80px; border: 0 none; position: absolute; z-index: 99; top: -7px; right: -7px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/ribbon_discontinued-ac1af5a2846bae5b908a8632512a8cfd9188a3aecfbc2985ba7adaa3ad84301e.png); background-position: 0 0; background-repeat: repeat; background-size: 80px; background-color: transparent; } /* line 1845, app/assets/stylesheets/responsive.scss */ .prod_name_updated.older_product_ind_result { min-height: 80px; } /* line 1847, app/assets/stylesheets/responsive.scss */ .disclaimers_below_search_results_mobile { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin: 0px; padding: 20px 20px 15px 15px; } /* line 1850, app/assets/stylesheets/responsive.scss */ .empty_search_result { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin-bottom: 0 !important; } /* line 1851, app/assets/stylesheets/responsive.scss */ #carousel_search_error { width: 95% !important; } /* line 1852, app/assets/stylesheets/responsive.scss */ #error_input_text_search { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1853, app/assets/stylesheets/responsive.scss */ #error_input_submit_submit { color: #595e60 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 24px !important; } /* line 1854, app/assets/stylesheets/responsive.scss */ #form_search_error { background-size: 0 !important; padding: 0 0 0 0 !important; } /* line 1855, app/assets/stylesheets/responsive.scss */ #error_input_text_search { width: 100% !important; background-color: transparent !important; } /* line 1856, app/assets/stylesheets/responsive.scss */ #error_input_submit_submit { width: 100% !important; -o-border-radius: 0 0 5px 5px !important; -ms-border-radius: 0 0 5px 5px !important; -khtml-border-radius: 0 0 5px 5px !important; -moz-border-radius: 0 0 5px 5px !important; -webkit-border-radius: 0 0 5px 5px !important; border-radius: 0 0 5px 5px !important; border: 1px solid #8b8b8b !important; border-top: 0 none !important; } /* line 1869, app/assets/stylesheets/responsive.scss */ #error_input_text_search { -o-border-radius: 5px 5px 0 0 !important; -ms-border-radius: 5px 5px 0 0 !important; -khtml-border-radius: 5px 5px 0 0 !important; -moz-border-radius: 5px 5px 0 0 !important; -webkit-border-radius: 5px 5px 0 0 !important; border-radius: 5px 5px 0 0 !important; border: 1px solid #8b8b8b !important; } /* line 1882, app/assets/stylesheets/responsive.scss */ #form_search_error { border: 0px solid #8b8b8b !important; border-top: 0 none !important; -o-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.19) !important; -moz-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.19) !important; -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.19) !important; box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.19) !important; } /* line 1892, app/assets/stylesheets/responsive.scss */ p.recent_prods_p { color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin-bottom: 0 !important; text-align: center; } /* line 1893, app/assets/stylesheets/responsive.scss */ p.recent_prods_p { border-bottom: 1px solid #c2c2c2; color: #7e7b7a !important; font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; margin: 0; padding: 10px 0; text-align: center; } /* line 1905, app/assets/stylesheets/responsive.scss */ div.loaction_views_food_contents_show div#inside_padding h1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; font-size: 15px !important; height: auto !important; line-height: 24px !important; margin: 0 !important; padding: 20px 0 !important; width: 100% !important; } /* line 1919, app/assets/stylesheets/responsive.scss */ div.loaction_views_food_contents_show div#inside_padding h2, div.loaction_views_food_contents_show div#inside_padding h3 { font-size: 15px !important; line-height: 24px !important; } /* line 1926, app/assets/stylesheets/responsive.scss */ div.loaction_views_food_contents_show div#inside_padding p, div.loaction_views_food_contents_show div#inside_padding ul, div.loaction_views_food_contents_show div#inside_padding ol, div.loaction_views_food_contents_show div#inside_padding a { font-size: 15px !important; font-weight: 400 !important; line-height: 24px !important; } /* line 1938, app/assets/stylesheets/responsive.scss */ #less_is_more { margin: 6% 2%; width: 96%; } /* line 1944, app/assets/stylesheets/responsive.scss */ .makemegreen h1#nutrition_facts_h1 { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/apple_calc_nutri_03-ab3fafe510fddd938a90704b169c353e676a8537c310ad761fa39d378ac0483f.png); background-position: 35px -2px; background-repeat: no-repeat; background-size: 22px; color: #ffffff !important; text-shadow: -1px -1px 0 #4e632c !important; padding: 4px 0 10px !important; } /* line 1955, app/assets/stylesheets/responsive.scss */ .gages_col_individual.compact_results.made_mobile .gages_col_header.compact_results.made_mobile #nutrition_facts_h1 { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/apple_calc_nutri_03-ab3fafe510fddd938a90704b169c353e676a8537c310ad761fa39d378ac0483f.png); background-position: 35px -2px; background-repeat: no-repeat; background-size: 22px; color: #ffffff !important; text-shadow: -1px -1px 0 #4e632c !important; padding: 4px 0 10px !important; } /* line 1965, app/assets/stylesheets/responsive.scss */ .video-container { float: none; margin: 0px; width: 100%; } } /* /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////// */ /* line 1983, app/assets/stylesheets/responsive.scss */ .full_screen_title.made_mobile { margin-top: 55px; } /* line 1985, app/assets/stylesheets/responsive.scss */ #thanksgiving_text.made_mobile { width: 100%; } /* line 1986, app/assets/stylesheets/responsive.scss */ #thanksgiving_signup.made_mobile { display: none; } /* line 1987, app/assets/stylesheets/responsive.scss */ .thanksgiving_image.made_mobile { width: 100%; } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; border:0px solid #F2F2F2; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.ewg.org/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #009a4f; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(https://www.ewg.org/img/AjaxLoader.gif) no-repeat center center } #owl-demo .item{ display: block; padding: 5px; margin: 5px; font-size:15px; line-height:20px; color: #7e7b7a; text-align: left; border:2px solid #F2F2F2; min-height:370px; } #owl-demo .item a, #owl-demo .item a:link, #owl-demo .item a:visited, #owl-demo .item a:active, #owl-demo .item a:hover { font-size:15px; line-height:20px; color:#009a4f; } #owl-demo .item img { margin-bottom:10px;} .owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; } .owl-theme .owl-buttons i{ margin-top: 2px; } /* To move navigation buttons outside use these settings: */ .owl-theme .owl-controls .owl-buttons div { position: absolute; } .owl-theme .owl-controls .owl-buttons .owl-prev{ left: -45px; top: 55px; } .owl-theme .owl-controls .owl-buttons .owl-next{ right: -45px; top: 55px; } #owl-demo .item img{ display: block; width: 100%; height: auto; } @media screen and (max-width: 960px) { .owl-carousel { width:90%; margin:0 5%; } } #EWGSplash { z-index:100; -o-border-radius:25px; -ms-border-radius:25px; -khtml-border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; -o-box-shadow:0 0 10px #7E7D7B; -moz-box-shadow:0 0 10px #7E7D7B; -webkit-box-shadow:0 0 10px #7E7D7B; box-shadow:0 0 10px #7E7D7B; top:50%; left:50%; position:absolute; } #EWGSplashNo { cursor: pointer; text-indent:-99999px; position:absolute; display:block; } #EWGSplashEmail { position: absolute; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #EWGSplashZip { position: absolute; -o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #EWGSplashSignUp { display: block; position: absolute; text-indent: -99999px; } #EWGSplash.splash-signup { background:url(https://static.ewg.org/reports/2016/splash/EWG_SplashPg_ShoppersGuide_C01.jpg) no-repeat; width:860px; height:485px; margin: -242px 0 0 -430px; } #EWGSplash.splash-donate { background:url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/food_databse_secondsplash_3-17d42ba0770152f90060cf2b67eceb0e6ec2eaead3df3cc20967fb7397ede742.jpg) no-repeat; width:861px; height:438px; margin: -219px 0 0 -430px; } #EWGSplashNo { bottom: 3px; height: 25px; right: 15px; width: 160px; } #EWGSplashEmail { font-size: 24px; height: 50px; padding: 3px; right: 48px; top: 30px; width: 275px; } #EWGSplashZip{ font-size: 24px; height: 50px; padding: 3px; right: 123px; top: 105px; width: 200px; } .splash-signup #EWGSplashSignUp{ bottom: 240px; height: 70px; right: 53px; width: 270px; } .splash-donate #EWGSplashSignUp { bottom: 55px; height: 60px; right: 45px; width: 250px; } .ea-wrapper .ngp-form { max-width: none!important } .ea-wrapper .ngp-form input[type=email],.ea-wrapper .ngp-form input[type=tel],.ea-wrapper .ngp-form input[type=text] { font-family: "open sans", sans-serif !important; font-size: 14px!important; line-height: 14px!important; border: 1px solid #393939; background-color: #fff !important; padding: 7px 5px !important; height: inherit!important; -webkit-border-radius: 0!important; border-radius: 0!important; color: #7e7b7a !important; -webkit-transition: background .2s ease!important; transition: background .2s ease!important; outline: medium!important; width: 100% !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } .ea-wrapper .ngp-form input[type=email]:hover,.ea-wrapper .ngp-form input[type=tel]:hover,.ea-wrapper .ngp-form input[type=text]:hover { background: #fff!important; } .ea-wrapper .ngp-form input[type=email]::-webkit-input-placeholder,.ea-wrapper .ngp-form input[type=tel]::-webkit-input-placeholder,.ea-wrapper .ngp-form input[type=text]::-webkit-input-placeholder,.ea-wrapper-form input::-webkit-input-placeholder { color: #7e7b7a; } .ea-wrapper .ngp-form input[type=email]:-moz-placeholder,.ea-wrapper .ngp-form input[type=email]::-moz-placeholder,.ea-wrapper .ngp-form input[type=tel]:-moz-placeholder,.ea-wrapper .ngp-form input[type=tel]::-moz-placeholder,.ea-wrapper .ngp-form input[type=text]:-moz-placeholder,.ea-wrapper .ngp-form input[type=text]::-moz-placeholder,.ea-wrapper-form input:-moz-placeholder,.ea-wrapper-form input::-moz-placeholder { color: #7e7b7a; } .ea-wrapper .ngp-form input[type=email]:-ms-input-placeholder,.ea-wrapper .ngp-form input[type=tel]:-ms-input-placeholder,.ea-wrapper .ngp-form input[type=text]:-ms-input-placeholder,.ea-wrapper-form input:-ms-input-placeholder { color: #7e7b7a; } .ea-wrapper .at-row>[class^="at-"] { min-width: 0!important; } .ea-wrapper .at { overflow: visible!important; } .ea-wrapper .at-submit { font-family: "open sans", sans-serif !important; outline: medium!important; background: #009a4f !important; font-size: 14px !important; font-weight: 400; padding: 0 15px !important; margin: 10px 0 !important; height: 28px !important; line-height: 14px !important; color: #fff !important; -webkit-transition: color .2s ease,background .2s ease!important; transition: color .2s ease,background .2s ease!important; width: auto!important; border: 1px solid #006b37!important; border-radius: 5px; } .ea-wrapper .at-submit:hover { background: #a7e36c!important; cursor: pointer!important; } .ea-wrapper .at .at-fieldset { min-width: 0!important; padding: 0!important; margin-top: -10px!important; } .ea-wrapper .HeaderHtml { padding: 0; } .ea-wrapper .at p { font-size: 14px; line-height: 20px; padding: 12px; font-family: "open sans", sans-serif !important; font-weight: 400; color: #7e7b7a; } .ea-wrapper .at-title { margin: 0; text-align: center; color: #FFFFFF; font-size: 20px; font-weight: 600; height: auto; padding: 13px 0; border-bottom: 1px solid #006b37; background: #009a4f !important; border-radius: 6px 0 0 0; line-height: 25p } .ea-wrapper .at fieldset legend,.pum-content.popmake-content>p { display: none; } .ea-wrapper .at-inner { border: 0!important; background: 0 0!important; color: #fff; } .ea-wrapper .PostalCode { width: 100%!important; -webkit-transition: color .2 ease,background .2s ease; transition: color .2 ease,background .2s ease; } .ea-wrapper { position: relative; padding: 30px 24px; margin-top: 60px; } @media (min-width: 34.375em) { .ea-wrapper { padding:57px 50px 39px; } } @media (min-width: 48em) { .ea-wrapper { margin-right:-60px; margin-left: -60px; } } .ea-wrapper.is-fullWidth { padding-right: 0; padding-left: 0; margin: 0; } .ea-wrapper .constrained,.ea-wrapper-group1 { position: relative; } .ea-wrapper a { color: #6c0; } .ea-wrapper a:hover { color: #a7e36c; } /* /* CSS Document */ /* line 17, app/assets/stylesheets/food_database.scss.erb */ #top { position: absolute; top: 0; left: 0; } /* line 18, app/assets/stylesheets/food_database.scss.erb */ #gototop_arrow { width: 70px; height: 70px; position: fixed; bottom: 0px; right: 0px; display: none; z-index: 9999; } /* line 19, app/assets/stylesheets/food_database.scss.erb */ #top_line { width: 100%; height: 2px; background-color: #7E7D7B; position: fixed; left: 0; top: 0; z-index: 999; } /* line 20, app/assets/stylesheets/food_database.scss.erb */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 21, app/assets/stylesheets/food_database.scss.erb */ * { margin: 0; padding: 0; } /* line 22, app/assets/stylesheets/food_database.scss.erb */ html, button, input, select, textarea { color: #222222; } /* line 23, app/assets/stylesheets/food_database.scss.erb */ ::-moz-selection { background: #000000; color: #ffffff; text-shadow: none; } /* line 24, app/assets/stylesheets/food_database.scss.erb */ ::selection { background: #000000; color: #ffffff; text-shadow: none; } /* Mozilla dosen't style place holders by default */ /* line 26, app/assets/stylesheets/food_database.scss.erb */ input:-moz-placeholder { color: #a9a9a9; } /* line 27, app/assets/stylesheets/food_database.scss.erb */ textarea:-moz-placeholder { color: #a9a9a9; } /* line 28, app/assets/stylesheets/food_database.scss.erb */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* line 29, app/assets/stylesheets/food_database.scss.erb */ img { vertical-align: middle; } /* line 30, app/assets/stylesheets/food_database.scss.erb */ fieldset { border: 0; margin: 0; padding: 0; } /* line 31, app/assets/stylesheets/food_database.scss.erb */ textarea { resize: vertical; } /* line 32, app/assets/stylesheets/food_database.scss.erb */ #mywidthdiv { display: block; position: fixed; z-index: 9999; bottom: 120px; left: 20px; border: 2px solid #f00; padding: 10px; background-color: #fff; height: auto; width: 100px; text-align: center; color: #000; } /* line 33, app/assets/stylesheets/food_database.scss.erb */ table { border-collapse: collapse; border-spacing: 0; } /* line 34, app/assets/stylesheets/food_database.scss.erb */ th { font-weight: bold; vertical-align: bottom; } /* line 35, app/assets/stylesheets/food_database.scss.erb */ td { font-weight: normal; vertical-align: top; } /* line 36, app/assets/stylesheets/food_database.scss.erb */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* line 37, app/assets/stylesheets/food_database.scss.erb */ sub, sup { font-size: 75%; line-height: 0; position: relative; } /* line 38, app/assets/stylesheets/food_database.scss.erb */ sup { top: -0.5em; } /* line 39, app/assets/stylesheets/food_database.scss.erb */ sub { bottom: -0.25em; } /* line 40, app/assets/stylesheets/food_database.scss.erb */ small { font-size: 80%; } /* line 41, app/assets/stylesheets/food_database.scss.erb */ b, strong { font-weight: bold; } /* line 42, app/assets/stylesheets/food_database.scss.erb */ body { background: none; background-color: #ffffff; width: 100%; overflow-x: hidden; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 28px; color: #7E7B7A; } /* line 56, app/assets/stylesheets/food_database.scss.erb */ img.background1 { left: 0; min-width: 1024px; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -99; } /* line 66, app/assets/stylesheets/food_database.scss.erb */ img.background2 { min-height: 100%; min-width: 1024px; width: 100%; height: auto; /* height: 100%; width: 100%; */ position: fixed; bottom: 0; left: 0; z-index: -99; } /* line 77, app/assets/stylesheets/food_database.scss.erb */ .fleft { float: left; } /* line 78, app/assets/stylesheets/food_database.scss.erb */ .fright { float: right; } /* line 79, app/assets/stylesheets/food_database.scss.erb */ .clear { clear: both; padding: 0; margin: 0; } /* line 80, app/assets/stylesheets/food_database.scss.erb */ div, p, ul, li, ol, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } /* line 81, app/assets/stylesheets/food_database.scss.erb */ p { padding: 15px 0 10px 0; } /* line 82, app/assets/stylesheets/food_database.scss.erb */ ul { list-style: none; } /* line 83, app/assets/stylesheets/food_database.scss.erb */ ul, ol { padding: 5px 5px 5px 40px; } /* line 84, app/assets/stylesheets/food_database.scss.erb */ li { padding: 5px; } /* line 85, app/assets/stylesheets/food_database.scss.erb */ img { border: 0 none; max-width: 100%; height: auto; } /* line 86, app/assets/stylesheets/food_database.scss.erb */ .noborder { text-decoration: none !important; outline: none !important; border: 0 none !important; } /* line 87, app/assets/stylesheets/food_database.scss.erb */ a, a:link, a:visited { color: #009a4f; text-decoration: underline; outline: none !important; border: 0 none; vertical-align: baseline; background: transparent; } /* line 88, app/assets/stylesheets/food_database.scss.erb */ a:active, a:hover { color: #009a4f; text-decoration: underline !important; outline: none !important; border: 0 none; } /* line 89, app/assets/stylesheets/food_database.scss.erb */ a.nounderlineahref, a.nounderlineahref:link, a.nounderlineahref:visited { text-decoration: none !important; outline: none !important; border: 0 none !important; } /* line 90, app/assets/stylesheets/food_database.scss.erb */ a.nounderlineahref:active, a.nounderlineahref:hover { text-decoration: none !important; outline: none !important; border: 0 none !important; } /* line 91, app/assets/stylesheets/food_database.scss.erb */ a img { text-decoration: none !important; outline: none !important; border: 0 none !important; } /* line 92, app/assets/stylesheets/food_database.scss.erb */ a div { text-decoration: none !important; outline: none !important; border: 0 none !important; } /* line 93, app/assets/stylesheets/food_database.scss.erb */ a img.hoverimg { opacity: 1; outline: none; } /* line 94, app/assets/stylesheets/food_database.scss.erb */ a img.hoverimg:hover { opacity: 0.7; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; outline: none; } /* line 95, app/assets/stylesheets/food_database.scss.erb */ img.hoverimg { opacity: 1; } /* line 96, app/assets/stylesheets/food_database.scss.erb */ img.hoverimg:hover { opacity: 0.7; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; } /* line 97, app/assets/stylesheets/food_database.scss.erb */ .hiddentext { text-indent: -9999px; height: 0; padding: 0 !important; margin: 0 !important; width: 0; } /* line 98, app/assets/stylesheets/food_database.scss.erb */ .noshow { display: none !important; } /* line 99, app/assets/stylesheets/food_database.scss.erb */ .show { display: block !important; } /* line 100, app/assets/stylesheets/food_database.scss.erb */ .hidden { display: none !important; visibility: hidden; } /* line 101, app/assets/stylesheets/food_database.scss.erb */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* line 102, app/assets/stylesheets/food_database.scss.erb */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* line 103, app/assets/stylesheets/food_database.scss.erb */ .invisible { visibility: hidden; } /* Clearfix */ /* line 105, app/assets/stylesheets/food_database.scss.erb */ .clearfix:before, .clearfix:after { content: " "; display: table; } /* line 106, app/assets/stylesheets/food_database.scss.erb */ .clearfix:after { clear: both; } /* line 107, app/assets/stylesheets/food_database.scss.erb */ .clearfix { *zoom: 1; } /* line 108, app/assets/stylesheets/food_database.scss.erb */ #loading { width: 100%; height: 100%; padding: 0px; margin: 0px; overflow: hidden; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/progress-e88b25ce630dfb3ce67aa09f7b9482f6ab39260b117a976be6cf3abbb18e9d9a.gif); background-position: center center; background-repeat: no-repeat; background-color: #ffffff; /* position:relative; */ position: absolute; z-index: 999999; top: 0; left: 0; } /* ////////////////////// */ /* line 114, app/assets/stylesheets/food_database.scss.erb */ #some_new_changes_lowerscoresdesktop { font-size: 12px; line-height: 17px; padding: 0; } /* line 115, app/assets/stylesheets/food_database.scss.erb */ #sticky_menu { background-color: #ffffff; width: 100%; height: 120px; position: fixed; z-index: 99; left: 0; top: 0; /* -o-box-shadow:0 0px 1px rgba(0, 0, 0, 0.3) ;-moz-box-shadow:0 0px 1px rgba(0, 0, 0, 0.3) ;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.3) ;box-shadow:0 0px 1px rgba(0, 0, 0, 0.3) ; */ } /* line 120, app/assets/stylesheets/food_database.scss.erb */ #header { width: 960px; height: 120px; margin: 0 auto; } /* line 122, app/assets/stylesheets/food_database.scss.erb */ #top_header { height: 81px; } /* line 123, app/assets/stylesheets/food_database.scss.erb */ #logo_div { height: 81px; padding: 10px 0 0 0; } /* line 124, app/assets/stylesheets/food_database.scss.erb */ #tools_div { height: 81px; } /* line 125, app/assets/stylesheets/food_database.scss.erb */ #admin { margin: 10px 0 7px; } /* line 126, app/assets/stylesheets/food_database.scss.erb */ #admin_left { -o-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background: #009a4f; /* background: #bcc332; background: -moz-linear-gradient(top, #bcc332 0%, #697b32 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcc332), color-stop(100%,#697b32)); background: -webkit-linear-gradient(top, #bcc332 0%,#697b32 100%); background: -o-linear-gradient(top, #bcc332 0%,#697b32 100%); background: -ms-linear-gradient(top, #bcc332 0%,#697b32 100%); background: linear-gradient(to bottom, #bcc332 0%,#697b32 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcc332', endColorstr='#697b32',GradientType=0 ); */ border-bottom: 3px solid #485b24; } /* line 148, app/assets/stylesheets/food_database.scss.erb */ #admin_left.orange { background: #f89c1b; } /* line 152, app/assets/stylesheets/food_database.scss.erb */ #admin_right { -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; position: relative; z-index: 9; padding-left: 25px; } /* line 165, app/assets/stylesheets/food_database.scss.erb */ .admin_col { color: #ffffff; /* text-shadow:0px -1px 0px #333333; */ text-shadow: none; font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; -o-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); font-size: 12px; line-height: 12px; height: 31px; padding: 8px 16px 0; background: #525252; /* background: #7c7c7b; */ border-bottom: 3px solid #27232c; /* background: -moz-linear-gradient(top, #7c7c7b 0%, #404040 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c7b), color-stop(100%,#404040)); background: -webkit-linear-gradient(top, #7c7c7b 0%,#404040 100%); background: -o-linear-gradient(top, #7c7c7b 0%,#404040 100%); background: -ms-linear-gradient(top, #7c7c7b 0%,#404040 100%); background: linear-gradient(to bottom, #7c7c7b 0%,#404040 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7b', endColorstr='#404040',GradientType=0 ); */ } /* line 208, app/assets/stylesheets/food_database.scss.erb */ #guides_icon { /* background-image:url(asset_path("food_database_stylesheet/guides_icon.png")); background-position:0 0; background-repeat:no-repeat; */ position: relative; z-index: 9; padding-left: 30px; } /* line 215, app/assets/stylesheets/food_database.scss.erb */ #guide_icon_img { position: absolute; z-index: 9; left: 13px; top: 8px; width: 10px; height: 12px; } /* line 219, app/assets/stylesheets/food_database.scss.erb */ #faq_icon { /* background-image:url(asset_path("food_database_stylesheet/guides_icon.png")); background-position:0 0; background-repeat:no-repeat; */ position: relative; z-index: 9; padding-left: 30px; } /* line 226, app/assets/stylesheets/food_database.scss.erb */ #faq_icon_img { position: absolute; z-index: 9; left: 13px; top: 8px; width: 12px; height: 12px; } /* add to admin_right */ /* line 230, app/assets/stylesheets/food_database.scss.erb */ #info_icon { /* background-image:url(asset_path("food_database_stylesheet/guides_icon.png")); background-position:0 0; background-repeat:no-repeat; */ position: relative; z-index: 9; padding-left: 30px; } /* line 237, app/assets/stylesheets/food_database.scss.erb */ #info_icon_img { position: absolute; z-index: 9; left: 13px; top: 5px; width: 5px; height: 18px; } /* line 241, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul { padding: 0; margin: 0; list-style: none; list-style-type: none; } /* line 242, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li { padding: 0px; list-style: none; list-style-type: none; display: block; background-color: #FFFFFF; /* width: 22px; height: 22px; */ margin: 0 0px 0 3px; text-indent: -9999px; } /* line 251, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li:first-child { margin: 0; } /* line 252, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a { display: block; width: 24px; height: 24px; } /* line 253, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_facebook { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/facebook-a8d0c3b8121db3961fcbe535712793b7874f23076c360dfbd1a51e4afae06020.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 254, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_twitter { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/twitter-c19d26cec878a73e63fcb860597bbb99f93f78f74bbd4907f06af8d28503c9c1.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 255, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_youtube { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/youtube-56f784ab3225bbbf502abec79f5c89eb61c274c38b561b7f757deac075d962b8.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 256, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_pinterest { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/pinterest-cedcafc85b26c43d5b77b2d7f95beb60bfa77c2f47c425eb1cebdf1467e636e8.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 257, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_email { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/email-6c2b2fd0dd7e61db353651887e3e5f8075b7e33a3b3435bab7b161cb9359d156.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 258, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_rss { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/rss-31a592a09cdc4b984979f9eba4ae29a7c3ac34cc7363a42b7c3d90aac84781c4.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 259, app/assets/stylesheets/food_database.scss.erb */ #socialmedia_ul li a.sm_addthis { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/sm_addthis-efb678e474b946a61671ea826ea3ef6deb529b7ef49f8b67486a55179ae6b3fe.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; } /* line 262, app/assets/stylesheets/food_database.scss.erb */ #bottom_header { height: 39px; width: 100%; /* background:url(asset_path("food_database_stylesheet/charcoal.jpg")); */ background-position: 0 0; background-repeat: repeat-x; background-color: #525252; border-bottom: 4px solid #393939; } /* line 264, app/assets/stylesheets/food_database.scss.erb */ #dropdown { background-color: #009a4f; border-bottom: 4px solid #006b37; width: 350px; height: 39px; } /* line 266, app/assets/stylesheets/food_database.scss.erb */ #nutrition_details, #other_product_details, #hazard_details, #processing_details { display: none; } /* line 271, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu { display: none; /* opacity:0; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #009a4f; padding: 20px 37px; color: white; min-height: 250px; width: 100%; } /* line 282, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul { padding: 0px; margin: 0; list-style: none; list-style-type: none; width: 100%; } /* line 283, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul li { margin: 1%; width: 31.33%; border: 1px solid #fff; float: left; padding: 8px 15px; list-style: none; list-style-type: none; display: block; height: auto; overflow: hidden; } /* line 284, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul li:hover { background-color: #ffffff; } /* line 285, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul li a, #dropdown_menu_home_ul li a:link, #dropdown_menu_home_ul li a:visited { color: #ffffff; display: block; opacity: 1.0; font-size: 15px; line-height: 16px; font-weight: 600; text-shadow: 0px 1px 1px #3e5c23; } /* line 286, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul li a:active, #dropdown_menu_home_ul li a:hover { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; text-shadow: none; } /* line 288, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul li:hover a { color: #009a4f; text-shadow: none; } /* line 289, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu_home_ul li.menu-highlight:hover a { color: #ec602a; text-shadow: none; } /* line 291, app/assets/stylesheets/food_database.scss.erb */ .menu-highlight { background-color: #ec602a; } /* line 294, app/assets/stylesheets/food_database.scss.erb */ .dropdown_submenu { padding: 0px; margin: 0; list-style: none; list-style-type: none; width: 100%; } /* line 295, app/assets/stylesheets/food_database.scss.erb */ .dropdown_submenu li { background: none repeat scroll 0 0 #fff; border: 1px solid #222 !important; margin: 10px 0 0 !important; width: 100% !important; } /* line 301, app/assets/stylesheets/food_database.scss.erb */ .dropdown_submenu li:hover { background-color: #CCDFA2; } /* line 302, app/assets/stylesheets/food_database.scss.erb */ .dropdown_submenu li a, .dropdown_submenu li a:link, .dropdown_submenu li a:visited { color: #222 !important; text-shadow: none !important; } /* line 304, app/assets/stylesheets/food_database.scss.erb */ .dropdown_submenu li a:active, .dropdown_submenu li a:hover { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; text-shadow: none; } /* line 306, app/assets/stylesheets/food_database.scss.erb */ .dropdown_submenu li:hover a { color: #5F883B !important; text-shadow: none; } /* line 309, app/assets/stylesheets/food_database.scss.erb */ #dropdown_menu2 { display: none; /* opacity:0; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #73973E; padding: 20px 37px; color: white; min-height: 250px; width: 100%; } /* line 326, app/assets/stylesheets/food_database.scss.erb */ .info_h1_header { border-bottom: 1px solid #C2C2C2; text-align: center; height: 44px; padding: 8px 0 0 0; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } /* line 361, app/assets/stylesheets/food_database.scss.erb */ .info_h1_header h1 { color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 18px; line-height: 20px; font-weight: 600; } /* line 369, app/assets/stylesheets/food_database.scss.erb */ .scroes_h1_header { border-bottom: 1px solid #C2C2C2; text-align: center; height: auto; padding: 8px 0; /* background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e1), color-stop(100%,#c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%,#c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); */ background: #f0efea; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } /* line 405, app/assets/stylesheets/food_database.scss.erb */ .scroes_h1_header h1 { color: #868686; /* text-shadow:0 1px 0 #FFFFFF; */ font-size: 18px; line-height: 20px; font-weight: 600; } /* line 417, app/assets/stylesheets/food_database.scss.erb */ #info_ul { padding: 10px 15px; margin: 0; list-style: none; list-style-type: none; width: 100%; } /* line 418, app/assets/stylesheets/food_database.scss.erb */ #info_ul li { margin: 2%; width: 46%; background-color: #CCDFA2; border: 1px solid #5F883B; float: left; padding: 8px 0 8px 15px; list-style: none; list-style-type: none; display: block; height: 35px; overflow: hidden; } /* line 419, app/assets/stylesheets/food_database.scss.erb */ #info_ul li:hover { background-color: #ffffff; } /* line 421, app/assets/stylesheets/food_database.scss.erb */ #info_ul li a, #info_ul li a:link, #info_ul li a:visited { color: #5F883B; display: block; opacity: 1.0; font-size: 15px; line-height: 16px; font-weight: 600; } /* line 422, app/assets/stylesheets/food_database.scss.erb */ #info_ul li a:active, #info_ul li a:hover { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; text-shadow: none; } /* line 423, app/assets/stylesheets/food_database.scss.erb */ #info_ul li:hover a { color: #5F883B !important; text-shadow: none; } /* line 427, app/assets/stylesheets/food_database.scss.erb */ #search_left { height: 35px; max-width: 200px; width: auto; padding: 0 5px; } /* line 435, app/assets/stylesheets/food_database.scss.erb */ #search { height: 35px; max-width: 610px; width: auto; padding: 0 5px; } /* line 442, app/assets/stylesheets/food_database.scss.erb */ #form_search_header { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/glass_2-6b18d4f98bbae2e3aec44b463f39edc3060757960efb4721f68a43d530940db6.png); background-position: 6px 4px; background-repeat: no-repeat; background-color: #ffffff; border: 1px solid #393939; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 0 0 25px; height: 25px; margin: 5px 5px 5px 5px; /* 0px 1px 0px 0 rgba(139,139,139,0.5) */ -o-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); } /* line 473, app/assets/stylesheets/food_database.scss.erb */ #input_text_search { border: 0 none !important; color: #5a524f; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: 20px; line-height: 14px; margin: 1px; outline: medium none !important; padding-top: 1px; width: 300px; } /* line 487, app/assets/stylesheets/food_database.scss.erb */ .input_text_search_left { width: 100px !important; } /* line 491, app/assets/stylesheets/food_database.scss.erb */ #all_foods { color: #5a524f; font-family: 'Open Sans',sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; border-left: 1px solid #5a524f; padding: 2.5px 5px 2.5px 20px; margin: 2px 0; min-width: 70px; height: 19px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow_down-07356e4ae6f73635692e988c20e939e8c1546dc6e6514d25d0754bd1d9778a19.png); background-position: 6px 6px; background-repeat: no-repeat; cursor: pointer; position: relative; z-index: 9; } /* line 515, app/assets/stylesheets/food_database.scss.erb */ .all_foods_up { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow_up-523ac0a499733bca37d669059f581f977ea4c029f07a04a36e9681c4f8395d98.png) !important; background-position: 6px 6px !important; background-repeat: no-repeat !important; } /* line 521, app/assets/stylesheets/food_database.scss.erb */ #all_foods_drop_down { position: absolute; z-index: 99; left: 0; top: 20px; min-width: 110px; min-height: 50px; height: auto; background-color: #ffffff; padding: 5px; font-size: 12px; line-height: 20px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 542, app/assets/stylesheets/food_database.scss.erb */ .open { opacity: 1 !important; top: 22px !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 548, app/assets/stylesheets/food_database.scss.erb */ #input_submit_submit { border: 0 none !important; outline: medium none !important; border-left: 1px solid #8b8b8b !important; /* background: #f0efea; background: -moz-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0efea), color-stop(100%,#c3c0b3)); background: -webkit-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: -o-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: -ms-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: linear-gradient(to bottom, #f0efea 0%,#c3c0b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efea', endColorstr='#c3c0b3',GradientType=0 ); */ background: #f0efea; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; font-size: 14px; font-weight: 400; height: 23px; line-height: 14px; margin: 0; padding: 0 10px; color: #595e60; cursor: pointer; } /* line 598, app/assets/stylesheets/food_database.scss.erb */ #input_submit_submit:hover { background: #c3c0b3; /* background: #c3c0b3; background: -moz-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c0b3), color-stop(100%,#f0efea)); background: -webkit-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: -o-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: -ms-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: linear-gradient(to bottom, #c3c0b3 0%,#f0efea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c0b3', endColorstr='#f0efea',GradientType=0 ); */ } /* line 626, app/assets/stylesheets/food_database.scss.erb */ #home_form_search_header { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/glass_1-2a0fe987264a281a0853d03e3338b8b236a17718d98f32207d7570277fa595d6.png); background-position: 6px 8px; background-repeat: no-repeat; background-color: #ffffff; border: 1px solid #393939; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding: 0 0 0 25px; height: 39px; margin: 5px 5px 5px 5px; /* 0px 1px 0px 0 rgba(139,139,139,0.5) */ -o-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); } /* line 655, app/assets/stylesheets/food_database.scss.erb */ #home_input_text_search { border: 0 none !important; color: #5a524f; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: 35px; line-height: 16px; margin: 1px; outline: medium none !important; padding-top: 1px; padding-left: 10px; width: 777px !important; } /* line 670, app/assets/stylesheets/food_database.scss.erb */ #home_all_foods { color: #5a524f; font-family: 'Open Sans',sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: 15px; border-left: 1px solid #5a524f; padding: 8.5px 5px 2.5px 28px; margin: 2px 0; min-width: 91px; height: 33px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow_down-07356e4ae6f73635692e988c20e939e8c1546dc6e6514d25d0754bd1d9778a19.png); background-position: 10px 13px; background-repeat: no-repeat; cursor: pointer; position: relative; z-index: 9; } /* line 694, app/assets/stylesheets/food_database.scss.erb */ .home_all_foods_up { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow_up-523ac0a499733bca37d669059f581f977ea4c029f07a04a36e9681c4f8395d98.png) !important; background-position: 10px 13px !important; background-repeat: no-repeat !important; } /* line 700, app/assets/stylesheets/food_database.scss.erb */ #home_all_foods_drop_down { position: absolute; z-index: 99; left: 0; bottom: 36px; min-width: 130px; min-height: 50px; height: auto; background-color: #ffffff; padding: 5px; font-size: 15px; line-height: 26px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 721, app/assets/stylesheets/food_database.scss.erb */ .home_open { opacity: 1 !important; bottom: 36px !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 727, app/assets/stylesheets/food_database.scss.erb */ #home_input_submit_submit { border: 0 none !important; outline: medium none !important; border-left: 1px solid #8b8b8b !important; /* background: #f0efea; background: -moz-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0efea), color-stop(100%,#c3c0b3)); background: -webkit-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: -o-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: -ms-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: linear-gradient(to bottom, #f0efea 0%,#c3c0b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efea', endColorstr='#c3c0b3',GradientType=0 ); */ background: #f0efea; -o-border-radius: 0 12px 12px 0; -ms-border-radius: 0 12px 12px 0; -khtml-border-radius: 0 12px 12px 0; -moz-border-radius: 0 12px 12px 0; -webkit-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; font-size: 17px; font-weight: 400; height: 37px; line-height: 17px; margin: 0; padding: 0 25px; color: #595e60; cursor: pointer; } /* line 760, app/assets/stylesheets/food_database.scss.erb */ #home_input_submit_submit:hover { background: #c3c0b3; /* background: #c3c0b3; background: -moz-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c0b3), color-stop(100%,#f0efea)); background: -webkit-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: -o-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: -ms-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: linear-gradient(to bottom, #c3c0b3 0%,#f0efea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c0b3', endColorstr='#f0efea',GradientType=0 ); */ } /* line 777, app/assets/stylesheets/food_database.scss.erb */ #carousel_search { background: #525252; /* background: #7C7C7B; background: -moz-linear-gradient(top, #7C7C7B 0%, #404040 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7C7C7B), color-stop(100%,#404040)); background: -webkit-linear-gradient(top, #7C7C7B 0%,#404040 100%); background: -o-linear-gradient(top, #7C7C7B 0%,#404040 100%); background: -ms-linear-gradient(top, #7C7C7B 0%,#404040 100%); background: linear-gradient(to bottom, #7C7C7B 0%,#404040 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C7C7B', endColorstr='#404040',GradientType=0 ); */ -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -o-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.4); color: #FFFFFF; height: 50px; left: 35px; position: absolute; top: 460px; width: 550px; z-index: 99; -o-border-radius: 0 0 6px 6px !important; -ms-border-radius: 0 0 6px 6px !important; -khtml-border-radius: 0 0 6px 6px !important; -moz-border-radius: 0 0 6px 6px !important; -webkit-border-radius: 0 0 6px 6px !important; border-radius: 0 0 6px 6px !important; bottom: 0 !important; height: 55px !important; left: 0 !important; top: auto !important; width: 100% !important; -o-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2) !important; } /* line 829, app/assets/stylesheets/food_database.scss.erb */ #recent_products p { margin-left: 10px; font-size: 1.2em; margin-top: 20px; line-height: 30px; } /* line 836, app/assets/stylesheets/food_database.scss.erb */ .empty_search_result { text-align: center; font-size: 24px; line-height: 35px; width: 100%; margin: 30px auto; } /* line 843, app/assets/stylesheets/food_database.scss.erb */ #carousel_search_error { color: #FFFFFF; z-index: 99; bottom: 0 !important; height: 85px !important; margin: auto; top: auto !important; width: 80%; padding-top: 1px; margin-bottom: 30px; align: center; } /* line 856, app/assets/stylesheets/food_database.scss.erb */ #form_search_error { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/glass_3-9effa395716f2a80ef1734c81a222eee70e374dde38881c65cf081aeec782388.png); background-position: 6px 8px; background-repeat: no-repeat; background-color: #ffffff; border: 1px solid #d0d0d0; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 0 0 55px; height: 69px; margin: 5px 5px 5px 5px; /* 0px 1px 0px 0 rgba(139,139,139,0.5) */ -o-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); box-shadow: inset 1px 0px 0px rgba(0, 0, 0, 0.19); } /* line 882, app/assets/stylesheets/food_database.scss.erb */ #error_input_text_search { border: 0 none; color: #9c9c9c; font-family: 'Open Sans',sans-serif; font-size: 20px; font-style: normal; font-weight: 400; height: 65px; line-height: 16px; margin-top: 1px; outline: medium none !important; padding-top: 1px; padding-left: 10px; width: 70%; } /* line 898, app/assets/stylesheets/food_database.scss.erb */ #error_input_submit_submit { border: 0 none; outline: medium none !important; border-left: 1px solid #8b8b8b; background: #f0efea; background: -moz-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0efea), color-stop(100%, #c3c0b3)); background: -webkit-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -o-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -ms-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: linear-gradient(to bottom, #f0efea 0%, #c3c0b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efea', endColorstr='#c3c0b3',GradientType=0 ); -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; font-size: 17px; font-weight: 400; height: 67px; line-height: 17px; margin: 0; padding: 0 25px; color: #595e60; cursor: pointer; width: 30%; } /* line 928, app/assets/stylesheets/food_database.scss.erb */ #error_input_submit_submit:hover { background: #c3c0b3; background: -moz-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c0b3), color-stop(100%, #f0efea)); background: -webkit-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -o-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -ms-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: linear-gradient(to bottom, #c3c0b3 0%, #f0efea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c0b3', endColorstr='#f0efea',GradientType=0 ); } /* line 942, app/assets/stylesheets/food_database.scss.erb */ #home { width: 35px; height: 35px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/home-940ce570399f7f452c3533c44d7fb4bd479e0d028e59728916c79ce1683a1843.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; border-right: 1px solid #009a4f !important; } /* line 943, app/assets/stylesheets/food_database.scss.erb */ #ewg_fd_href { background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; font-size: 19px; font-weight: 400; line-height: 19px; margin: 8px 0 0 12px; } /* line 952, app/assets/stylesheets/food_database.scss.erb */ #ewg { font-weight: 700; } /* line 953, app/assets/stylesheets/food_database.scss.erb */ #down { width: 35px; height: 35px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/down-0c9fb76b647f04fd0810de45e437f866e106f0fabf86a46fa36209800f4d226d.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; border-left: 0px solid #009a4f !important; } /* line 955, app/assets/stylesheets/food_database.scss.erb */ #wrapper { width: 960px; background-color: transparent; margin: 120px auto 0 auto; } /* line 957, app/assets/stylesheets/food_database.scss.erb */ #home_menu_hero { width: 960px; height: 375px; } /* line 958, app/assets/stylesheets/food_database.scss.erb */ #home_menu { width: 350px; height: 537px; background-color: #6a913a; height: 537px; overflow: hidden; -o-border-radius: 0px 0 0 5px; -ms-border-radius: 0px 0 0 5px; -khtml-border-radius: 0px 0 0 5px; -moz-border-radius: 0px 0 0 5px; -webkit-border-radius: 0px 0 0 5px; border-radius: 0px 0 0 5px; } /* line 968, app/assets/stylesheets/food_database.scss.erb */ #home_hero { /* width:960px; */ /* height:375px; */ /* position:relative; */ /* z-index:9; */ -o-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; overflow: hidden; } /* line 982, app/assets/stylesheets/food_database.scss.erb */ #home_hero { height: 100%; position: relative; width: 100%; z-index: 9; } /* line 992, app/assets/stylesheets/food_database.scss.erb */ #home_ul { padding: 0px; margin: 0; list-style: none; list-style-type: none; } /* line 993, app/assets/stylesheets/food_database.scss.erb */ #home_ul li { margin: 0px; padding: 8px 0 8px 15px; list-style: none; list-style-type: none; display: block; } /* line 994, app/assets/stylesheets/food_database.scss.erb */ #home_ul li:hover { background-color: #CCDFA2; } /* line 995, app/assets/stylesheets/food_database.scss.erb */ #home_ul li a, #home_ul li a:link, #home_ul li a:visited { color: #ffffff; display: block; opacity: 1.0; font-size: 16px; line-height: 16px; font-weight: 600; text-shadow: 0px 1px 1px #3e5c23; } /* line 996, app/assets/stylesheets/food_database.scss.erb */ #home_ul li a:active, #home_ul li a:hover { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; text-shadow: none; } /* line 998, app/assets/stylesheets/food_database.scss.erb */ #home_ul li:hover a { color: #5F883B !important; text-shadow: none; } /* line 1000, app/assets/stylesheets/food_database.scss.erb */ #home_carousel_header { width: 960px; padding: 17px 0 0 0; /* background-color:#ffffff; */ margin: 30px auto 0 auto; border: 0px solid #C2C2C2; border-bottom: 0 none; text-align: center; height: auto; /* background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e1), color-stop(100%,#c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%,#c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); */ /* -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; */ } /* line 1038, app/assets/stylesheets/food_database.scss.erb */ #home_carousel_header h1 { color: #868686; /* text-shadow:0 1px 0 #FFFFFF; */ font-size: 24px; line-height: 24px; font-weight: 600; } /* line 1047, app/assets/stylesheets/food_database.scss.erb */ #home_carousel { width: 960px; padding: 20px 0px 50px 0px; background-color: #ffffff; margin: 0 auto 30px auto; border: 0px solid #C2C2C2; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* line 1059, app/assets/stylesheets/food_database.scss.erb */ .margintop10 { height: 10px; width: 100%; } /* line 1060, app/assets/stylesheets/food_database.scss.erb */ .margintop15 { height: 15px; width: 100%; } /* line 1061, app/assets/stylesheets/food_database.scss.erb */ .margintop30 { height: 30px; width: 100%; } /* line 1062, app/assets/stylesheets/food_database.scss.erb */ #internal_banner { width: 960px; height: 90px; padding: 0px; background-color: #ffffff; margin: 0 auto 0px auto; border: 1px solid #C2C2C2; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } /* line 1084, app/assets/stylesheets/food_database.scss.erb */ #internal_banner img { width: 960px; height: auto; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1101, app/assets/stylesheets/food_database.scss.erb */ .product_header { width: 960px; padding: 20px 0px 10px 0; } /* line 1106, app/assets/stylesheets/food_database.scss.erb */ .left_column { width: 200px; margin: 0 15px 0 0; } /* line 1111, app/assets/stylesheets/food_database.scss.erb */ #post_date { width: 200px; /* delete later on */ text-align: center; border: 1px solid #C2C2C2; margin-top: 10px; background-color: #f0efea; font-size: 12px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1130, app/assets/stylesheets/food_database.scss.erb */ #prod_photo { width: 199px; /* delete later on */ text-align: center; background-color: #ffffff; border-left: 1px solid #C2C2C2; } /* line 1140, app/assets/stylesheets/food_database.scss.erb */ #prod_photo img { height: 158px; margin: 0 auto; } /* line 1148, app/assets/stylesheets/food_database.scss.erb */ #prod_photo .prod_photo_source { right: 0; margin: 0px; background: #f5f5f1; color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 10px; line-height: 10px; font-weight: 600; height: 20px; text-decoration: none; bottom: 0; height: auto; left: 0; padding: 6px 8px; position: absolute; z-index: 99; text-align: center; -o-border-radius: 6px 0 0 0; -ms-border-radius: 6px 0 0 0; -khtml-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } /* line 1169, app/assets/stylesheets/food_database.scss.erb */ #prod_photo .prod_photo_source_amazon { right: 0; margin: 0px; background: #f5f5f1; bottom: 0; height: auto; left: 0; padding: 0px; position: absolute; z-index: 99; text-align: center; -o-border-radius: 6px 0 0 0; -ms-border-radius: 6px 0 0 0; -khtml-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; opacity: 0.8; } /* line 1186, app/assets/stylesheets/food_database.scss.erb */ #share_left { width: 200px; /* delete later on */ text-align: left; margin: 15px 0; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #C2C2C2; text-align: center; height: 50px; overflow: hidden; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); } /* line 1235, app/assets/stylesheets/food_database.scss.erb */ #addthis_div { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/addthis_gray-6599597b57b6d6caf01564e86eda152bbb4a22bc655bb869270fab677368a1f6.jpg); height: 50px; background-position: 0 0; background-repeat: no-repeat; color: #78776E; font-size: 20px; font-weight: 600; line-height: 20px; text-shadow: 0 1px 0 #FFFFFF; padding: 14px 0 0 70px; text-align: left; } /* line 1250, app/assets/stylesheets/food_database.scss.erb */ #vert_banner { width: 200px; height: 318px; /* delete later on */ text-align: center; background-color: #ffffff; border: 1px solid #C2C2C2; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } /* line 1270, app/assets/stylesheets/food_database.scss.erb */ #vert_banner img { width: 100%; height: auto; margin: 0 auto; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1286, app/assets/stylesheets/food_database.scss.erb */ #signup_left { width: 200px; /* delete later on */ margin: 15px 0; padding: 0px; text-align: left; background-color: #ffffff; border: 1px solid #C2C2C2; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1306, app/assets/stylesheets/food_database.scss.erb */ #signup_left_text p { font-size: 14px; line-height: 20px; padding: 12px; } /* line 1307, app/assets/stylesheets/food_database.scss.erb */ form#emailsignupform { padding: 0 12px 12px 12px; } /* line 1308, app/assets/stylesheets/food_database.scss.erb */ input#email { border: 0 none !important; color: #71953D; color: #7E7B7A; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; margin: 0px 0 10px 0; outline: medium none !important; width: 100%; padding: 7px 5px; background-color: #ffffff; border: 1px solid #393939; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 28px; /* 0px 1px 0px 0 rgba(139,139,139,0.5) */ -o-box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; -moz-box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; -webkit-box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; } /* line 1351, app/assets/stylesheets/food_database.scss.erb */ input#zip { border: 0 none !important; color: #71953D; color: #7E7B7A; font-family: 'Open Sans',sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; margin: 0px 0 5px 0; outline: medium none !important; width: 100%; padding: 7px 5px; background-color: #ffffff; border: 1px solid #393939; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 28px; /* 0px 1px 0px 0 rgba(139,139,139,0.5) */ -o-box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; -moz-box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; -webkit-box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; box-shadow: 0px 0 0 1px rgba(0, 0, 0, 0.19) inset; } /* line 1393, app/assets/stylesheets/food_database.scss.erb */ input#emailsubmit { border: 0 none !important; outline: medium none !important; border: 1px solid #006b37 !important; background: #009a4f; /* background: #749942; background: -moz-linear-gradient(top, #749942 50%, #617c36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#749942), color-stop(100%,#617c36)); background: -webkit-linear-gradient(top, #749942 50%,#617c36 100%); background: -o-linear-gradient(top, #749942 50%,#617c36 100%); background: -ms-linear-gradient(top, #749942 50%,#617c36 100%); background: linear-gradient(to bottom, #749942 50%,#617c36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749942', endColorstr='#617c36',GradientType=0 ); */ -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; font-weight: 400; height: 28px; line-height: 14px; margin: 10px 0; padding: 0 15px; /* color:#595e60; */ color: #ffffff; /* text-shadow: -1px -1px 0 #4e632c; */ cursor: pointer; } /* line 1447, app/assets/stylesheets/food_database.scss.erb */ input#emailsubmit:hover { background: #006b37; /* background: #617c36; background: -moz-linear-gradient(top, #617c36 0%, #749942 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#617c36), color-stop(100%,#749942)); background: -webkit-linear-gradient(top, #617c36 0%,#749942 100%); background: -o-linear-gradient(top, #617c36 0%,#749942 100%); background: -ms-linear-gradient(top, #617c36 0%,#749942 100%); background: linear-gradient(to bottom, #617c36 0%,#749942 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617c36', endColorstr='#749942',GradientType=0 ); */ } /* line 1472, app/assets/stylesheets/food_database.scss.erb */ .right_column { width: 745px; /* delete later on */ background-color: #ffffff; border: 1px solid #C2C2C2; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } /* line 1492, app/assets/stylesheets/food_database.scss.erb */ #score { width: 120px; height: 140px; position: relative; z-index: 9; border-right: 1px solid #C2C2C2; } /* line 1493, app/assets/stylesheets/food_database.scss.erb */ #legend_mark { width: 20px; height: 20px; position: absolute; z-index: 99; right: 0; bottom: 0; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/legend_mark-dab09d8d264fb89607fc0e37350a3daac17cf13f2baea0bbe69d1be76b17bc57.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; cursor: pointer; } /* line 1494, app/assets/stylesheets/food_database.scss.erb */ #score img { width: 100%; height: auto; max-height: 120px; } /* line 1496, app/assets/stylesheets/food_database.scss.erb */ #score .explain { z-index: 99; bottom: 0; right: 0; padding: 5px; margin: 0px; background: #fff; text-align: left; color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 10px; line-height: 10px; font-weight: 600; height: 21px; text-decoration: none; } /* line 1516, app/assets/stylesheets/food_database.scss.erb */ #name_and_cats { width: 640px; height: 120px; position: relative; } /* line 1522, app/assets/stylesheets/food_database.scss.erb */ #prod_name { width: 100%; background-color: #ffffff; color: #525353; font-size: 19px; line-height: 26px; font-weight: 600; height: 140px; padding: 10px 20px; } /* line 1537, app/assets/stylesheets/food_database.scss.erb */ #prod_name p { font-size: 14px; font-weight: normal; line-height: 18px; } /* line 1545, app/assets/stylesheets/food_database.scss.erb */ #ingred_name { width: 100%; background-color: #ffffff; color: #525353; font-size: 19px; line-height: 26px; font-weight: 600; padding: 10px 20px; -o-border-radius: 0px 5px 0 0; -ms-border-radius: 0px 5px 0 0; -khtml-border-radius: 0px 5px 0 0; -moz-border-radius: 0px 5px 0 0; -webkit-border-radius: 0px 5px 0 0; border-radius: 0px 5px 0 0; overflow: overlay; } /* line 1563, app/assets/stylesheets/food_database.scss.erb */ #prod_cats { width: 100%; background-color: #e2e0d7; height: 40px; padding: 0 20px; } /* line 1573, app/assets/stylesheets/food_database.scss.erb */ .btn_prod_cats { background-color: #E6E6E1; border: 1px solid #C7C4C0 !important; border-radius: 10px; color: #ACAAA9; font-size: 14px; font-weight: 600; height: 30px; line-height: 14px; margin: 5px 15px 0 0; padding: 7px 10px 6px; text-align: center; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; cursor: pointer; max-width: 180px; overflow: hidden; white-space: nowrap; } /* line 1603, app/assets/stylesheets/food_database.scss.erb */ #gages { color: #727071; background-color: #f5f5f1; padding: 20px 20px 0px 20px; width: 100%; border-bottom: 2px solid #d3d0ce; } /* line 1613, app/assets/stylesheets/food_database.scss.erb */ #gages > p { padding: 0px; } /* line 1615, app/assets/stylesheets/food_database.scss.erb */ h1#gages_overall_score { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/overallscore-a03ac54cca8ac0c7105cf26c1267a0becb684da3892e3e588b323aaaaec098d4.png); background-position: 0px 1px; background-repeat: no-repeat; margin: 5px 0 7px 0; padding: 0 0 0 20px; font-weight: 400; font-size: 20px; line-height: 20px; } /* line 1621, app/assets/stylesheets/food_database.scss.erb */ .gages_col_individual { border: 1px solid #C2C2C2 !important; background-color: #ffffff; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 0 20px 0; margin: 0%; width: 100%; /* -o-box-shadow:0 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow:0 0px 1px 1px rgba(0, 0, 0, 0.1); */ position: relative; z-index: 9; } /* line 1647, app/assets/stylesheets/food_database.scss.erb */ .bottom_space { margin-bottom: 30px; } /* line 1652, app/assets/stylesheets/food_database.scss.erb */ a.moreinfo, a.moreinfo:link, a.moreinfo:visited, a.moreinfo:active, a.moreinfo:hover { position: absolute; z-index: 99; bottom: 0; left: 0; width: 315px; padding: 5px; margin: 0px; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); text-align: center; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 14px; line-height: 14px; font-weight: 600; height: 24px; /* text-decoration:none; */ } /* line 1692, app/assets/stylesheets/food_database.scss.erb */ .zeropadding { padding: 0px; } /* line 1693, app/assets/stylesheets/food_database.scss.erb */ .zeropadding2 { font-size: 14px; font-weight: 400; line-height: 20px; padding: 0; } /* line 1699, app/assets/stylesheets/food_database.scss.erb */ .padding10px { padding: 10px 10px 10px 10px; } /* line 1701, app/assets/stylesheets/food_database.scss.erb */ .gages_col_left, .gages_col_right { margin: 2.5% 2.5%; width: 45%; } /* line 1709, app/assets/stylesheets/food_database.scss.erb */ .gages_col_header { border-bottom: 1px solid #C2C2C2; text-align: center; /* height:44px; */ padding: 8px 0; /* background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e1), color-stop(100%,#c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%,#c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); */ background: #f0efea; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } /* line 1747, app/assets/stylesheets/food_database.scss.erb */ .gages_col_header h1 { color: #868686; /* text-shadow:0 1px 0 #FFFFFF; */ font-size: 18px; line-height: 20px; font-weight: 600; } /* line 1774, app/assets/stylesheets/food_database.scss.erb */ .gages_col_left h2, .gages_col_right h2 { color: #625F60; font-size: 16px; line-height: 20px; padding: 10px 10px 5px 10px; margin: 0; font-weight: 600; } /* line 1785, app/assets/stylesheets/food_database.scss.erb */ .gages_col_left p, .gages_col_left ul, .gages_col_right p { color: #949283; font-size: 14px; line-height: 20px; padding: 0 10px 10px 10px; margin: 0; font-weight: 400; } /* line 1796, app/assets/stylesheets/food_database.scss.erb */ .gages_col_left p.med_title, .gages_col_right p.med_title { color: #868686; padding: 10px 0; } /* line 1805, app/assets/stylesheets/food_database.scss.erb */ .zeropadding p, .zeropadding ul { border-bottom: 1px solid #c2c2c2; padding: 10px; } /* line 1807, app/assets/stylesheets/food_database.scss.erb */ .gage_1 { /* background:url(asset_path("food_database_stylesheet/gage_blank.jpg")); background-position: center center; background-repeat:no-repeat; */ width: 234px; height: 227px; overflow: hidden; margin: 25px auto; position: relative; z-index: 9; /* width="234" height="202" */ } /* line 1815, app/assets/stylesheets/food_database.scss.erb */ .gage_1_bg_img { position: absolute; top: 0; left: 0; width: 234px; height: 202px; z-index: 99; } /* .gage_1_pointer { height: 68px; left: 50%; margin-left: -13px; position: absolute; top: 50%; width: 26px; z-index: 99; } */ /* line 1827, app/assets/stylesheets/food_database.scss.erb */ .gage_1_legend { bottom: -3px; font-size: 12px; font-weight: 600; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; width: 234px; z-index: 99; } /* line 1841, app/assets/stylesheets/food_database.scss.erb */ .gage_3 { /* background:url(asset_path("food_database_stylesheet/gage_blank.jpg")); background-position: center center; background-repeat:no-repeat; */ width: 205px; height: 155px; margin: 0px auto; position: relative; z-index: 9; } /* line 1848, app/assets/stylesheets/food_database.scss.erb */ .gage_3_bg_img { position: absolute; top: 10px; left: 26px; width: 150px; height: auto; /* width:180px; height:141px; */ z-index: 99; } /* .gage_3_pointer { height: 50px; left: 50%; margin-left: -10px; position: absolute; top: 50%; width: 19px; z-index: 99; } */ /* line 1860, app/assets/stylesheets/food_database.scss.erb */ .gage_3_legend { bottom: -3px; font-size: 12px; font-weight: 600; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; width: 205px; z-index: 99; } /* line 1873, app/assets/stylesheets/food_database.scss.erb */ .expand { font-size: 20px; line-height: 20px; padding: 15px 0; margin: 0 auto; width: 100%; cursor: pointer; color: #9D9C9C; font-weight: 600; background-color: #F5F5F1; border-top: 0px solid #9D9C9C; text-align: center; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* line 1881, app/assets/stylesheets/food_database.scss.erb */ .expand_this { display: none; } /* line 1883, app/assets/stylesheets/food_database.scss.erb */ .expand2 { font-size: 20px; line-height: 20px; padding: 15px 0; margin: 0 auto; width: 100%; cursor: pointer; color: #9D9C9C; font-weight: 600; background-color: #F5F5F1; border-top: 1px solid #C2C2C2; text-align: center; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* line 1891, app/assets/stylesheets/food_database.scss.erb */ .expand_this2 { display: none; } /* line 1894, app/assets/stylesheets/food_database.scss.erb */ .expand3 { font-size: 20px; line-height: 20px; margin: 0 auto; width: 100%; cursor: pointer; color: #9D9C9C; font-weight: 600; background-color: #F5F5F1; border-top: 0px solid #9D9C9C; text-align: center; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1904, app/assets/stylesheets/food_database.scss.erb */ .expand4 { font-size: 20px; line-height: 20px; margin: 0 auto; width: 100%; cursor: pointer; color: #9D9C9C; font-weight: 600; background-color: #F5F5F1; border-top: 0px solid #9D9C9C; text-align: center; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1914, app/assets/stylesheets/food_database.scss.erb */ #chart { width: auto; height: auto; margin: 10px 15px; } /* line 1915, app/assets/stylesheets/food_database.scss.erb */ .chart { font-size: 20px; line-height: 20px; float: left; margin: 0 0.5%; width: 9%; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1923, app/assets/stylesheets/food_database.scss.erb */ .chart_0 { height: 1px; margin-top: 90px; background-color: #ffffff; } /* line 1924, app/assets/stylesheets/food_database.scss.erb */ .chart_1 { height: 10px; margin-top: 90px; background-color: #D8D9DA; } /* line 1925, app/assets/stylesheets/food_database.scss.erb */ .chart_2 { height: 20px; margin-top: 80px; background-color: #D8D9DA; } /* line 1926, app/assets/stylesheets/food_database.scss.erb */ .chart_3 { height: 30px; margin-top: 70px; background-color: #D8D9DA; } /* line 1927, app/assets/stylesheets/food_database.scss.erb */ .chart_4 { height: 40px; margin-top: 60px; background-color: #D8D9DA; } /* line 1928, app/assets/stylesheets/food_database.scss.erb */ .chart_5 { height: 50px; margin-top: 50px; background-color: #D8D9DA; } /* line 1929, app/assets/stylesheets/food_database.scss.erb */ .chart_6 { height: 60px; margin-top: 40px; background-color: #D8D9DA; } /* line 1930, app/assets/stylesheets/food_database.scss.erb */ .chart_7 { height: 70px; margin-top: 30px; background-color: #D8D9DA; } /* line 1931, app/assets/stylesheets/food_database.scss.erb */ .chart_8 { height: 80px; margin-top: 20px; background-color: #D8D9DA; } /* line 1932, app/assets/stylesheets/food_database.scss.erb */ .chart_9 { height: 90px; margin-top: 10px; background-color: #D8D9DA; } /* line 1933, app/assets/stylesheets/food_database.scss.erb */ .chart_10 { height: 100px; margin-top: 0px; background-color: #D8D9DA; } /* line 1935, app/assets/stylesheets/food_database.scss.erb */ .chart_legend { text-align: center; font-weight: 600; color: #D8D9DA; height: 20px; font-size: 16px; line-height: 20px; float: left; margin: 2% 0.5% 0% 0.5%; width: 9%; } /* line 1942, app/assets/stylesheets/food_database.scss.erb */ #prod_breakdown { color: #727071; background-color: #ffffff; padding: 20px; width: 100%; margin-bottom: 30px; } /* line 1951, app/assets/stylesheets/food_database.scss.erb */ h1#prod_breakdown_h1 { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/icon_product_breakdown-b2953ad026b58aa624baec49849f1784335798bbb790b9b3c0f8cd9607bd3e86.png); background-position: -8px -3px; background-repeat: no-repeat; background-size: 33px; margin: 5px 0 7px 0; padding: 0 0 0 20px; font-weight: 400; font-size: 20px; line-height: 20px; } /* line 1974, app/assets/stylesheets/food_database.scss.erb */ #ewg_guides { border: 1px solid #C2C2C2; background-color: #ffffff; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 auto 30px auto; } /* line 1991, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide { background-color: #ffffff; width: 40%; border-right: 1px solid #c2c2c2; -o-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; height: 444px; overflow: hidden; } /* line 2008, app/assets/stylesheets/food_database.scss.erb */ #other_ewg_guides { width: 60%; height: 444px; overflow: hidden; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } /* line 2026, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_text { padding: 30px; } /* line 2027, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_text h1 { color: #009a4f; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 30px; line-height: 35px; } /* line 2033, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_text p { color: #7e7b7a; font-size: 15px; line-height: 30px; padding: 30px 0 10px 0; } /* line 2036, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_header { width: 100%; padding: 17px 0 0 0; background-color: #ffffff; margin: 0; border-top: 0px solid #4E632C; border-left: 0px solid #4E632C; border-bottom: 0px solid #4E632C; border-right: 0px solid #4E632C; text-align: center; height: 57px; background: #749942; background: -moz-linear-gradient(top, #749942 0%, #617c36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #749942), color-stop(100%, #617c36)); background: -webkit-linear-gradient(top, #749942 0%, #617c36 100%); background: -o-linear-gradient(top, #749942 0%, #617c36 100%); background: -ms-linear-gradient(top, #749942 0%, #617c36 100%); background: linear-gradient(to bottom, #749942 0%, #617c36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749942', endColorstr='#617c36',GradientType=0 ); -o-border-radius: 5px 0px 0 0; -ms-border-radius: 5px 0px 0 0; -khtml-border-radius: 5px 0px 0 0; -moz-border-radius: 5px 0px 0 0; -webkit-border-radius: 5px 0px 0 0; border-radius: 5px 0px 0 0; /* -o-box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; -moz-box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; -webkit-box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; box-shadow:0 0 1px #4E632C inset, 0 -1px 0 #4E632C inset ; */ } /* line 2083, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_header h1 { color: #ffffff; /* text-shadow:-1px -1px 0px #4E632C; */ font-size: 24px; line-height: 24px; font-weight: 600; } /* line 2099, app/assets/stylesheets/food_database.scss.erb */ a.readmore_guide, a.readmore_guide:link, a.readmore_guide:visited { background-color: #009a4f; color: #ffffff; font-size: 15px; height: auto; line-height: 15px; padding: 10px 20px; text-align: center; margin-top: 0; display: inline-block; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 2124, app/assets/stylesheets/food_database.scss.erb */ a.readmore_guide:active, a.readmore_guide:hover { background-color: #f89c1b; color: #ffffff; } /* line 2132, app/assets/stylesheets/food_database.scss.erb */ a.readmore_guide.orange, a.readmore_guide.orange:link, a.readmore_guide.orange:visited { background: #f89c1b; } /* line 2138, app/assets/stylesheets/food_database.scss.erb */ #other_ewg_guides_header { width: 100%; padding: 17px 0 0 0; background-color: #ffffff; margin: 0; border-bottom: 1px solid #c2c2c2; text-align: center; height: 57px; /* background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e1), color-stop(100%,#c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%,#c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); -o-border-radius:0 5px 0px 0; -ms-border-radius:0 5px 0px 0; -khtml-border-radius:0 5px 0px 0; -moz-border-radius:0 5px 0px 0; -webkit-border-radius:0 5px 0px 0; border-radius:0 5px 0px 0; */ background: #f0efea; } /* line 2182, app/assets/stylesheets/food_database.scss.erb */ #other_ewg_guides_header h1 { color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 24px; line-height: 24px; font-weight: 600; /* background:url(asset_path("food_database_stylesheet/other_guides_icon.png")); background-position:0 0; background-repeat:no-repeat; */ width: 280px; margin: 0 auto; } /* line 2204, app/assets/stylesheets/food_database.scss.erb */ #other_ewg_guides_cards { padding: 5px; width: 100%; } /* line 2205, app/assets/stylesheets/food_database.scss.erb */ .ewg_card { width: 29%; margin: 2.15%; padding: 1%; font-size: 13px; line-height: 20px; height: 160px; overflow: hidden; -o-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.1); -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 2221, app/assets/stylesheets/food_database.scss.erb */ .ewg_card a, .ewg_card a:link, .ewg_card a:visited { color: #7E7B7A !important; text-decoration: none; } /* line 2222, app/assets/stylesheets/food_database.scss.erb */ .ewg_card a:active, .ewg_card a:hover { text-decoration: none !important; } /* line 2224, app/assets/stylesheets/food_database.scss.erb */ .ewg_card:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -o-box-shadow: 0 0 0px 4px #009a4f; -moz-box-shadow: 0 0 0px 4px #009a4f; -webkit-box-shadow: 0 0 0px 4px #009a4f; box-shadow: 0 0 0px 4px #009a4f; } /* line 2230, app/assets/stylesheets/food_database.scss.erb */ .ewg_card img { width: 100%; height: 80px; margin: 0 0 8px 0; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 2245, app/assets/stylesheets/food_database.scss.erb */ #score_promo { border: 1px solid #c2c2c2; background-color: #ffffff; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 30px auto 0; width: 960px; } /* line 2263, app/assets/stylesheets/food_database.scss.erb */ #score_promo_left { width: 70%; -o-border-radius: 5px 0px 0 5px; -ms-border-radius: 5px 0px 0 5px; -khtml-border-radius: 5px 0px 0 5px; -moz-border-radius: 5px 0px 0 5px; -webkit-border-radius: 5px 0px 0 5px; border-radius: 5px 0px 0 5px; } /* line 2276, app/assets/stylesheets/food_database.scss.erb */ #score_promo_right { width: 30%; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: 1px solid #c2c2c2; } /* line 2293, app/assets/stylesheets/food_database.scss.erb */ #score_promo_left_header { border-bottom: 1px solid #C2C2C2; text-align: center; height: 57px; padding: 17px 0 0 0; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); -o-border-radius: 5px 0px 0 0; -ms-border-radius: 5px 0px 0 0; -khtml-border-radius: 5px 0px 0 0; -moz-border-radius: 5px 0px 0 0; -webkit-border-radius: 5px 0px 0 0; border-radius: 5px 0px 0 0; } /* line 2328, app/assets/stylesheets/food_database.scss.erb */ #score_promo_left_header h1 { color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 24px; line-height: 24px; font-weight: 600; } /* line 2335, app/assets/stylesheets/food_database.scss.erb */ #score_promo_left_content { min-height: 300px; padding: 20px; } /* line 2343, app/assets/stylesheets/food_database.scss.erb */ .fleft_img { float: left; margin: 0 20px 145px 0; width: 130px; height: auto; } /* line 2344, app/assets/stylesheets/food_database.scss.erb */ #tab_wrapper { width: 100%; height: auto; } /* line 2345, app/assets/stylesheets/food_database.scss.erb */ #tabs { width: 182px; } /* line 2346, app/assets/stylesheets/food_database.scss.erb */ #contents { background-color: transparent; font-size: 15px; line-height: 24px; margin: 0 10px 0 30px; width: 408px; } /* line 2353, app/assets/stylesheets/food_database.scss.erb */ #contents span { color: #71953D; padding: 0 0 10px 0; margin: 0; font-size: 33px; line-height: 40px; font-weight: 300; } /* line 2354, app/assets/stylesheets/food_database.scss.erb */ #nutrition { display: block; } /* line 2355, app/assets/stylesheets/food_database.scss.erb */ #hazard { display: none; } /* line 2356, app/assets/stylesheets/food_database.scss.erb */ #processing { display: none; } /* line 2358, app/assets/stylesheets/food_database.scss.erb */ .click_tab_active { border: 2px solid #71953D; } /* line 2362, app/assets/stylesheets/food_database.scss.erb */ .click_tab { color: #747474; font-size: 16px; font-weight: 600; line-height: 20px; padding: 23px 0 0 60px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 2377, app/assets/stylesheets/food_database.scss.erb */ div#promo_graphic { display: block; width: 100%; height: 100%; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/EWG_FS-AD_GMOList_C01-ab59df3a29857cd38be780e61730b10777b8a835bf479b5cd4a4e74bbef68e46.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; -o-border-radius: 0 0 5px 0; -ms-border-radius: 0 0 5px 0; -khtml-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } /* line 2392, app/assets/stylesheets/food_database.scss.erb */ #footer { width: 100%; padding: 0; margin: 0 auto; background-color: #009a4f; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 28px; color: #ffffff; border-top: 2px solid #006b37; } /* line 2402, app/assets/stylesheets/food_database.scss.erb */ #footer_inside { width: 960px; margin: 0 auto; padding: 20px 0; } /* line 2408, app/assets/stylesheets/food_database.scss.erb */ #about_ratings_title { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/faq-efffe8639a08611e54ea1196822368b34b2efb4b4d2de777a6f522412863e676.png); background-position: 0px 3px; background-repeat: no-repeat; padding: 0 0 0 20px; width: 200px; font-size: 16px; line-height: 16px; font-weight: 600; } /* line 2409, app/assets/stylesheets/food_database.scss.erb */ #about_ratings_txt { width: 760px; padding: 0 0 0 20px; font-size: 14px; line-height: 24px; } /* line 2410, app/assets/stylesheets/food_database.scss.erb */ #about_ratings_txt a, #about_ratings_txt a:link, #about_ratings_txt a:visited { color: #ffffff; opacity: 1; text-decoration: underline !important; } /* line 2413, app/assets/stylesheets/food_database.scss.erb */ #about_ratings_txt a:active, #about_ratings_txt a:hover { color: #ffffff; opacity: 1; text-decoration: underline !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 2416, app/assets/stylesheets/food_database.scss.erb */ #scores_legend_wrapper { width: 100%; } /* line 2418, app/assets/stylesheets/food_database.scss.erb */ .score_left_legend { float: left; height: 20%; margin: 0 5% 0 0; width: 20%; } /* line 2424, app/assets/stylesheets/food_database.scss.erb */ .score_right_text { float: left; font-size: 13px; line-height: 20px; padding: 2% 5% 0 0; width: 75%; } /* line 2432, app/assets/stylesheets/food_database.scss.erb */ #scores_legend_wrapper div.clear { border-top: 1px solid #A4A4A4 !important; height: 1px; } /* ADDITIONS */ /* line 2441, app/assets/stylesheets/food_database.scss.erb */ #share_left_2 { width: 200px; /* delete later on */ text-align: left; margin: 0 0 15px 0; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #C2C2C2; text-align: center; height: 50px; overflow: hidden; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); } /* line 2489, app/assets/stylesheets/food_database.scss.erb */ #prod_cats_left { width: 200px; /* delete later on */ padding: 0 0 15px 0; text-align: left; background-color: #ffffff; border: 1px solid #C2C2C2; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #5A5B5D; font-size: 14px; line-height: 22px; font-weight: 400; } /* line 2509, app/assets/stylesheets/food_database.scss.erb */ #prod_cats_left h2 { color: #97999B; font-size: 18px; line-height: 26px; font-weight: 400; padding: 15px 10px 15px 10px; } /* line 2515, app/assets/stylesheets/food_database.scss.erb */ .cat_ul { padding: 0px 0; margin: 0; list-style: none; list-style-type: none; } /* line 2516, app/assets/stylesheets/food_database.scss.erb */ .cat_ul li { margin: 0px; padding: 2px 10px; list-style: none; list-style-type: none; display: block; } /* line 2517, app/assets/stylesheets/food_database.scss.erb */ .cat_ul li:hover { background-color: #CCDFA2; } /* line 2518, app/assets/stylesheets/food_database.scss.erb */ .cat_ul li a, .cat_ul li a:link, .cat_ul li a:visited { color: #868686; opacity: 1.0; } /* line 2519, app/assets/stylesheets/food_database.scss.erb */ .cat_ul li a:active, .cat_ul li a:hover { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; text-shadow: none; } /* line 2521, app/assets/stylesheets/food_database.scss.erb */ .cat_ul li:hover a { color: #868686 !important; text-shadow: none; } /* line 2522, app/assets/stylesheets/food_database.scss.erb */ .less_opaque { opacity: 0.7 !important; } /* line 2527, app/assets/stylesheets/food_database.scss.erb */ form#form_type_left { padding: 0 15px; } /* line 2534, app/assets/stylesheets/food_database.scss.erb */ #input_submit_submit_left { border: 0 none !important; outline: medium none !important; border-left: 1px solid #8b8b8b !important; background: #f0efea; background: -moz-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0efea), color-stop(100%, #c3c0b3)); background: -webkit-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -o-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -ms-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: linear-gradient(to bottom, #f0efea 0%, #c3c0b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efea', endColorstr='#c3c0b3',GradientType=0 ); -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; font-size: 14px; font-weight: 400; height: 23px; line-height: 14px; margin: 0; padding: 0 10px; color: #595e60; cursor: pointer; } /* line 2582, app/assets/stylesheets/food_database.scss.erb */ #input_submit_submit_left:hover { background: #c3c0b3; background: -moz-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3c0b3), color-stop(100%, #f0efea)); background: -webkit-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -o-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -ms-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: linear-gradient(to bottom, #c3c0b3 0%, #f0efea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c0b3', endColorstr='#f0efea',GradientType=0 ); } /* line 2603, app/assets/stylesheets/food_database.scss.erb */ .bar_left { padding: 0 10px; } /* line 2604, app/assets/stylesheets/food_database.scss.erb */ .bar_left_col_1 { width: 30px; } /* line 2605, app/assets/stylesheets/food_database.scss.erb */ .bar_left_col_2 { width: 118px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 25px; margin: 0 0 5px 0; text-indent: -9999px; } /* line 2619, app/assets/stylesheets/food_database.scss.erb */ .bar_left_col_3 { width: 30px; text-align: right; } /* line 2621, app/assets/stylesheets/food_database.scss.erb */ .col_1 { background-color: #53b649; width: 10%; height: 25px; } /* line 2622, app/assets/stylesheets/food_database.scss.erb */ .col_2 { background-color: #7fc678; width: 20%; height: 25px; } /* line 2623, app/assets/stylesheets/food_database.scss.erb */ .col_3 { background-color: #b2d573; width: 30%; height: 25px; } /* line 2624, app/assets/stylesheets/food_database.scss.erb */ .col_4 { background-color: #e9e964; width: 40%; height: 25px; } /* line 2625, app/assets/stylesheets/food_database.scss.erb */ .col_5 { background-color: #fbdf57; width: 50%; height: 25px; } /* line 2626, app/assets/stylesheets/food_database.scss.erb */ .col_6 { background-color: #f8c55d; width: 60%; height: 25px; } /* line 2627, app/assets/stylesheets/food_database.scss.erb */ .col_7 { background-color: #f8a85f; width: 70%; height: 25px; } /* line 2628, app/assets/stylesheets/food_database.scss.erb */ .col_8 { background-color: #f69860; width: 80%; height: 25px; } /* line 2629, app/assets/stylesheets/food_database.scss.erb */ .col_9 { background-color: #ef6760; width: 90%; height: 25px; } /* line 2630, app/assets/stylesheets/food_database.scss.erb */ .col_10 { background-color: #ef474d; width: 100%; height: 25px; } /* line 2634, app/assets/stylesheets/food_database.scss.erb */ .col_1:hover, .col_2:hover, .col_3:hover, .col_4:hover, .col_5:hover, .col_6:hover, .col_7:hover, .col_8:hover, .col_9:hover, .col_10:hover { -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); } /* line 2643, app/assets/stylesheets/food_database.scss.erb */ .radius5px { -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 2652, app/assets/stylesheets/food_database.scss.erb */ .chart_1 { background-color: #53b649 !important; } /* line 2653, app/assets/stylesheets/food_database.scss.erb */ .chart_2 { background-color: #7fc678 !important; } /* line 2654, app/assets/stylesheets/food_database.scss.erb */ .chart_3 { background-color: #b2d573 !important; } /* line 2655, app/assets/stylesheets/food_database.scss.erb */ .chart_4 { background-color: #e9e964 !important; } /* line 2656, app/assets/stylesheets/food_database.scss.erb */ .chart_5 { background-color: #fbdf57 !important; } /* line 2657, app/assets/stylesheets/food_database.scss.erb */ .chart_6 { background-color: #f8c55d !important; } /* line 2658, app/assets/stylesheets/food_database.scss.erb */ .chart_7 { background-color: #f8a85f !important; } /* line 2659, app/assets/stylesheets/food_database.scss.erb */ .chart_8 { background-color: #f69860 !important; } /* line 2660, app/assets/stylesheets/food_database.scss.erb */ .chart_9 { background-color: #ef6760 !important; } /* line 2661, app/assets/stylesheets/food_database.scss.erb */ .chart_10 { background-color: #ef474d !important; } /* line 2664, app/assets/stylesheets/food_database.scss.erb */ #category_title_header { width: 960px; height: 95px; position: relative; z-index: 9; } /* line 2665, app/assets/stylesheets/food_database.scss.erb */ #category_title_header img { width: 960px; height: 95px; } /* line 2666, app/assets/stylesheets/food_database.scss.erb */ #category_title_header h1 { position: absolute; z-index: 99; left: 25px; top: 30px; font-size: 20px; line-height: 20px; padding: 15px; margin: 0; color: #000; background: #fff; opacity: 0.75; font-weight: bold; } /* line 2683, app/assets/stylesheets/food_database.scss.erb */ #category_header_list { background-color: #f5f5f1; border: 1px solid #C2C2C2; padding: 5px 10px 15px 10px; color: #6F7072; font-size: 15px; } /* line 2694, app/assets/stylesheets/food_database.scss.erb */ #category_header_list h1 { color: #4C4C4E; font-size: 17px; line-height: 20px; padding: 0; margin: 0; font-weight: 600; } /* line 2698, app/assets/stylesheets/food_database.scss.erb */ .categories_header_ul { padding: 10px 5px; margin: 0; list-style: none; list-style-type: none; width: 100%; } /* line 2706, app/assets/stylesheets/food_database.scss.erb */ .categories_header_ul li { width: 289px; background-color: #fff; border: 0px solid #c2c2c2; border: 0 none; float: left; padding: 5px 10px; list-style: none; list-style-type: none; display: block; overflow: hidden; border: 1px solid #c2c2c2; height: 55px; margin: 5px 10px; } /* line 2721, app/assets/stylesheets/food_database.scss.erb */ .categories_header_ul li:hover { background-color: #009a4f; } /* line 2723, app/assets/stylesheets/food_database.scss.erb */ .align_vertical { position: relative; top: 50%; transform: translateY(-50%); } /* line 2728, app/assets/stylesheets/food_database.scss.erb */ .categories_header_ul a, .categories_header_ul a:link, .categories_header_ul a:visited { color: #6F7072; display: block; opacity: 1.0; font-size: 15px; line-height: 20px; font-weight: 400; } /* line 2729, app/assets/stylesheets/food_database.scss.erb */ .categories_header_ul a:active, .categories_header_ul a:hover { /* color:#4C4C4E;*/ color: #ffffff; /* opacity:0.8; -webkit-transition:opacity .3s ease-in-out; -moz-transition-duration:.3s; -o-transition:opacity .3s ease-in-out; */ text-shadow: none; } /* line 2735, app/assets/stylesheets/food_database.scss.erb */ #showing { width: 665px; overflow: hidden; white-space: nowrap; text-align: left; color: #8A8787; font-weight: 200; font-size: 16px; line-height: 24px; padding: 12px 0px 0px 10px; margin: 0px; background: transparent !important; } /* line 2749, app/assets/stylesheets/food_database.scss.erb */ #search_score_key img { height: 40px; padding: 4px 10px; } /* line 2754, app/assets/stylesheets/food_database.scss.erb */ #span_pagination { font-weight: 400; color: #494B4B; } /* line 2757, app/assets/stylesheets/food_database.scss.erb */ .ind_result_ingredient { padding: 0px; margin: 0; border-bottom: 1px solid #c2c2c2; } /* line 2758, app/assets/stylesheets/food_database.scss.erb */ .ind_result_ingredient_text { height: 20px; width: 593px; padding: 8px 10px; overflow: hidden; font-size: 15px !important; line-height: 20px !important; height: auto; min-height: 20px; } /* line 2760, app/assets/stylesheets/food_database.scss.erb */ .ind_result { padding: 0px; margin: 0; border-bottom: 1px solid #c2c2c2; padding-left: 10px; } /* line 2762, app/assets/stylesheets/food_database.scss.erb */ .ind_result_score { width: 75px; height: 75px; position: relative; z-index: 9; } /* line 2767, app/assets/stylesheets/food_database.scss.erb */ .product_category_below_link { font-size: 13px; line-height: 13px; padding: 15px 10px 10px 0; text-align: right; color: #8A8787; } /* line 2770, app/assets/stylesheets/food_database.scss.erb */ .product_category_below_link a, .product_category_below_link a:link, .product_category_below_link a:visited { color: #8A8787; text-decoration: none !important; outline: none !important; border: 0 none; vertical-align: baseline; background: transparent; } /* line 2771, app/assets/stylesheets/food_database.scss.erb */ .product_category_below_link a:active, .product_category_below_link a:hover { color: #8A8787; text-decoration: underline !important; outline: none !important; border: 0 none; } /* line 2773, app/assets/stylesheets/food_database.scss.erb */ #legend_mark_2 { width: 15px; height: 15px; position: absolute; z-index: 99; right: 0; bottom: 0; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/legend_mark-dab09d8d264fb89607fc0e37350a3daac17cf13f2baea0bbe69d1be76b17bc57.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; cursor: pointer; } /* //////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////// //////////////////////////////////////////////////// /////////////////////////////////////// */ /* great resource http://stephen.io/mediaqueries/#iPhone iPhone 5 Resolution Screen Width = 320px (CSS Pixels) Screen Height = 568px (CSS Pixels) Screen Width = 640px (Actual Pixels) Screen Height = 1136px (Actual Pixels) Device-pixel-ratio: 2 iPhone 4/4S Resolution Screen Width = 320px (CSS Pixels) Screen Height = 480px (CSS Pixels) Screen Width = 640px (Actual Pixels) Screen Height = 960px (Actual Pixels) Device-pixel-ratio: 2 iPhone 2G/3G/3GS Resolution Screen Width = 320px (CSS Pixels) Screen Height = 480px (CSS Pixels) Screen Width = 320px (Actual Pixels) Screen Height = 480px (Actual Pixels) Device-pixel-ratio: 1 */ /* line 2831, app/assets/stylesheets/food_database.scss.erb */ .fright2 { float: right; font-weight: 600; font-size: 13px !important; margin-right: 12px; } /* line 2833, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination { background-attachment: scroll; background-clip: border-box; background-color: #ECECEC; border-bottom-color: #aaaaaa; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #aaaaaa; border-top-style: solid; border-top-width: 1px; text-align: center; margin: 0px; padding-top: 5px; padding-left: 0px; padding-right: 0px; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(gainsboro)); background-origin: padding-box; background-repeat: repeat; background-size: auto; font-weight: 600; height: 30px; width: 723px; } /* line 2855, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination a, .apple_pagination span { padding: 5px; } /* line 2856, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination .disabled { color: #aaaaaa; } /* line 2857, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination .current { font-style: normal; font-weight: normal; background-color: #bebebe; display: inline-block; min-width: 1.4em; height: 1.4em; line-height: 1.5; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px; font-size: 14px; } /* line 2871, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination a { text-decoration: none; color: black; } /* line 2872, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination a:hover, .apple_pagination a:focus { text-decoration: underline; } /* line 2874, app/assets/stylesheets/food_database.scss.erb */ .rightcol_h1_two { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/title_bg-104612fa442bec3cf0e2d74acd9710552c61226c5959ef7f23602eea7ac675a7.jpg) no-repeat scroll 0 0 transparent; color: #656565; font-size: 24px; font-style: normal; font-weight: 400; height: 37px; line-height: 24px; margin: 0; padding: 13px 0 0 20px; width: 703px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; position: relative; } /* line 2890, app/assets/stylesheets/food_database.scss.erb */ .individual_products_row { border-bottom: 1px solid #e4e4e4; width: 723px; margin: 0 0 0 -15px; } /* line 2891, app/assets/stylesheets/food_database.scss.erb */ .individual_products_row_col1 { width: 60px; margin: 0 4px 0 20px; padding: 5px 0; text-align: center; } /* line 2892, app/assets/stylesheets/food_database.scss.erb */ .individual_products_row_col1 img { max-width: 60px; } /* line 2893, app/assets/stylesheets/food_database.scss.erb */ .individual_products_row_col2 { width: 540px; padding-top: 11px; font-size: 13px; } /* line 2894, app/assets/stylesheets/food_database.scss.erb */ .individual_products_row_col3 { width: 60px; margin: 0 0 0 20px; } /* line 2895, app/assets/stylesheets/food_database.scss.erb */ .individual_products_row_col3 img { width: 60px; height: 60px; } /* line 2898, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination { width: 100%; height: auto; padding: 5px 0; font-size: 14px; line-height: 14px; } /* line 2899, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination a { color: #009a4f; text-decoration: none; } /* line 2900, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination .current { background-color: #009a4f; color: #FFFFFF !important; text-shadow: none; } /* line 2903, app/assets/stylesheets/food_database.scss.erb */ .bar_left_col_2 { border-radius: 5px; height: 25px; margin: 0 25px 5px 0; text-indent: -9999px; width: 108px; } /* line 2911, app/assets/stylesheets/food_database.scss.erb */ #ewg_guides { max-width: 960px; } /* line 2915, app/assets/stylesheets/food_database.scss.erb */ #results { padding: 0 0 0px 0; background: transparent !important; height: auto; width: 100%; border-top: 1px solid #C2C2C2; } /* line 2922, app/assets/stylesheets/food_database.scss.erb */ #sort_results { width: auto; text-align: left; color: #8A8787; font-weight: 600; font-size: 16px; line-height: 16px; padding: 10px 15px 10px 42px; margin: 0; position: relative; z-index: 9; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow-eeee409d71d15c9d632b527d8885fb724d682a21369efa58cb7c7ffc3e4d5d38.gif); background-position: 13px 11px; background-repeat: no-repeat; cursor: pointer; } /* line 2940, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down::before { content: ''; display: block; position: absolute; border: 10px solid #5e5e5d; border-left: 10px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); border-top: 0px solid rgba(255, 255, 255, 0); top: -10px; left: 0%; margin-left: 8px; } /* line 2953, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down { display: none; position: absolute; z-index: 9; top: 40px; left: 3px; width: 200px; height: auto; background: #5E5E5D; padding: 5px 0; border: 1px solid #5e5e5d; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* line 2981, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down_ul { padding: 0px; margin: 0; list-style: none; list-style-type: none; width: 100%; } /* line 2982, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down_ul li { margin: 0; width: 100%; border-bottom: 1px solid #c2c2c2; float: left; padding: 7px 12px; list-style: none; list-style-type: none; display: block; height: auto; overflow: hidden; } /* line 2984, app/assets/stylesheets/food_database.scss.erb */ ul#sort_results_drop_down_ul li:last-child { border: none; } /* line 2987, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down_ul li:hover { background-color: #F5F5F1; } /* line 2988, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down_ul li a, #sort_results_drop_down_ul li a:link, #sort_results_drop_down_ul li a:visited { color: #ffffff; display: block; opacity: 1.0; font-size: 13px; line-height: 16px; font-weight: 400; } /* line 2989, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down_ul li a:active, #sort_results_drop_down_ul li a:hover { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -moz-transition-duration: .3s; -o-transition: opacity .3s ease-in-out; text-shadow: none; } /* line 2991, app/assets/stylesheets/food_database.scss.erb */ #sort_results_drop_down_ul li:hover a { color: #6F7072 !important; text-shadow: none; } /* line 2995, app/assets/stylesheets/food_database.scss.erb */ .gages_col_left_dial_info { margin: 2.5% 2.5%; width: 95%; } /* line 3003, app/assets/stylesheets/food_database.scss.erb */ .gage_4 { /* background:url(/../img/gage_blank.jpg); background-position: center center; background-repeat:no-repeat; */ width: 205px; height: 175px; margin: 0px auto; position: relative; z-index: 9; margin: 0 20px 0px 0; } /* line 3012, app/assets/stylesheets/food_database.scss.erb */ .gage_4_bg_img { position: absolute; top: 23px; left: 26px; width: 150px; height: auto; /* width:180px; height:141px; */ z-index: 99; } /* .gage_4_pointer { height: 50px; left: 50%; margin-left: -10px; position: absolute; top: 50%; width: 19px; z-index: 99; } */ /* line 3024, app/assets/stylesheets/food_database.scss.erb */ .gage_4_legend { bottom: 0; font-size: 12px; font-weight: 600; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; width: 205px; z-index: 99; } /* line 3036, app/assets/stylesheets/food_database.scss.erb */ .gage_4_info { width: 440px; padding: 20px 15px 0 0; } /* line 3044, app/assets/stylesheets/food_database.scss.erb */ .gage_4_info h2 { color: #625F60; font-size: 16px; line-height: 20px; padding: 10px 10px 5px 10px; margin: 0; font-weight: 600; } /* line 3052, app/assets/stylesheets/food_database.scss.erb */ .gage_4_info p { color: #949283; font-size: 14px; line-height: 20px; padding: 0 10px 10px 10px; margin: 0; font-weight: 400; } /* line 3060, app/assets/stylesheets/food_database.scss.erb */ .leftaligned { text-align: left; padding-left: 20px; } /* line 3068, app/assets/stylesheets/food_database.scss.erb */ a.moreinfo_right, a.moreinfo_right:link, a.moreinfo_right:visited, a.moreinfo_right:active, a.moreinfo_right:hover { position: absolute; z-index: 99; bottom: 0; right: 0; width: 100px; padding: 5px; margin: 0px; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); text-align: center; -o-border-radius: 5px 0 5px 0; -ms-border-radius: 5px 0 5px 0; -khtml-border-radius: 5px 0 5px 0; -moz-border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; border-radius: 5px 0 5px 0; color: #868686; text-shadow: 0 1px 0 #FFFFFF; font-size: 14px; line-height: 14px; font-weight: 600; height: 24px; text-decoration: none; } /* line 3125, app/assets/stylesheets/food_database.scss.erb */ .anchor { display: block; position: relative; top: -140px; visibility: hidden; } /* line 3127, app/assets/stylesheets/food_database.scss.erb */ #more_1, #more_2, #more_3, #more_4 { display: none; padding: 0px 10px; } /* line 3136, app/assets/stylesheets/food_database.scss.erb */ #inside_padding { padding: 10px; } /* line 3141, app/assets/stylesheets/food_database.scss.erb */ #inside_padding h2, #more_1 h2, #more_2 h2, #more_3 h2, #more_4 h2 { color: #625F60; font-size: 16px; line-height: 20px; padding: 10px 10px 5px 10px; margin: 0; font-weight: 600; border-top: 1px solid #c2c2c2; margin-top: 10px; } /* line 3155, app/assets/stylesheets/food_database.scss.erb */ #inside_padding p, #more_1 p, #more_2 p, #more_3 p, #more_4 p { color: #949283; font-size: 14px; line-height: 20px; padding: 0 10px 10px 10px; margin: 0; font-weight: 400; } /* line 3168, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding { padding: 20px; } /* line 3169, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding h1 { color: #868686; /* text-shadow:0 1px 0 #FFFFFF; */ font-size: 18px; line-height: 20px; font-weight: 600; border-bottom: 1px solid #949283; margin: -20px 0 20px -20px; padding: 20px; width: 743px; background: #f0efea; /* background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e1), color-stop(100%,#c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%,#c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); */ -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } /* line 3196, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding h2 { border: 0 none; color: #009a4f; font-size: 16px; font-weight: 600; line-height: 20px; margin: 0; padding: 10px 0 0; } /* line 3197, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding h3 { border: 0 none; color: #009a4f; font-size: 14px; font-weight: 600; line-height: 20px; margin: 0; padding: 10px 0 0; } /* line 3198, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding p { font-size: 13px; line-height: 20px; color: #525353; padding: 10px 0 0 0; } /* line 3199, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding a { color: #009a4f; } /* line 3200, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding ul { font-size: 13px; line-height: 20px; color: #525353; padding: 10px 0 0 40px; list-style: disc; list-style-type: disc; } /* line 3201, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding ul li { margin: 0; padding: 5px 5px; list-style: disc; list-style-type: disc; } /* line 3202, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding ol { font-size: 13px; line-height: 20px; color: #525353; padding: 10px 0 0 40px; } /* line 3203, app/assets/stylesheets/food_database.scss.erb */ div.loaction_views_food_contents_show div#inside_padding ol li { margin: 0; padding: 5px 5px; } /* line 3205, app/assets/stylesheets/food_database.scss.erb */ #ingredient_name { width: 623px; height: 50px; } /* line 3210, app/assets/stylesheets/food_database.scss.erb */ .datarow_first { border-top: 0px solid #F00; padding: 0px 0 0 0; font-size: 14px; font-family: 'Open Sans', sans-serif; } /* line 3211, app/assets/stylesheets/food_database.scss.erb */ .datarow { border-top: 1px solid #e4e4e4; padding: 0px 0 0 0; font-size: 14px; font-family: 'Open Sans', sans-serif; } /* line 3212, app/assets/stylesheets/food_database.scss.erb */ .datacolseperator { width: 16px; } /* line 3214, app/assets/stylesheets/food_database.scss.erb */ .datacol1 { width: 660px; padding-top: 15px; padding-bottom: 15px; } /* line 3217, app/assets/stylesheets/food_database.scss.erb */ .datacol1_2 { width: 200px; padding-top: 15px; padding-bottom: 15px; } /* line 3218, app/assets/stylesheets/food_database.scss.erb */ .datacol2_2 { width: 200px; padding-top: 15px; padding-bottom: 15px; } /* line 3220, app/assets/stylesheets/food_database.scss.erb */ .dcol120 { width: 120px; padding-top: 15px; padding-bottom: 15px; } /* line 3221, app/assets/stylesheets/food_database.scss.erb */ .dcol300 { width: 200px; padding-top: 15px; padding-bottom: 15px; } /* line 3223, app/assets/stylesheets/food_database.scss.erb */ .dcol1_4 { width: 200px; padding-top: 15px; padding-bottom: 15px; } /* line 3224, app/assets/stylesheets/food_database.scss.erb */ .dcol2_4 { width: 400px; padding-top: 15px; padding-bottom: 15px; } /* line 3225, app/assets/stylesheets/food_database.scss.erb */ .dcol3_4 { width: 60px; padding-top: 0px; padding-bottom: 0px; } /* line 3226, app/assets/stylesheets/food_database.scss.erb */ .datacol1_3 { width: 200px; padding-top: 15px; padding-bottom: 15px; } /* line 3227, app/assets/stylesheets/food_database.scss.erb */ .datacol2_3 { width: 200px; padding-bottom: 15px; padding-top: 15px; } /* line 3228, app/assets/stylesheets/food_database.scss.erb */ .datacol3_3 { width: 60px; padding-bottom: 0; padding-top: 0; } /* line 3229, app/assets/stylesheets/food_database.scss.erb */ .datacol1_3b { width: 200px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; } /* line 3230, app/assets/stylesheets/food_database.scss.erb */ .datacol2_3b { width: 200px; padding-top: 15px; padding-bottom: 15px; text-align: center; } /* line 3231, app/assets/stylesheets/food_database.scss.erb */ .datacol3_3b { width: 260px; padding-top: 15px; padding-bottom: 15px; } /* line 3233, app/assets/stylesheets/food_database.scss.erb */ .datacol_left_ref { width: 416px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; } /* line 3234, app/assets/stylesheets/food_database.scss.erb */ .datacol_right_ref { width: 260px; padding-top: 15px; padding-bottom: 15px; } /* line 3236, app/assets/stylesheets/food_database.scss.erb */ .datatitle { font-family: 'Open Sans',sans-serif; font-size: 15px; font-style: normal; font-weight: 600; line-height: 15px; } /* line 3244, app/assets/stylesheets/food_database.scss.erb */ p.method_p { margin: 10px 0; text-align: right; font-size: 14px; line-height: 10px; } /* line 3245, app/assets/stylesheets/food_database.scss.erb */ p.method_p a, p.method_p a:link, p.method_p a:visited { color: #78776E; text-decoration: underline; } /* line 3246, app/assets/stylesheets/food_database.scss.erb */ p.method_p a:active, p.method_p a:hover { color: #78776E; text-decoration: underline; } /* line 3251, app/assets/stylesheets/food_database.scss.erb */ #chart { margin: 30px 15px 15px; } /* line 3252, app/assets/stylesheets/food_database.scss.erb */ .chart { position: relative; z-index: 9; } /* line 3254, app/assets/stylesheets/food_database.scss.erb */ .marker { position: absolute; z-index: 99; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/gray_marker-825ceb03325da8e3f9d4d6d520f3709393d18b00ae6c46f6fe6fbad33a36f6f3.png); background-position: 0 0; background-repeat: no-repeat; width: 22px; height: 29px; } /* line 3256, app/assets/stylesheets/food_database.scss.erb */ .marker_1 { bottom: 12px; left: 2px; } /* line 3257, app/assets/stylesheets/food_database.scss.erb */ .marker_2 { bottom: 22px; left: 2px; } /* line 3258, app/assets/stylesheets/food_database.scss.erb */ .marker_3 { bottom: 32px; left: 2px; } /* line 3259, app/assets/stylesheets/food_database.scss.erb */ .marker_4 { bottom: 42px; left: 2px; } /* line 3260, app/assets/stylesheets/food_database.scss.erb */ .marker_5 { bottom: 52px; left: 2px; } /* line 3261, app/assets/stylesheets/food_database.scss.erb */ .marker_6 { bottom: 62px; left: 2px; } /* line 3262, app/assets/stylesheets/food_database.scss.erb */ .marker_7 { bottom: 72px; left: 2px; } /* line 3263, app/assets/stylesheets/food_database.scss.erb */ .marker_8 { bottom: 82px; left: 2px; } /* line 3264, app/assets/stylesheets/food_database.scss.erb */ .marker_9 { bottom: 92px; left: 2px; } /* line 3265, app/assets/stylesheets/food_database.scss.erb */ .marker_10 { bottom: 102px; left: 2px; } /* line 3268, app/assets/stylesheets/food_database.scss.erb */ ul.double { width: 100%; overflow: hidden; border-top: 1px solid #ccc; padding: 0; list-style-type: none; } /* line 3276, app/assets/stylesheets/food_database.scss.erb */ .double li { line-height: 1.5em; border-bottom: 1px solid #c2c2c2; float: left; display: inline; padding-left: 40px; min-height: 75px; } /* line 3284, app/assets/stylesheets/food_database.scss.erb */ .double li { width: 50%; } /* line 3286, app/assets/stylesheets/food_database.scss.erb */ .highlight_positive { color: #111; } /* line 3290, app/assets/stylesheets/food_database.scss.erb */ .highlight_neutral { color: #111; } /* line 3294, app/assets/stylesheets/food_database.scss.erb */ .highlight_negative { color: #111; } /* line 3299, app/assets/stylesheets/food_database.scss.erb */ .image_bullet { padding-right: 10px; } /* line 3302, app/assets/stylesheets/food_database.scss.erb */ .pagination_per_page { display: inline; float: right; } /* line 3307, app/assets/stylesheets/food_database.scss.erb */ #per_page_pulldown { display: inline; overflow: hidden; margin-right: 5px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow-eeee409d71d15c9d632b527d8885fb724d682a21369efa58cb7c7ffc3e4d5d38.gif) no-repeat scroll 30px 0px #ECECEC; } /* line 3318, app/assets/stylesheets/food_database.scss.erb */ #per_page_pulldown select { border: 0; color: #7E7B7A; background: transparent; font-size: 14px; font-weight: bold; padding: 2px 10px; width: 58px; *width: 50px; *background: #58B14C; -webkit-appearance: none; } /* line 3323, app/assets/stylesheets/food_database.scss.erb */ #breadcrumbs { background-color: #f5f5f1; border-bottom: 2px solid #D3D0CE; padding: 10px; color: #6F7072; font-size: 12px; line-height: 15px; height: 40px; } /* line 3336, app/assets/stylesheets/food_database.scss.erb */ #left_nav_pulldown { margin: 10px; display: inline; overflow: hidden; margin-right: 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #8b8b8b !important; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow-eeee409d71d15c9d632b527d8885fb724d682a21369efa58cb7c7ffc3e4d5d38.gif) no-repeat scroll 150px 0px #ECECEC; } /* line 3349, app/assets/stylesheets/food_database.scss.erb */ #left_nav_pulldown select { border: 0; color: #7E7B7A; background: transparent; font-size: 14px; font-weight: bold; padding: 2px 10px; width: 180px; *width: 50px; *background: #58B14C; -webkit-appearance: none; } /* line 3358, app/assets/stylesheets/food_database.scss.erb */ #select_age { margin: 5px; display: inline; overflow: hidden; margin-right: 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #8b8b8b !important; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow-eeee409d71d15c9d632b527d8885fb724d682a21369efa58cb7c7ffc3e4d5d38.gif) no-repeat scroll 50px 0px #ECECEC; } /* line 3373, app/assets/stylesheets/food_database.scss.erb */ #select_age select { border: 0; color: #7E7B7A; background: transparent; font-size: 12px; font-weight: normal; padding: 2px 10px; width: 70px; *width: 50px; *background: #58B14C; -webkit-appearance: none; } /* line 3381, app/assets/stylesheets/food_database.scss.erb */ #select_gender { margin: 5px; display: inline; overflow: hidden; margin-right: 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #8b8b8b !important; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3); background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/arrow-eeee409d71d15c9d632b527d8885fb724d682a21369efa58cb7c7ffc3e4d5d38.gif) no-repeat scroll 130px 0px #ECECEC; } /* line 3396, app/assets/stylesheets/food_database.scss.erb */ #select_gender select { border: 0; color: #7E7B7A; background: transparent; font-size: 12px; font-weight: normal; padding: 2px 10px; width: 150px; *width: 50px; *background: #58B14C; -webkit-appearance: none; } /* line 3405, app/assets/stylesheets/food_database.scss.erb */ #age_gender_submit { border: 1px solid #8b8b8b !important; outline: medium none !important; /* background: #f0efea; background: -moz-linear-gradient(top, #f0efea 0%, #c3c0b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0efea), color-stop(100%,#c3c0b3)); background: -webkit-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: -o-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: -ms-linear-gradient(top, #f0efea 0%,#c3c0b3 100%); background: linear-gradient(to bottom, #f0efea 0%,#c3c0b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efea', endColorstr='#c3c0b3',GradientType=0 ); */ background: #f0efea; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: normal; height: 20px; line-height: 14px; margin: 5px; padding: 0 10px; color: #595e60; cursor: pointer; } /* line 3436, app/assets/stylesheets/food_database.scss.erb */ #age_gender_submit:hover { background: #f0efea; /* background: -moz-linear-gradient(top, #c3c0b3 0%, #f0efea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c0b3), color-stop(100%,#f0efea)); background: -webkit-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: -o-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: -ms-linear-gradient(top, #c3c0b3 0%,#f0efea 100%); background: linear-gradient(to bottom, #c3c0b3 0%,#f0efea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c0b3', endColorstr='#f0efea',GradientType=0 ); */ } /* line 3454, app/assets/stylesheets/food_database.scss.erb */ .home_hero_404 { margin-bottom: 20px; } /* line 3460, app/assets/stylesheets/food_database.scss.erb */ .error404 { background: #fff; height: 520px; width: 960px; margin: 20px auto 0 auto; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border: 1px solid #AAA; -webkit-box-shadow: 0 1px 0 #999; -moz-box-shadow: 0 1px 0 #999999; box-shadow: 0 1px 0 #999; } /* line 3488, app/assets/stylesheets/food_database.scss.erb */ #home_menu { display: none !important; } /* line 3490, app/assets/stylesheets/food_database.scss.erb */ #home_form_search_header { margin: 7px 10px 6px 10px !important; } /* line 3492, app/assets/stylesheets/food_database.scss.erb */ .slideshow .dots { top: 115px; } /* line 3498, app/assets/stylesheets/food_database.scss.erb */ #home { border-right: 0px solid #5F883B !important; } /* line 3499, app/assets/stylesheets/food_database.scss.erb */ #ewg_fd_href { border-right: 1px solid #006b37 !important; display: block !important; margin: 0 5px 0 0 !important; padding: 7px 10px 9px 9px !important; } /* line 3505, app/assets/stylesheets/food_database.scss.erb */ #down { text-indent: 0 !important; width: auto !important; color: #fff !important; } /* line 3506, app/assets/stylesheets/food_database.scss.erb */ #dropdown { width: 414px !important; } /* line 3507, app/assets/stylesheets/food_database.scss.erb */ #down { background-position: right center !important; color: #fff !important; padding: 2px 40px 0 0 !important; text-indent: 0 !important; width: auto !important; } /* line 3519, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination { background: transparent !important; padding: 9px 0 !important; } /* line 3521, app/assets/stylesheets/food_database.scss.erb */ #results2 { padding: 0 0 0px 0; height: auto; width: 100%; background-color: #ECECEC !important; border-top: 1px solid #AAAAAA !important; } /* line 3528, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_text p { padding-top: 10px !important; } /* line 3529, app/assets/stylesheets/food_database.scss.erb */ #per_page_pulldown { -o-box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; } /* line 3533, app/assets/stylesheets/food_database.scss.erb */ #sort_results { background-position: 13px 6px !important; border: 1px solid rgba(0, 0, 0, 0.3) !important; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; margin: 5px !important; padding: 5px 15px 5px 42px !important; } /* line 3544, app/assets/stylesheets/food_database.scss.erb */ #views { margin: 5px 10px 0; } /* line 3545, app/assets/stylesheets/food_database.scss.erb */ .view_less_compact { width: 24px; height: 19px; margin: 5px 10px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/less_compact-296d8c3f69f76fa8d900b9d4c9db43703ac8d2a7543a2c34f8e3099f46e61e9f.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* line 3549, app/assets/stylesheets/food_database.scss.erb */ .view_more_compact { width: 24px; height: 19px; margin: 5px 10px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/more_compact-007d4ec815a536c0b88e265caec87930196329cde731e0ef1f937646687c491f.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* line 3554, app/assets/stylesheets/food_database.scss.erb */ #change_per_page { margin: 0 10px; padding: 3px 0px 5px; } /* line 3559, app/assets/stylesheets/food_database.scss.erb */ #gotopage { border-left: 1px solid #A4A4A4; border-right: 1px solid #A4A4A4; margin: 0 10px; padding: 3px 20px 5px; } /* line 3565, app/assets/stylesheets/food_database.scss.erb */ input.input_gotopage { border: 1px solid rgba(0, 0, 0, 0.3); float: left; height: 20px; margin: 5px 0 0 10px; outline: 0 none !important; width: 40px; } /* line 3574, app/assets/stylesheets/food_database.scss.erb */ .ind_result_text { height: 75px; width: 599px; padding: 8px 10px; overflow: hidden; font-size: 15px; line-height: 20px; height: auto; min-height: 75px; } /* line 3575, app/assets/stylesheets/food_database.scss.erb */ .ind_result_text a, .ind_result_text a:link, .ind_result_text a:visited { margin-right: 10px; color: #009a4f; text-decoration: none !important; outline: none !important; border: 0 none; vertical-align: baseline; background: transparent; overflow: hidden; white-space: nowrap; } /* line 3576, app/assets/stylesheets/food_database.scss.erb */ .ind_result_text a:active, .ind_result_text a:hover { color: #009a4f; text-decoration: underline !important; outline: none !important; border: 0 none; } /* line 3578, app/assets/stylesheets/food_database.scss.erb */ .jcarousel ul li .ind_result_text { padding: 8px 0; } /* line 3580, app/assets/stylesheets/food_database.scss.erb */ .gages_3_wide { margin: 2.5% 2.5%; width: 28%; } /* line 3588, app/assets/stylesheets/food_database.scss.erb */ .moreinfo_3_wide, a.moreinfo_3_wide, a.moreinfo_3_wide:link, a.moreinfo_3_wide:visited, a.moreinfo_3_wide:active, a.moreinfo_3_wide:hover { position: absolute; z-index: 99; bottom: 0; left: 0; width: 100%; padding: 5px; margin: 0px; /* background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e1), color-stop(100%,#c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%,#c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%,#c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); */ background: #f0efea; text-align: center; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; color: #868686; /* text-shadow:0 1px 0 #FFFFFF; */ font-size: 14px; line-height: 14px; font-weight: 600; height: 24px; cursor: pointer !important; font-size: 13px !important; height: auto !important; line-height: 13px !important; padding: 10px 5px !important; text-decoration: none !important; } /* line 3638, app/assets/stylesheets/food_database.scss.erb */ .top_left_right_curved { -o-border-radius: 6px 6px 0px 0px; -ms-border-radius: 6px 6px 0px 0px; -khtml-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; } /* line 3642, app/assets/stylesheets/food_database.scss.erb */ #prod_photo.prod_photo_updated { border-bottom: 1px solid #D3D0CE; width: 200px !important; } /* line 3643, app/assets/stylesheets/food_database.scss.erb */ #prod_photo img { max-width: 90%; height: auto; } /* line 3644, app/assets/stylesheets/food_database.scss.erb */ #prod_photo { border-left: 0 solid #C2C2C2; height: 200px !important; overflow: hidden; position: relative; z-index: 9; } /* line 3653, app/assets/stylesheets/food_database.scss.erb */ #the_new_score_title_block { width: 760px; overflow: hidden !important; height: 200px !important; background-color: #ffffff; } /* line 3655, app/assets/stylesheets/food_database.scss.erb */ #score.updated_score { border-bottom: 0 solid #D3D0CE; border-left: 1px solid #D3D0CE; border-right: 0 solid #D3D0CE; height: 100%; position: relative; width: 200px; z-index: 9; } /* line 3667, app/assets/stylesheets/food_database.scss.erb */ #score.updated_score img { height: 100% !important; max-height: none !important; width: auto !important; } /* line 3673, app/assets/stylesheets/food_database.scss.erb */ #name_and_cats.name_and_cats_updated { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%; max-width: 560px; overflow: hidden; border-bottom: 1px solid #D3D0CE; } /* line 3681, app/assets/stylesheets/food_database.scss.erb */ #breadcrumbs.breadcrumbs_updated { border: 1px solid #D3D0CE; color: #525353; opacity: 0.6; } /* line 3688, app/assets/stylesheets/food_database.scss.erb */ #breadcrumbs.breadcrumbs_updated a { color: #525353; text-decoration: none; } /* line 3695, app/assets/stylesheets/food_database.scss.erb */ .product_header_updated { padding: 20px 0 0px; } /* line 3697, app/assets/stylesheets/food_database.scss.erb */ .left_column_updated { margin-right: 0; width: 199px; } /* line 3698, app/assets/stylesheets/food_database.scss.erb */ .right_column_updated { width: 761px; } /* line 3701, app/assets/stylesheets/food_database.scss.erb */ #prod_cats_left.prod_cats_left_updated { -o-border-radius: 0 0 0 6px; -ms-border-radius: 0 0 0 6px; -khtml-border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; border-right: 0 none !important; } /* line 3710, app/assets/stylesheets/food_database.scss.erb */ .right_column_updated { -o-border-radius: 0 0 6px 6px; -ms-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; border-top: 0 none !important; } /* line 3718, app/assets/stylesheets/food_database.scss.erb */ #post_date.post_date_updated { -o-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; line-height: 19px; font-size: 13px; padding: 10px; text-align: left; } /* line 3730, app/assets/stylesheets/food_database.scss.erb */ #signup_left.signup_left_updated { -o-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } /* line 3735, app/assets/stylesheets/food_database.scss.erb */ #vert_banner.vert_banner_updated { -o-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } /* line 3741, app/assets/stylesheets/food_database.scss.erb */ #vert_banner.vert_banner_updated img { -o-border-radius: 6px 0 0 6px; -ms-border-radius: 6px 0 0 6px; -khtml-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } /* line 3747, app/assets/stylesheets/food_database.scss.erb */ .explain { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/info_i-75d396732f83c006ca4f84057b8f7b9a184a2b8edb549a89593e8cf83b16e000.jpg) no-repeat scroll 4px 4px rgba(0, 0, 0, 0); border: 1px solid #39B54A; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #525353; font-size: 12px; font-weight: 600; height: 31px; line-height: 12px; margin: 5px auto; padding: 8px 5px 4px 20px; text-align: center; width: 90%; } /* line 3766, app/assets/stylesheets/food_database.scss.erb */ .explain_bar { border: 1px solid #D3D0CE; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #525353; font-size: 12px; font-weight: 600; line-height: 12px; margin: 10px; padding: 5px; width: 90%; position: absolute; bottom: 0px; left: 0px; } /* line 3786, app/assets/stylesheets/food_database.scss.erb */ .explain_bar img { height: 50px; margin-right: 10px; } /* line 3792, app/assets/stylesheets/food_database.scss.erb */ .howitrates_new { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/how_it_rates_new_img-187fef7e4692637923ed576ef397e54d8fc791925ce79922fc89ed9d9fa320cf.jpg) no-repeat scroll 0px 12px rgba(0, 0, 0, 0); color: #525353; font-size: 14px; font-weight: 600; line-height: 20px; margin: 5px 10px 10px 10px; width: 90%; border: 0 none; padding: 15px 5px 4px 27px; } /* line 3807, app/assets/stylesheets/food_database.scss.erb */ .gage_legend_new { color: #525353; color: #949283; font-size: 12px; font-weight: 600; height: auto; line-height: 20px; padding: 0 20px 25px; text-align: center; width: 100%; } /* line 3821, app/assets/stylesheets/food_database.scss.erb */ #select_age_gender.select_age_gender_updated { background: none !important; display: block !important; height: auto !important; overflow: auto; } /* line 3822, app/assets/stylesheets/food_database.scss.erb */ #select_age_gender.select_age_gender_updated select { width: 100%; padding: 5px 10px; background-color: #ffffff; } /* line 3824, app/assets/stylesheets/food_database.scss.erb */ #age_gender_submit.age_gender_submit_updated { height: auto; padding: 5px 10px; } /* line 3828, app/assets/stylesheets/food_database.scss.erb */ li#li_description_bars_new { background-color: #F5F5F1; color: #78776E; font-size: 12px; line-height: 20px; margin: 10px 0 0; } /* line 3836, app/assets/stylesheets/food_database.scss.erb */ .percentage_display { height: auto; padding: 5px 5px; min-width: 35px; background-color: #F5F5F1; color: #78776E; font-size: 12px; line-height: 12px; text-align: left; margin: 0 0 10px 0; } /* line 3852, app/assets/stylesheets/food_database.scss.erb */ a > .percentage_display { border: 0 none !important; text-decoration: none !important; outline: none !important; } /* line 3853, app/assets/stylesheets/food_database.scss.erb */ a.tooltip_ahref_class { border: 0 none !important; text-decoration: none !important; outline: none !important; display: block; } /* more custom styles */ /* line 3856, app/assets/stylesheets/food_database.scss.erb */ .gages_3_wide { cursor: pointer; } /* line 3858, app/assets/stylesheets/food_database.scss.erb */ .gages_3_wide:hover { -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); } /* line 3870, app/assets/stylesheets/food_database.scss.erb */ #selected_bar { position: relative; z-index: 1; } /* line 3876, app/assets/stylesheets/food_database.scss.erb */ #selected_bar:after { content: ""; height: 20px; position: absolute; right: -25px; top: 2.5px; width: 20px; z-index: 9; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/left_arrow_new-eba5b22c42f4bcb4decb1d8993cd742b6fcc90370df4cdc420cf7bb6384bc28e.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 3891, app/assets/stylesheets/food_database.scss.erb */ #selected_bar:hover:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* opacity:0.9; filter: alpha(opacity=90); */ } /* line 3903, app/assets/stylesheets/food_database.scss.erb */ .close_button { margin-right: 5px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/close-65a06a073efbda116b32a1165c41e13be43929a793b3396981c54b85fa2e1597.png); background-size: 27px 27px; width: 30px; opacity: 0.6; height: 30px; background-repeat: no-repeat; } /* line 3914, app/assets/stylesheets/food_database.scss.erb */ .left_amazon_link { width: 200px; text-align: center; border: 1px solid #C2C2C2; margin-top: 10px; font-size: 12px; background-color: #ffffff !important; padding: 10px 0 !important; -o-border-radius: 5px 0 0 5px !important; -ms-border-radius: 5px 0 0 5px !important; -khtml-border-radius: 5px 0 0 5px !important; -moz-border-radius: 5px 0 0 5px !important; -webkit-border-radius: 5px 0 0 5px !important; border-radius: 5px 0 0 5px !important; } /* line 3925, app/assets/stylesheets/food_database.scss.erb */ .explain { margin: 0 0 15px 20px; } /* line 3926, app/assets/stylesheets/food_database.scss.erb */ #explain_light { color: #525353; font-weight: bold; padding: 10px; font-size: 1.1em; opacity: 1.0; } /* line 3929, app/assets/stylesheets/food_database.scss.erb */ #prod_name.prod_name_updated { height: auto; padding: 20px 20px 11px; } /* line 3930, app/assets/stylesheets/food_database.scss.erb */ #prod_name.prod_name_updated h1 { font-size: 22px; font-weight: 300; line-height: 24px; padding: 5px 0 0; } /* line 3931, app/assets/stylesheets/food_database.scss.erb */ #prod_name.prod_name_updated p { font-size: 13px; line-height: 20px; padding-bottom: 0; padding-top: 8px; } /* line 3932, app/assets/stylesheets/food_database.scss.erb */ #prod_name.prod_name_updated p a { text-decoration: none !important; font-weight: 600; } /* line 3936, app/assets/stylesheets/food_database.scss.erb */ .ind_result { padding: 15px 20px; } /* line 3938, app/assets/stylesheets/food_database.scss.erb */ .ind_result_img { width: 75px; height: 75px; background-size: auto 70% !important; height: 100px; width: 100%; background: none !important; float: left; width: 100%; height: auto; text-align: center; height: 170px; padding: 10px; width: 100%; border: 0 none !important; } /* line 3957, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_img { width: 50px; height: 50px; } /* line 3958, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_score { width: 50px; height: 50px; } /* line 3959, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_text { height: 50px !important; max-height: 50px !important; min-height: 0 !important; overflow: hidden !important; width: 649px; font-size: 14px !important; line-height: 16px !important; } /* line 3968, app/assets/stylesheets/food_database.scss.erb */ .compact_results .product_category_below_link { font-size: 11px !important; line-height: 11px !important; padding: 4px 10px 5px 0 !important; text-align: left !important; } /* line 3977, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_img { background-size: auto 65% !important; } /* line 3980, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_img { height: 115px; width: 195px; } /* line 3985, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_img { background-color: #FF0000 !important; background-position: center center !important; background-size: cover !important; background: none !important; background-image: none !important; height: 115px; width: 160px; text-align: center; } /* line 3996, app/assets/stylesheets/food_database.scss.erb */ .img_delete_bg_noshow { width: 100%; max-width: 100%; height: auto; } /* line 3998, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_text { width: 434px; } /* line 3999, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_img { height: auto; } /* line 4000, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_score { height: 80px; width: 80px; } /* line 4005, app/assets/stylesheets/food_database.scss.erb */ div.ind_result_score img { width: 100%; max-width: 100%; height: auto; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 4007, app/assets/stylesheets/food_database.scss.erb */ .ind_result_text a, .ind_result_text a:link, .ind_result_text a:visited { white-space: normal; overflow: auto; vertical-align: top; } /* line 4008, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_text { font-size: 17px !important; line-height: 29px !important; } /* line 4012, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_text { overflow: auto !important; max-height: none !important; height: auto !important; padding: 10px 20px 10px 20px; } /* line 4014, app/assets/stylesheets/food_database.scss.erb */ .product_category_below_link a, .product_category_below_link a:link, .product_category_below_link a:visited { color: #7E7B7A !important; } /* line 4015, app/assets/stylesheets/food_database.scss.erb */ .product_category_below_link a, .product_category_below_link a:link, .product_category_below_link a:visited { color: #7E7B7A !important; font-size: 14px; line-height: 16px; } /* line 4020, app/assets/stylesheets/food_database.scss.erb */ .bar_left_col_2 { width: 85px; } /* line 4022, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination { background-color: #FFFFFF !important; border-bottom: 0px solid #AAAAAA !important; } /* line 4028, app/assets/stylesheets/food_database.scss.erb */ #results2 { border-bottom: 1px solid #AAAAAA !important; } /* line 4031, app/assets/stylesheets/food_database.scss.erb */ .form_aisle_left { margin: 10px 0 0 0; } /* line 4033, app/assets/stylesheets/food_database.scss.erb */ #results_for { font-size: 16px; line-height: 16px; } /* line 4037, app/assets/stylesheets/food_database.scss.erb */ #results_for_name { color: #5A5B5D; font-weight: 600; } /* line 4039, app/assets/stylesheets/food_database.scss.erb */ .apple_pagination { border-bottom: 1px solid #C2C2C2 !important; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; border-top: 0 none; } /* line 4045, app/assets/stylesheets/food_database.scss.erb */ #prod_cats_left { border-top: 0; } /* line 4047, app/assets/stylesheets/food_database.scss.erb */ #results_for_and_showing_numbers { background-color: #FFFFFF; width: 100%; background-color: #FFFFFF; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; padding: 0px; width: 100%; height: 40px; } /* line 4058, app/assets/stylesheets/food_database.scss.erb */ #results2 { border-bottom: 1px solid #AAAAAA !important; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; } /* line 4064, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_img { border: 2px solid #C2C2C2 !important; } /* line 4069, app/assets/stylesheets/food_database.scss.erb */ #sort_results { background-color: #ffffff; } /* line 4070, app/assets/stylesheets/food_database.scss.erb */ #per_page_pulldown { background-color: #ffffff; background-position: 30px 4px; } /* line 4071, app/assets/stylesheets/food_database.scss.erb */ #results2 { height: 42px; } /* line 4072, app/assets/stylesheets/food_database.scss.erb */ #gotopage { padding: 5px 20px 7px; } /* line 4076, app/assets/stylesheets/food_database.scss.erb */ #change_per_page { font-size: 16px; line-height: 16px; padding: 9px 0 5px; } /* line 4082, app/assets/stylesheets/food_database.scss.erb */ .view_less_compact { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/new_grid_view-c6bc486c22bec865d971911d8b6423296f10c85ad4aac1df93a191700fc55d6e.png) no-repeat scroll 50% 50%/cover rgba(0, 0, 0, 0); } /* line 4087, app/assets/stylesheets/food_database.scss.erb */ .ind_result { border: 1px solid #C2C2C2; float: left; margin: 1%; padding: 15px 20px; width: 31%; } /* line 4096, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results { border: 0px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; float: none; margin: 0; padding: 10px; width: 100%; } /* line 4105, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .ind_result_img { background-size: auto 75% !important; } /* line 4108, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .ind_result_img { height: auto; width: 160px; } /* line 4112, app/assets/stylesheets/food_database.scss.erb */ .ind_result_text { width: 100%; } /* line 4114, app/assets/stylesheets/food_database.scss.erb */ .product_category_below_link { text-align: left; } /* line 4115, app/assets/stylesheets/food_database.scss.erb */ .ind_result { padding: 10px; position: relative; z-index: 8; } /* line 4116, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results { padding: 15px 20px; } /* line 4123, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .img_delete_bg_noshow { height: auto; max-width: 100%; width: 100%; } /* line 4128, app/assets/stylesheets/food_database.scss.erb */ .img_delete_bg_noshow { height: 100%; max-width: 100%; width: auto; } /* line 4134, app/assets/stylesheets/food_database.scss.erb */ .ind_result { height: 360px; max-height: 360px; overflow: hidden; } /* line 4140, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results { height: auto; max-height: none; } /* line 4146, app/assets/stylesheets/food_database.scss.erb */ .ind_result_score { height: 50px; position: absolute; width: 50px; z-index: 9; top: 17px; left: 17px; } /* line 4154, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .ind_result_score { height: 75px; position: relative; width: 75px; z-index: 9; } /* line 4162, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .ind_result_score img { width: 100%; max-width: 100%; height: auto; -o-border-radius: 5px !important; -ms-border-radius: 5px !important; -khtml-border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; } /* line 4164, app/assets/stylesheets/food_database.scss.erb */ .ind_result_score img { width: 100%; max-width: 100%; height: auto; /* -o-border-radius:0 0 5px 0 !important; -ms-border-radius:0 0 5px 0 !important; -khtml-border-radius:0 0 5px 0 !important; -moz-border-radius:0 0 5px 0 !important; -webkit-border-radius:0 0 5px 0 !important; border-radius:0 0 5px 0 !important; */ } /* line 4170, app/assets/stylesheets/food_database.scss.erb */ .ind_result .img_delete_bg_noshow { height: auto; max-height: 100%; max-width: 100%; width: auto; vertical-align: middle; } /* line 4178, app/assets/stylesheets/food_database.scss.erb */ .helper { display: inline-block; height: 100%; vertical-align: middle; } /* line 4183, app/assets/stylesheets/food_database.scss.erb */ img { vertical-align: middle !important; } /* line 4187, app/assets/stylesheets/food_database.scss.erb */ .ind_result .img_delete_bg_noshow { margin-top: -60px; position: relative; top: 50%; } /* line 4195, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .img_delete_bg_noshow { margin-top: 0px; position: relative; top: 0; } /* line 4206, app/assets/stylesheets/food_database.scss.erb */ .ind_result.compact_results .ind_result_img { height: 160px; overflow: hidden; -o-border-radius: 0 0 0 0 !important; -ms-border-radius: 0 0 0 0 !important; -khtml-border-radius: 0 0 0 0 !important; -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; border-radius: 0 0 0 0 !important; } /* line 4213, app/assets/stylesheets/food_database.scss.erb */ .performance-facts__header { padding: 6px 0 2.5px; } /* line 4216, app/assets/stylesheets/food_database.scss.erb */ h1#score_distribution_062014 { font-size: 20px; font-weight: 400; line-height: 25px; margin: 0 0 10px 0; padding: 0 0 0 0px; /* background:url(/icon_product_breakdown_2.png); background-size:20px; background-position:0 0; background-repeat:no-repeat; */ } /* line 4232, app/assets/stylesheets/food_database.scss.erb */ .gages_col_header h1.new_062014 { font-size: 15px; line-height: 16px; padding: 5px 0 0 25px; } /* line 4234, app/assets/stylesheets/food_database.scss.erb */ .gages_col_header h1.new_062014 span.mini_letter { background-color: #69685c; color: #ffffff; display: inline-block; font-size: 12px; height: 22px; left: 11px; top: 10px; line-height: 12px; margin: 0 5px 0 0; padding: 5px 0 0; position: absolute; text-align: center; width: 22px; -o-border-radius: 115px; -ms-border-radius: 115px; -khtml-border-radius: 115px; -moz-border-radius: 115px; -webkit-border-radius: 115px; border-radius: 115px; } /* line 4252, app/assets/stylesheets/food_database.scss.erb */ span.mini_letter { font-family: Verdana; font-weight: 100; } /* line 4258, app/assets/stylesheets/food_database.scss.erb */ #thermometer_legend_box { height: 45px; width: 75%; margin: 5px 2.5% 0px 12.5%; position: relative; z-index: 9; float: left; background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/thermometer_ticks-070e4392463b2de9bb7651ca70c85ec55cb9349b02912cdc481a8079f26ab7f7.png); background-position: 0 0; background-repeat: no-repeat; } /* line 4270, app/assets/stylesheets/food_database.scss.erb */ #thermometer_legend { color: #868383; position: absolute; z-index: 99; left: 0px; top: 0px; width: 100%; height: 15px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; } /* line 4271, app/assets/stylesheets/food_database.scss.erb */ #thermometer_legend_inside { width: 100%; height: auto; position: relative; z-index: 9; font-size: 14px; line-height: 14px; } /* line 4272, app/assets/stylesheets/food_database.scss.erb */ #thermometer_legend_inside_1 { position: absolute; z-index: 99; top: 20px; left: -5px; } /* line 4273, app/assets/stylesheets/food_database.scss.erb */ #thermometer_legend_inside_10 { position: absolute; z-index: 99; top: 20px; right: -5px; } /* line 4276, app/assets/stylesheets/food_database.scss.erb */ #thermometer_score_box_buffer { width: 10%; float: left; } /* line 4280, app/assets/stylesheets/food_database.scss.erb */ #thermometer_score_box { width: 75%; height: 40px; margin-top: 0px; margin-left: 10%; } /* line 4287, app/assets/stylesheets/food_database.scss.erb */ img#thermometer_score { margin: 0px 0px 0px 0px; margin-left: 90%; height: 40px; width: 40px; z-index: 99; -o-border-radius: 7px; -ms-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /* line 4296, app/assets/stylesheets/food_database.scss.erb */ #thermometer_score_border_line { border-left: 1px solid #c2c2c2; height: 15px; width: 2px; position: absolute; z-index: 99; top: -18px; right: 0px; } /* line 4298, app/assets/stylesheets/food_database.scss.erb */ .thermometer_line { padding: 0px; margin: 0px; height: 2px; line-height: 1px; position: absolute; opacity: 0.4; } /* line 4304, app/assets/stylesheets/food_database.scss.erb */ #termometer_label_lower { float: left; text-align: right; width: 10%; height: auto; position: relative; z-index: 9; font-size: 14px; line-height: 14px; margin-top: 25px; } /* line 4310, app/assets/stylesheets/food_database.scss.erb */ #termometer_label_higher { float: left; width: 10%; height: auto; position: relative; z-index: 9; font-size: 14px; line-height: 14px; margin-top: 25px; } /* line 4316, app/assets/stylesheets/food_database.scss.erb */ #thermometer { float: left; border: 1px solid #c2c2c2; height: 35px; width: 75%; background-color: #ffffff; -o-border-radius: 7px; -ms-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin: 20px 2.5% 0px 2.5%; position: relative; z-index: 9; } /* line 4329, app/assets/stylesheets/food_database.scss.erb */ #thermometer_nutrition { height: 100%; position: relative; z-index: -10; } /* line 4330, app/assets/stylesheets/food_database.scss.erb */ #thermometer_hazard { height: 100%; position: relative; z-index: 10; } /* line 4331, app/assets/stylesheets/food_database.scss.erb */ #thermometer_processing { height: 100%; position: relative; z-index: -10; } /* line 4333, app/assets/stylesheets/food_database.scss.erb */ .thermometer_border_left { border-left: 2px solid #ffffff; } /* line 4334, app/assets/stylesheets/food_database.scss.erb */ .thermometer_left_rounding { -o-border-radius: 7px 0 0 7px; -ms-border-radius: 7px 0 0 7px; -khtml-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; -webkit-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; } /* line 4335, app/assets/stylesheets/food_database.scss.erb */ .thermometer_right_rounding { -o-border-radius: 0 7px 7px 0; -ms-border-radius: 0 7px 7px 0; -khtml-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -webkit-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; } /* line 4339, app/assets/stylesheets/food_database.scss.erb */ .mini_letter_label { background-color: #69685c; color: #ffffff; display: inline-block; font-size: 12px; height: 22px; left: 50%; top: 6px; line-height: 12px; margin: 0 5px 0 -11px; padding: 5px 0 0; position: absolute; text-align: center; width: 22px; -o-border-radius: 115px; -ms-border-radius: 115px; -khtml-border-radius: 115px; -moz-border-radius: 115px; -webkit-border-radius: 115px; border-radius: 115px; font-family: Verdana; font-weight: 100; } /* line 4358, app/assets/stylesheets/food_database.scss.erb */ .mini_letter_first { left: -5px; } /* line 4361, app/assets/stylesheets/food_database.scss.erb */ .mini_letter_last { left: 160%; } /* line 4366, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_1 { background-color: #53b649; } /* line 4367, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_2 { background-color: #7fc678; } /* line 4368, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_3 { background-color: #b2d573; } /* line 4369, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_4 { background-color: #e9e964; } /* line 4370, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_5 { background-color: #fbdf57; } /* line 4371, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_6 { background-color: #f8c55d; } /* line 4372, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_7 { background-color: #f8a85f; } /* line 4373, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_8 { background-color: #f69860; } /* line 4374, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_9 { background-color: #ef6760; } /* line 4375, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_10 { background-color: #ef474d; } /* line 4376, app/assets/stylesheets/food_database.scss.erb */ .thermometer_color_gray { background-color: #989787; background: #989787; background: -moz-linear-gradient(top, #b8b6a1 0%, #989787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b6a1), color-stop(100%, #989787)); background: -webkit-linear-gradient(top, #b8b6a1 0%, #989787 100%); background: -o-linear-gradient(top, #b8b6a1 0%, #989787 100%); background: -ms-linear-gradient(top, #b8b6a1 0%, #989787 100%); background: linear-gradient(to bottom, #b8b6a1 0%, #989787 100%); } /* line 4387, app/assets/stylesheets/food_database.scss.erb */ #thermometer_explain_best { text-align: center; color: #53b649; } /* line 4388, app/assets/stylesheets/food_database.scss.erb */ #thermometer_explain_good { text-align: center; color: #7fc678; } /* line 4390, app/assets/stylesheets/food_database.scss.erb */ #evidence p { padding: 10px 10px 0px 15px; } /* line 4392, app/assets/stylesheets/food_database.scss.erb */ #top_finding_addtional_information { margin: 10px; padding: 10px; font-size: 0.9em; line-height: 1.5em; } /* line 4399, app/assets/stylesheets/food_database.scss.erb */ .top_finding_addtional_information { margin: 10px; padding: 10px; font-size: 0.9em; line-height: 1.5em; } /* line 4406, app/assets/stylesheets/food_database.scss.erb */ .seal_paragraph { height: 95px; border-bottom: 1px solid #c2c2c2; padding: 10px 0px; width: 100%; } /* line 4413, app/assets/stylesheets/food_database.scss.erb */ .seal_paragraph img { height: 75px; float: right; padding: 0px; margin: 0px 10px; } /* line 4419, app/assets/stylesheets/food_database.scss.erb */ .seal_paragraph p { padding: 30px 10px; border: 0px; font-size: 0.95em; } /* line 4425, app/assets/stylesheets/food_database.scss.erb */ .ind_result_seals { height: 50px; width: 100%; position: absolute; bottom: 10px; left: 0px; } /* line 4432, app/assets/stylesheets/food_database.scss.erb */ .search_seal_image { float: right; max-height: 50px; margin: 5px; padding: 5px; max-width: 50px; } /* line 4439, app/assets/stylesheets/food_database.scss.erb */ .compact_results .search_seal_image { float: left; } /* line 4443, app/assets/stylesheets/food_database.scss.erb */ .compact_results .ind_result_seals { float: left; left: 190px; bottom: 20px; } /* line 4449, app/assets/stylesheets/food_database.scss.erb */ .gage_legend_new { display: none; } /* line 4454, app/assets/stylesheets/food_database.scss.erb */ .gage_2_legend { bottom: -3px; font-size: 12px; font-weight: 600; height: 20px; left: 0; line-height: 20px; position: absolute; text-align: center; width: 205px; z-index: 99; } /* line 4469, app/assets/stylesheets/food_database.scss.erb */ .gage_2 { width: 205px; height: 155px; margin: 0px auto; position: relative; z-index: 9; height: 190px !important; } /* line 4474, app/assets/stylesheets/food_database.scss.erb */ .gages_col_individual .gage_2 { width: 100% !important; height: 225px !important; } /* line 4479, app/assets/stylesheets/food_database.scss.erb */ .gage_2_bg_img { position: absolute; height: auto; z-index: 99; left: 20px; top: 36px; width: 165px; } /* line 4488, app/assets/stylesheets/food_database.scss.erb */ .no_concern_green_plus { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/white_plus_concern-88df5600736e531bc53f1fdcb37c81406eeb381fc9c077aefefe8a7862c6e70c.png) no-repeat scroll 14px 3px/13px auto #53b649; color: #ffffff; font-size: 12px; font-weight: 600; line-height: 12px; padding: 4px 5px; text-align: center; width: 100%; } /* line 4499, app/assets/stylesheets/food_database.scss.erb */ ul.details_popup li { font-size: 14px; line-height: 20px; } /* line 4506, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114 { border: 1px solid #c2c2c2; background-color: #f0efea; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 30px auto 0; width: 960px; } /* line 4507, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_left { width: 70%; -o-border-radius: 5px 0px 0 5px; -ms-border-radius: 5px 0px 0 5px; -khtml-border-radius: 5px 0px 0 5px; -moz-border-radius: 5px 0px 0 5px; -webkit-border-radius: 5px 0px 0 5px; border-radius: 5px 0px 0 5px; } /* line 4508, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_right { width: 30%; -o-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: 1px solid #c2c2c2; } /* line 4509, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_left_header { /* display:none; */ border-bottom: 0px solid #C2C2C2; text-align: center; height: 57px; padding: 11px 0 0 0; background-color: transparent; -o-border-radius: 5px 0px 0 0; -ms-border-radius: 5px 0px 0 0; -khtml-border-radius: 5px 0px 0 0; -moz-border-radius: 5px 0px 0 0; -webkit-border-radius: 5px 0px 0 0; border-radius: 5px 0px 0 0; } /* line 4510, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_left_header h1 { color: #868686; /* text-shadow:0 1px 0 #FFFFFF; */ font-size: 24px; line-height: 36px; font-weight: 400; width: 300px; margin: 0 auto; padding: 4px 0 6px 40px; } /* line 4511, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_left_content { min-height: 390px; padding: 0px 0 0 0; } /* line 4512, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_left_content_top { width: 100%; height: 180px; position: relative; z-index: 3; background: #f8f7ec; } /* line 4514, app/assets/stylesheets/food_database.scss.erb */ #n_h_p_scores { width: 100%; height: 220px; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/n_h_p_scores_2-3189a13a95c44e511ae39cf9f12be6e8cb33f726d3c2093dc7dca445d3396f11.png); background-position: 0 -51px; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); position: absolute; z-index: 4; top: 0; left: 0; } /* line 4515, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_left_content_bottom { width: 100%; height: 210px; color: #ffffff; font-size: 17px; line-height: 21px; text-align: center; position: relative; z-index: 1; } /* line 4517, app/assets/stylesheets/food_database.scss.erb */ .fleft_img { float: left; margin: 0 20px 145px 0; width: 130px; height: auto; } /* line 4519, app/assets/stylesheets/food_database.scss.erb */ #tab_wrapper { width: 100%; height: auto; } /* line 4521, app/assets/stylesheets/food_database.scss.erb */ #tabs { width: 182px; } /* line 4523, app/assets/stylesheets/food_database.scss.erb */ #contents { background-color: transparent; font-size: 15px; line-height: 24px; margin: 0 10px 0 30px; width: 408px; } /* line 4525, app/assets/stylesheets/food_database.scss.erb */ #contents span { color: #71953D; padding: 0 0 10px 0; margin: 0; font-size: 33px; line-height: 40px; font-weight: 300; } /* line 4527, app/assets/stylesheets/food_database.scss.erb */ #nutrition { display: block; } /* line 4529, app/assets/stylesheets/food_database.scss.erb */ #hazard { display: none; } /* line 4531, app/assets/stylesheets/food_database.scss.erb */ #processing { display: none; } /* line 4534, app/assets/stylesheets/food_database.scss.erb */ .click_tab_active { border: 2px solid #71953D; } /* line 4536, app/assets/stylesheets/food_database.scss.erb */ .click_tab { color: #747474; font-size: 16px; font-weight: 600; line-height: 20px; padding: 23px 0 0 60px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 4538, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_right_header { border-bottom: 1px solid #C2C2C2; text-align: center; height: 57px; padding: 17px 0 0 0; background: #e8e6e1; background: -moz-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e6e1), color-stop(100%, #c8c7b7)); background: -webkit-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -o-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: -ms-linear-gradient(top, #e8e6e1 0%, #c8c7b7 100%); background: linear-gradient(to bottom, #e8e6e1 0%, #c8c7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e6e1', endColorstr='#c8c7b7',GradientType=0 ); -o-border-radius: 0px 5px 0 0; -ms-border-radius: 0px 5px 0 0; -khtml-border-radius: 0px 5px 0 0; -moz-border-radius: 0px 5px 0 0; -webkit-border-radius: 0px 5px 0 0; border-radius: 0px 5px 0 0; } /* line 4539, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_right_header h1 { color: #ffffff; /* text-shadow:0 1px 0 #78776E; */ font-size: 21px; line-height: 21px; font-weight: 400; } /* line 4540, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_right_content { width: 100%; height: 447px; min-height: 447px; background-color: #ecebe5; -o-border-radius: 0 0 5px 0; -ms-border-radius: 0 0 5px 0; -khtml-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } /* line 4541, app/assets/stylesheets/food_database.scss.erb */ #score_promo_new_073114_right_content a { display: block; width: 100%; height: 100%; } /* line 4544, app/assets/stylesheets/food_database.scss.erb */ .pistachio_green { /* background: #8caf3f !important; background: -moz-linear-gradient(top, #8caf3f 0%, #74983d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8caf3f), color-stop(100%,#74983d)) !important; background: -webkit-linear-gradient(top, #8caf3f 0%,#74983d 100%) !important; background: -o-linear-gradient(top, #8caf3f 0%,#74983d 100%) !important; background: -ms-linear-gradient(top, #8caf3f 0%,#74983d 100%) !important; background: linear-gradient(to bottom, #8caf3f 0%,#74983d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8caf3f', endColorstr='#74983d',GradientType=0 ) !important; */ background: #009a4f !important; } /* line 4558, app/assets/stylesheets/food_database.scss.erb */ #blurb_n { left: 20px; position: absolute; top: 60px; width: 200px; z-index: 2; } /* line 4566, app/assets/stylesheets/food_database.scss.erb */ #blurb_h { left: 239px; position: absolute; top: 60px; width: 200px; z-index: 2; } /* line 4574, app/assets/stylesheets/food_database.scss.erb */ #blurb_p { left: 453px; position: absolute; top: 60px; width: 200px; z-index: 2; } /* line 4582, app/assets/stylesheets/food_database.scss.erb */ .overall_score_blurb { font-size: 13px; line-height: 20px; margin-bottom: 20px; } /* line 4583, app/assets/stylesheets/food_database.scss.erb */ .overall_score_blurb a { text-decoration: none !important; font-weight: 600; } /* line 4587, app/assets/stylesheets/food_database.scss.erb */ .nurition_score_detail_title { margin: 14px 0px 0px 0px; font-size: 16px; font-weight: 600; } /* line 4593, app/assets/stylesheets/food_database.scss.erb */ .nurition_score_detail_section { background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/low_high_03-eee3d9cf5a10e2f019bf5a289d21caa89320904cf225dccb69adacf534be123d.png); background-position: 400px 10px; background-repeat: no-repeat; margin-top: 15px; font-size: 14px; font-weight: 600; } /* line 4602, app/assets/stylesheets/food_database.scss.erb */ .nurition_score_detail_line { margin: 0px 0px 0px 30px; border-bottom: 1px solid #c2c2c2; } /* line 4607, app/assets/stylesheets/food_database.scss.erb */ .nurition_score_detail_label { width: 405px; font-size: 14px; } /* line 4616, app/assets/stylesheets/food_database.scss.erb */ .nurition_score_detail_chart img { padding: 0px !important; border: 1px solid #c2c2c2; margin-left: -1px; margin-top: 0px; height: 10px; float: none; } /* line 4625, app/assets/stylesheets/food_database.scss.erb */ .howitrates_new { margin-top: 0px !important; } /* line 4638, app/assets/stylesheets/food_database.scss.erb */ #results_for { padding: 12px 0 0 10px; } /* line 4650, app/assets/stylesheets/food_database.scss.erb */ .nutrition_div_bar_green { width: 20px; background-color: #39B54A; border: 1px solid #aaa; margin: 10px 0px; height: 10px; float: left; padding: 0px; } /* line 4660, app/assets/stylesheets/food_database.scss.erb */ .nutrition_div_bar_gray { width: 20px; background-color: #DDDDDD; border: 1px solid #aaa; margin: 10px 0px; height: 10px; float: left; padding: 0px; } /* line 4670, app/assets/stylesheets/food_database.scss.erb */ .nutrition_div_bar_red { width: 20px; background-color: #E91F24; border: 1px solid #aaa; margin: 10px 0px; height: 10px; float: left; padding: 0px; } /* line 4680, app/assets/stylesheets/food_database.scss.erb */ .older_product_ind_result { background-color: transparent; } /* line 4684, app/assets/stylesheets/food_database.scss.erb */ .discontinued_ind_result { background-color: transparent; } /* line 4689, app/assets/stylesheets/food_database.scss.erb */ .flat-table { margin-bottom: 20px; border-collapse: collapse; font-family: Helvetica, Arial, sans-serif; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100% !important; text-align: left; background-color: #ffffff !important; background: #ffffff !important; } /* line 4702, app/assets/stylesheets/food_database.scss.erb */ .flat-table th, .flat-table td { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(0, 0, 0, 0.25); border: 0 none !important; } /* line 4705, app/assets/stylesheets/food_database.scss.erb */ .flat-table th { font-weight: bold; -webkit-font-smoothing: antialiased; padding: 20px 10px; color: rgba(0, 0, 0, 0.45); text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 16px; background: rgba(0, 0, 0, 0.1); } /* line 4715, app/assets/stylesheets/food_database.scss.erb */ .flat-table td { color: rgba(0, 0, 0, 0.45); padding: 5px; text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); font-size: 15px; } /* line 4723, app/assets/stylesheets/food_database.scss.erb */ .faq_answer { /* margin-left:50px; color: #949283; font-size: 14px; line-height: 20px; padding: 0 10px 10px 10px; font-weight: 400; */ font-size: 13px; line-height: 20px; color: #525353; padding: 10px 0 0 0; } /* line 4735, app/assets/stylesheets/food_database.scss.erb */ .backtotop { /* float:right; color: #949283; font-size: 14px; line-height: 20px; padding: 0 10px 10px 10px; font-weight: 400; margin-top:10px; margin-bottom:50px; width:100%; */ text-align: right; font-size: 13px; line-height: 20px; color: #525353; padding: 10px 0 20px; } /* line 4764, app/assets/stylesheets/food_database.scss.erb */ form.contact { font: 12px/20px 'Lucida Grande', Verdana, sans-serif; color: #404040; position: relative; margin: 0px auto; padding: 0px; width: 100%; background: #f5f5f1; border: 0px solid #cfd5da; border-bottom-color: #ccd1d6; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0); box-shadow: 0 1px 1px rgba(0, 0, 0, 0); vertical-align: baseline; } /* line 4782, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; padding: 0; background: white; border-radius: 2px; } /* form.contact:before, form.contact:after, form.contact fieldset.contact-inner:before, form.contact fieldset.contact-inner:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; width: 1px; height: 1px; border: outset transparent; border-width: 12px 14px 0; border-top-style: solid; -webkit-transform: rotate(360deg); } form.contact:before { margin-top: 1px; border-top-color: #d8e1e6; } form.contact fieldset.contact-inner:before { border-top-color: #ccd1d6; } form.contact fieldset.contact-inner:after { margin-top: -1px; border-top-color: #f5f5f1; } form.contact:after { margin-top: -8px; border-top-color: white; } */ /* line 4831, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input { overflow: hidden; margin-bottom: 20px; padding: 5px; background: #f5f5f1; border-radius: 2px; } /* line 4839, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input input[type="text"], form.contact fieldset.contact-inner .contact-input input[type="url"], form.contact fieldset.contact-inner .contact-input input[type="tel"], form.contact fieldset.contact-inner .contact-input input[type="email"] { font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 29px; padding: 0 9px; color: #4d5a5e; background: white; border: 1px solid #c7d8b0; /* border-bottom-color: #d2e2e7; */ border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.2); } /* line 4865, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input input[type="checkbox"] { width: 20px; height: 20px; padding: 0px; margin: 0 10px 10px 5px; } /* line 4878, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input input:focus, form.contact fieldset.contact-inner .contact-input textarea:focus { border-color: #93c2ec; outline: 0; -webkit-box-shadow: 0 0 0 8px #e1ecf5; box-shadow: 0 0 0 8px #e1ecf5; } /* line 4886, app/assets/stylesheets/food_database.scss.erb */ .lt-ie9 form.contact fieldset.contact-inner .contact-input input, .lt-ie9 form.contact fieldset.contact-inner .contact-input textarea { line-height: 27px; } /* line 4889, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input textarea { display: block; width: 100%; height: 29px; padding: 0 9px; color: #4d5a5e; background: white; border: 1px solid #c7d8b0; /* border-bottom-color: #d2e2e7; */ border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.2); font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 8px; height: 90px; line-height: 20px; resize: none; } /* line 4914, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label { font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* line 4926, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input select { font-family: inherit; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 4934, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label.select { display: block; position: relative; overflow: hidden; background: white; border: 1px solid #d2e2e7; border-bottom-color: #c5d4d9; border-radius: 2px; background-image: -webkit-linear-gradient(top, #fcfdff, #f2f7f7); background-image: -moz-linear-gradient(top, #fcfdff, #f2f7f7); background-image: -o-linear-gradient(top, #fcfdff, #f2f7f7); background-image: linear-gradient(to bottom, #fcfdff, #f2f7f7); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); } /* line 4949, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label.select:before, form.contact fieldset.contact-inner .contact-input label.select:after { content: ''; position: absolute; right: 11px; width: 0; height: 0; border-left: 3px outset transparent; border-right: 3px outset transparent; } /* line 4959, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label.select:before { top: 10px; border-bottom: 3px solid #7f9298; } /* line 4963, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label.select:after { top: 16px; border-top: 3px solid #7f9298; } /* line 4967, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label.select select { position: relative; z-index: 2; width: 112%; height: 29px; line-height: 17px; padding: 5px 9px; padding-right: 0; color: #80989f; background: transparent; background: rgba(0, 0, 0, 0); border: 0; -webkit-appearance: none; } /* line 4981, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-input label.select select:focus { color: #4d5a5e; outline: 0; } /* line 4988, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-submit { text-align: right; } /* line 4991, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-submit input[type="submit"] { display: inline-block; vertical-align: top; padding: 0 14px; height: 29px; font-weight: bold; color: #ffffff; /* text-shadow: -1px -1px 0 #4e632c; */ background: #deeef4; cursor: pointer; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0 none !important; outline: medium none !important; border: 1px solid #4e632c !important; /* background: #749942; background: -moz-linear-gradient(top, #749942 50%, #617c36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#749942), color-stop(100%,#617c36)); background: -webkit-linear-gradient(top, #749942 50%,#617c36 100%); background: -o-linear-gradient(top, #749942 50%,#617c36 100%); background: -ms-linear-gradient(top, #749942 50%,#617c36 100%); background: linear-gradient(to bottom, #749942 50%,#617c36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749942', endColorstr='#617c36',GradientType=0 ); */ background: #009a4f; /* -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 4px #f5f5f1; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 4px #f5f5f1; */ } /* line 5045, app/assets/stylesheets/food_database.scss.erb */ form.contact fieldset.contact-inner .contact-submit input:active { background: #009a4f; /* background: #617c36; background: -moz-linear-gradient(top, #617c36 0%, #749942 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#617c36), color-stop(100%,#749942)); background: -webkit-linear-gradient(top, #617c36 0%,#749942 100%); background: -o-linear-gradient(top, #617c36 0%,#749942 100%); background: -ms-linear-gradient(top, #617c36 0%,#749942 100%); background: linear-gradient(to bottom, #617c36 0%,#749942 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617c36', endColorstr='#749942',GradientType=0 ); */ } /* line 5068, app/assets/stylesheets/food_database.scss.erb */ .loaction_views_food_contents_show #signup_left.signup_left_updated { margin-top: 0px !important; } /* line 5070, app/assets/stylesheets/food_database.scss.erb */ #fe_confirm { color: #fff; } /* Facebook Like box CSS */ /* line 5073, app/assets/stylesheets/food_database.scss.erb */ #facebook_like_widget { width: 279px; height: 163px; position: fixed; z-index: 200; background-color: #03F; background: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/fb_like_for_foodscores_2014_03-b54362eb5abfdcea6ea09c5b2592e6f81750c366cd49fa6f1ea7146fe2b4e88b.png); background-position: 0px 1px; background-repeat: no-repeat; background-color: transparent; } /* line 5074, app/assets/stylesheets/food_database.scss.erb */ #facebook_like_widget_inner { width: 279px; height: 163px; position: relative; } /* line 5075, app/assets/stylesheets/food_database.scss.erb */ #facebook_like_widget_close { width: 20px; height: 20px; background-color: transparent; position: absolute; z-index: 1003; top: 3px; right: 3px; text-decoration: none !important; outline: none !important; border: 0 none !important; cursor: pointer; } /* line 5076, app/assets/stylesheets/food_database.scss.erb */ #facebook_like_counter { width: 250px; height: 75px; background: #ffffff; position: absolute; z-index: 1002; top: 65px; left: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; } /* line 5077, app/assets/stylesheets/food_database.scss.erb */ .facebookWidget_hide { left: -300px; } /* line 5078, app/assets/stylesheets/food_database.scss.erb */ .facebookWidget_show { left: 15px; } /* line 5081, app/assets/stylesheets/food_database.scss.erb */ .makemegreen { color: #ffffff; /* text-shadow: -1px -1px 0 #4e632c; background: #749942; background: -moz-linear-gradient(top, #749942 0%, #617c36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#749942), color-stop(100%,#617c36)); background: -webkit-linear-gradient(top, #749942 0%,#617c36 100%); background: -o-linear-gradient(top, #749942 0%,#617c36 100%); background: -ms-linear-gradient(top, #749942 0%,#617c36 100%); background: linear-gradient(to bottom, #749942 0%,#617c36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749942', endColorstr='#617c36',GradientType=0 ); */ background: #009a4f; } /* line 5108, app/assets/stylesheets/food_database.scss.erb */ .makemegreen h1#nutrition_facts_h1 { background-image: url(https://www.ewg.org/foodscores/assets/food_database_stylesheet/apple_calc_nutri_03-ab3fafe510fddd938a90704b169c353e676a8537c310ad761fa39d378ac0483f.png); background-position: 35px -2px; background-repeat: no-repeat; background-size: 22px; color: #ffffff !important; /* text-shadow: -1px -1px 0 #4e632c !important; */ padding: 4px 0 10px !important; } /* line 5120, app/assets/stylesheets/food_database.scss.erb */ #searches_since { margin: 10px; font-size: 13px; color: #525252; opacity: 0.7; } /* line 5126, app/assets/stylesheets/food_database.scss.erb */ #searches_count { font-weight: bold; } /* line 5130, app/assets/stylesheets/food_database.scss.erb */ .full_screen_title { width: 100%; padding: 0px; background-color: #ffffff; margin: 0 auto 0px auto; } /* line 5134, app/assets/stylesheets/food_database.scss.erb */ .full_screen_content { width: 100%; padding: 0px; background-color: #ffffff; margin: 0 auto 30px auto; border: 1px solid #C2C2C2; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 5144, app/assets/stylesheets/food_database.scss.erb */ #thanksgiving_text { width: 600px; } /* line 5148, app/assets/stylesheets/food_database.scss.erb */ #thanksgiving_text p { font-size: 18px; line-height: 24px; padding-top: 12px; } /* line 5154, app/assets/stylesheets/food_database.scss.erb */ #thanksgiving_signup { width: 300px; } /* line 5158, app/assets/stylesheets/food_database.scss.erb */ #thanksgiving_signup_top { text-align: center; color: #FFFFFF; font-size: 18px; font-weight: 600; line-height: 22px; text-shadow: -1px -1px 0 #4E632C; height: auto; padding: 15px; background: #749942; background: -moz-linear-gradient(top, #749942 50%, #617c36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #749942), color-stop(100%, #617c36)); background: -webkit-linear-gradient(top, #749942 50%, #617c36 100%); background: -o-linear-gradient(top, #749942 50%, #617c36 100%); background: -ms-linear-gradient(top, #749942 50%, #617c36 100%); background: linear-gradient(to bottom, #749942 50%, #617c36 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#749942', endColorstr='#617c36',GradientType=0 ); -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* line 5177, app/assets/stylesheets/food_database.scss.erb */ #thanksgiving_signup_text p { font-size: 14px; line-height: 20px; padding: 12px; font-color: #777; } /* line 5179, app/assets/stylesheets/food_database.scss.erb */ .thanksgiving_image { display: block; margin: 5px; border: 2px solid #F2F2F2; padding: 18px; } /* line 5185, app/assets/stylesheets/food_database.scss.erb */ .thanksgiving_image a { text-decoration: none; } /* line 5186, app/assets/stylesheets/food_database.scss.erb */ .thanksgiving_image img { margin-bottom: 10px; display: block; width: 100%; height: auto; } /* line 5192, app/assets/stylesheets/food_database.scss.erb */ .thanksgiving_image p { font-size: 18px !important; line-height: 20px !important; color: #949283 !important; text-align: left !important; padding: 0px !important; margin: 0px !important; } /* line 5202, app/assets/stylesheets/food_database.scss.erb */ img.logo2015_pc { height: auto; width: 60px; } /* line 5203, app/assets/stylesheets/food_database.scss.erb */ img.logo2015_2_pc { height: auto; width: 200px; } /* https://gist.github.com/joaocunha/6273016/ */ /* line 5206, app/assets/stylesheets/food_database.scss.erb */ select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } /* line 5212, app/assets/stylesheets/food_database.scss.erb */ .highlight_age_gender { background: none repeat scroll 0 0 #f0efea; line-height: 20px; padding: 20px 0 !important; } /* line 5218, app/assets/stylesheets/food_database.scss.erb */ p.method_p { margin: 10px 0 20px; text-align: center; } /* line 5222, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_header { background: #f0efea !important; background-color: #f0efea !important; border-bottom: 1px solid #c2c2c2; } /* line 5223, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_header h1 { color: #868686 !important; } /* line 5224, app/assets/stylesheets/food_database.scss.erb */ #eat_well_guide_text h1 { color: #868686 !important; }