@charset "UTF-8"; /* Please think of the children. Keep this SCSS file neat and tidy by only importing. */ /* Import Utilities */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* @font-face { font-family: DINOT; src: url("../fonts/DINOT.otf") format("opentype"), src: url("../fonts/DINOT.woff") format("woff"), src: url("../fonts/DINOT.eot") format("embedded-opentype"); } @font-face { font-family: DINOTBold; font-weight: bold; src: url("../fonts/DINOT-Bold.otf") format("opentype"), src: url("../fonts/DINOT-Bold.woff") format("woff"), src: url("../fonts/DINOT-Bold.eot") format("embedded-opentype"); } @font-face { font-family: DINOT; font-weight: bold; font-style: italic; src: url("../fonts/DINOT-BoldItalic.otf") format("opentype"), src: url("../fonts/DINOT-BoldItalic.woff") format("woff"), src: url("../fonts/DINOT-BoldItalic.eot") format("embedded-opentype"); } @font-face { font-family: DINOT; font-style: italic; src: url("../fonts/DINOT-Italic.otf") format("opentype"), src: url("../fonts/DINOT-Italic.woff") format("woff"), src: url("../fonts/DINOT-Italic.eot") format("embedded-opentype"); } @font-face { font-family: DINOTMedium; font-weight: bolder; src: url("../fonts/DINOT-Medium.otf") format("opentype"), src: url("../fonts/DINOT-Medium.woff") format("woff"), src: url("../fonts/DINOT-Medium.eot") format("embedded-opentype"); } @font-face { font-family: DINOT; font-weight: bolder; font-style: italic; src: url("../fonts/DINOT-MediumItalic.otf") format("opentype"), src: url("../fonts/DINOT-MediumItalic.woff") format("woff"), src: url("../fonts/DINOT-MediumItalic.eot") format("embedded-opentype"); } */ @font-face { font-family: 'DINOT-BoldItalic'; src: url("../fonts/DINOT-BoldItalic.eot"); src: url("../fonts/DINOT-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINOT-BoldItalic.woff") format("woff"), url("../fonts/DINOT-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'DINOT'; src: url("../fonts/DINOT-Italic.eot"); src: url("../fonts/DINOT-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINOT-Italic.woff") format("woff"), url("../fonts/DINOT-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'DINOT-MediumItalic'; src: url("../fonts/DINOT-MediumItalic.eot"); src: url("../fonts/DINOT-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/DINOT-MediumItalic.woff") format("woff"), url("../fonts/DINOT-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: 'DINOT'; src: url("../fonts/DINOT.eot"); src: url("../fonts/DINOT.eot?#iefix") format("embedded-opentype"), url("../fonts/DINOT.woff") format("woff"), url("../fonts/DINOT.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINOT'; src: url("../fonts/DINOT-Bold.eot"); src: url("../fonts/DINOT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINOT-Bold.woff") format("woff"), url("../fonts/DINOT-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'DINOT'; src: url("../fonts/DINOT-Medium.eot"); src: url("../fonts/DINOT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINOT-Medium.woff") format("woff"), url("../fonts/DINOT-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a:link, a:visited, .context-about-neef .menu .menu .active-trail a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; overflow-x: hidden; overflow-y: scroll; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Position Variables Style guide: components.variables */ /*-------Colours----------*/ /* Background/Base colours */ /* Font colours */ /* This is where the variables for varying breakpoints and media queries. */ /* Layout mixins */ /* Media Query mixins */ /* Retina Mixin */ /* Print media query Mixin */ /* Import Atoms */ button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { box-shadow: 0 0 0 transparent; } button { padding: 4px 8px; border-radius: 0; text-decoration: none; text-shadow: 0 0 0 transparent; box-shadow: inset 0 0 3px #ffffff; color: #fff; } button:hover { text-shadow: 0 0 0 transparent; box-shadow: inset 0 0 3px #fff; } .views-reset-button { clear: both; } @media (min-width: 768px) { .views-reset-button { clear: none; padding: 1.2em !important; } } /* Basic Header font and margins.

This is an H1

*/ h1#page-title { font-family: DINOT, verdana, sans-serif !important; font-size: 40px; text-transform: uppercase; } h1.article__title { text-transform: inherit; } h1 { font-family: DINOT, verdana, sans-serif !important; font-size: 36px; text-transform: uppercase; } h2 { font-family: DINOT, verdana, sans-serif !important; font-size: 30px; text-transform: uppercase; } h3 { font-family: DINOT, verdana, sans-serif !important; font-size: 26px; text-transform: uppercase; } h4 { font-family: DINOT, verdana, sans-serif !important; font-size: 20px; } h5 { font-family: DINOT, verdana, sans-serif !important; font-size: 18px; } h6 { font-family: DINOT, verdana, sans-serif !important; font-size: 14px; } body { color: #626262; } p, .grid-wrapper li, .block-bean li, .region-content li { font-family: DINOT, verdana, sans-serif !important; } .footer { font-size: 16px; color: #FFFFFF; text-align: center; } @media (min-width: 768px) { .footer { font-size: 18px; } } .node-type-landing-page p { font-size: 16px; } .field-type-text-with-summary { clear: both; } small { font-size: smaller !important; } sub { font-size: smaller; vertical-align: sub; } sup { font-size: smaller; vertical-align: super; } blockquote p { background: #f9f9f9; border-left: 10px solid #002856; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "“" "”" "‘" "’"; } blockquote p:before { color: #ccc; content: open-quote; font-size: 3em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } /* Basic Input styling Inputs. Styleguide : atoms.inputs --------MARKUP FOR ATTARDI FORM INPUTS------- */ input { display: block; } .input span { position: absolute; z-index: 1; cursor: text; pointer-events: none; color: #999; /* Input padding + input border */ padding: 7px; /* Firefox does not respond well to different line heights. Use padding instead. */ line-height: 17px; /* This gives a little gap between the cursor and the label */ margin-left: 2px; } .input input, .input textarea, .input select { z-index: 0; padding: 6px; margin: 0; font: inherit; line-height: 17px; } .input select { padding: 5px; /* Unfortunately selects don't respond well to padding. They need an explicit height. */ height: 31px; } input#edit-search-block-form--2 { height: 30px; } input#edit-reset, #contact-site-form .form-submit { width: auto !important; } #contact-site-form input { max-width: 100%; } #zone-branding #search-block-form input[type="submit"] { font-size: 14px !important; width: 80px; margin-top: 5px !important; } .ayi_label { display: inline-block; vertical-align: top; } .ayi_signup_wrapper .ayi_social_signup input[type="text"] { width: 210px; height: 50px; } @media all and (min-width: 1350px) { .ayi_signup_wrapper .ayi_social_signup input[type="text"] { width: 350px; } } .ayi_submit { color: #FFFFFF !important; background-color: #861155 !important; background: #861155 none repeat scroll 0 0 !important; border: medium none !important; color: #ffffff !important; font-weight: normal !important; padding: 5px 10px !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .chosen-container-multi input[type="text"] { height: 27px; } /* Basic Image styling. Basic image structure. Styleguide : atoms.images */ img { height: auto; max-width: 100%; border: 0 none !important; float: left; margin: 10px 20px 10px 0; } img.file-icon { margin: 0 10px 0 0; } iframe { max-width: 100%; } img.media-element.file-default { float: none; } .media .file-image img { margin: 0 0 10px 0; clear: both; float: none; } .node-person .field-name-field-photo img { margin-right: 30px; margin-bottom: 15px; } .node-type-resource .field-name-field-image, .node-type-tip .field-name-field-image { margin-right: 30px; margin-bottom: 15px; } .view-trending-content .image-credit-toggle.js, .view-trending-content .file-image .field-name-field-image-credit .field-items { top: 0; } .file-image .field-name-field-image-credit .field-items { top: 0; left: 5%; position: absolute; width: 80%; padding: 10px; background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; display: block; opacity: 0; color: #FFFFFF; } @media (min-width: 1024px) { .file-image .field-name-field-image-credit .field-items { top: 80%; } } .file-image .field-name-field-image-credit .copyright-visible.field-items { opacity: 1; } /*.field-collection-view .media img{ max-width: 60vw; }*/ .feature-large-wrapper img { margin-bottom: 20px; } /*-------------IFRAMES-------------*/ #youtube-video-wrapper { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 35px; position: relative; } #youtube-video-wrapper iframe, #youtube-video-wrapper .youtube5container { height: 100% !important; width: 100% !important; position: absolute !important; left: 0; top: 0; } /* Basic Form styling. Forms. Styleguide : atoms.forms */ /*------------- forms ------------------------*/ .webform-container-inline label { width: 25%; display: inline-block; } ß .form-textarea-wrapper #edit-message { height: 120px; } #edit-submitted-message { height: 120px; } .form-submit { border: none !important; border-radius: 0 !important; color: #FFFFFF !important; background: #861155 !important; text-shadow: none !important; width: 25% !important; height: 30px !important; margin-top: .5em !important; font-size: 16px !important; } header .form-item-search-block-form { width: 75%; margin: 0; } header .form-text { width: 90%; } .ayi_social_signup form { width: 80%; margin: 0 auto; } @media (min-width: 1024px) { .ayi_social_signup form { width: 100%; } } /* Basic Table Styling Basic Table styling. Styleguide : atoms.tables */ /*------------------- tables ---------------------*/ table { max-width: 100% !important; width: 100% !important; border-collapse: collapse; } table .field-name-field-caption { display: none; } table, th, td { border: 1px solid black !important; } tr > td { width: 35px; } td > p { padding: 1px 15px; } tr:hover td, tr.even:hover td.active, tr.odd:hover td.active, tr:active td, tr.even:active td.active, tr.odd:active td.active { background: none repeat scroll 0 0 #eee; } .views-view-grid tr:hover td, .views-view-grid tr:active td { background: none transparent; } .views-view-grid tr td:hover, .views-view-grid tr.even:hover td.active, .views-view-grid tr.odd:hover td.active, .views-view-grid tr td:active, .views-view-grid tr.even:active td.active, .views-view-grid tr.odd:active td.active { background: none repeat scroll 0 0 #eee; } a, a:link, a:visited, .context-about-neef .menu .menu .active-trail a { color: #0062a0 !important; text-decoration: none !important; font-family: DINOT, verdana, sans-serif !important; } a.contextual-links-trigger:hover, .context-about-neef .menu .menu .active-trail a.contextual-links-trigger:hover, a.contextual-links-trigger, .context-about-neef .menu .menu .active-trail a.contextual-links-trigger { background: transparent url("../images/gear-select.png") no-repeat 2px 0 !important; border: 1px solid transparent !important; height: 18px !important; margin: 0 !important; padding: 0 4px !important; outline: none !important; text-indent: 34px !important; width: 28px !important; overflow: hidden !important; -khtml-border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; } a.contextual-links-trigger > a, .context-about-neef .menu .menu .active-trail a.contextual-links-trigger > a { padding: 0 !important; margin: 0 !important; } #admin-menu a, .page-node .copyright-visible a, .page-node .copyright-visible .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .page-node .copyright-visible a { color: #FFFFFF !important; } .block-bean a, .block-bean .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-bean a, .node-page a, .node-page .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .node-page a, .node-resource a, .node-resource .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .node-resource a, .node-type-article article a, .node-type-article article .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .node-type-article article a, .page-tips article a, .page-tips article .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .page-tips article a, .page-about-neef-news article a, .page-about-neef-news article .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .page-about-neef-news article a, .node-type-tip article a, .node-type-tip article .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .node-type-tip article a, .page-contact #zone-content a, .block-related-content-block a, .block-related-content-block .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-related-content-block a, .apachesolr_search-results a, .apachesolr_search-results .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .apachesolr_search-results a { color: #0062a0 !important; } .more_link { clear: right; } .source { float: right; font-size: 12px; font-style: italic; } .pager a, .pager .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager a, a.chosen-single, .context-about-neef .menu .menu .active-trail a.chosen-single { color: #000000 !important; } .field-name-field-content-blocks .more-link, .field-name-field-content-blocks .more_link, .field-name-field-content-blocks .more_link a, .field-name-field-content-blocks .more_link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .field-name-field-content-blocks .more_link a, .view-trending-content .more-link, .view-trending-content .more_link, .view-trending-content .more_link a, .view-trending-content .more_link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-trending-content .more_link a { background: #861155; font-family: DINOT, verdana, sans-serif; font-size: 14px; padding: 5px 10px; float: none; display: block; box-sizing: border-box; text-align: center; color: #FFFFFF; } #tabs .tabs__more-link { background: transparent !important; color: #861155 !important; border: none !important; float: right !important; background: transparent; } #tabs .tabs__more-link:after { content: ">>"; margin-left: 10px; } .block-neef-trending-content a, .block-neef-trending-content .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-neef-trending-content a { color: #626262 !important; } .block-neef-trending-content a:hover, .block-neef-trending-content .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-neef-trending-content a:hover { color: #002a55; } .block-neef-trending-content #tabs .field-name-field-image-credit a { color: #FFFFFF !important; } .block-main-menu .leaf a, .block-main-menu .leaf .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-main-menu .leaf a { font-size: 16px; } .block-main-menu .menu .active-trail { background: #9bcae8; border: 0px solid #000000; padding: 8px 10px; display: block; padding: 4px 10px; } @media (min-width: 1024px) { .block-main-menu .menu .active-trail { border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; } } .block-main-menu a, .block-main-menu .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-main-menu a, .block-menu-utility-menu a, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a { font-size: 20px; padding: 8px 10px; display: block; color: #FFFFFF !important; } .block-main-menu a:hover, .block-main-menu .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-main-menu a:hover, .block-main-menu a:active, .block-main-menu .context-about-neef .menu .menu .active-trail a:active, .context-about-neef .menu .menu .active-trail .block-main-menu a:active, .block-main-menu a.active-trail, .block-main-menu .context-about-neef .menu .menu .active-trail a.active-trail, .context-about-neef .menu .menu .active-trail .block-main-menu a.active-trail, .block-menu-utility-menu a:hover, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a:hover, .block-menu-utility-menu a:active, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a:active, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a:active, .block-menu-utility-menu a.active-trail, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a.active-trail, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a.active-trail { background: #9bcae8; border: 0px solid #000000; padding: 8px 10px; display: block; } @media (min-width: 1024px) { .block-main-menu a:hover, .block-main-menu .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-main-menu a:hover, .block-main-menu a:active, .block-main-menu .context-about-neef .menu .menu .active-trail a:active, .context-about-neef .menu .menu .active-trail .block-main-menu a:active, .block-main-menu a.active-trail, .block-main-menu .context-about-neef .menu .menu .active-trail a.active-trail, .context-about-neef .menu .menu .active-trail .block-main-menu a.active-trail, .block-menu-utility-menu a:hover, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a:hover, .block-menu-utility-menu a:active, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a:active, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a:active, .block-menu-utility-menu a.active-trail, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a.active-trail, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a.active-trail { border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; } } .block-main-menu a.active-trail, .block-main-menu .context-about-neef .menu .menu .active-trail a.active-trail, .context-about-neef .menu .menu .active-trail .block-main-menu a.active-trail, .block-menu-utility-menu a.active-trail, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a.active-trail, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a.active-trail { background: transparent !important; } @media (min-width: 1024px) { .block-menu-utility-menu .active-trail.active { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } } .footer a, .footer .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer a { color: #FFFFFF !important; font-size: 16px; text-transform: uppercase; } @media (min-width: 768px) { .footer a, .footer .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer a { font-size: 18px; } } .footer a:hover, .footer .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .footer a:hover { color: #9bcae8 !important; } .block-main-menu .leaf a:hover, .block-main-menu .leaf .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-main-menu .leaf a:hover, .block-main-menu .leaf .active { color: #002856 !important; } .block-menu-utility-menu a:hover, .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu a:hover, .block-menu-utility-menu .leaf .active { color: #002856 !important; } .breadcrumb { display: none; } .donate-button { background: #861155; color: #FFFFFF; border-radius: 0 !important; } .block-apachesolr-search a, .block-apachesolr-search .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-apachesolr-search a { color: #0062a0 !important; } .tips_and_tricks .view-footer a, .tips_and_tricks .view-footer .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .tips_and_tricks .view-footer a, .trending_content #tabs .more_link a { color: #861155 !important; float: right; font-size: 16px; font-weight: bold; } .tips_and_tricks .view-footer a:after, .tips_and_tricks .view-footer .context-about-neef .menu .menu .active-trail a:after, .context-about-neef .menu .menu .active-trail .tips_and_tricks .view-footer a:after, .trending_content #tabs .more_link a:after { content: ">>"; margin-left: 10px; } .trending_content #tabs .more_link a { background: url("../images/trending-icons.png") no-repeat; padding-left: 40px; line-height: 33px; text-transform: uppercase; } .trending_content #weather .more_link a { background-position: 0 -33px; } .trending_content #health .more_link a { background-position: 0 -66px; } a.sidebar__donate-button, .context-about-neef .menu .menu .active-trail a.sidebar__donate-button { background: #861155 !important; color: #ffffff !important; font-size: 16px !important; text-transform: uppercase; font-weight: bold !important; padding: 10px 20px !important; white-space: nowrap; } #nature a.more_link, #weather a.more_link, #health a.more_link { background: transparent !important; color: #861155 !important; border: none !important; float: right !important; } #nature a.more_link:after, #weather a.more_link:after, #health a.more_link:after { content: ">>"; margin-left: 10px; } #weather a.more_link { background: transparent !important; color: #861155 !important; border: none !important; float: right !important; } #weather a.more_link:after { content: ">>"; margin-left: 10px; } #health a.more_link { background: transparent !important; color: #861155 !important; border: none !important; float: right !important; } #health a.more_link:after { content: ">>"; margin-left: 10px; } .view-board a, .view-board .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-board a, .view-staff a, .view-staff .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-staff a { color: #000000 !important; font-size: 16px; } header li { list-style-image: none !important; list-style-type: none !important; } ul li.leaf { list-style-image: none !important; list-style-type: none !important; } .menu li { width: 100%; text-align: center; margin: 0 !important; padding: 0; box-sizing: border-box; } @media (min-width: 1024px) { .menu li { float: left; width: auto; } } /* Uppercase selections */ #zone-branding #block-menu-menu-utility-menu ul li a, #zone-branding #block-system-main-menu, .homepage_feature_overlay .homepage_feature_link a, .homepage_feature_overlay .homepage_feature_link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .homepage_feature_link a { text-transform: uppercase; } input[type="submit"], .ayi_social_donate a, .ayi_social_donate .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_donate a { text-transform: uppercase; } /* Import Molecules */ .custom-search { overflow: hidden; display: block; } .form-item-search-block-form { float: left; } .form-actions { text-align: center; } .webform-container-inline label { width: 25%; display: inline-block; } .field-group-multiple-container .even, .field-group-multiple-container .multiple-inline-element { background: transparent; border: 0 none transparent; } .field-group-multiple-container .multiple-element { float: none; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 0; } .form-textarea-wrapper #edit-message { height: 120px; } #edit-submitted-message { height: 120px; } .webform-client-form { padding-top: 15px; max-width: 800px; margin: auto; } .webform-client-form .webform-component { margin-top: 0; } .webform-component label { position: absolute; z-index: 1; margin-left: 15px; margin-top: 10px; cursor: text; } .webform-component-managed_file label { position: static; float: left; margin: 5px 15px 15px; cursor: default; } .webform-component-managed_file input[type="submit"] { padding: 5px 8px; font-size: 17px; } .webform-component label[for="edit-submitted-i-agree"], .webform-component label[for="edit-submitted-i-agree-1"] { margin-left: 45px; } .webform-component label[for="edit-submitted-i-agree-1"] { position: relative; clear: both; float: left; } option { padding: 15px; } .webform-component-select label, .webform-component-date label { position: static; margin-top: inherit; cursor: default; visibility: visible !important; } .webform-component-date .form-type-select { width: 31%; margin-right: 1%; } .webform-component-date { position: relative; } .webform-component-date input[type="image"] { position: absolute; top: 0; right: 0; } .item-list .pager { margin-bottom: 15px !important; border: none; background: transparent; } .item-list .pager li { border: 0; border-radius: 0; } .item-list .pager li a, .item-list .pager li .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .item-list .pager li a { background: none repeat scroll 0 0 transparent; cursor: pointer; padding: 4px 8px; color: #002856 !important; } .item-list .pager li a:hover, .item-list .pager li .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .item-list .pager li a:hover { text-decoration: underline !important; background: transparent !important; } .item-list .pager .pager-current { color: #861155 !important; background: transparent !important; border-radius: 0 !important; border: 0 !important; } .pager li.pager-first a, .pager li.pager-first .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-previous .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-next .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-next a, .pager li.pager-last a, .pager li.pager-last .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-last a { width: 55px !important; } .pager li { border: 0 none transparent; font-weight: normal; outline: 0 none; margin: 0 4px; } .pager li.pager-current { background: none repeat scroll 0 0 transparent; border: solid #bbb 1px; outline: 0 none; font-weight: normal; } .pager li.pager-first a, .pager li.pager-first .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-previous .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-next .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-next a, .pager li.pager-last a, .pager li.pager-last .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-last a { padding: 4px; } .pager li.first, .pager li.first a, .pager li.first .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.first a, .pager li.first a:hover, .pager li.first .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .pager li.first a:hover, .pager li.first a:active, .pager li.first .context-about-neef .menu .menu .active-trail a:active, .context-about-neef .menu .menu .active-trail .pager li.first a:active { border-radius: 0 !important; } .pager li.pager-next { border-left: none 0 !important; } .pager li.pager-next { position: absolute; right: 50px; top: 0; } .pager li.pager-first a, .pager li.pager-first .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-previous .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-next .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-next a, .pager li.pager-last a, .pager li.pager-last .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .pager li.pager-last a { text-align: center; width: 100%; } .pager li a:hover, .pager li .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .pager li a:hover, .pager li a:active, .pager li .context-about-neef .menu .menu .active-trail a:active, .context-about-neef .menu .menu .active-trail .pager li a:active { background: none repeat scroll 0 0 transparent; } .view-homepage-slideshow, .views_slideshow_cycle_main, .views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame-row-item, #views_slideshow_cycle_div_homepage_slideshow-block_homepage_slideshow { max-width: 100%; min-width: 100%; height: auto; margin-top: 0; } .view-homepage-slideshow img, .views_slideshow_cycle_main img, .views-slideshow-cycle-main-frame img, .views-slideshow-cycle-main-frame-row img, .views-slideshow-cycle-main-frame-row-item img, #views_slideshow_cycle_div_homepage_slideshow-block_homepage_slideshow img { z-index: 0; position: relative; margin: 0; width: 100% !important; height: auto !important; display: block; } div.view-homepage-slideshow { position: relative; top: 10px; display: block; margin-bottom: 20px; height: auto; } div.view-homepage-slideshow .slideshow-text { width: 100%; } div.view-homepage-slideshow .slideshow-text h2 { font-size: 30px; color: #fff; padding: 2%; float: left; text-align: right; } div.view-homepage-slideshow .slideshow-text h3 { margin-top: 2%; } div.view-homepage-slideshow .slideshow-text h3, div.view-homepage-slideshow .slideshow-text p { color: #fff; font-weight: normal; float: left; } div.view-homepage-slideshow .slideshow-text p.more { clear: right; } div.view-homepage-slideshow .slideshow-text p.more a, div.view-homepage-slideshow .slideshow-text p.more .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail div.view-homepage-slideshow .slideshow-text p.more a { color: #fff; } .view-homepage-slideshow:after { content: "."; display: block; height: 0px; clear: both; float: left; width: 100%; margin-bottom: 10px; } /* slideshow controls top (arrows/prev+next) */ .views-slideshow-controls-top { position: absolute; z-index: 200; } .views-slideshow-controls-text a, .views-slideshow-controls-text .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .views-slideshow-controls-text a { padding: 20px; } /* slideshow controls bottom (specific buttons) */ .view-homepage-slideshow .views-slideshow-controls-bottom { position: absolute; right: 1%; top: 1%; z-index: 160; } .view-homepage-slideshow .views-slideshow-pager-field-item { height: 25px; width: 25px; float: left; margin-right: 10px; border-radius: 20px; } .view-homepage-slideshow .views-slideshow-pager-field-item:last-of-type { margin-right: 0; } .view-homepage-slideshow .views-slideshow-controls-bottom .views-slideshow-pager-fields .active, .views-slideshow-pager-field-item:hover, .views-slideshow-pager-field-item:active { cursor: pointer; } #views_slideshow_cycle_teaser_section_homepage_slideshow-block_homepage_slideshow img { border: 0 none !important; } .flexslider .slides img { width: 100px; } ul.social-media { list-style-type: none; float: right; } ul.social-media li { margin: 3px; padding: 0; list-style-type: none; float: left; } li.facebook a, li.facebook .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail li.facebook a, li.youtube a, li.youtube .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail li.youtube a, li.twitter a, li.twitter .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail li.twitter a { width: 32px; height: 32px; text-indent: -9999px; display: block; background-image: url("../images/sm.png"); } li.facebook a, li.facebook .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail li.facebook a { background-position: 0 0; } li.facebook a:hover, li.facebook .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail li.facebook a:hover { background-position: 0 32px; } li.youtube a, li.youtube .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail li.youtube a { background-position: 32px 0; } li.youtube a:hover, li.youtube .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail li.youtube a:hover { background-position: 32px 32px; } li.twitter a, li.twitter .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail li.twitter a { background-position: 64px 0; } li.twitter a:hover, li.twitter .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail li.twitter a:hover { background-position: 64px 32px; } .branding-data { width: 25%; float: left; position: relative; z-index: 10; } .youtube-video-wrapper { position: relative; height: 0; padding-bottom: 56.25%; padding-top: 25px; } .youtube-video-wrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #region-sidebar-first-related-content { margin-bottom: 10%; } #region-sidebar-first-related-content a { color: #000000 !important; text-decoration: underline !important; } /* Import Organisms */ .section-footer { background-color: #31333e; width: 100%; padding: 10% 5%; z-index: 90; position: relative; box-sizing: border-box; } @media (min-width: 768px) { .section-footer { padding: 2% 5%; } } @media (min-width: 768px) { .zone-footer { width: 60%; margin: 0 auto; padding: 0 2%; } } @media (min-width: 768px) { .zone-footer { padding: 0; } } .footer_partners { margin-bottom: 5%; } .footer_left, .footer_center, .footer_right { clear: both; margin-top: 10%; } @media (min-width: 768px) { .footer_left, .footer_center, .footer_right { width: 31%; float: left; padding-left: 10px; margin-top: 0; } } @media (min-width: 1024px) { .footer_left, .footer_center, .footer_right { width: 32%; } } .footer_center { clear: none; } .footer_right { clear: none; } .footer_neef_logo a, .footer_neef_logo .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_neef_logo a { width: 185px; display: block; background: url("../images/neeffooterlogo.png"); height: 60px; text-indent: -9999px; background-repeat: no-repeat; margin: 0 auto; } @media (min-width: 768px) { .footer_neef_logo a, .footer_neef_logo .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_neef_logo a { width: 100%; } } @media (min-width: 768px) { .footer_menu { float: left; max-width: 280px; } } .block-views-partners-block-1 { background: #3d3f4e; } @media (min-width: 768px) { .block-views-partners-block-1 .block-inner.clearfix { width: 60%; margin: 0 auto; padding: 0 2%; } } .block-views-partners-block-1 .block-title { font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; font-size: 30px; color: #FFFFFF; margin-bottom: 2%; } .footer--partner-logo { width: 30%; margin: 0 auto; } .footer--partner-logo img { float: none; } @media (min-width: 768px) { .footer--partner-logo { display: inline-block; vertical-align: top; width: 32%; box-sizing: border-box; } .footer--partner-logo img { float: none; } } .footer_social { margin-bottom: 3%; } .footer_social_in a, .footer_social_in .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_social_in a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -21px -23px; } .footer_social_fb a, .footer_social_fb .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_social_fb a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -70px -23px; } .footer_social_tw a, .footer_social_tw .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_social_tw a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -119px -23px; } .footer_social_yt a, .footer_social_yt .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_social_yt a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -168px -23px; } .footer_social_rss a, .footer_social_rss .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_social_rss a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -223px -23px; } .footer_social_pn a, .footer_social_pn .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .footer_social_pn a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -277px -23px; } .footer_signup { display: inline-block; } #region-menu { position: static; } .region-menu { margin: 0 !important; display: none !important; clear: both; } .region-menu .block-title { display: none; } @media (max-width: 1023px) { .region-menu { width: 100% !important; } } @media (min-width: 1024px) { .region-menu { display: block !important; clear: none; } } .region-menu.open { display: block !important; } @media (min-width: 1024px) { .region-menu.open { clear: none; } } @media (min-width: 1024px) { .region-toggle { display: none !important; } } .section-header { background: #002856; width: 100%; position: relative; z-index: 2; box-shadow: 0px 2px 5px #525252; -moz-box-shadow: 0px 2px 5px #525252; -webkit-box-shadow: 0px 2px 5px #525252; -webkit-transform: translate3d(0, 0, 0) !important; } .section-header.open { height: auto; } .section-header > * { position: static; } .sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; } #connect-with-us .block-title { height: 0; text-indent: -9999px; } header { -webkit-transform: translate3d(0, 0, 0) !important; } .logo-img { padding: 10% 10% 10% 0; margin-top: 10%; } @media (min-width: 768px) { .logo-img { padding: 10%; } } .logo-img a, .logo-img .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .logo-img a { display: block; width: 250px; } #logo { width: 75%; } @media (min-width: 768px) { #logo { width: 100%; } } /* menu toggle*/ #block-block-9 ul { margin-bottom: 5px; } #block-block-9 li { list-style: none none; } #block-block-9 a { color: red; text-decoration: none; font-weight: bold; padding: 15px; display: block; } #block-block-9 a:hover, #block-block-9 a:active { color: #9bcae8; } #block-block-9 a:after { content: ' >>'; } .menu-block-wrapper { margin: 0 auto; width: 100%; } @media (min-width: 1024px) { .menu-block-wrapper { width: 75%; } } .mobile-menu { height: 40px; } .block-mobile-menu { color: #ffffff; cursor: pointer; position: absolute; top: 25px; right: 30px; background: url("../images/hamburger.svg"); display: block; height: 40px; width: 40px; text-indent: -9999px; background-size: contain; } @media (min-width: 1024px) { .block-mobile-menu { display: none; } } .block-main-menu { float: none; margin-top: 5%; } @media (min-width: 1024px) { .block-main-menu { float: left; clear: both; margin-top: 4px; } } .block-main-menu a, .block-main-menu .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-main-menu a { font-size: 18px; margin: 0 15px; } /*----------------- content ---------------------------------------------------------------------------------*/ #zone-content { width: 100%; } .page-search #zone-content, .page-user #zone-content { margin: 0 auto; padding: 5%; box-sizing: border-box; } @media (min-width: 768px) { .page-search #zone-content, .page-user #zone-content { width: 70%; padding: 0; } } .page-contact #zone-content { margin: 5% auto 0; padding: 5%; box-sizing: border-box; } @media (min-width: 768px) { .page-contact #zone-content { width: 70%; padding: 0; } } .page-wrapper { padding-top: 10%; } /*.node-type-page { .article__grid-wrapper { margin: 5% 0; } }*/ @media (min-width: 768px) { .page-about-neef #zone-content { width: 60%; } } .page-tips .region-sidebar-first, .page-resources .region-sidebar-first, .page-about-neef-news .region-sidebar-first { margin-top: 5%; margin-left: 0; padding: 5%; box-sizing: border-box; width: 100% !important; } @media (min-width: 1024px) { .page-tips .region-sidebar-first, .page-resources .region-sidebar-first, .page-about-neef-news .region-sidebar-first { float: right; } } .page-tips .field-type-text-with-summary, .page-resources .field-type-text-with-summary, .page-about-neef-news .field-type-text-with-summary { clear: none; } .page-tips img, .page-resources img, .page-about-neef-news img { margin-right: 15px; } .page-tips #zone-content, .page-resources #zone-content, .page-about-neef-news #zone-content { width: 100% !important; } .page-about-neef .section-content, .page-search .section-content, .page-user .section-content, .node-type-resource .section-content { padding-top: 10%; } .article__sidebar-wrapper aside { float: none; } .region-content { max-width: 100%; margin: 0 !important; width: 100% !important; } .article__grid-wrapper .region-content, .page-about-neef-board .region-content, .page-about-neef-staff .region-content { max-width: 100%; margin: 0 auto; } .region-content li { margin-top: 5px; } .content-list-large-wrapper, .content-list-small-wrapper, .content-list-list-wrapper { list-style-type: none; } .content-list-title { font-weight: bold; font-size: 16px; } .content-list-image-large { display: inline; vertical-align: top; float: none; } li.content-list-large-item, li.content-list-small-item, li.content-list-list-item { padding-bottom: 10px; } .menu .menu { position: static; left: 0; width: 100%; background: #9bcae8; text-align: center; z-index: 2; box-shadow: 0px 2px 2px #525252; -moz-box-shadow: 0px 2px 2px #525252; -webkit-box-shadow: 0px 2px 2px #525252; -webkit-transform: none !important; } @media (min-width: 1024px) { .menu .menu { position: fixed !important; } } .menu .menu li { float: none; display: inline-block !important; } .block-menu-utility-menu { clear: both; float: none; display: none; } @media (min-width: 1024px) { .block-menu-utility-menu { float: right; display: block; } } .block-menu-utility-menu li a, .block-menu-utility-menu li .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu li a { font-size: 14px; } @media (min-width: 1024px) { .block-menu-utility-menu li a, .block-menu-utility-menu li .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu li a { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; } } .block-menu-utility-menu li a:hover, .block-menu-utility-menu li .context-about-neef .menu .menu .active-trail a:hover, .context-about-neef .menu .menu .active-trail .block-menu-utility-menu li a:hover { background: #9bcae8; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; } .block-search-form { display: none; } @media (min-width: 1024px) { .block-search-form { float: right; width: 50%; margin-right: 20px; display: block; visibility: hidden; opacity: 0; transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s; -moz-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s; -webkit-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s; } .block-search-form.toggled { visibility: visible; margin-right: 20px; opacity: 1; } } .block-search-form-toggle { display: none; } @media (min-width: 1024px) { .block-search-form-toggle { display: block; float: right; text-indent: -9999px; height: 25px; width: 25px; background: url("../images/search-icon.png") center no-repeat; background-size: contain; margin-top: 7px; margin-right: 5px; cursor: pointer; } } #tabs { border: none; margin-top: 5%; } .ui-widget-header { background: none; border: none; } .ui-corner-top { width: 31% !important; box-sizing: border-box; cursor: pointer; font-size: 20px; } .ui-tabs .ui-tabs-nav li { background: transparent; } .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ui-tabs .ui-tabs-nav li a { float: none; } .ui-tabs-anchor { text-align: center; display: block; cursor: pointer; } .homepage__tabs--border { border-bottom: 2px solid #002856; } @media (max-width: 1023px) { .homepage__tabs--border .ui-tabs .ui-tabs-nav li a, .homepage__tabs--border .ui-tabs .ui-tabs-nav li .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage__tabs--border .ui-tabs .ui-tabs-nav li a { padding: 0; } } .homepage__tabs--border #ui-id-1 { color: #74a753 !important; font-size: 16px; text-transform: uppercase; } @media (min-width: 1024px) { .homepage__tabs--border #ui-id-1:before { content: url("../images/nature-fit.png"); /*height: 70px; width: 55px; position: absolute; top: 0; left: 8%;*/ max-width: 50px; padding: 0; margin: -8px 0 0 0; vertical-align: middle; float: left; } } .homepage__tabs--border #ui-id-2 { color: #9bcae8 !important; font-size: 16px; text-transform: uppercase; } @media (min-width: 1024px) { .homepage__tabs--border #ui-id-2:before { content: url("../images/weather-fit.png"); /*height: 70px; width: 55px; position: absolute; top: 0; left: 8%;*/ max-width: 50px; padding: 0; margin: -8px 0 0 0; vertical-align: middle; float: left; } } .homepage__tabs--border #ui-id-3 { color: #861155 !important; font-size: 16px; text-transform: uppercase; } @media (min-width: 1024px) { .homepage__tabs--border #ui-id-3:before { content: url("../images/health-fit.png"); /*height: 70px; width: 55px; position: absolute; top: 0; left: 8%;*/ max-width: 50px; padding: 0; margin: -8px 0 0 0; vertical-align: middle; float: left; } } .homepage__tabs--border #tabs .ui-tabs-nav { border-bottom: 1px solid #002856; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .homepage__tabs--border #tabs .ui-tabs-nav li.ui-state-default a.ui-tabs-anchor { margin: 0 auto; margin-bottom: -1px; width: auto; padding: 10px !important; font-size: 16px !important; white-space: normal; } @media (min-width: 768px) { .homepage__tabs--border #tabs .ui-tabs-nav li.ui-state-default a.ui-tabs-anchor { padding: 20px !important; } } .homepage__tabs--border .ui-tabs .ui-tabs-nav li { background: transparent none repeat scroll 0 0; border: 1px solid transparent; height: 75px; margin-bottom: -1px; } @media all and (max-width: 661px), (min-width: 1024px) and (max-width: 1073px) { .homepage__tabs--border .ui-tabs .ui-tabs-nav li { height: 95px; } } .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-color: #002856; border-bottom-color: #ffffff; } .homepage__tabs--border #tabs .ui-tabs-nav li.ui-tabs a { border: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-disabled .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: pointer; } .block-neef-are-you-in { background: url("../images/ayibackground.jpg") center no-repeat; background-size: cover; padding: 10% 3%; } @media (min-width: 768px) { .block-neef-are-you-in { padding: 0 0 20%; } } .are_you_in { background: rgba(0, 0, 0, 0.7); padding: 10% 3%; } @media (min-width: 768px) { .are_you_in { background: transparent; } } .social__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; margin: 0 auto; padding: 0; list-style: none; clear: both; width: 100%; } @media (min-width: 768px) { .social__wrapper { max-width: 50%; padding-top: 5%; } } .ayi_social_join { float: none; text-align: center; font-family: DINOT, verdana, sans-serif; font-size: 22px; color: #FFFFFF; } @media (min-width: 768px) { .ayi_social_join { float: left; } } .ayi_social_signup { display: block; } .ayi_social_signup input { font-size: 16px; padding: 10px; line-height: 10px; height: 50px; } @media (min-width: 1024px) { .ayi_social_signup { width: 70%; float: left; } } .ayi_social_donate { display: block; text-align: center; clear: both; padding: 5%; } @media (min-width: 1024px) { .ayi_social_donate { clear: none; width: 30%; float: left; padding: 0; } } .ayi_social_in a, .ayi_social_in .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_in a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -21px -23px; } .ayi_social_fb a, .ayi_social_fb .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_fb a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -70px -23px; } .ayi_social_tw a, .ayi_social_tw .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_tw a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -119px -23px; } .ayi_social_yt a, .ayi_social_yt .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_yt a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -168px -23px; } .ayi_social_rss a, .ayi_social_rss .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_rss a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -223px -23px; } .ayi_social_pn a, .ayi_social_pn .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_pn a { text-indent: -9999px; height: 45px; width: 45px; background-size: 400px 100px; filter: drop-shadow(0px 2px 2px #000); -webkit-filter: drop-shadow(0px 2px 2px #000); display: inline-block; vertical-align: top; background-color: red; background: url("../images/mediaiconswhite.png"); background-position: -280px -23px; } .title.areyouin { font-size: 48px; font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; color: #FFFFFF; } .ayi_signup_wrapper { width: auto; margin: 0 auto; display: block; width: 100%; margin-bottom: 20px; } @media (min-width: 1024px) { .ayi_signup_wrapper { width: 80%; } } .ayi_social_donate a, .ayi_social_donate .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .ayi_social_donate a { padding: 5px 20px; font-size: 18px; display: block; clear: both; max-width: 100%; height: 50px; line-height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; background-color: #861155; color: #FFFFFF !important; text-shadow: 1px 1px 1px #FFFFFF; margin-left: 10px !important; } .copy.areyouin { font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; font-size: 22px; color: #FFFFFF; margin-bottom: 5%; } .block-homepage-programs-block { box-sizing: border-box; padding: 10% 3%; } @media (min-width: 768px) { .block-homepage-programs-block { padding: 5% 3%; width: 60%; margin: 0 auto; } } .block-homepage-programs-block h2 { font-size: 46px; text-align: center; margin-bottom: 5%; } .homepage-program { width: auto; margin: 3%; background: red; height: 200px; } @media (min-width: 768px) { .homepage-program { width: 30%; margin: 1% 1%; float: left; } } .hubs-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .hubs-grid:after, .hubs-item:before { content: ''; display: table; } .hubs-grid:after { clear: both; } .hubs-grid li { width: 160px; height: 160px; display: inline-block; vertical-align: top; margin-bottom: 30% !important; } @media (min-width: 768px) { .hubs-grid li { margin-bottom: 20% !important; } } .hubs-item { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative; cursor: default; border: 3px solid #002856; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hubs-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .hubs-item:hover { box-shadow: inset 0 0 0 110px rgba(200, 95, 66, 0.4), inset 0 0 0 0px rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0.1); } .hubs-item:hover .hubs-info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hubs-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0; font-size: 12px; } .hubs-info p a, .hubs-info p .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .hubs-info p a { display: block; color: #fff; color: rgba(255, 255, 255, 0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; width: 160px; height: 160px; } .homepage_feature_wrapper { position: relative; } .homepage_feature_wrapper .content { display: table; } .homepage_feature_wrapper .content:after { content: " "; padding: 0; background: transparent url("../images/hero-mask.svg") no-repeat bottom left; height: 100px; display: block !important; position: absolute; bottom: -1px; } /*@media (max-width: 450px) { .homepage_feature_wrapper .content:after { width: 100%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } } */ @media (min-width: 768px) { .homepage_feature_wrapper .content:after { width: 100%; background-position: right bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } /*@media (min-width: 1024px) and (max-width: 1960) { .homepage_feature_wrapper .content:after { width: 101vw; -webkit-background-size: auto, contain; -moz-background-size: auto, contain; -o-background-size: auto, contain; background-size: auto, contain; } } @media (min-width: 1961px) { .homepage_feature_wrapper .content:after { //width: 100vw; width: 101vw; -webkit-background-size: cover, contain; -moz-background-size: cover, contain; -o-background-size: cover, contain; background-size: cover, contain; } }*/ .homepage_feature_overlay { background: #002856; padding: 5%; } @media (min-width: 768px) and (max-width: 1023px) { .homepage_feature_overlay { position: absolute; width: 100%; bottom: 20px; left: auto; padding: 3%; background-color: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); box-sizing: border-box; } } @media (min-width: 1024px) { .homepage_feature_overlay.float-left { left: 5%; top: 23%; position: absolute; background-color: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); box-sizing: border-box; padding: 3%; width: 35%; } } @media (min-width: 1024px) { .homepage_feature_overlay.float-right { right: 5%; top: 23%; position: absolute; background-color: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); box-sizing: border-box; padding: 3%; width: 35%; } } .homepage_feature_overlay h2, .homepage_feature_overlay h2 a, .homepage_feature_overlay h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay h2 a, .homepage_feature_overlay p { color: #FFFFFF !important; } .homepage_feature_overlay .homepage_feature_link a, .homepage_feature_overlay .homepage_feature_link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .homepage_feature_link a, .homepage_feature_overlay .field-name-field-link a, .homepage_feature_overlay .field-name-field-link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .field-name-field-link a { background: #861155; font-family: DINOT, verdana, sans-serif; font-size: 14px; padding: 10px 15px; float: none; display: block; box-sizing: border-box; text-align: center; color: #FFFFFF !important; } @media (min-width: 768px) { .homepage_feature_overlay .homepage_feature_link a, .homepage_feature_overlay .homepage_feature_link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .homepage_feature_link a, .homepage_feature_overlay .field-name-field-link a, .homepage_feature_overlay .field-name-field-link .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .field-name-field-link a { float: right; text-align: left; } } .homepage_feature_overlay .homepage_feature_link a:after, .homepage_feature_overlay .homepage_feature_link .context-about-neef .menu .menu .active-trail a:after, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .homepage_feature_link a:after, .homepage_feature_overlay .field-name-field-link a:after, .homepage_feature_overlay .field-name-field-link .context-about-neef .menu .menu .active-trail a:after, .context-about-neef .menu .menu .active-trail .homepage_feature_overlay .field-name-field-link a:after { content: ">>"; margin-left: 10px; } .image-credit-toggle.js { display: block; z-index: 99; position: absolute; color: #FFFFFF; left: 90%; top: 0; font-size: 18px; cursor: pointer; text-shadow: 0 0 3px #000000; } @media (min-width: 1024px) { .image-credit-toggle.js { top: 80%; } } .article__grid-wrapper .image-credit-toggle.js { bottom: auto; top: auto !important; } .article__grid-wrapper .file.file-image { position: relative; } .masonry-item { padding: 2%; width: 100%; float: left; border: 1px solid black; box-sizing: border-box; margin-bottom: 5%; } @media (min-width: 768px) { .masonry-item { width: 30%; margin-right: 3%; } .masonry-item.is-expanded { width: 40%; } } .block-test-youtube-video iframe { max-width: 100%; } .quiz-wrapper > p { text-align: center; margin: 10px 0; } @media (min-width: 768px) { .quiz-wrapper > p { text-align: left; } } .quiz-option-input { cursor: pointer; display: inline-block; font-size: 16px; width: 100%; box-sizing: border-box; margin-bottom: 15px; vertical-align: top; text-align: center; color: #FFFFFF; background: #002856; padding: 10px; transition: background .2s ease; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; } @media (min-width: 768px) { .quiz-option-input { margin: 1%; } } .quiz-option-input:hover { background: #9bcae8; } .quiz-answer { margin-top: 1%; clear: both; font-size: 18px; max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; } .quiz-answer.incorrect { color: red; } .quiz-answer.correct { color: green !important; } @media all and (max-width: 1023px) { .block-search-form-link { display: none; } .logo-img img { display: none; } .logo-img a, .logo-img .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .logo-img a { background: url("../images/neefwhitenoname.png") center no-repeat; background-size: contain; height: 65px; width: 225px; display: block; } } @media all and (max-width: 1023px) and (min-width: 768px) { .logo-img a, .logo-img .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .logo-img a { width: 250px; } } @media (min-width: 1024px) { header.compressed { height: 75px; background: #002856; } header.compressed .block-menu-utility-menu { display: none; } header.compressed .block-main-menu { position: absolute; top: 15px; } header.compressed .block-search-form-link { display: block; position: absolute; top: 15px; right: 0; width: 90px; } header.compressed .block-search-form-toggle { display: none; } header.compressed .block-search-form.toggled { position: absolute; right: 0; z-index: 10; top: 62px; width: 48%; } header.compressed .searchform--toggle { width: 65px; float: left; } header.compressed .search--form-compressed, header.compressed .expander--toggle { display: block; position: absolute; top: 15px; right: 65px; text-indent: -9999px; height: 25px; width: 25px; background: url("../images/search-icon.png") center no-repeat; background-size: contain; cursor: pointer; padding: 0 !important; } header.compressed .expander--toggle { background: url("../images/hamburger.svg") center no-repeat; right: 15px; } header.compressed .logo-img { padding: 0 10%; } } @media (min-width: 1024px) and (min-width: 1024px) { header.compressed .logo-img { margin-top: 10%; } } @media (min-width: 1024px) { header.compressed .logo-img img { display: none; } header.compressed .logo-img a, header.compressed .logo-img .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail header.compressed .logo-img a { display: block; height: 50px; width: 250px; margin-top: 5px; background: url("../images/neefwhitenoname.png") center no-repeat; background-size: contain; } } @media (min-width: 1024px) and (min-width: 1024px) { header.compressed .logo-img a, header.compressed .logo-img .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail header.compressed .logo-img a { height: 40px; } } @media (min-width: 1024px) { header.compressed .menu .menu { position: fixed !important; } header.uncompressed { background: #f2f2f2; height: 100px; } header.uncompressed .menu .menu { position: absolute !important; } header.uncompressed .expander--toggle { display: none; } header.uncompressed .logo-img { padding: 0; margin-top: 0; } header.uncompressed .logo-img img { display: block; } } @media (min-width: 1024px) and (min-width: 1024px) { header.uncompressed .block-menu-utility-menu { margin-top: 15px; } } @media (min-width: 1024px) { header.uncompressed .block-menu-utility-menu a, header.uncompressed .block-menu-utility-menu .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail header.uncompressed .block-menu-utility-menu a { color: #002856 !important; font-weight: bold; } header.uncompressed .block-menu-utility-menu .donate-button { color: #FFFFFF !important; } header.uncompressed .block-search-form-link { display: none; } header.uncompressed .block-search-form-toggle { clear: right; display: block; background: url("../images/bluesearch.png") center no-repeat; background-size: contain; height: 25px; width: 25px; margin-top: 9px; } header.uncompressed .block-search-form.toggled, header.uncompressed .block-search-form { position: static; width: 30%; margin-top: 5px; } header.uncompressed .block-search-form.toggled #edit-submit, header.uncompressed .block-search-form #edit-submit { display: none; } header.uncompressed .form-item-search-block-form { width: 100%; } header.uncompressed .block-main-menu { position: fixed; left: 0; width: 100%; background: #002856; margin-top: 100px; } .context-about-neef header.uncompressed .menu .menu, .context-donate header.uncompressed .menu .menu { margin-top: 90px; position: fixed !important; } } @media all and (min-width: 1024px) and (max-width: 1149px) { header.uncompressed .block-main-menu .block-inner { width: 45%; margin: 0 auto; } } @media all and (min-width: 1150px) and (max-width: 1313px) { header.uncompressed .block-main-menu .block-inner { width: 41%; margin: 0 auto; } } @media all and (min-width: 1314px) and (max-width: 1532px) { header.uncompressed .block-main-menu .block-inner { width: 35%; margin: 0 auto; } } @media all and (min-width: 1533px) { header.uncompressed .block-main-menu .block-inner { width: 31%; margin: 0 auto; } } /* Import Pages */ /* Import Templates */ .homepage__intro--header { font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; font-size: 20px; padding: 10% 5%; } @media (min-width: 768px) and (max-width: 1023px) { .homepage__intro--header { font-size: 36px; } } @media (min-width: 1024px) { .homepage__intro--header { font-size: 46px; padding: 0; } } .homepage__intro--copy { font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; font-size: 24px; } .block-homepage-feature-block { background: #f2f2f2; } #block-neef-trending-content { margin: 0 auto; } .view-trending-content h2 { font-size: 20px !important; text-transform: inherit; } .view-trending-content .view-display-id-featured_nature .views-row img, .view-trending-content .view-display-id-featured_health .views-row img, .view-trending-content .view-display-id-featured_weather .views-row img { width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .view-trending-content .view-display-id-featured_nature, .view-trending-content .view-display-id-featured_health, .view-trending-content .view-display-id-featured_weather { width: 100%; } } @media (min-width: 768px) { .view-trending-content .view-display-id-featured_nature, .view-trending-content .view-display-id-featured_health, .view-trending-content .view-display-id-featured_weather { width: 100%; } .view-trending-content .view-display-id-featured_nature .views-row, .view-trending-content .view-display-id-featured_health .views-row, .view-trending-content .view-display-id-featured_weather .views-row { width: 100% !important; border-bottom: 0 !important; } .view-trending-content .view-display-id-featured_nature .views-row h2 a, .view-trending-content .view-display-id-featured_nature .views-row h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-trending-content .view-display-id-featured_nature .views-row h2 a, .view-trending-content .view-display-id-featured_health .views-row h2 a, .view-trending-content .view-display-id-featured_health .views-row h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-trending-content .view-display-id-featured_health .views-row h2 a, .view-trending-content .view-display-id-featured_weather .views-row h2 a, .view-trending-content .view-display-id-featured_weather .views-row h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-trending-content .view-display-id-featured_weather .views-row h2 a { font-size: 24px !important; } .view-trending-content .view-display-id-featured_nature img, .view-trending-content .view-display-id-featured_health img, .view-trending-content .view-display-id-featured_weather img { width: 100% !important; } .view-trending-content .view-display-id-featured_nature .more-link, .view-trending-content .view-display-id-featured_health .more-link, .view-trending-content .view-display-id-featured_weather .more-link { clear: both; display: block; float: right; color: #861155 !important; float: right; font-size: 16px; font-weight: bold; } .view-trending-content .view-display-id-featured_nature .more-link:after, .view-trending-content .view-display-id-featured_health .more-link:after, .view-trending-content .view-display-id-featured_weather .more-link:after { content: ">>"; margin-left: 10px; } .view-trending-content .view-content .views-row { width: 33%; float: right; clear: right; padding: 1% 3%; border-bottom: 1px solid #c1c1c1; box-sizing: border-box; } } @media (min-width: 768px) and (max-width: 1023px) { .view-trending-content .view-content .views-row { width: 100%; } } @media (min-width: 768px) { .view-trending-content .view-content .views-row:nth-of-type(4) { border-bottom: 0; } .view-trending-content .view-content .views-row ul.inline li { padding: 0; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) { .view-trending-content .view-content { clear: both; } } @media (min-width: 768px) and (min-width: 1024px) { .view-trending-content .view-content { clear: none; } } @media (min-width: 768px) { .view-trending-content .views-row h2 { margin-bottom: 0; } .view-trending-content .views-row h2 a, .view-trending-content .views-row h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-trending-content .views-row h2 a { font-size: 16px; } .view-trending-content .views-row p { margin-bottom: 0; } .view-trending-content .view-trending-content:after { display: table; content: ""; clear: both; } } @media (min-width: 1024px) { .view-trending-content .view-display-id-featured_nature, .view-trending-content .view-display-id-featured_health, .view-trending-content .view-display-id-featured_weather { width: 65%; float: left; } } .view-display-id-featured_nature article, .view-display-id-featured_weather article, .view-display-id-featured_health article { position: relative; } .view-display-id-featured_nature header, .view-display-id-featured_weather header, .view-display-id-featured_health header { transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; } .view-display-id-featured_nature .node-title, .view-display-id-featured_weather .node-title, .view-display-id-featured_health .node-title { position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 10; padding: 5%; box-sizing: border-box; } @media (min-width: 768px) { .view-display-id-featured_nature .node-title, .view-display-id-featured_weather .node-title, .view-display-id-featured_health .node-title { bottom: 0; height: auto; } } .view-display-id-featured_nature .node-title a, .view-display-id-featured_nature .node-title .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-display-id-featured_nature .node-title a, .view-display-id-featured_weather .node-title a, .view-display-id-featured_weather .node-title .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-display-id-featured_weather .node-title a, .view-display-id-featured_health .node-title a, .view-display-id-featured_health .node-title .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-display-id-featured_health .node-title a { color: #FFFFFF !important; position: absolute; bottom: 15px; } @media (min-width: 768px) { .view-display-id-featured_nature .node-title a, .view-display-id-featured_nature .node-title .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-display-id-featured_nature .node-title a, .view-display-id-featured_weather .node-title a, .view-display-id-featured_weather .node-title .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-display-id-featured_weather .node-title a, .view-display-id-featured_health .node-title a, .view-display-id-featured_health .node-title .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-display-id-featured_health .node-title a { position: static; bottom: auto; } } #nature, #weather, #health { padding: 10% 5%; } #tabs { padding: 5% 0; box-sizing: border-box; } @media (min-width: 768px) { #tabs { width: 100%; margin: 0 auto; } } #tabs:after { display: table; content: ""; clear: both; } .ui-tabs-panel { margin: 0 auto; } @media (min-width: 768px) { .ui-tabs-panel { width: 80%; } } @media (min-width: 1024px) { .ui-tabs-panel { width: 70%; } } .ui-tabs-nav { padding: 0 5% !important; } @media (min-width: 768px) { .ui-tabs-nav { padding: 0 10% !important; } } @media (min-width: 1024px) { .ui-tabs-nav { padding: 0 15% !important; } } .homepage__mission_statement--wrapper { background: url("../images/grey_neefgraphic.png") center no-repeat; background-position: 0 0; background-size: 35%; } .block-neef-mission-statement { background: #383847; clear: both; } .mission_statement { box-sizing: border-box; color: #FFFFFF; padding: 10% 2% !important; } @media (min-width: 768px) { .mission_statement { width: 60%; margin: 0 auto; padding: 0 2%; } } .mission_statement > h2 { font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; font-size: 24px; } @media (min-width: 768px) { .mission_statement > h2 { font-size: 38px; } } .mission_statement > p { font-family: DINOT, verdana, sans-serif; font-weight: normal; text-align: center; font-size: 18px; } @media (min-width: 768px) { .mission_statement > p { font-size: 24px; } } .mission_statement h3 { text-align: center; text-transform: none; letter-spacing: 0px; } .are_you_in { box-sizing: border-box; } @media (min-width: 768px) { .are_you_in { width: 60%; margin: 0 auto; padding: 0 2%; } } @media (min-width: 768px) { .are_you_in { padding: 2% 2% 20%; } } @media (min-width: 768px) { .homepage__intro { width: 60%; margin: 0 auto; padding: 0 2%; } } .block-tips-and-tricks { margin-bottom: 10%; } .tips_and_tricks { padding: 1em 1.4em; margin-bottom: 5%; } @media (min-width: 768px) { .tips_and_tricks { width: 60%; margin: 0 auto; padding: 5% 3%; } } .tips_and_tricks .node-title { font-size: 22px; } .tips_and_tricks article { margin-bottom: 10%; } @media (min-width: 768px) { .view-homepage-tip, .view-homepage-resource, .view-homepage-news, .homepage__news_block { width: 100%; box-sizing: border-box; float: left; padding-right: 5%; } } @media (min-width: 768px) { .homepage__news_block { padding: 0; } } .block-homepage-feature-block img { width: 100%; } .block-homepage-programs-block { margin-top: 5%; } .block-homepage-programs-block .item-list { max-width: 732px; margin: 0 auto; } .block-homepage-programs-block .block-title { margin-bottom: 10%; font-size: 34px; font-family: DINOT, verdana, sans-serif; } @media (min-width: 768px) { .block-homepage-programs-block { width: 75%; } } .block-homepage-tip-block, .block-homepage-resource-block { width: 50%; float: left; box-sizing: border-box; } .homepage__tip_block, .homepage__resource_block, .homepage__news_block { width: 100%; max-width: 600px; margin: 0 auto; padding: 5% 0; clear: both; float: left; } @media (min-width: 1024px) { .homepage__tip_block, .homepage__resource_block, .homepage__news_block { width: 30%; margin-right: 5%; display: inline-block; vertical-align: top; box-sizing: border-box; clear: none; } } @media (min-width: 1024px) { .homepage__news_block { margin-right: 0; } } .homepage__tip_title, .homepage__news_title, .homepage__resource_title { background: rgba(0, 0, 0, 0.4); height: 100%; width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 10%; font-size: 40px; } @media (min-width: 1024px) { .homepage__tip_title, .homepage__news_title, .homepage__resource_title { padding: 5%; font-size: 30px; } } .homepage__tip_header, .homepage__resource_header, .homepage__news_header { position: relative; } .homepage__tip_block .homepage__tip_header, .homepage__resource_block .homepage__tip_header, .homepage__news_block .homepage__tip_header { background: url("../images/header-tips.jpg") no-repeat top left; height: 175px; padding: 55px 15px 10px 15px; box-sizing: border-box; font-family: DINOTBold, verdana, sans-serif; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #4F4F4F; } @media (max-width: 450px) { .homepage__tip_block .homepage__tip_header, .homepage__resource_block .homepage__tip_header, .homepage__news_block .homepage__tip_header { font-size: 45px; } } @media (min-width: 768px) { .homepage__tip_block .homepage__tip_header, .homepage__resource_block .homepage__tip_header, .homepage__news_block .homepage__tip_header { font-size: 30px; } } @media (min-width: 1024px) { .homepage__tip_block .homepage__tip_header, .homepage__resource_block .homepage__tip_header, .homepage__news_block .homepage__tip_header { font-size: 2.5vw; } } .homepage__resource_block .homepage__resource_header { background: url("../images/header-resources.jpg") no-repeat top left; height: 175px; padding: 55px 15px 10px 15px; box-sizing: border-box; font-family: DINOTBold, verdana, sans-serif; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #4F4F4F; } @media (max-width: 450px) { .homepage__resource_block .homepage__resource_header { font-size: 45px; } } @media (min-width: 768px) { .homepage__resource_block .homepage__resource_header { font-size: 30px; } } @media (min-width: 1024px) { .homepage__resource_block .homepage__resource_header { font-size: 2.5vw; } } .homepage__news_block .homepage__news_header { background: url("../images/header-news.jpg") no-repeat top left; height: 175px; padding: 55px 15px 10px 15px; box-sizing: border-box; font-family: DINOTBold, verdana, sans-serif; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #4F4F4F; } @media (max-width: 450px) { .homepage__news_block .homepage__news_header { font-size: 45px; } } @media (min-width: 768px) { .homepage__news_block .homepage__news_header { font-size: 30px; } } @media (min-width: 1024px) { .homepage__news_block .homepage__news_header { font-size: 2.5vw; } } .block-tips-and-tricks .view-content { font-size: 20px; margin-top: 20px; font-family: DINOT, verdana, sans-serif !important; font-size: 17px; } .block-tips-and-tricks .view-content h2 { font-size: 20px; margin: 20px 0 0 0; } @media (min-width: 768px) { .grid-wrapper { width: 60%; margin: 0 auto; } } .grid-wrapper:after { display: table; content: ""; clear: both; } .page-wrapper:after { display: table; content: ""; clear: both; } .article__grid-wrapper { max-width: 90%; margin-bottom: 5%; padding: 0 5% 5%; box-sizing: border-box; } @media (min-width: 768px) { .article__grid-wrapper { float: left; width: 60%; } } .article__sidebar-wrapper { text-align: center; } @media (min-width: 768px) { .article__sidebar-wrapper { text-align: left; width: 35% !important; float: left; } } /* @include tabletplus { width: 35%; position: fixed !important; bottom: 40%; right: 5%; box-sizing: border-box; padding: 5%; top: 15%; } */ .article__title { font-family: DINOT, verdana, sans-serif; } .node-type-article .field-name-body { clear: both; } @media (min-width: 768px) { .node-type-article .field-name-body { clear: none; } } .node-type-article .field-name-field-image img { margin-bottom: 5%; margin-right: 5%; width: 100%; } .article__subhead-social .article__submitted { font-family: DINOT, verdana, sans-serif; width: 60%; float: left; margin-right: 5%; } .article__subhead-social .article__submitted .article__date, .article__subhead-social .article__submitted .article__author { margin-bottom: 0; /*font-size: 15px;*/ font-weight: normal; } .article__social--wrapper { float: left; width: 100%; margin-bottom: 20px; } @media (min-width: 1024px) { .article__social--wrapper { width: 35%; } } .article__social--tw a, .article__social--tw .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .article__social--tw a { text-indent: -9999px; height: 35px; width: 35px; float: left; background: url("../images/mediaicons.png"); background-size: 170px 60px; background-position: -239px -9px; } .article__social--fb a, .article__social--fb .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .article__social--fb a { text-indent: -9999px; height: 35px; width: 35px; float: left; background: url("../images/mediaicons.png"); background-size: 170px 60px; background-position: 5px -10px; margin-right: 10px; } .article__social--pn a, .article__social--pn .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .article__social--pn a { background: url("../images/pinterestblack.svg"); background-size: cover; float: left; height: 35px; width: 35px; text-indent: -9999px; margin-left: 10px; } .node-type-article #page-title { display: none; } .node-type-landing-page .field-name-field-photo img { width: 100%; } .node-type-landing-page li { font-size: 16px; } .node-type-landing-page h1#page-title, .node-type-landing-page .breadcrumb { display: none; } .node-type-landing-page .zone-content { width: 100%; } .node-type-landing-page #region-content { box-sizing: border-box; width: 100% !important; } .node-type-landing-page .field-name-field-content-blocks { clear: both; margin-top: 10%; } .node-type-landing-page .field-name-field-content-blocks:after { display: table; content: ""; clear: both; } @media (min-width: 768px) { .node-type-landing-page .field-name-body { width: 100%; float: left; margin-right: 5%; margin-bottom: 15%; column-count: 2; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ } } .field-name-field-main-feature { margin-bottom: 5%; } .main_content_wrapper { padding: 0 5%; } @media (min-width: 768px) { .main_content_wrapper { width: 60%; margin: 0 auto; } } /* LINE ARROW */ .main_content_wrapper .field-name-body { background: transparent !important; padding-bottom: 50px; margin: 0 0 50px 0; } .main_content_wrapper .field-name-body { position: relative; background: #ffffff; border: 2px solid #002a55; border-top: 0; border-left: 0; border-right: 0; } .main_content_wrapper .field-name-body:after, .main_content_wrapper .field-name-body:before { top: 100%; left: 83%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .main_content_wrapper .field-name-body:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 30px; margin-left: -30px; } .main_content_wrapper .field-name-body:before { border-color: rgba(0, 42, 85, 0); border-top-color: #002a55; border-width: 33px; margin-left: -33px; } .node-landing-page .field-collection-container { width: 100%; display: block; border: 0 !important; clear: both; } .field-collection-container .field-collection-view { border-bottom: 0; margin: 0; padding-bottom: 0; } .field-collection-container .field-name-field-section .field-items > .field-item { position: relative; background: #ffffff; border-bottom: 2px solid #002a55; border-top: 0; border-left: 0; border-right: 0; display: block; margin-bottom: 60px; padding-bottom: 20px; width: 100%; } .field-collection-container .field-name-field-section .field-items > .field-item:after, .field-collection-container .field-name-field-section .field-items > .field-item:before { top: 100%; left: 83%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .field-collection-container .field-name-field-section .field-items > .field-item:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 30px; margin-left: -30px; } .field-collection-container .field-name-field-section .field-items > .field-item:before { border-color: rgba(0, 42, 85, 0); border-top-color: #002a55; border-width: 33px; margin-left: -33px; } .node-landing-page .field-name-field-section-title { display: table; width: 100%; margin-top: -30px; } .node-landing-page .field-name-field-section-title .field-item { text-align: left; color: #861254; text-transform: uppercase; font-size: 18px; font-family: DINOTBold; display: table; width: 100%; border: 0 !important; margin-bottom: 0 !important; border: 0; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item, .field-collection-container .field-name-field-section .field-items > .field-item:last-child { border: 0; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item:after, .field-collection-container .field-name-field-section .field-items > .field-item .field-item:before { border: 0; } .field-collection-container .field-name-field-section .field-items > .field-item:last-child:after, .field-collection-container .field-name-field-section .field-items > .field-item:last-child:before { border: 0; } /* END LINE ARROW */ /* Feature Large Block */ .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide { margin-bottom: 15px; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper img { width: 45%; margin-right: 5%; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper .feature-content { width: 50%; float: right; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper .feature-content h2.feature-title a { color: #626262 !important; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper .feature-content .feature-text { font-family: DINOT, verdana, sans-serif; font-size: 16px; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper .feature-content a.more-link { float: right; color: #861155 !important; font-size: 16px; margin-top: 20px; font-weight: bold; display: none; } @media (min-width: 768px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper .feature-content a.more-link { display: block; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-large-wrapper .feature-content a.more-link:after { content: ">>"; margin-left: 10px; } /* Feature Large Block Narrow */ .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow { margin-bottom: 15px; display: inline-block; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper { width: 100%; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper .feature-content h2.feature-title { font-size: 24px; margin-bottom: 0; color: #7E0B4E !important; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper .feature-content h2.feature-title a { font-size: 24px; margin-bottom: 0; color: #7E0B4E !important; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper .feature-content .feature-text { font-family: DINOT, verdana, sans-serif; font-size: 16px; margin-top: 0 !important; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper .feature-content a.more-link { float: right; color: #861155 !important; font-size: 16px; margin-top: 20px; font-weight: bold; margin-right: 10%; display: none; } @media (min-width: 768px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper .feature-content a.more-link { display: block; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-large-wrapper .feature-content a.more-link:after { content: ">>"; margin-left: 10px; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-feature_narrow-wrapper img { width: 100%; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-feature_narrow-wrapper img { width: 45%; margin-right: 5%; } } @media (max-width: 450px) { .narrow { width: 100%; } } @media (min-width: 1024px) { .narrow { width: 47% !important; min-height: 325px; margin-right: 5%; box-sizing: border-box; vertical-align: top; } .narrow:nth-child(2n) { margin-right: 0; } } .narrow img { max-width: 100%; margin-right: 5%; width: 100%; } /* Feature Small Block Wides */ .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide { margin-bottom: 15px; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper { background: #002856; position: relative; width: 100%; overflow: hidden; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper img.feature-image-large { width: 100%; height: auto; display: block; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper img.feature-image-large { opacity: 1; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper .feature-content { position: absolute; padding: 20px 25px; color: #fff; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper .feature-content { background: transparent; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper .feature-title a { color: #fff !important; text-shadow: 1px 1px 1px #6B6B6B; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper .feature-text { font-family: DINOT, verdana, sans-serif; color: #fff !important; font-size: 17px; text-shadow: 1px 1px 1px #6B6B6B; display: none; } @media (min-width: 768px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper .feature-text { display: block; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper .feature-text { opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper a.more-link { font-size: 16px; float: right; background: #861155; padding: 3px 10px; font-weight: bold; text-transform: uppercase; color: #FFFFFF !important; margin-top: 30px; display: none; } @media (min-width: 768px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper a.more-link { display: block; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper a.more-link { opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper a.more-link:after { content: ">>"; margin-left: 10px; text-transform: uppercase; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper:hover img.feature-image-large { opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper:hover .feature-text { opacity: 1; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.wide .feature-small-wrapper:hover a.more-link { opacity: 1; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } /* Feature Small Block Narrow */ .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow { margin-bottom: 15px; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper { background: #002856; position: relative; max-width: 100%; height: auto; display: block; overflow: hidden; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper img.feature-image-large { max-width: 100%; height: auto; height: auto; display: block; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper img.feature-image-large { opacity: 1; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper .feature-content { position: absolute; padding: 20px 25px; color: #fff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper .feature-title a { color: #fff !important; text-shadow: 1px 1px 1px #6B6B6B; } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper .feature-text { font-family: DINOT, verdana, sans-serif; color: #fff !important; font-size: 17px; text-shadow: 1px 1px 1px #6B6B6B; display: none; } @media (min-width: 768px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper .feature-text { display: block; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper .feature-text { opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper a.more-link { font-size: 16px; float: right; background: #861155; padding: 3px 10px; font-weight: bold; text-transform: uppercase; margin-top: 30px; color: #FFFFFF !important; display: none; } @media (min-width: 768px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper a.more-link { display: block; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper a.more-link { opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper a.more-link:after { content: ">>"; margin-left: 10px; text-transform: uppercase; } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper:hover img.feature-image-large { opacity: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper:hover .feature-text { opacity: 1; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } @media (min-width: 1024px) { .field-collection-container .field-name-field-section .field-items > .field-item .field-item.narrow .feature-small-wrapper:hover a.more-link { opacity: 1; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out; transition-delay: 0s; } } /* Feature Content List Narrow */ .field-collection-container .field-name-field-section .field-items > .field-item.narrow .content-list-list-wrapper { width: 100%; list-style: none; padding: 0; } .field-collection-container .field-name-field-section .field-items > .field-item.narrow .content { font-family: DINOT, verdana, sans-serif; font-size: 16px; margin-top: 0px; } .field-collection-container .field-name-field-section .field-items > .field-item.narrow .block-title { font-size: 30px; box-sizing: border-box; font-family: DINOTBold, verdana, sans-serif; font-weight: bold; text-transform: uppercase; } .field-collection-container .field-name-field-section .field-items > .field-item.narrow .content-list-list-wrapper img { display: none; } .field-collection-container .field-name-field-section .field-items > .field-item.narrow .content-list-list-wrapper li { padding-bottom: 0; margin-bottom: 0 !important; font-size: 14px !important; font-weight: bold; } .field-collection-container .field-name-field-section .field-items > .field-item.narrow .content-list-list-wrapper li a { color: #861155 !important; } .field-collection-container .field-name-field-section .field-items > .field-item.narrow .field-collection-container .field-name-field-section .field-items > .field-item.narrow .content-list-list-wrapper li a:after { content: " >>"; } /* Video block */ .field-collection-view .wide #youtube-video-wrapper iframe { width: 100%; min-height: 500px; } /* Content list large */ .field-collection-container .field-items .field-items .content-list-large-wrapper { padding: 0; } .field-collection-container .field-items .field-items .content-list-large-item img { float: left; width: 20%; margin: 0 2% 0 0; } .node-person .field-body > div { border-bottom: 1px solid #002856; padding-bottom: 2%; } @media (min-width: 1024px) { .node-person .field-body > div { float: right; width: 60%; } } .node-person:after { display: table; content: ""; clear: both; } @media (min-width: 1024px) { .node-person .views-field-title > span { float: right; width: 60%; } } .node-person .field-name-field-photo { float: left; width: 100%; } @media (min-width: 768px) { .node-person .field-name-field-photo { float: none; width: auto; } } .node-person .views-field-field-affiliation { display: block; margin-bottom: 20px; } @media (min-width: 1024px) { .node-person .views-field-field-affiliation { float: right; width: 60%; } } .node-person .views-field-field-job-title > div { font-size: 16px; font-weight: bold; margin-bottom: 20px; } @media (min-width: 1024px) { .node-person .views-field-field-job-title > div { float: right; width: 60%; } } .view-id-board h3, .view-id-staff h3 { font-size: 28px; } .view-id-board .view-content > div, .view-id-staff .view-content > div { padding: 3% 0; } .view-resources, .view-tips, .page-about-neef-news { margin-bottom: 10%; } .view-resources #zone-content, .view-tips #zone-content, .page-about-neef-news #zone-content { padding: 0 5%; box-sizing: border-box; } @media (min-width: 768px) { .view-resources #zone-content, .view-tips #zone-content, .page-about-neef-news #zone-content { padding-top: 2% !important; width: 60%; margin: 0 auto; padding: 0; } } .view-resources h2, .view-tips h2, .page-about-neef-news h2 { font-size: 22px !important; margin-bottom: 5px; } .view-resources h2 a, .view-resources h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-resources h2 a, .view-tips h2 a, .view-tips h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .view-tips h2 a, .page-about-neef-news h2 a, .page-about-neef-news h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .page-about-neef-news h2 a { color: #0062ab !important; } .view-resources .views-row, .view-tips .views-row, .page-about-neef-news .views-row { margin-top: 5%; padding-bottom: 5%; border-bottom: 1px solid #002856; } @media (min-width: 768px) { .view-resources .views-row, .view-tips .views-row, .page-about-neef-news .views-row { margin-top: 3%; } } .view-resources .views-row p, .view-tips .views-row p, .page-about-neef-news .views-row p { margin-bottom: 0; } .view-resources .item-list, .view-tips .item-list, .page-about-neef-news .item-list { margin-top: 5%; } /* Import Uglyness */ /* All your ugly quickfixes go here Please sort these by date, and upon sprint cleanup, remove */ /* */ .block-bean h2 a, .block-bean h2 .context-about-neef .menu .menu .active-trail a, .context-about-neef .menu .menu .active-trail .block-bean h2 a { color: #000000 !important; } /* Dear god, fix these ASAP */ /*# sourceMappingURL=spectacles.css.map */