@font-face { font-family: 'Roboto Slab Light'; src: url(138594a6c367092eb6690edd4eb42c09333a9807.ttf) format(truetype); font-style: normal; font-weight: normal; } * { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } [hidden] { display: none; } html { font-size: 100%; } html, button, input, select, textarea { font-family: Roboto, Arial, Helvetica, sans-serif; } body { margin: 0px; padding: 0px; } abbr[title] { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; white-space: nowrap; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial; } pre, code, kbd, samp, tt, var { font-family: 'Courier New', 'DejaVu Sans Mono', monospace, sans-serif; font-size: 1em; line-height: 1.5em; } pre { white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q::before, q::after { content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } nav ul, nav ol { list-style: none none; } img { border: 0px; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0px; } form { margin: 0px; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0px; } .list-type--downloads, .list-type--navigation { margin: 0px; padding: 0px; list-style: none; } .bean-split-column-wysiwyg .media-youtube-video { position: relative; padding: 0px 0px 56.25%; height: 0px; } .bean-split-column-wysiwyg .media-youtube-video iframe, .bean-split-column-wysiwyg .media-youtube-video object, .bean-split-column-wysiwyg .media-youtube-video embed, .bean-split-column-wysiwyg .media-youtube-video video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .bean-helix-carousel.intro-slide .field-name-field-caption, .bean-helix-carousel.intro-slide .featured-img, .bean-helix-carousel__pager.-is-active { position: absolute; z-index: 1; top: 50%; bottom: auto; transform: translateY(-50%); } .bean-partner-case-studies__teaser-wrapper { position: absolute; z-index: 1; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } @font-face { font-family: foundation-icons; src: url(27c2c9957cb22d20b970e2101197a4b253b0afc0.eot) format(embedded-opentype), url(716fcebcec48ac151e9731727c665a70e73c1ba9.woff) format(woff), url(dc672e1e88ddbae0790ade3ccb745bc4b20e6734.ttf) format(truetype), url(72427df825bbabcf613c5e6f0c88bc8a0a90a3c1.svg) format(svg); font-weight: normal; font-style: normal; } .fi-address-book::before, .fi-alert::before, .fi-align-center::before, .fi-align-justify::before, .fi-align-left::before, .fi-align-right::before, .fi-anchor::before, .fi-annotate::before, .fi-archive::before, .fi-arrow-down::before, .fi-arrow-left::before, .fi-arrow-right::before, .fi-arrow-up::before, .fi-arrows-compress::before, .fi-arrows-expand::before, .fi-arrows-in::before, .fi-arrows-out::before, .fi-asl::before, .fi-asterisk::before, .fi-at-sign::before, .fi-background-color::before, .fi-battery-empty::before, .fi-battery-full::before, .fi-battery-half::before, .fi-bitcoin-circle::before, .fi-bitcoin::before, .fi-blind::before, .fi-bluetooth::before, .fi-bold::before, .fi-book-bookmark::before, .fi-book::before, .fi-bookmark::before, .fi-braille::before, .fi-burst-new::before, .fi-burst-sale::before, .fi-burst::before, .fi-calendar::before, .fi-camera::before, .fi-check::before, .fi-checkbox::before, .fi-clipboard-notes::before, .fi-clipboard-pencil::before, .fi-clipboard::before, .fi-clock::before, .fi-closed-caption::before, .fi-cloud::before, .fi-comment-minus::before, .fi-comment-quotes::before, .fi-comment-video::before, .fi-comment::before, .fi-comments::before, .fi-compass::before, .fi-contrast::before, .fi-credit-card::before, .fi-crop::before, .fi-crown::before, .fi-css3::before, .fi-database::before, .fi-die-five::before, .fi-die-four::before, .fi-die-one::before, .fi-die-six::before, .fi-die-three::before, .fi-die-two::before, .fi-dislike::before, .fi-dollar-bill::before, .fi-dollar::before, .fi-download::before, .fi-eject::before, .fi-elevator::before, .fi-euro::before, .fi-eye::before, .fi-fast-forward::before, .fi-female-symbol::before, .fi-female::before, .fi-filter::before, .fi-first-aid::before, .fi-flag::before, .fi-folder-add::before, .fi-folder-lock::before, .fi-folder::before, .fi-foot::before, .fi-foundation::before, .fi-graph-bar::before, .fi-graph-horizontal::before, .fi-graph-pie::before, .fi-graph-trend::before, .fi-guide-dog::before, .fi-hearing-aid::before, .fi-heart::before, .fi-home::before, .fi-html5::before, .fi-indent-less::before, .fi-indent-more::before, .fi-info::before, .fi-italic::before, .fi-key::before, .fi-laptop::before, .fi-layout::before, .fi-lightbulb::before, .fi-like::before, .fi-link::before, .fi-list-bullet::before, .fi-list-number::before, .fi-list-thumbnails::before, .fi-list::before, .fi-lock::before, .fi-loop::before, .fi-magnifying-glass::before, .fi-mail::before, .fi-male-female::before, .fi-male-symbol::before, .fi-male::before, .fi-map::before, .fi-marker::before, .fi-megaphone::before, .fi-microphone::before, .fi-minus-circle::before, .fi-minus::before, .fi-mobile-signal::before, .fi-mobile::before, .fi-monitor::before, .fi-mountains::before, .fi-music::before, .fi-next::before, .fi-no-dogs::before, .fi-no-smoking::before, .fi-page-add::before, .fi-page-copy::before, .fi-page-csv::before, .fi-page-delete::before, .fi-page-doc::before, .fi-page-edit::before, .fi-page-export-csv::before, .fi-page-export-doc::before, .fi-page-export-pdf::before, .fi-page-export::before, .fi-page-filled::before, .fi-page-multiple::before, .fi-page-pdf::before, .fi-page-remove::before, .fi-page-search::before, .fi-page::before, .fi-paint-bucket::before, .fi-paperclip::before, .fi-pause::before, .fi-paw::before, .fi-paypal::before, .fi-pencil::before, .fi-photo::before, .fi-play-circle::before, .fi-play-video::before, .fi-play::before, .fi-plus::before, .fi-pound::before, .fi-power::before, .fi-previous::before, .fi-price-tag::before, .fi-pricetag-multiple::before, .fi-print::before, .fi-prohibited::before, .fi-projection-screen::before, .fi-puzzle::before, .fi-quote::before, .fi-record::before, .fi-refresh::before, .fi-results-demographics::before, .fi-results::before, .fi-rewind-ten::before, .fi-rewind::before, .fi-rss::before, .fi-safety-cone::before, .fi-save::before, .fi-share::before, .fi-sheriff-badge::before, .fi-shield::before, .fi-shopping-bag::before, .fi-shopping-cart::before, .fi-shuffle::before, .fi-skull::before, .fi-social-500px::before, .fi-social-adobe::before, .fi-social-amazon::before, .fi-social-android::before, .fi-social-apple::before, .fi-social-behance::before, .fi-social-bing::before, .fi-social-blogger::before, .fi-social-delicious::before, .fi-social-designer-news::before, .fi-social-deviant-art::before, .fi-social-digg::before, .fi-social-dribbble::before, .fi-social-drive::before, .fi-social-dropbox::before, .fi-social-evernote::before, .fi-social-facebook::before, .fi-social-flickr::before, .fi-social-forrst::before, .fi-social-foursquare::before, .fi-social-game-center::before, .fi-social-github::before, .fi-social-google-plus::before, .fi-social-hacker-news::before, .fi-social-hi5::before, .fi-social-instagram::before, .fi-social-joomla::before, .fi-social-lastfm::before, .fi-social-linkedin::before, .fi-social-medium::before, .fi-social-myspace::before, .fi-social-orkut::before, .fi-social-path::before, .fi-social-picasa::before, .fi-social-pinterest::before, .fi-social-rdio::before, .fi-social-reddit::before, .fi-social-skillshare::before, .fi-social-skype::before, .fi-social-smashing-mag::before, .fi-social-snapchat::before, .fi-social-spotify::before, .fi-social-squidoo::before, .fi-social-stack-overflow::before, .fi-social-steam::before, .fi-social-stumbleupon::before, .fi-social-treehouse::before, .fi-social-tumblr::before, .fi-social-twitter::before, .fi-social-vimeo::before, .fi-social-windows::before, .fi-social-xbox::before, .fi-social-yahoo::before, .fi-social-yelp::before, .fi-social-youtube::before, .fi-social-zerply::before, .fi-social-zurb::before, .fi-sound::before, .fi-star::before, .fi-stop::before, .fi-strikethrough::before, .fi-subscript::before, .fi-superscript::before, .fi-tablet-landscape::before, .fi-tablet-portrait::before, .fi-target-two::before, .fi-target::before, .fi-telephone-accessible::before, .fi-telephone::before, .fi-text-color::before, .fi-thumbnails::before, .fi-ticket::before, .fi-torso-business::before, .fi-torso-female::before, .fi-torso::before, .fi-torsos-all-female::before, .fi-torsos-all::before, .fi-torsos-female-male::before, .fi-torsos-male-female::before, .fi-torsos::before, .fi-trash::before, .fi-trees::before, .fi-trophy::before, .fi-underline::before, .fi-universal-access::before, .fi-unlink::before, .fi-unlock::before, .fi-upload-cloud::before, .fi-upload::before, .fi-usb::before, .fi-video::before, .fi-volume-none::before, .fi-volume-strike::before, .fi-volume::before, .fi-web::before, .fi-wheelchair::before, .fi-widget::before, .fi-wrench::before, .fi-x-circle::before, .fi-x::before, .fi-yen::before, .fi-zoom-in::before, .fi-zoom-out::before { font-family: foundation-icons; font-style: normal; font-weight: normal; font-variant-ligatures: normal; font-variant-position: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; } .fi-address-book::before { content: ; } .fi-alert::before { content: ; } .fi-align-center::before { content: ; } .fi-align-justify::before { content: ; } .fi-align-left::before { content: ; } .fi-align-right::before { content: ; } .fi-anchor::before { content: ; } .fi-annotate::before { content: ; } .fi-archive::before { content: ; } .fi-arrow-down::before { content: ; } .fi-arrow-left::before { content: ; } .fi-arrow-right::before { content: ; } .fi-arrow-up::before { content: ; } .fi-arrows-compress::before { content: ; } .fi-arrows-expand::before { content: ; } .fi-arrows-in::before { content: ; } .fi-arrows-out::before { content: ; } .fi-asl::before { content: ; } .fi-asterisk::before { content: ; } .fi-at-sign::before { content: ; } .fi-background-color::before { content: ; } .fi-battery-empty::before { content: ; } .fi-battery-full::before { content: ; } .fi-battery-half::before { content: ; } .fi-bitcoin-circle::before { content: ; } .fi-bitcoin::before { content: ; } .fi-blind::before { content: ; } .fi-bluetooth::before { content: ; } .fi-bold::before { content: ; } .fi-book-bookmark::before { content: ; } .fi-book::before { content: ; } .fi-bookmark::before { content: ; } .fi-braille::before { content: ; } .fi-burst-new::before { content: ; } .fi-burst-sale::before { content: ; } .fi-burst::before { content: ; } .fi-calendar::before { content: ; } .fi-camera::before { content: ; } .fi-check::before { content: ; } .fi-checkbox::before { content: ; } .fi-clipboard-notes::before { content: ; } .fi-clipboard-pencil::before { content: ; } .fi-clipboard::before { content: ; } .fi-clock::before { content: ; } .fi-closed-caption::before { content: ; } .fi-cloud::before { content: ; } .fi-comment-minus::before { content: ; } .fi-comment-quotes::before { content: ; } .fi-comment-video::before { content: ; } .fi-comment::before { content: ; } .fi-comments::before { content: ; } .fi-compass::before { content: ; } .fi-contrast::before { content: ; } .fi-credit-card::before { content: ; } .fi-crop::before { content: ; } .fi-crown::before { content: ; } .fi-css3::before { content: ; } .fi-database::before { content: ; } .fi-die-five::before { content: ; } .fi-die-four::before { content: ; } .fi-die-one::before { content: ; } .fi-die-six::before { content: ; } .fi-die-three::before { content: ; } .fi-die-two::before { content: ; } .fi-dislike::before { content: ; } .fi-dollar-bill::before { content: ; } .fi-dollar::before { content: ; } .fi-download::before { content: ; } .fi-eject::before { content: ; } .fi-elevator::before { content: ; } .fi-euro::before { content: ; } .fi-eye::before { content: ; } .fi-fast-forward::before { content: ; } .fi-female-symbol::before { content: ; } .fi-female::before { content: ; } .fi-filter::before { content: ; } .fi-first-aid::before { content: ; } .fi-flag::before { content: ; } .fi-folder-add::before { content: ; } .fi-folder-lock::before { content: ; } .fi-folder::before { content: ; } .fi-foot::before { content: ; } .fi-foundation::before { content: ; } .fi-graph-bar::before { content: ; } .fi-graph-horizontal::before { content: ; } .fi-graph-pie::before { content: ; } .fi-graph-trend::before { content: ; } .fi-guide-dog::before { content: ; } .fi-hearing-aid::before { content: ; } .fi-heart::before { content: ; } .fi-home::before { content: ; } .fi-html5::before { content: ; } .fi-indent-less::before { content: ; } .fi-indent-more::before { content: ; } .fi-info::before { content: ; } .fi-italic::before { content: ; } .fi-key::before { content: ; } .fi-laptop::before { content: ; } .fi-layout::before { content: ; } .fi-lightbulb::before { content: ; } .fi-like::before { content: ; } .fi-link::before { content: ; } .fi-list-bullet::before { content: ; } .fi-list-number::before { content: ; } .fi-list-thumbnails::before { content: ; } .fi-list::before { content: ; } .fi-lock::before { content: ; } .fi-loop::before { content: ; } .fi-magnifying-glass::before { content: ; } .fi-mail::before { content: ; } .fi-male-female::before { content: ; } .fi-male-symbol::before { content: ; } .fi-male::before { content: ; } .fi-map::before { content: ; } .fi-marker::before { content: ; } .fi-megaphone::before { content: ; } .fi-microphone::before { content: ; } .fi-minus-circle::before { content: ; } .fi-minus::before { content: ; } .fi-mobile-signal::before { content: ; } .fi-mobile::before { content: ; } .fi-monitor::before { content: ; } .fi-mountains::before { content: ; } .fi-music::before { content: ; } .fi-next::before { content: ; } .fi-no-dogs::before { content: ; } .fi-no-smoking::before { content: ; } .fi-page-add::before { content: ; } .fi-page-copy::before { content: ; } .fi-page-csv::before { content: ; } .fi-page-delete::before { content: ; } .fi-page-doc::before { content: ; } .fi-page-edit::before { content: ; } .fi-page-export-csv::before { content: ; } .fi-page-export-doc::before { content: ; } .fi-page-export-pdf::before { content: ; } .fi-page-export::before { content: ; } .fi-page-filled::before { content: ; } .fi-page-multiple::before { content: ; } .fi-page-pdf::before { content: ; } .fi-page-remove::before { content: ; } .fi-page-search::before { content: ; } .fi-page::before { content: ; } .fi-paint-bucket::before { content: ; } .fi-paperclip::before { content: ; } .fi-pause::before { content: ; } .fi-paw::before { content: ; } .fi-paypal::before { content: ; } .fi-pencil::before { content: ; } .fi-photo::before { content: ; } .fi-play-circle::before { content: ; } .fi-play-video::before { content: ; } .fi-play::before { content: ; } .fi-plus::before { content: ; } .fi-pound::before { content: ; } .fi-power::before { content: ; } .fi-previous::before { content: ; } .fi-price-tag::before { content: ; } .fi-pricetag-multiple::before { content: ; } .fi-print::before { content: ; } .fi-prohibited::before { content: ; } .fi-projection-screen::before { content: ; } .fi-puzzle::before { content: ; } .fi-quote::before { content: ; } .fi-record::before { content: ; } .fi-refresh::before { content: ; } .fi-results-demographics::before { content: ; } .fi-results::before { content: ; } .fi-rewind-ten::before { content: ; } .fi-rewind::before { content: ; } .fi-rss::before { content: ; } .fi-safety-cone::before { content: ; } .fi-save::before { content: ; } .fi-share::before { content: ; } .fi-sheriff-badge::before { content: ; } .fi-shield::before { content: ; } .fi-shopping-bag::before { content: ; } .fi-shopping-cart::before { content: ; } .fi-shuffle::before { content: ; } .fi-skull::before { content: ; } .fi-social-500px::before { content: ; } .fi-social-adobe::before { content: ; } .fi-social-amazon::before { content: ; } .fi-social-android::before { content: ; } .fi-social-apple::before { content: ; } .fi-social-behance::before { content: ; } .fi-social-bing::before { content: ; } .fi-social-blogger::before { content: ; } .fi-social-delicious::before { content: ; } .fi-social-designer-news::before { content: ; } .fi-social-deviant-art::before { content: ; } .fi-social-digg::before { content: ; } .fi-social-dribbble::before { content: ; } .fi-social-drive::before { content: ; } .fi-social-dropbox::before { content: ; } .fi-social-evernote::before { content: ; } .fi-social-facebook::before { content: ; } .fi-social-flickr::before { content: ; } .fi-social-forrst::before { content: ; } .fi-social-foursquare::before { content: ; } .fi-social-game-center::before { content: ; } .fi-social-github::before { content: ; } .fi-social-google-plus::before { content: ; } .fi-social-hacker-news::before { content: ; } .fi-social-hi5::before { content: ; } .fi-social-instagram::before { content: ; } .fi-social-joomla::before { content: ; } .fi-social-lastfm::before { content: ; } .fi-social-linkedin::before { content: ; } .fi-social-medium::before { content: ; } .fi-social-myspace::before { content: ; } .fi-social-orkut::before { content: ; } .fi-social-path::before { content: ; } .fi-social-picasa::before { content: ; } .fi-social-pinterest::before { content: ; } .fi-social-rdio::before { content: ; } .fi-social-reddit::before { content: ; } .fi-social-skillshare::before { content: ; } .fi-social-skype::before { content: ; } .fi-social-smashing-mag::before { content: ; } .fi-social-snapchat::before { content: ; } .fi-social-spotify::before { content: ; } .fi-social-squidoo::before { content: ; } .fi-social-stack-overflow::before { content: ; } .fi-social-steam::before { content: ; } .fi-social-stumbleupon::before { content: ; } .fi-social-treehouse::before { content: ; } .fi-social-tumblr::before { content: ; } .fi-social-twitter::before { content: ; } .fi-social-vimeo::before { content: ; } .fi-social-windows::before { content: ; } .fi-social-xbox::before { content: ; } .fi-social-yahoo::before { content: ; } .fi-social-yelp::before { content: ; } .fi-social-youtube::before { content: ; } .fi-social-zerply::before { content: ; } .fi-social-zurb::before { content: ; } .fi-sound::before { content: ; } .fi-star::before { content: ; } .fi-stop::before { content: ; } .fi-strikethrough::before { content: ; } .fi-subscript::before { content: ; } .fi-superscript::before { content: ; } .fi-tablet-landscape::before { content: ; } .fi-tablet-portrait::before { content: ; } .fi-target-two::before { content: ; } .fi-target::before { content: ; } .fi-telephone-accessible::before { content: ; } .fi-telephone::before { content: ; } .fi-text-color::before { content: ; } .fi-thumbnails::before { content: ; } .fi-ticket::before { content: ; } .fi-torso-business::before { content: ; } .fi-torso-female::before { content: ; } .fi-torso::before { content: ; } .fi-torsos-all-female::before { content: ; } .fi-torsos-all::before { content: ; } .fi-torsos-female-male::before { content: ; } .fi-torsos-male-female::before { content: ; } .fi-torsos::before { content: ; } .fi-trash::before { content: ; } .fi-trees::before { content: ; } .fi-trophy::before { content: ; } .fi-underline::before { content: ; } .fi-universal-access::before { content: ; } .fi-unlink::before { content: ; } .fi-unlock::before { content: ; } .fi-upload-cloud::before { content: ; } .fi-upload::before { content: ; } .fi-usb::before { content: ; } .fi-video::before { content: ; } .fi-volume-none::before { content: ; } .fi-volume-strike::before { content: ; } .fi-volume::before { content: ; } .fi-web::before { content: ; } .fi-wheelchair::before { content: ; } .fi-widget::before { content: ; } .fi-wrench::before { content: ; } .fi-x-circle::before { content: ; } .fi-x::before { content: ; } .fi-yen::before { content: ; } .fi-zoom-in::before { content: ; } .fi-zoom-out::before { content: ; } @-webkit-keyframes throbber { 0%,80%,100% { box-shadow: rgb(2, 120, 190) 0px 0px; height: 4em; } 40% { box-shadow: rgb(2, 120, 190) 0px -2em; height: 5em; } } @-webkit-keyframes throbber { 0%,80%,100% { box-shadow: rgb(2, 120, 190) 0px 0px; height: 4em; } 40% { box-shadow: rgb(2, 120, 190) 0px -2em; height: 5em; } } @font-face { font-family: svg-icons; src: local(☺), url(ff6d1e143e027c7b0b72c51fe5a51272bddb3124.eot) format(embedded-opentype), url(82c314a9fcb5e9539760d2f167e51946d5040084.woff) format(woff), url(cd261451c951771988ddce4248d36adaaee3ad80.ttf) format(truetype), url(78c1f251f9243278e70881b8a4db5c20dc3d1299.svg) format(svg); font-style: normal; font-weight: normal; } .svg-icons--arrow-down-circle-dimensions { width: 229px; height: 229px; } .bean-carousel-bean-alternate .arrowdown-circle::before, .svg-icons--arrow-down-circle::before { font-family: svg-icons; content: ; } .svg-icons--arrow-down-circle-after::after { font-family: svg-icons; content: ; } .svg-icons--arrow-down-dimensions { width: 417.63026521060846px; height: 229px; } .svg-icons--arrow-down::before { font-family: svg-icons; content: ; } .svg-icons--arrow-down-after::after { font-family: svg-icons; content: ; } .svg-icons--arrow-left-dimensions { width: 141.21666666666667px; height: 229px; } .bean-carousel-bean-alternate .supplemental-pager .prev::before, .svg-icons--arrow-left::before { font-family: svg-icons; content: ; } .svg-icons--arrow-left-after::after { font-family: svg-icons; content: ; } .svg-icons--arrow-right-dimensions { width: 141.21666666666667px; height: 229px; } .bean-carousel-bean-alternate .supplemental-pager .next::before, .svg-icons--arrow-right::before { font-family: svg-icons; content: ; } .svg-icons--arrow-right-after::after { font-family: svg-icons; content: ; } .svg-icons--close-dimensions { width: 228.99999999999997px; height: 229px; } .svg-icons--close::before { font-family: svg-icons; content: ; } .svg-icons--close-after::after { font-family: svg-icons; content: ; } #page { margin: 0px auto; width: 100%; max-width: 1280px; background-color: white; position: relative; -webkit-box-shadow: rgb(235, 235, 235) 2px 2px 10px; box-shadow: rgb(235, 235, 235) 2px 2px 10px; background-position: initial initial; background-repeat: initial initial; } #page > #header { padding-left: 45px; padding-right: 45px; max-width: 100%; } #page > #content-btth { padding-top: 0px; z-index: 1; padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { #page > #content-btth { padding-left: 40px; padding-right: 40px; } } #page ul.tabs-primary { float: left; } #page div.tabs::before, #page div.tabs::after { content: ''; display: table; } #page div.tabs::after { clear: both; } main#content { min-height: 200px; z-index: 1; height: auto !important; } body #content { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { body #content { padding-left: 40px; padding-right: 40px; } } body.page-panels #content { padding-left: 0px; padding-right: 0px; } body { background-color: rgb(247, 247, 247); min-height: 100%; background-position: initial initial; background-repeat: initial initial; } body.layout-sidebar-both #sidebar_first { float: left; width: 15%; margin-left: 0px; margin-right: -15%; } body.layout-sidebar-both #content { float: left; width: 70%; margin-left: 15%; margin-right: -85%; } body.layout-sidebar-both #sidebar_second { float: left; width: 15%; margin-left: 85%; margin-right: -100%; } .hidden { display: none !important; } .page-solar-resources header nav.block-menu-block ul li ul li a { padding-bottom: 15px; } .page-solar-resources #page #content-btth { background-image: url(51e926c57dbe69f3152ad93bbe3171445ab2c669.png) ; background-color: rgb(77, 153, 241); height: 180px; font-family: Roboto; padding-left: 45px; background-position: 95% -25%; background-repeat: no-repeat no-repeat; } .page-solar-resources #page #content-btth .title { font-size: 40px; color: rgb(255, 255, 255); padding-top: 2.6em; font-family: 'Roboto Slab Light', 'Times New Roman', Georgia, serif; margin-top: 0px; } .page-solar-resources #content { padding: 0px; } .page-solar-resources .view-resource-center .view-filters { float: right; padding-top: 0.9em; padding-bottom: 0.9em; } .page-solar-resources .view-resource-center .view-filters select { font-family: 'Roboto Slab Light', 'Times New Roman', Georgia, serif; padding: 6px 54px 6px 20px; -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgba(255, 255, 255, 0.4) 0px 2px 0px inset, rgba(0, 0, 0, 0.0980392) 0px 0px 0px 1px inset; box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgba(255, 255, 255, 0.4) 0px 2px 0px inset, rgba(0, 0, 0, 0.0980392) 0px 0px 0px 1px inset; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; color: rgb(0, 0, 0); font-size: 14px; } .page-solar-resources .view-resource-center .view-filters select#edit-sort-order { position: relative; right: 18px; } .page-solar-resources .view-resource-center .view-filters .ajax-progress-throbber { display: none; } .page-solar-resources .view-resource-center #resource-center-total { color: rgb(248, 191, 39); } .page-solar-resources .view-resource-center .view-content { clear: both; } .page-solar-resources .view-resource-center .view-header { float: left; padding-left: 45px; padding-top: 2em; font-size: 16px; color: rgb(51, 51, 51); font-family: 'Roboto Slab Light', 'Times New Roman', Georgia, serif; } .page-solar-resources .view-resource-center .views-row { padding: 2em 45px 2em 85px; min-height: 140px; float: left; width: 100%; position: relative; } .page-solar-resources .view-resource-center .views-row .views-field-title { font-size: 20px; color: rgb(51, 51, 51); width: 90%; } .page-solar-resources .view-resource-center .views-row .views-field-title .field-content a { text-decoration: none; color: rgb(51, 51, 51); font-family: 'Roboto Slab Light', 'Times New Roman', Georgia, serif; } .page-solar-resources .view-resource-center .views-row .views-field-title a:hover { color: rgb(85, 158, 242); } .page-solar-resources .view-resource-center .views-row .views-field-body { font-size: 16px; color: rgb(51, 51, 51); width: 90%; padding-top: 0.8em; font-family: 'Roboto Slab Light', 'Times New Roman', Georgia, serif; } .page-solar-resources .view-resource-center .views-row.views-row-odd { background-color: rgb(247, 247, 247); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(229, 229, 229); background-position: initial initial; background-repeat: initial initial; } .page-solar-resources .view-resource-center .views-row .views-field-body { float: left; margin-right: 2em; width: 78%; } .page-solar-resources .view-resource-center .views-row .field-icon { float: left; margin-right: 4.7em; } .page-solar-resources .view-resource-center .views-row .field-icon a { color: transparent; width: 100%; height: 100%; display: inline-block; } .page-solar-resources .view-resource-center .views-row .field-icon span { height: 80px; width: 60px; display: inline-block; color: transparent; } .page-solar-resources .view-resource-center .views-row .resource-center-more { position: absolute; top: 0px; bottom: 0px; right: 45px; margin: auto; vertical-align: middle; height: 17%; } .page-solar-resources .view-resource-center .views-row .resource-center-more a { width: 60px; height: 30px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; -webkit-background-clip: padding; -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgba(255, 255, 255, 0.4) 0px 2px 0px inset, rgba(0, 0, 0, 0.0980392) 0px 0px 0px 1px inset; box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgba(255, 255, 255, 0.4) 0px 2px 0px inset, rgba(0, 0, 0, 0.0980392) 0px 0px 0px 1px inset; background-color: rgb(247, 247, 247); float: right; text-decoration: none; text-align: center; color: transparent; line-height: 10px; font-size: 45px; background-position: initial initial; background-repeat: initial initial; } .page-solar-resources .view-resource-center .views-row .resource-center-more a:hover { background-color: rgb(60, 123, 216); -webkit-box-shadow: none; box-shadow: none; background-position: initial initial; background-repeat: initial initial; } @media (max-width: 767px) { .page-solar-resources .view-resource-center .views-row div.views-field-title { height: auto; width: 100%; } .page-solar-resources .view-resource-center .views-row div.views-field-body { margin-right: 0px; } .page-solar-resources .view-resource-center .views-row .field-icon { margin-right: 1em; } } @media (max-width: 480px) { .page-solar-resources .view-resource-center .view-filters select#edit-sort-order { right: 0px; } } .page-search [id="page-title"] { display: none; } .page-search .search-form { margin: 0px; position: relative; } .page-search .search-form label { display: none; } .page-search .search-form input[type="text"] { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: rgb(77, 153, 241); color: rgb(255, 255, 255); font-weight: 200; font-style: normal; font-variant-caps: normal; font-size: 40px; line-height: normal; font-family: 'Open Sans', sans-serif; margin: 0px -25px; padding: 30px 45px; max-width: none; width: calc(100% + 50px); } .page-search .search-form input[type="submit"] { -webkit-appearance: none; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; -webkit-background-size: cover; background-size: cover; background-image: url(b2f4665195f7bc3a6ab38ac49fb454acb6b4fe6b.png) ; background-color: rgb(77, 153, 241); border: none; bottom: 0px; content: ''; display: block; height: 80px; position: absolute; right: 45px; width: 90px; } @media only screen and (min-width: 960px) { .page-search .search-form input[type="text"] { padding-top: 100px; } .page-search .search-form input[type="submit"] { background-image: url(b2f4665195f7bc3a6ab38ac49fb454acb6b4fe6b.png) ; background-color: rgb(77, 153, 241); height: 160px; width: 180px; background-position: initial initial; background-repeat: initial initial; } } .page-search .search-form + h2 { display: none; } .apachesolr_search-results { margin: 0px -25px; padding: 0px; } .apachesolr_search-results li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); margin: 0px; padding: 0px 45px; } .apachesolr_search-results li:nth-child(odd) { background-color: rgb(251, 251, 251); } .apachesolr_search-results li:first-child { position: relative; } .apachesolr_search-results li:first-child::before { background-image: url(ec174fa1515283b12a4f6ed0a69f1f26a6bb1051.png) ; content: ''; display: block; height: 20px; margin-right: -590px; position: absolute; right: 50%; top: 0px; width: 1180px; z-index: 2; } .view-mode-search_result { padding: 32px 0px; position: relative; } .view-mode-search_result .node-title a { color: rgb(51, 51, 51); font-size: 20px; font-weight: 400; margin: 0px; text-decoration: none; } .view-mode-search_result .field-name-field-subhead { font-size: 16px; line-height: 29px; } .view-mode-search_result .result-link { text-indent: -119988px; text-align: left; text-transform: capitalize; height: 31px; margin-top: 15px; overflow: visible; position: relative; width: 61px; } .view-mode-search_result .result-link::before { background-image: url(de9d0399a6e59cdc7ed6a238f6e951919179452e.png) ; content: ''; display: block; height: 14px; margin-right: -11px; margin-top: -7px; position: absolute; right: 50%; top: 50%; width: 22px; z-index: 2; } .view-mode-search_result .result-link::after { color: rgb(77, 153, 241); content: attr(title); display: none; font-style: normal; font-variant-caps: normal; font-weight: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans', sans-serif; left: 100%; margin: 0px 15px; position: absolute; text-indent: 0px; white-space: nowrap; } .view-mode-search_result:hover .node-title a { color: rgb(77, 153, 241); } .view-mode-search_result:hover .result-link { background-size: 100%; background-image: linear-gradient(rgb(72, 143, 240) 0%, rgb(66, 137, 239) 50%, rgb(60, 129, 238) 100%, rgb(60, 129, 238)); border: 1px solid rgb(65, 128, 216); color: white; } .view-mode-search_result:hover .result-link::before { background-image: url(018aba8b6194b7a70bc6b1ff85534a02b94997de.png) ; height: 14px; margin-right: -11px; margin-top: -7px; width: 22px; } .view-mode-search_result:hover .result-link::after { display: inline; } @media only screen and (min-width: 960px) { .view-mode-search_result { padding-right: 80px; } .view-mode-search_result .result-link { margin-top: -15px; position: absolute; right: 0px; top: 50%; } .view-mode-search_result .result-link::after { left: auto; right: 100%; } } .node-type-thank-you-page .pane-node-body { background-color: rgb(77, 153, 241); color: rgb(255, 255, 255); text-align: center; background-position: initial initial; background-repeat: initial initial; } .node-type-thank-you-page .pane-node-body a { color: rgb(255, 255, 255); } .node-type-thank-you-page .pane-node-body .field-items { padding: 35px 25px; } @media only screen and (min-width: 960px) { .node-type-thank-you-page .pane-node-body .field-items { padding: 70px 180px; } } .node-type-thank-you-page .pane-bean-thank-you-live-chat { padding: 0px 25px; } @media only screen and (min-width: 960px) { .node-type-thank-you-page .pane-bean-thank-you-live-chat { padding: 0px 180px; } } #colorbox #eloqua_inline_modal_form .eloqua_redirect_result { padding: 35px 25px; } #eloqua_inline_modal_form .eloqua_redirect_result { background-color: rgb(77, 153, 241); color: rgb(255, 255, 255); text-align: center; background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 960px) { #eloqua_inline_modal_form .eloqua_redirect_result { padding: 70px 180px; } } #eloqua_inline_modal_form .eloqua_redirect_result a { color: rgb(255, 255, 255); } #cboxLoadedContent article.node-webform .node-title.reloaded { font-size: 50px; font-weight: 300; } .site-map-front-page { padding-bottom: 1em; } html[lang="ja"] { font-family: Meiryo, 'MS Gothic'; } body.domain-maxeonsolar-jp { font-family: Meiryo, 'MS Gothic'; } body.domain-maxeonsolar-jp button, body.domain-maxeonsolar-jp input, body.domain-maxeonsolar-jp select, body.domain-maxeonsolar-jp textarea, body.domain-maxeonsolar-jp pre, body.domain-maxeonsolar-jp code, body.domain-maxeonsolar-jp kbd, body.domain-maxeonsolar-jp samp, body.domain-maxeonsolar-jp tt, body.domain-maxeonsolar-jp var, body.domain-maxeonsolar-jp .page-solar-resources #page #content-btth .title, body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .view-filters select, body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .view-header, body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .views-row .views-field-title .field-content a, body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .views-row .views-field-body, body.domain-maxeonsolar-jp .comment-unpublished p.unpublished, body.domain-maxeonsolar-jp .node-unpublished p.unpublished, body.domain-maxeonsolar-jp h1, body.domain-maxeonsolar-jp h2, body.domain-maxeonsolar-jp h3, body.domain-maxeonsolar-jp h4, body.domain-maxeonsolar-jp h5, body.domain-maxeonsolar-jp #content-btth > .title, body.domain-maxeonsolar-jp div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon, body.domain-maxeonsolar-jp div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon, body.domain-maxeonsolar-jp div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon, body.domain-maxeonsolar-jp div.region-pre-footer div.phone-number-footer-block span.phoneIcon, body.domain-maxeonsolar-jp div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon strong, body.domain-maxeonsolar-jp div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon strong, body.domain-maxeonsolar-jp div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon strong, body.domain-maxeonsolar-jp div.region-pre-footer div.phone-number-footer-block span.phoneIcon strong, body.domain-maxeonsolar-jp #block-boxes-row-sitewide-cta .boxes-box-content, body.domain-maxeonsolar-jp .phone-number-footer-block .boxes-box-content, body.domain-maxeonsolar-jp div.pane-column-bean h2.pane-title, body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-banner-title, body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-subhead, body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-beantext-title, body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-colcarousel-subtitle, body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-imgbean-title, body.domain-maxeonsolar-jp .field-name-field-form-label-spend, body.domain-maxeonsolar-jp .interactive-title, body.domain-maxeonsolar-jp .field-name-field-comp-message-generic, body.domain-maxeonsolar-jp .field-name-field-comp-message-localized, body.domain-maxeonsolar-jp #dealer-container span.temp h2, body.domain-maxeonsolar-jp #boxes-box-support_threecols div.support_3col > div strong.titleAdj, body.domain-maxeonsolar-jp div.contact_left .contact-block--title, body.domain-maxeonsolar-jp #boxes-box-contact_our_offices div.offices .location-title, body.domain-maxeonsolar-jp .contact-our-offices-block div.offices .location-title, body.domain-maxeonsolar-jp #boxes-box-contact_contractorlicens div.contr_block .location-title { font-family: Meiryo, 'MS Gothic'; } body.domain-maxeonsolar-jp.section-community #BVQAContainer, body.domain-maxeonsolar-jp.section-community .BVQAQuestionSummary, body.domain-maxeonsolar-jp.section-community .BVQAAskQuestion a, body.domain-maxeonsolar-jp.section-community .BVQAAskQuestion a:visited { font-family: Meiryo, 'MS Gothic'; } .domain-maxeonsolar-jp #footer { font-size: 12px; } nav.breadcrumb { padding-left: 7%; padding-right: 7%; color: rgb(87, 87, 87); font-size: 12px; } nav.breadcrumb h2 { width: 0px; } nav.breadcrumb a { text-decoration: none; } nav.breadcrumb ol { padding-left: 0px; } nav.breadcrumb ol li { display: inline; } .page-node.node-type-blog #block-views-blog-categories-block { display: none; } @media only screen and (min-width: 1064px) { .page-node.node-type-blog #block-views-blog-categories-block { display: block; } } #block-sun-blogs-blogs-feed-block { display: none; clear: right; margin-left: 7%; margin-bottom: 10px; width: 17%; min-width: 140px; margin-right: 6%; } @media only screen and (min-width: 1064px) { #block-sun-blogs-blogs-feed-block { display: block; float: right; margin-left: 1%; margin-bottom: 15px; } } @media only screen and (max-width: 1132px) and (min-width: 1064px) { #block-sun-blogs-blogs-feed-block { width: 14%; } } #block-sun-blogs-blogs-feed-block a { text-decoration: none; } #block-views-blog-categories-block { padding-top: 20px; margin-left: 7%; margin-right: 7%; font-size: 12px; float: none; clear: right; } #block-views-blog-categories-block .block-title { float: left; display: none; padding-bottom: 17px; margin-bottom: 10px; } #block-views-blog-categories-block ul li { display: inline; } @media only screen and (min-width: 768px) { #block-views-blog-categories-block { font-size: 15px; } #block-views-blog-categories-block .block-title { display: block; } } @media only screen and (min-width: 1064px) { #block-views-blog-categories-block { width: 17%; min-width: 110px; float: right; margin-right: 7%; margin-left: 10px; padding-top: 30px; } #block-views-blog-categories-block .block-title { float: none; font-size: 30px; padding-bottom: 17px; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: rgb(225, 225, 225); margin-bottom: 10px; } #block-views-blog-categories-block ul li { display: list-item; } #block-views-blog-categories-block .view-footer a:hover::after { background-image: url(9fb1f89b97400ccb91d91a31e0a530b7cc915447.png) ; background-position: 0px -244px; background-repeat: initial initial; } #block-views-blog-categories-block .view-footer a::after { margin-left: 4px; display: inline-block; height: 16px; width: 16px; content: ' '; background-image: url(9fb1f89b97400ccb91d91a31e0a530b7cc915447.png) ; background-position: 0px -218px; background-repeat: initial initial; } } @media only screen and (max-width: 1132px) and (min-width: 1064px) { #block-views-blog-categories-block { width: 14%; margin-right: 5%; } #block-views-blog-categories-block li { list-style: none; margin: 0px; } } #block-views-blog-categories-block a { text-decoration: none; } #block-views-blog-categories-block ul { color: rgb(149, 149, 149); } #block-views-blog-categories-block ul li { padding: 23px 0px; } #block-views-blog-author-block { clear: right; margin-left: 7%; margin-bottom: 10px; width: 19%; min-width: 140px; margin-right: 6%; } @media only screen and (min-width: 1064px) { #block-views-blog-author-block { float: right; margin-left: 1%; margin-bottom: 10px; min-height: 230px; } } #block-views-blog-author-block a { text-decoration: none; } #block-bean-blog-header .bean-hero-bean { color: rgb(87, 87, 87); margin: 0px; position: relative; } #block-bean-blog-header .bean-hero-bean .overlay { position: absolute; bottom: 0px; width: 100%; background-color: transparent; } #block-bean-blog-header .bean-hero-bean h2 { font-size: 25px; width: 80%; color: rgb(87, 87, 87); margin: 0px auto; background-color: rgb(255, 255, 255); padding: 24px; } #block-bean-blog-header .bean-hero-bean .field-name-field-subhead { display: none; } @media only screen and (min-width: 769px) { #block-bean-blog-header .bean-hero-bean .overlay { padding: 24px; background-color: rgb(255, 255, 255); width: 435px; margin-left: 7%; } #block-bean-blog-header .bean-hero-bean h2 { padding: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 14px; background-color: transparent; } #block-bean-blog-header .bean-hero-bean .field-name-field-subhead { display: block; font-size: 16px; line-height: 100%; margin-bottom: 11px; } } .view-blog-title { margin-left: 7%; margin-right: 7%; margin-bottom: 30px; } .view-blog-title .views-row::before, .view-blog-title .views-row::after { content: ''; display: table; } .view-blog-title .views-row::after { clear: both; } .view-blog-title .date { font-size: 12px; float: left; font-style: italic; color: rgb(148, 148, 148); padding-top: 2px; } .view-blog-title .date::before, .view-blog-title .date::after { content: ''; display: table; } .view-blog-title .date::after { clear: both; } .view-blog-title .category-list { font-size: 12px; } .view-blog-title .category-list::before { float: left; padding-left: 4px; padding-right: 4px; content: ' | '; } .view-blog-title .category-list a { text-decoration: none; } .view-blog-category-title { margin-left: 7%; margin-right: 7%; margin-bottom: 30px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: rgb(225, 225, 225); padding-bottom: 10px; } .view-blog-category-title h2 { margin-bottom: 8px; } @media only screen and (min-width: 1064px) { article.node-blog.view-mode-full { float: left; margin-top: -243px; } } article.node-blog.view-mode-full h2::before { clear: both; } article.node-blog.view-mode-full a { text-decoration: none; } article.node-blog.view-mode-full #node_blog_full_group_blog_content { float: left; width: 97%; } article.node-blog.view-mode-full #node_blog_full_group_blog_content::before { clear: right; } @media only screen and (min-width: 1064px) { article.node-blog.view-mode-full #node_blog_full_group_blog_content { width: 715px; padding-top: 10px; padding-right: 15px; border-right-width: 3px; border-right-style: solid; border-right-color: rgb(225, 225, 225); } } article.node-blog.view-mode-full .date { padding-bottom: 20px; } article.node-blog.node-teaser { max-width: 760px; } article.node-author.node-teaser .field-name-field-profile-photo img { display: none; } article.node-author.node-teaser .field-name-field-profile-photo .by { float: left; padding-right: 3px; } @media only screen and (min-width: 1064px) { article.node-author.node-teaser .field-name-field-profile-photo { background-color: rgb(247, 247, 247); padding: 28px 42px; } article.node-author.node-teaser .field-name-field-profile-photo img { display: block; padding-bottom: 15px; } } article.node-author.view-mode-full { padding-top: 30px; width: 100%; padding-left: 7%; padding-right: 7%; float: left; } article.node-author.view-mode-full .field-name-field-profile-photo { display: none; } @media only screen and (min-width: 1025px) { article.node-author.view-mode-full { width: 75%; padding-right: 0px; padding-left: 91px; } article.node-author.view-mode-full .field-name-field-profile-photo { display: block; float: left; background-color: rgb(247, 247, 247); padding: 28px 4%; } article.node-author.view-mode-full .field-name-field-profile-photo img { padding-bottom: 15px; } article.node-author.view-mode-full #node_author_full_group_left_fields { float: left; width: 64%; margin-right: 15px; } } article.node-author.view-mode-full h2 { margin-top: 10px; color: rgb(255, 133, 28); font-size: 30px; } article.node-author.view-mode-full .field-name-field-job-title { font-size: 28px; font-style: italic; padding-bottom: 28px; } article.node-author.view-mode-full .field-name-body { font-size: 15px; } @media only screen and (min-width: 1064px) { .page-blog article.node-blog, .node-type-blog article.node-blog { max-width: 760px; } } @media only screen and (max-width: 1063px) and (min-width: 767px) { .page-blog article.node-blog, .node-type-blog article.node-blog { max-width: 900px; } } @media only screen and (max-width: 768px) and (min-width: 481px) { .page-blog article.node-blog, .node-type-blog article.node-blog { width: 100%; } } .page-blog article.node-blog .links, .node-type-blog article.node-blog .links { float: right; list-style-type: none; } .page-blog article.node-blog .links::before, .page-blog article.node-blog .links::after, .node-type-blog article.node-blog .links::before, .node-type-blog article.node-blog .links::after { content: ''; display: table; } .page-blog article.node-blog .links::after, .node-type-blog article.node-blog .links::after { clear: both; } .page-blog article.node-blog .links .node-readmore a, .node-type-blog article.node-blog .links .node-readmore a { font-size: 16px; font-weight: bold; } .page-blog article.node-blog.view-mode-full, .node-type-blog article.node-blog.view-mode-full { padding-left: 7%; padding-right: 7%; } @media only screen and (min-width: 1064px) { .page-blog article.node-blog.view-mode-full, .node-type-blog article.node-blog.view-mode-full { max-width: 835px; padding-right: 0px; } } .page-blog article.node-blog.view-mode-full .date, .node-type-blog article.node-blog.view-mode-full .date { font-size: 12px; float: left; font-style: italic; color: rgb(148, 148, 148); padding-top: 2px; } .page-blog article.node-blog.view-mode-full .field-name-field-blog-category, .node-type-blog article.node-blog.view-mode-full .field-name-field-blog-category { font-size: 12px; } .page-blog article.node-blog.view-mode-full .field-name-field-blog-category::before, .node-type-blog article.node-blog.view-mode-full .field-name-field-blog-category::before { float: left; padding-left: 4px; padding-right: 4px; } @media only screen and (min-width: 1025px) { .page-blog article.node-blog.view-mode-full .field-name-field-blog-category::before, .node-type-blog article.node-blog.view-mode-full .field-name-field-blog-category::before { content: ' | '; } } @media only screen and (max-width: 1024px) { .page-blog article.node-blog.view-mode-teaser2 .field-name-field-author-reference, .page-blog article.node-blog.view-mode-teaser2 .date, .page-blog article.node-blog.view-mode-teaser2 .links, .page-blog article.node-blog.view-mode-teaser2 .field-name-body, .node-type-blog article.node-blog.view-mode-teaser2 .field-name-field-author-reference, .node-type-blog article.node-blog.view-mode-teaser2 .date, .node-type-blog article.node-blog.view-mode-teaser2 .links, .node-type-blog article.node-blog.view-mode-teaser2 .field-name-body { display: none; } } .page-blog article.node-blog.view-mode-teaser2 h2.title a, .node-type-blog article.node-blog.view-mode-teaser2 h2.title a { color: rgb(87, 87, 87); } .page-blog article.node-blog.view-mode-teaser2 .date, .node-type-blog article.node-blog.view-mode-teaser2 .date { font-size: 12px; float: left; font-style: italic; color: rgb(148, 148, 148); padding-top: 2px; } .page-blog article.node-blog.view-mode-teaser2 .field-name-field-blog-category, .node-type-blog article.node-blog.view-mode-teaser2 .field-name-field-blog-category { font-size: 12px; } .page-blog article.node-blog.view-mode-teaser2 .field-name-field-blog-category::before, .node-type-blog article.node-blog.view-mode-teaser2 .field-name-field-blog-category::before { float: left; padding-left: 4px; padding-right: 4px; } @media only screen and (min-width: 1025px) { .page-blog article.node-blog.view-mode-teaser2 .field-name-field-blog-category::before, .node-type-blog article.node-blog.view-mode-teaser2 .field-name-field-blog-category::before { content: ' | '; } } .page-blog article.node-blog.view-mode-teaser2 .field-name-body, .node-type-blog article.node-blog.view-mode-teaser2 .field-name-body { padding-top: 20px; } @media only screen and (max-width: 1024px) { .page-blog article.node-blog.node-teaser .field-name-field-author-reference, .page-blog article.node-blog.node-teaser .date, .page-blog article.node-blog.node-teaser .links, .page-blog article.node-blog.node-teaser .field-name-body, .node-type-blog article.node-blog.node-teaser .field-name-field-author-reference, .node-type-blog article.node-blog.node-teaser .date, .node-type-blog article.node-blog.node-teaser .links, .node-type-blog article.node-blog.node-teaser .field-name-body { display: none; } } .page-blog article.node-blog.node-teaser h2.title, .node-type-blog article.node-blog.node-teaser h2.title { margin-bottom: 0px; padding-bottom: 10px; float: left; margin-top: 0px; padding-right: 25px; max-width: 238px; } @media (max-width: 767px) { .page-blog article.node-blog.node-teaser h2.title, .node-type-blog article.node-blog.node-teaser h2.title { font-size: 1.2em; } } .page-blog article.node-blog.node-teaser h2.title a, .node-type-blog article.node-blog.node-teaser h2.title a { color: rgb(87, 87, 87); } @media only screen and (max-width: 1024px) { .page-blog article.node-blog.node-teaser h2.title, .node-type-blog article.node-blog.node-teaser h2.title { max-width: 50%; } } @media only screen and (max-width: 1024px) { .page-blog article.node-blog.node-teaser h2.title, .node-type-blog article.node-blog.node-teaser h2.title { padding-right: 3%; max-width: 64%; } } .page-blog article.node-blog.node-teaser .date, .node-type-blog article.node-blog.node-teaser .date { clear: both; float: left; margin-left: 335px; margin-top: -25px; } .page-blog article.node-blog.node-teaser .date::before, .page-blog article.node-blog.node-teaser .date::after, .node-type-blog article.node-blog.node-teaser .date::before, .node-type-blog article.node-blog.node-teaser .date::after { content: ''; display: table; } .page-blog article.node-blog.node-teaser .date::after, .node-type-blog article.node-blog.node-teaser .date::after { clear: both; } .page-blog article.node-blog.node-teaser .links, .node-type-blog article.node-blog.node-teaser .links { float: right; list-style-type: none; margin: -25px 0px 0px; } .page-blog article.node-blog.node-teaser .links .node-readmore a, .node-type-blog article.node-blog.node-teaser .links .node-readmore a { font-size: 16px; font-weight: bold; } .page-blog article.node-blog.node-teaser .field-name-body, .node-type-blog article.node-blog.node-teaser .field-name-body { clear: right; float: left; max-width: 420px; padding-bottom: 25px; } .page-blog article.node-blog.node-teaser .field-name-body::before, .node-type-blog article.node-blog.node-teaser .field-name-body::before { clear: both; } @media only screen and (max-width: 1024px) { .page-blog article.node-blog.node-teaser .field-name-body, .node-type-blog article.node-blog.node-teaser .field-name-body { max-width: 50%; } } .page-blog .node-blog.node-teaser .links li { display: inline-block; } .page-blog .node-blog.node-teaser .links .disqus_comments_num { margin-left: 3px; padding-left: 5px; border-left-style: solid; border-left-width: 1px; border-left-color: rgb(87, 87, 87); } .page-blog #content { color: rgb(87, 87, 87); padding: 0px; } .page-blog #content a { text-decoration: none; } .page-blog #content > .view-blog-listing::before { clear: both; } .page-blog #content > .view-blog-listing mark.unpublished { font-size: 10px; position: relative; top: -33px; left: -57px; background-color: rgb(251, 240, 248); } .page-blog #content > .view-blog-listing > .view-content { margin-left: 7%; float: left; } .page-blog #content > .view-blog-listing > .view-content .views-row { max-height: 334px; padding-top: 27px; padding-bottom: 27px; } @media only screen and (min-width: 1064px) { .page-blog #content > .view-blog-listing > .view-content { min-width: 680px; } } @media only screen and (max-width: 1024px) { .page-blog #content > .view-blog-listing > .view-content { padding-right: 7%; } } .page-blog #content > .view-blog-listing > .view-content .field-name-field-top-image { float: left; margin-right: 30px; } @media only screen and (max-width: 1024px) { .page-blog #content > .view-blog-listing > .view-content .field-name-field-top-image { width: 26%; } } .page-blog #content > .view-blog-listing > .view-content header { font-size: 30px; float: right; } .page-blog #content > .view-blog-listing > .view-content header a { color: rgb(51, 51, 51); } .page-blog #content > .view-blog-listing > .view-content .field-name-field-author-reference { margin-bottom: 20px; padding-top: 5px; float: right; } .page-blog #content > .view-blog-listing > .view-content .field-name-field-author-reference .by-profile-name { font-size: 11px; float: left; padding-right: 25px; } .page-blog #content > .view-blog-listing > .view-content .field-name-field-author-reference .by-profile-name .by { color: rgb(115, 115, 115); } .page-blog #content > .view-blog-listing > .view-content .field-name-field-author-reference .by-profile-name .by-name a { color: rgb(85, 158, 242); } .page-blog #content > .view-blog-listing .attachment { padding-left: 6%; padding-right: 6%; overflow: hidden; background-color: rgb(247, 247, 247); float: left; width: 100%; background-position: initial initial; background-repeat: initial initial; } .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet { overflow: hidden; background-color: rgb(255, 255, 255); min-width: 322px; float: left; margin: 20px 2% 20px 1%; background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 1064px) { .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet { max-width: 340px; height: 146px; } } @media only screen and (max-width: 768px) { .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet { width: 100%; } .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet .field-name-field-top-image { width: 26%; } } .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet .field-name-field-top-image { float: left; } .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet h2.title { padding: 22px 1% 22px 4%; float: left; width: 182px; font-size: 15px; } @media (max-width: 767px) { .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet h2.title { font-size: 1.2em; } } @media only screen and (max-width: 1063px) and (min-width: 767px) { .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet h2.title { font-size: 15px; } } .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet h2.title a { color: rgb(51, 51, 51); } @media only screen and (max-width: 768px) and (min-width: 481px) { .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet h2.title { width: 74%; } } .node-blog .node-author .contextual-links-wrapper { top: 20px; } @media only screen and (min-width: 769px) { .node-type-blog .container::before, .page-blog .container::before { display: table; content: ''; } } @media only screen and (min-width: 960px) { .node-type-blog .container, .page-blog .container { display: table-row; } } @media only screen and (min-width: 1064px) { .node-type-blog .container #content, .page-blog .container #content { display: table-cell; vertical-align: top; padding-left: 35px; padding-top: 40px; } } .node-type-blog .container .region-sidebar-second, .page-blog .container .region-sidebar-second { margin-bottom: 40px; } @media only screen and (min-width: 1064px) { .node-type-blog .container .region-sidebar-second, .page-blog .container .region-sidebar-second { display: table-cell; vertical-align: top; width: 25%; padding-top: 40px; padding-left: 1%; padding-right: 5%; } } @media only screen and (min-width: 960px) { .page-blog #content > .view-blog-listing > .view-content { min-width: auto; } } #block-views-blog-categories-block, #block-views-blog-archive-block-block { display: block; float: none; width: 100%; margin: 0px 3% 20px 10px; padding-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 15px; } #block-views-blog-categories-block .block-title, #block-views-blog-archive-block-block .block-title { display: block; margin-bottom: 10px; padding-bottom: 17px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(225, 225, 225); font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; float: none; } #block-views-blog-archive-block-block .block-title { margin-top: 20px; } #block-views-blog-archive-block-block li, #block-views-blog-categories-block ul li { display: block; margin: 0px 0px 0.25em 1.5em; color: rgb(134, 133, 135); padding: 5px 0px; } #block-views-blog-archive-block-block li::before, #block-views-blog-categories-block ul li::before { content: •; margin-right: 10px; } #block-views-blog-archive-block-block a, #block-views-blog-categories-block a { text-decoration: none; } #block-views-blog-categories-block > ul { display: block; } #block-views-blog-categories-block .view-footer { margin-top: 20px; } #block-views-blog-archive-block-block .view-content h3 { margin: 18px 0px 10px 4px; font-weight: 300; } #block-views-blog-archive-block-block .item-list + .item-list ul { display: none; } #block-views-blog-archive-block-block .item-list.is-expanded ul { display: block; } #block-views-blog-archive-block-block .item-list + .item-list h3 { color: rgb(85, 158, 242); cursor: pointer; } #block-views-blog-archive-block-block .item-list + .item-list h3::after { content: ' +'; } #block-views-blog-archive-block-block .item-list.is-expanded h3::after { content: ' -'; } .page-blog #content > .view-blog-listing .attachment article.node-blog.view-mode-snippet { margin-right: 3%; margin-left: 3%; } .page-blog #content > .view-blog-listing .attachment { margin-top: 20px; margin-bottom: 30px; padding: 20px 3%; } .page-blog #content > .view-blog-listing > .view-content .views-row { margin-bottom: 40px; } article.node-blog.view-mode-full { margin-top: 0px; margin-bottom: 20px; float: none; } #block-views-blog-author-block { width: 100%; float: none; margin-left: 0px; margin-right: 0px; min-height: auto; } .view-blog-listing article.node-author.view-mode-full { width: 100%; padding-top: 10px; padding-left: 50px; float: none; } .view-blog-listing .by-profile-name .by, .view-blog-listing .by-profile-name .by-name { display: inline; } .page-blog #content > .view-blog-listing > .view-content .field-name-field-top-image { max-width: 250px; } .page-blog article.node-blog.node-teaser .date, .node-type-blog article.node-blog.node-teaser .date { margin-left: 278px; } article.node-blog.view-mode-full .sharethis-buttons { float: none; margin-top: 10px; min-height: 70px; } article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span { display: inline-block; margin-right: 5px; } @media only screen and (min-width: 480px) { article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span { margin-right: 10px; } } article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span:last-child { margin-right: 0px; } article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span:hover { opacity: 0.9; } .sharethis-wrapper .stButton .stBubble { background-image: none; height: auto; width: auto; margin-top: 2px; background-position: initial initial; background-repeat: initial initial; } .sharethis-wrapper .stButton .stButton_gradient, .sharethis-wrapper .stButton .stMainServices { display: none; } .sharethis-wrapper .stButton .chicklets { height: auto; width: auto; display: none; } .sharethis-wrapper > span > span::before { display: block; font-family: foundation-icons; font-size: 33px; line-height: 30px; text-align: center; } @media only screen and (min-width: 480px) { .sharethis-wrapper > span > span::before { font-size: 45px; line-height: 35px; } } .sharethis-wrapper .stButton .stFb, .sharethis-wrapper .stButton .stTwbutton, .sharethis-wrapper .stButton .stMainServices { height: auto; } .sharethis-wrapper .stButton .stBubble_count { width: auto; height: auto; padding-top: 0px; padding-bottom: 0px; background-image: none; background-color: rgb(66, 65, 66); font-size: 9px; color: white; opacity: 0.6; border: 1px solid rgb(255, 255, 255); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-position: initial initial; background-repeat: initial initial; } .sharethis-wrapper .st_facebook_vcount > span::before { content: ; color: rgb(59, 89, 152); } .sharethis-wrapper .st_facebook_vcount .stButton .stBubble_count { background-color: rgb(59, 89, 152); } .sharethis-wrapper .st_twitter_vcount > span::before { content: ; color: rgb(51, 204, 255); } .sharethis-wrapper .st_twitter_vcount .stButton .stBubble_count { background-color: rgb(51, 204, 255); } .sharethis-wrapper .st_linkedin_vcount > span::before { content: ; color: rgb(72, 117, 180); } .sharethis-wrapper .st_linkedin_vcount .stButton .stBubble_count { background-color: rgb(72, 117, 180); } .sharethis-wrapper .st_googleplus_vcount > span::before { content: ; color: rgb(198, 61, 45); } .sharethis-wrapper .st_googleplus_vcount .stButton .stBubble_count { background-color: rgb(198, 61, 45); } .sharethis-wrapper .st_pinterest_vcount > span::before { content: ; color: rgb(203, 32, 39); } .sharethis-wrapper .st_pinterest_vcount .stButton .stBubble_count { background-color: rgb(203, 32, 39); } .sharethis-wrapper .st_email_vcount > span::before { content: ; color: rgb(79, 114, 138); } .sharethis-wrapper .st_email_vcount .stButton .stBubble_count { background-color: rgb(79, 114, 138); } .sharethis-wrapper .st_sharethis_vcount > span::before { content: ; color: rgb(134, 133, 135); } .sharethis-wrapper .st_sharethis_vcount .stButton .stBubble_count { background-color: rgb(134, 133, 135); } .tooltipster-base { display: flex; pointer-events: none; position: absolute; } .tooltipster-box { flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { bottom: 0px; left: 0px; overflow: hidden; position: fixed; right: 0px; top: 0px; visibility: hidden; } .tooltipster-fade { opacity: 0; transition-property: opacity; -webkit-transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { transform: scale(0, 0); transition-property: transform; -webkit-transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { transform: scale(1, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; transform: rotateZ(4deg); transition-property: transform; -webkit-transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; transform: rotateZ(0deg); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { transition-property: top; -webkit-transition-property: top; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0px !important; } .tooltipster-fall.tooltipster-dying { transition-property: all; -webkit-transition-property: all; opacity: 0; top: 0px !important; } .tooltipster-slide { transition-property: left; -webkit-transition-property: left; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { transition-property: all; -webkit-transition-property: all; opacity: 0; left: 0px !important; } @-webkit-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } @-webkit-keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0deg); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } @-webkit-keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } .tooltipster-sidetip .tooltipster-box { background-color: rgb(86, 86, 86); border: 2px solid black; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-position: initial initial; background-repeat: initial initial; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0px; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0px; top: 0px; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0px; top: 0px; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0px; height: 10px; margin-left: -10px; width: 20px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0px; position: absolute; width: 0px; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: rgb(86, 86, 86); left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: rgb(86, 86, 86); left: -3px; top: 0px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: rgb(86, 86, 86); left: 3px; top: 0px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: rgb(86, 86, 86); left: 0px; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0px; top: 0px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .ajax-progress { position: fixed; top: 0px; left: 0px; z-index: 2000; width: 100%; height: 100%; background-image: none; pointer-events: none; background-position: initial initial; background-repeat: initial initial; } .ajax-progress .throbber { position: absolute; left: 50%; top: 50%; width: 1em; height: 4em; margin-left: -0.5em; margin-top: -2em; overflow: visible; background-color: rgb(2, 120, 190); font-size: 0.6875rem; text-indent: -9999em; background-position: initial initial; background-repeat: initial initial; } .ajax-progress .throbber, .ajax-progress .throbber::before, .ajax-progress .throbber::after { background-color: rgb(2, 120, 190); -webkit-animation: throbber 1s ease-in-out infinite; animation: throbber 1s ease-in-out infinite; width: 1em; height: 4em; background-position: initial initial; background-repeat: initial initial; } .ajax-progress .throbber::before, .ajax-progress .throbber::after { position: absolute; top: 0px; content: ''; } .ajax-progress .throbber::before { left: -1.5em; } .ajax-progress .throbber { animation-delay: -0.16s; -webkit-animation-delay: -0.16s; } .ajax-progress .throbber::after { left: 1.5em; animation-delay: -0.32s; -webkit-animation-delay: -0.32s; } .block-sun-chat { position: fixed; bottom: 0px; left: 74%; padding: 0.5em 1.5em; background-color: rgb(0, 0, 0); z-index: 99; background-position: initial initial; background-repeat: initial initial; } @media only screen and (max-width: 959px) { .block-sun-chat { bottom: -9999px; } } .click-to-chat { font-family: Roboto, Arial, Helvetica, sans-serif; text-decoration: none; color: rgb(255, 255, 255); } ul.primary, ul.secondary { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(187, 187, 187); list-style: none; margin: 1em 0px 1.5em; padding: 0px 2px; white-space: nowrap; } ul.primary::before, ul.primary::after, ul.secondary::before, ul.secondary::after { content: ''; display: table; } ul.primary::after, ul.secondary::after { clear: both; } ul.primary li, ul.secondary li { float: left; margin: 0.5em 3px 0px; } ul.primary a, ul.secondary a { border-width: 1px 0px 0px 1px; border-top-style: solid; border-left-style: solid; border-top-color: rgb(233, 233, 233); border-left-color: rgb(233, 233, 233); display: block; line-height: 1.5em; text-decoration: none; } ul.primary li { border-top-left-radius: 4px; border-top-right-radius: 4px; text-shadow: rgb(255, 255, 255) 1px 1px 0px; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(187, 187, 187); border-right-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); margin: 0.5em 0px 0px 3px; } ul.primary li.active { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); margin-bottom: -1px; } ul.primary a:link, ul.primary a:visited { border-top-left-radius: 4px; border-top-right-radius: 4px; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; color: rgb(51, 51, 51); background-color: rgb(222, 222, 222); letter-spacing: 1px; padding: 0px 1em; text-align: center; } ul.primary a:hover, ul.primary a:focus { background-color: rgb(233, 233, 233); border-color: rgb(242, 242, 242); } ul.primary a.active { background-color: transparent; background-size: 100%; background-image: linear-gradient(rgb(233, 233, 233), rgba(233, 233, 233, 0)); border-color: rgb(255, 255, 255); } ul.secondary { font-size: 0.9em; margin-top: -1.5em; padding-bottom: 0.5em; } ul.secondary a:link, ul.secondary a:visited { border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-right-radius: 0.75em; border-bottom-left-radius: 0.75em; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; text-shadow: rgb(255, 255, 255) 1px 1px 0px; background-color: rgb(242, 242, 242); color: rgb(102, 102, 102); padding: 0px 0.5em; } ul.secondary a:hover, ul.secondary a:focus { background-color: rgb(222, 222, 222); border-color: rgb(153, 153, 153); color: rgb(51, 51, 51); } ul.secondary a.active, ul.secondary a:active { text-shadow: rgb(51, 51, 51) 1px 1px 0px; background-color: rgb(102, 102, 102); border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .comment { } .comment.comment-preview { background-color: rgb(255, 255, 234); } .comment-unpublished { } .comment-unpublished p.unpublished { height: 0px; overflow: visible; color: rgb(216, 216, 216); font-size: 75px; line-height: 1; font-family: Impact, 'Arial Narrow', Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; } .lt-ie8 .comment-unpublished p.unpublished > * { position: relative; } .node-unpublished { } .node-unpublished p.unpublished { height: 0px; overflow: visible; color: rgb(216, 216, 216); font-size: 75px; line-height: 1; font-family: Impact, 'Arial Narrow', Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; } .lt-ie8 .node-unpublished p.unpublished > * { position: relative; } #skip-link { margin: 0px; } #skip-link a, #skip-link a:visited { display: block; width: 100%; padding: 2px 0px 3px; text-align: center; background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); } body { color: rgb(51, 51, 51); font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 15px; } h1, h2, h3, h4, h5 { font-family: 'Open Sans', sans-serif; font-weight: 300; color: black; } a { color: rgb(85, 158, 242); } a:hover { text-decoration: none; } #content-btth > .title { margin-top: 20px; font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: 300; line-height: 105%; margin-bottom: 35px; color: rgb(57, 96, 122); } @media only screen and (max-width: 959px) { #content-btth > .title { font-size: 30px; margin-bottom: 18px; } } .btn, .view-mode-search_result .result-link, .btn-blue, .entity-bean .field-type-link-field a, div.top-form-locator #edit-submit-button, div.dealer_right ul.links_classes li a, #dealer-container a.schedule-visit, #boxes-box-contactus_top div.bottom_contact a, .btn-cta, input[type="submit"], .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a, .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks, .btn-orange, #header #boxes-box-get_started_row a.get-started, #header #block-sun-themed-sun-themed-block-get-started a.get-started, #header #block-boxes-get-started-header a.get-started, #header .get-started-header-block a.get-started, #header .get-started-intl-block a.get-started, #sunpower-mobilemenu > .r .boxes-box-content > a, #sunpower-mobilemenu > .r div.getStarted_Block > a, #webform-ajax-wrapper-3831 .webform-submit.button-primary, #webform-ajax-wrapper-3861 .webform-submit.button-primary, .btn-disabled, input[type="submit"].disabled, div.dropDown_getStarted div.bottom .btn-link, div.region-pre-footer div.footer_util .inside .left .btn-link, input[type="reset"], .cta-gray .entity-bean .field-type-link-field a, div.dealer_center ul.links_classes li a, #dealer-container a.visit-site, #boxes-box-support_threecols div.support_3col > div a.btn_chat, .support-3col-block div.support_3col > div a.btn_chat, .support-threecols-block div.support_3col > div a.btn_chat, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks, .webform-back-link, div.dealer_right .dealer-links--rivet ul.links_classes li a, #content .panel-flexible-inside .entity-bean a.rivet-share { border: 1px solid rgb(236, 236, 236); padding: 4px 12px; display: inline-block; text-align: center; text-decoration: none; color: rgb(48, 48, 48); font-size: 13px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-size: 100%; background-image: linear-gradient(rgb(250, 250, 250) 0%, rgb(241, 241, 241) 50%, rgb(235, 235, 235) 100%, rgb(235, 235, 235)); } .btn:hover, .view-mode-search_result .result-link:hover, .btn-blue:hover, .entity-bean .field-type-link-field a:hover, div.top-form-locator #edit-submit-button:hover, div.dealer_right ul.links_classes li a:hover, #dealer-container a.schedule-visit:hover, #boxes-box-contactus_top div.bottom_contact a:hover, .btn-cta:hover, input[type="submit"]:hover, .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:hover, .btn-orange:hover, #header #boxes-box-get_started_row a.get-started:hover, #header #block-sun-themed-sun-themed-block-get-started a.get-started:hover, #header #block-boxes-get-started-header a.get-started:hover, #header .get-started-header-block a.get-started:hover, #header .get-started-intl-block a.get-started:hover, #sunpower-mobilemenu > .r .boxes-box-content > a:hover, #sunpower-mobilemenu > .r div.getStarted_Block > a:hover, #webform-ajax-wrapper-3831 .webform-submit.button-primary:hover, #webform-ajax-wrapper-3861 .webform-submit.button-primary:hover, .btn-disabled:hover, div.dropDown_getStarted div.bottom .btn-link:hover, div.region-pre-footer div.footer_util .inside .left .btn-link:hover, input[type="reset"]:hover, div.dealer_center ul.links_classes li a:hover, #dealer-container a.visit-site:hover, #boxes-box-support_threecols div.support_3col > div a.btn_chat:hover, .support-3col-block div.support_3col > div a.btn_chat:hover, .support-threecols-block div.support_3col > div a.btn_chat:hover, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks:hover, .webform-back-link:hover, #content .panel-flexible-inside .entity-bean a.rivet-share:hover { background-size: 100%; background-image: linear-gradient(rgb(72, 143, 240) 0%, rgb(66, 137, 239) 50%, rgb(60, 129, 238) 100%, rgb(60, 129, 238)); border: 1px solid rgb(65, 128, 216); color: white; } .btn:active, .view-mode-search_result .result-link:active, .btn-blue:active, .entity-bean .field-type-link-field a:active, div.top-form-locator #edit-submit-button:active, div.dealer_right ul.links_classes li a:active, #dealer-container a.schedule-visit:active, #boxes-box-contactus_top div.bottom_contact a:active, .btn-cta:active, input[type="submit"]:active, .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:active, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:active, .btn-orange:active, #header #boxes-box-get_started_row a.get-started:active, #header #block-sun-themed-sun-themed-block-get-started a.get-started:active, #header #block-boxes-get-started-header a.get-started:active, #header .get-started-header-block a.get-started:active, #header .get-started-intl-block a.get-started:active, #sunpower-mobilemenu > .r .boxes-box-content > a:active, #sunpower-mobilemenu > .r div.getStarted_Block > a:active, #webform-ajax-wrapper-3831 .webform-submit.button-primary:active, #webform-ajax-wrapper-3861 .webform-submit.button-primary:active, .btn-disabled:active, div.dropDown_getStarted div.bottom .btn-link:active, div.region-pre-footer div.footer_util .inside .left .btn-link:active, input[type="reset"]:active, div.dealer_center ul.links_classes li a:active, #dealer-container a.visit-site:active, #boxes-box-support_threecols div.support_3col > div a.btn_chat:active, .support-3col-block div.support_3col > div a.btn_chat:active, .support-threecols-block div.support_3col > div a.btn_chat:active, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks:active, .webform-back-link:active, #content .panel-flexible-inside .entity-bean a.rivet-share:active { color: white; border: 1px solid rgb(50, 103, 205); background-color: rgb(82, 154, 241); -webkit-box-shadow: rgb(62, 130, 237) 0px 2px 3px inset; box-shadow: rgb(62, 130, 237) 0px 2px 3px inset; background-position: initial initial; background-repeat: initial initial; } .btn-blue, .entity-bean .field-type-link-field a, div.top-form-locator #edit-submit-button, div.dealer_right ul.links_classes li a, #dealer-container a.schedule-visit, #boxes-box-contactus_top div.bottom_contact a, .btn-cta, input[type="submit"], .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a, .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks { border: 1px solid rgb(77, 143, 218); background-size: 100%; background-image: linear-gradient(rgb(85, 158, 242) 0%, rgb(77, 149, 241) 50%, rgb(69, 139, 240) 100%, rgb(69, 139, 240)); color: white !important; } .btn-blue:hover, .entity-bean .field-type-link-field a:hover, div.top-form-locator #edit-submit-button:hover, div.dealer_right ul.links_classes li a:hover, #dealer-container a.schedule-visit:hover, #boxes-box-contactus_top div.bottom_contact a:hover, .btn-cta:hover, input[type="submit"]:hover, .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:hover { border: 1px solid rgb(65, 129, 216); background-size: 100%; background-image: linear-gradient(rgb(72, 143, 240) 0%, rgb(66, 137, 239) 50%, rgb(60, 129, 238) 100%, rgb(60, 129, 238)); } .btn-blue:active, .entity-bean .field-type-link-field a:active, div.top-form-locator #edit-submit-button:active, div.dealer_right ul.links_classes li a:active, #dealer-container a.schedule-visit:active, #boxes-box-contactus_top div.bottom_contact a:active, .btn-cta:active, input[type="submit"]:active, .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:active, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:active { border: 1px solid rgb(77, 143, 218); background-size: 100%; background-image: linear-gradient(rgb(85, 158, 242) 0%, rgb(77, 149, 241) 50%, rgb(69, 139, 240) 100%, rgb(69, 139, 240)); } .btn-orange, #header #boxes-box-get_started_row a.get-started, #header #block-sun-themed-sun-themed-block-get-started a.get-started, #header #block-boxes-get-started-header a.get-started, #header .get-started-header-block a.get-started, #header .get-started-intl-block a.get-started, #sunpower-mobilemenu > .r .boxes-box-content > a, #sunpower-mobilemenu > .r div.getStarted_Block > a, #webform-ajax-wrapper-3831 .webform-submit.button-primary, #webform-ajax-wrapper-3861 .webform-submit.button-primary { -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgb(230, 133, 29); background-size: 100%; background-image: linear-gradient(rgb(255, 147, 32) 0%, rgb(255, 137, 29) 50%, rgb(255, 126, 26) 100%, rgb(255, 126, 26)); } .btn-orange:hover, #header #boxes-box-get_started_row a.get-started:hover, #header #block-sun-themed-sun-themed-block-get-started a.get-started:hover, #header #block-boxes-get-started-header a.get-started:hover, #header .get-started-header-block a.get-started:hover, #header .get-started-intl-block a.get-started:hover, #sunpower-mobilemenu > .r .boxes-box-content > a:hover, #sunpower-mobilemenu > .r div.getStarted_Block > a:hover, #webform-ajax-wrapper-3831 .webform-submit.button-primary:hover, #webform-ajax-wrapper-3861 .webform-submit.button-primary:hover { border: 1px solid rgb(230, 117, 24); color: white; background-size: 100%; background-image: linear-gradient(rgb(255, 130, 27) 0%, rgb(255, 123, 25) 50%, rgb(255, 115, 23) 100%, rgb(255, 115, 23)); } .btn-orange:active, #header #boxes-box-get_started_row a.get-started:active, #header #block-sun-themed-sun-themed-block-get-started a.get-started:active, #header #block-boxes-get-started-header a.get-started:active, #header .get-started-header-block a.get-started:active, #header .get-started-intl-block a.get-started:active, #sunpower-mobilemenu > .r .boxes-box-content > a:active, #sunpower-mobilemenu > .r div.getStarted_Block > a:active, #webform-ajax-wrapper-3831 .webform-submit.button-primary:active, #webform-ajax-wrapper-3861 .webform-submit.button-primary:active { color: white; border: 1px solid rgb(223, 100, 21); -webkit-box-shadow: rgb(255, 125, 26) 0px 2px 3px inset; box-shadow: rgb(255, 125, 26) 0px 2px 3px inset; background-color: rgb(255, 142, 30); background-position: initial initial; background-repeat: initial initial; } .btn-disabled, input[type="submit"].disabled { -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgb(134, 133, 135); background-size: 100%; background-image: linear-gradient(rgb(134, 133, 135) 0%, rgb(134, 133, 135) 50%, rgb(134, 133, 135) 100%, rgb(134, 133, 135)); } .btn-disabled:hover, input[type="submit"].disabled:hover { border: 1px solid rgb(134, 133, 135); color: white; background-size: 100%; background-image: linear-gradient(rgb(134, 133, 135) 0%, rgb(134, 133, 135) 50%, rgb(134, 133, 135) 100%, rgb(134, 133, 135)); } .btn-disabled:active, input[type="submit"].disabled:active { color: white; border: 1px solid rgb(134, 133, 135); -webkit-box-shadow: rgb(134, 133, 135) 0px 2px 3px inset; box-shadow: rgb(134, 133, 135) 0px 2px 3px inset; background-color: rgb(134, 133, 135); background-position: initial initial; background-repeat: initial initial; } .btn-arrow, div#preheader .sunpowerUtilityBlocks .my-box .btn-link, div#preheader .dynamic-my-util-block .my-box .btn-link { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-color: white; display: inline-block; margin-left: 5px; border: 1px solid rgb(236, 236, 236); outline: none; background-position: initial initial; background-repeat: initial initial; } .btn-arrow span, div#preheader .sunpowerUtilityBlocks .my-box .btn-link span, div#preheader .dynamic-my-util-block .my-box .btn-link span { background-image: url(601417a61d79eaa7fb9e7571aa9e87b56e458fdd.png) ; background-attachment: scroll; background-color: transparent; display: block; float: none; font-size: 0px; height: 29px; position: relative; text-indent: -9999px; top: 0px; width: 60px; background-position: -4px -13px; background-repeat: no-repeat no-repeat; } .btn-arrow:hover, div#preheader .sunpowerUtilityBlocks .my-box .btn-link:hover, div#preheader .dynamic-my-util-block .my-box .btn-link:hover { border: 1px solid rgb(60, 123, 216); background-image: linear-gradient(rgb(72, 143, 240) 0%, rgb(66, 137, 239) 50%, rgb(60, 128, 237) 100%, rgb(60, 128, 237)); background-position: initial initial; background-repeat: initial initial; } .btn-arrow:hover span, div#preheader .sunpowerUtilityBlocks .my-box .btn-link:hover span, div#preheader .dynamic-my-util-block .my-box .btn-link:hover span { background-position: -95px -13px; } .btn-arrow:active, div#preheader .sunpowerUtilityBlocks .my-box .btn-link:active, div#preheader .dynamic-my-util-block .my-box .btn-link:active { border: 1px solid rgb(60, 123, 216); background-color: rgb(82, 154, 241); -webkit-box-shadow: rgb(62, 130, 237) 0px 2px 3px inset; box-shadow: rgb(62, 130, 237) 0px 2px 3px inset; background-position: initial initial; background-repeat: initial initial; } .btn-arrow:active span, div#preheader .sunpowerUtilityBlocks .my-box .btn-link:active span, div#preheader .dynamic-my-util-block .my-box .btn-link:active span { background-position: -95px -13px; } #content p { margin: 0px; padding: 2px 0px 12px; } #content table { margin-bottom: 15px; max-width: 100%; min-width: 100%; } #content table tbody { border: none; } #content table tr:nth-child(odd) { background-color: rgb(248, 248, 248); } #content table td { padding: 4px 10px 4px 1px; } #content table td > p { padding: 1px; } .webform-client-form { padding-left: 30px; padding-right: 30px; } #header { padding-bottom: 0px; margin-bottom: 0px; position: relative; } #header div.region-header { float: left; width: 80%; } #header a#logo { float: left; width: 19%; margin-right: 1%; padding: 5px 0px 7px; position: relative; top: 0px; } @media only screen and (max-width: 768px) and (min-width: 481px) { #header a#logo { max-width: 19%; top: 0px; margin-top: 5px; } } #header nav { float: left; margin-left: 0px; margin-right: 1%; position: inherit; width: 80%; } #header #boxes-box-get_started_row, #header #block-sun-themed-sun-themed-block-get-started, #header #block-boxes-get-started-header, #header .get-started-header-block, #header .get-started-intl-block { float: right; height: 45px; position: relative; width: 18%; z-index: 999; } #header #boxes-box-get_started_row a.get-started, #header #block-sun-themed-sun-themed-block-get-started a.get-started, #header #block-boxes-get-started-header a.get-started, #header .get-started-header-block a.get-started, #header .get-started-intl-block a.get-started { padding: 6px 15px; color: white; display: block; margin-top: 4px; min-width: 143px; position: absolute; right: 1px; top: 6px; font-size: 90%; } div.dropDown_getStarted { display: none; z-index: 10; background-color: white; position: absolute; right: 40px; top: 60px; width: 270px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-box-shadow: rgb(216, 216, 216) 0px 2px 3px; box-shadow: rgb(216, 216, 216) 0px 2px 3px; background-position: initial initial; background-repeat: initial initial; } div.dropDown_getStarted > * { float: left; width: 100%; padding: 13px 5%; } div.dropDown_getStarted div.top { border-top-left-radius: 5px; border-top-right-radius: 5px; background-image: url(cdda5841ff7df940d079a1774689a85cf10c1b49.png) ; background-color: rgb(241, 148, 70); color: white; font-weight: 300; background-position: 100% 100%; background-repeat: no-repeat no-repeat; } div.dropDown_getStarted div.top div.arrow { border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: rgb(255, 140, 30); border-left-width: 8px; border-left-style: solid; border-left-color: transparent; border-right-width: 8px; border-right-style: solid; border-right-color: transparent; height: 10px; position: absolute; right: 21px; top: -9px; width: 10px; } div.dropDown_getStarted div.bottom { text-align: center; } div.dropDown_getStarted div.bottom a { margin: auto auto 8px; text-align: center; width: 95%; } #block-sun-themed-sun-themed-block-get-started div.getStarted_Block.open div.dropDown_getStarted, #block-boxes-get-started-header div.boxes-box-content.open div.dropDown_getStarted, .get_started_header_block div.boxes-box-content.open div.dropDown_getStarted { display: block; } div#preheader { margin-bottom: 20px; width: 100%; } div#preheader div.contextual-links-wrapper, div#preheader .boxes-box-controls { display: none !important; } div#preheader div.sunpowerUtilityLinks, div#preheader .dynamic-utilitymenu-block { padding-right: 45px; float: right; } div#preheader div.sunpowerUtilityLinks ul, div#preheader div.sunpowerUtilityLinks li, div#preheader .dynamic-utilitymenu-block ul, div#preheader .dynamic-utilitymenu-block li { padding: 0px; margin: 0px; list-style-type: none; width: auto; } div#preheader div.sunpowerUtilityLinks li, div#preheader .dynamic-utilitymenu-block li { float: left; display: block; } div#preheader div.sunpowerUtilityLinks li a, div#preheader .dynamic-utilitymenu-block li a { padding: 8px 20px; color: rgb(169, 182, 196); text-decoration: none; font-size: 90%; float: left; text-transform: uppercase; } div#preheader div.sunpowerUtilityLinks li.phone_util > span, div#preheader div.sunpowerUtilityLinks li.phone_util a, div#preheader .dynamic-utilitymenu-block li.phone_util > span, div#preheader .dynamic-utilitymenu-block li.phone_util a { padding: 8px 25px; min-width: 135px; text-align: center; font-size: 90%; color: rgb(169, 182, 196); text-transform: uppercase; float: left; } div#preheader div.sunpowerUtilityLinks li.search_util, div#preheader .dynamic-utilitymenu-block li.search_util { display: none !important; } div#preheader div.sunpowerUtilityLinks li.search_util a, div#preheader .dynamic-utilitymenu-block li.search_util a { background-image: url(cc8c6f58028aeb954c339977d36eafcdad74deb7.png) ; background-color: transparent; margin-right: 23px; min-width: 120px; padding-right: 30px; text-align: center; background-position: 100% 6px; background-repeat: no-repeat no-repeat; } div#preheader div.sunpowerUtilityLinks li.search_util a span.c, div#preheader .dynamic-utilitymenu-block li.search_util a span.c { display: none; } div#preheader div.sunpowerUtilityLinks li.my_util a, div#preheader .dynamic-utilitymenu-block li.my_util a { background-color: rgb(144, 183, 229); color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; min-width: 145px; text-align: center; background-position: initial initial; background-repeat: initial initial; } div#preheader div.sunpowerUtilityLinks li.my_util a:hover, div#preheader .dynamic-utilitymenu-block li.my_util a:hover { background-color: rgb(85, 158, 242); background-position: initial initial; background-repeat: initial initial; } div#preheader.open-search div.sunpowerUtilityLinks li.search_util a, div#preheader.open-search div.dynamic-utilitymenu-block li.search_util a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: rgb(77, 153, 241); color: white; margin-right: 0px; padding-right: 5px; background-position: initial initial; background-repeat: initial initial; } div#preheader.open-search div.sunpowerUtilityLinks li.search_util a span.c, div#preheader.open-search div.dynamic-utilitymenu-block li.search_util a span.c { background-image: url(2fcf24423b5d754a7d8ce60348728e542c4dfe75.png) ; background-attachment: scroll; background-color: transparent; display: block; margin-right: 31px; min-width: 90px; padding-right: 25px; background-position: 100% 1px; background-repeat: no-repeat no-repeat; } div#preheader.open-search div.sunpowerUtilityLinks li.search_util a span.s, div#preheader.open-search div.dynamic-utilitymenu-block li.search_util a span.s { display: none; } div#preheader.open-my div.sunpowerUtilityLinks li.my_util a, div#preheader.open-my div.dynamic-utilitymenu-block li.my_util a { background-color: rgb(85, 158, 242); background-position: initial initial; background-repeat: initial initial; } div#preheader.open-my div.sunpowerUtilityLinks li.my_util a:hover, div#preheader.open-my div.dynamic-utilitymenu-block li.my_util a:hover { background-color: rgb(59, 129, 238); background-position: initial initial; background-repeat: initial initial; } div#preheader #block-search-form { background-color: rgb(77, 153, 241); width: 100%; background-position: initial initial; background-repeat: initial initial; } div#preheader #block-search-form *::-webkit-input-placeholder { color: rgb(57, 121, 197); } div#preheader #block-search-form input[type="text"] { font-size: 250%; outline-style: none; border: none; width: 85%; background-color: rgb(77, 153, 241); color: rgb(57, 121, 197); padding: 50px 3%; margin: 0px 0px 10px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 300; background-position: initial initial; background-repeat: initial initial; } div#preheader #block-search-form input[type="submit"] { background-image: url(42c37f875e6243a2ba97df4315051ea17003a021.png) ; background-color: transparent; border: medium none; font-size: 0px; height: 145px; outline: none medium; text-indent: -999px; width: 72px; margin: 0px 20px; float: right; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } div#preheader .sunpowerUtilityBlocks, div#preheader .dynamic-my-util-block { width: 100%; } div#preheader .sunpowerUtilityBlocks .my-box, div#preheader .dynamic-my-util-block .my-box { float: left; padding: 25px 50px; width: 50%; } div#preheader .sunpowerUtilityBlocks .my-box .my-box--title, div#preheader .dynamic-my-util-block .my-box .my-box--title { color: white; font-size: 170%; font-weight: normal; margin: 0px; padding: 15px 0px 4px; } div#preheader .sunpowerUtilityBlocks .my-box .btn-link, div#preheader .dynamic-my-util-block .my-box .btn-link { position: relative; top: -7px; } div#preheader .sunpowerUtilityBlocks .my-box p, div#preheader .dynamic-my-util-block .my-box p { line-height: 130%; } div#preheader .sunpowerUtilityBlocks .my-box.left, div#preheader .dynamic-my-util-block .my-box.left { background-color: rgb(73, 147, 233); background-position: initial initial; background-repeat: initial initial; } div#preheader .sunpowerUtilityBlocks .my-box.right, div#preheader .dynamic-my-util-block .my-box.right { background-color: rgb(85, 158, 242); background-position: initial initial; background-repeat: initial initial; } div#preheader #block-search-form, div#preheader .sunpowerUtilityBlocks, div#preheader .dynamic-my-util-block { display: none; } body.fixedHeader #header { top: 0px; z-index: 6; position: fixed !important; } body.fixedHeader #header a#logo img { margin: -2px 0px 0px; } body.fixedHeader #header.noNav { } span.measuredHeader { position: relative; top: 0px; height: 1px; display: block; z-index: 0; width: 100%; float: left; } @media only screen and (max-width: 959px) { [role="banner"], div#preheader { display: none !important; } } @media only screen and (min-width: 960px) { [role="banner"], div#preheader { display: block !important; } } header { background-color: white; background-position: initial initial; background-repeat: initial initial; } #page #header { height: 112px; } header.subNav, header.noSubHover, body.fixedHeader header.noSubHover { background-image: url(22262a89be7f04326bded662808bd4f52e7039f8.png) ; background-color: white; height: 112px; background-position: 0% 100%; background-repeat: repeat no-repeat; } body.fixedHeader #page > #header.noNav { background-image: url(22262a89be7f04326bded662808bd4f52e7039f8.png) ; background-color: white; height: 52px; background-position: 0% 100%; background-repeat: repeat no-repeat; } #page > #header.noNav { height: 52px; position: relative; } #page > #header.noNav.noSubHover { background-image: url(22262a89be7f04326bded662808bd4f52e7039f8.png) ; background-color: white; z-index: 99999; height: 112px; margin-bottom: -60px; background-position: 0% 100%; background-repeat: repeat no-repeat; } body.fixedHeader #page > #header.noNav.noSubHover { background-image: url(22262a89be7f04326bded662808bd4f52e7039f8.png) ; background-color: white; height: 112px; margin-bottom: 0px; background-position: 0% 100%; background-repeat: repeat no-repeat; } header nav.block-menu-block { padding-top: 14px; position: inherit; height: 55px; margin-bottom: 15px; font-size: 95%; } header nav.block-menu-block ul, header nav.block-menu-block li { padding: 0px; margin: 0px; } header nav.block-menu-block > ul { float: right; width: auto; } header nav.block-menu-block > ul > li > a { font-weight: 500; } header nav.block-menu-block > ul > li > a:hover { color: rgb(85, 158, 242); } header nav.block-menu-block > ul > li.active-trail, header nav.block-menu-block > ul > li:hover { background-image: url(35600ace146ec06c6b5aab916e1ca175765519ff.png) ; background-color: transparent; background-position: 50% 100%; background-repeat: no-repeat no-repeat; } header nav.block-menu-block > ul > li.active-trail > a, header nav.block-menu-block > ul > li:hover > a { z-index: 5; position: relative; } header nav.block-menu-block > ul > li { margin-left: 6px; margin-right: 6px; } header nav.block-menu-block ul li { float: left; } header nav.block-menu-block ul li a { color: rgb(51, 51, 51); float: left; font-size: 100%; padding: 4px 0px 7px; margin-bottom: 20px; text-decoration: none; } @media only screen and (min-width: 1064px) { header nav.block-menu-block ul li a { padding: 4px 4px 7px; } } header nav.block-menu-block ul li.active-trail:hover > a, header nav.block-menu-block ul li.hovered > a { color: rgb(85, 158, 242); } header nav.block-menu-block ul li.last a { margin-right: 4px; } header nav.block-menu-block ul li ul { display: none; top: 35px; padding-top: 16px; height: 52px; position: absolute; width: auto; z-index: 4; padding-right: 50px; padding-left: 50px; } header nav.block-menu-block ul li ul li { padding-top: 26px; float: none; display: inline-block; } header nav.block-menu-block ul li ul li a:hover { color: rgb(85, 158, 242); } header nav.block-menu-block ul li ul li a { color: rgb(153, 153, 153); font-size: 90%; margin-left: 5px; margin-right: 10px; padding: 7px 3px 14px; float: none; font-weight: 500; } header nav.block-menu-block ul li ul li.is-active-trail a { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(77, 153, 241); } header nav.block-menu-block ul li ul li.last a { margin-right: 0px; } header nav.block-menu-block ul li ul ul { display: none !important; } header nav.block-menu-block ul li.hovered { z-index: 9; } header nav.block-menu-block ul li.hovered ul { display: block; } .sidr { display: none; position: fixed; top: 0px; height: 100%; z-index: 999999; width: 260px; overflow-y: auto; font-size: 15px; background-color: rgb(247, 247, 247); color: rgb(51, 51, 51); -webkit-box-shadow: rgb(238, 238, 238) 0px 0px 5px 5px inset; box-shadow: rgb(238, 238, 238) 0px 0px 5px 5px inset; background-position: initial initial; background-repeat: initial initial; } .sidr .sidr-inner { padding: 0px 0px 15px; } .sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } .sidr p { font-size: 13px; margin: 0px 0px 12px; } .sidr p a { color: rgba(255, 255, 255, 0.901961); } .sidr > p { margin-left: 15px; margin-right: 15px; } .sidr ul { display: block; margin: 0px 0px 15px; padding: 0px; } .sidr ul li { display: block; margin: 0px; line-height: 40px; } .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top-style: none; line-height: 40px; } .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span { } ul.sidr-class-menu > li > a { font-size: 18px; } .sidr ul li a, .sidr ul li span { padding: 0px 16px; display: block; text-decoration: none; color: rgb(51, 51, 51); } .sidr ul li ul { border-bottom-style: none; margin: 0px; } .sidr ul li ul li { line-height: 40px; font-size: 14px; } .sidr ul li ul li:last-child { border-bottom-style: none; } .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top-style: none; line-height: 40px; } .sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span { } .sidr ul li ul li a, .sidr ul li ul li span { padding-left: 16px; color: rgb(153, 153, 153); } .sidr form { margin: 0px 15px; } .sidr label { font-size: 13px; } .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: 13px; padding: 5px; box-sizing: border-box; margin: 0px 0px 10px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border: none; background-color: rgba(0, 0, 0, 0.0980392); color: rgba(255, 255, 255, 0.6); display: block; clear: both; background-position: initial initial; background-repeat: initial initial; } .sidr input[type="checkbox"] { width: auto; display: inline; clear: none; } .sidr input[type="button"], .sidr input[type="submit"] { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; } .sidr input[type="button"]:hover, .sidr input[type="submit"]:hover { background-color: rgba(255, 255, 255, 0.901961); background-position: initial initial; background-repeat: initial initial; } body #sunpower-mobilemenu { z-index: 999; background-color: white; top: 0px; background-position: initial initial; background-repeat: initial initial; } @media (max-width: 767px) { body.slidrBody { overflow: hidden; } } @media only screen and (max-width: 959px) { body #page { overflow: hidden; max-width: 100%; } } body #page.sidr-main-open { } @media (max-width: 767px) { body #page.sidr-main-open { width: 768px; overflow: hidden; max-width: 100%; } } body #page.sidr-main-open #sunpower-mobilemenu { position: absolute; } body #page.sidr-main-open span.measuredHeader { display: block !important; height: 45px !important; } body #page.sidr-main-open #sunpower-mobilemenu > .l { width: 20%; min-width: 40px; } body #page.sidr-main-open #sunpower-mobilemenu > .l span.iconWrap a#sidrToggle { display: block; width: 50px !important; margin-left: 4px !important; } body #page.sidr-main-open #sunpower-mobilemenu > .c { width: 45%; } #sunpower-mobilemenu { display: block; position: relative; width: 100%; max-width: 100%; background-color: white; margin-bottom: 10px; height: 45px; background-position: initial initial; background-repeat: initial initial; } #sunpower-mobilemenu > * { float: left; } #sunpower-mobilemenu > .l { width: 12%; min-width: 40px; } #sunpower-mobilemenu > .l span.iconWrap { background-color: rgb(255, 255, 255); display: block; float: left; background-position: initial initial; background-repeat: initial initial; } #sunpower-mobilemenu > .l span.iconWrap a#sidrToggle { background-image: url(2e3fab9a00b2720d9effa039d11805ee024228eb.png) ; background-color: transparent; display: inline-block; height: 25px; padding: 22px 25px; text-indent: -9999em; width: 22px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } #sunpower-mobilemenu > .c { width: 57%; margin-right: 2%; margin-left: 2%; max-height: 44px; overflow: hidden; text-align: center; } @media (max-width: 767px) { #sunpower-mobilemenu > .c { width: 52%; } } @media (max-width: 767px) { #sunpower-mobilemenu > .c { text-align: left; } } #sunpower-mobilemenu > .c a { display: block; width: 100%; } #sunpower-mobilemenu > .c a img { height: auto; margin: 8px auto 0px; max-width: 145px; } @media (max-width: 767px) { #sunpower-mobilemenu > .c a img { margin-top: 5px; margin-left: 4px; } } #sunpower-mobilemenu > .r { width: 25%; position: relative; float: left; margin-top: 4px; } @media (max-width: 767px) { #sunpower-mobilemenu > .r { width: 30%; } } #sunpower-mobilemenu > .r .boxes-box-content > a, #sunpower-mobilemenu > .r div.getStarted_Block > a { float: right; margin-top: 2px; padding: 2px 9px; color: white; right: 2px; } #sunpower-mobilemenu div.dropDown_getStarted { right: 1px; top: 45px; width: 300px; } body #page.sidr-main-open #sunpower-mobilemenu > .l span.iconWrap a#sidrToggle { background-image: url(7b275e86c86c674e5e41000fab18b9eae76f5773.png) ; background-color: white; display: inline-block; height: 36px; padding: 1px; text-indent: -9999em; width: 36px; margin-left: 18px; z-index: 888; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } div.mobileMySunpower { background-color: rgb(77, 153, 241); width: 100%; display: block; float: left; margin-bottom: 15px; background-position: initial initial; background-repeat: initial initial; } div.mobileMySunpower > * { width: 100%; display: block; float: left; } div.mobileMySunpower > a { width: 95%; display: block; color: white; padding: 25px 16px; text-decoration: none; background-image: url(8ec98853a2b8edbb572d9fc9a02f35e4940de01c.png) ; background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat no-repeat; } div.mobileMySunpower > a.open { background-image: url(bc8fc42b4271800da3eb76f00eda7c8a9a8d6b30.png) ; background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat no-repeat; } div.mobileMySunpower > .boxes-box-content { display: none; } div.mobileMySunpower > .boxes-box-content .my-box h4 { color: white; font-size: 16px; } div.mobileMySunpower > .boxes-box-content .my-box.left { background-color: rgb(74, 147, 231); width: 100%; padding: 25px 16px; background-position: initial initial; background-repeat: initial initial; } div.mobileMySunpower > .boxes-box-content .my-box.right { background-color: rgb(70, 141, 223); width: 100%; padding: 25px 16px; background-position: initial initial; background-repeat: initial initial; } h2.sidr-class-block-title { display: none; } div.sidr-inner > form { width: 100%; background-color: white; float: left; overflow: hidden; margin: 0px; display: none !important; background-position: initial initial; background-repeat: initial initial; } div.sidr-inner > form input[type="text"] { -webkit-box-shadow: none; box-shadow: none; outline: none; border: none; width: 80%; background-color: white; color: rgb(130, 139, 150); padding: 3%; margin: 0px; float: left; font-size: 16px; line-height: 20px; background-position: initial initial; background-repeat: initial initial; } div.sidr-inner > form input[type="submit"] { background-image: url(e193176f71f3bcc1005fce65b9fd429360f42135.png) ; background-color: transparent; border: medium none; font-size: 0px; height: 34px; width: 34px; outline: none medium; text-indent: -999px; margin: 5px; float: left; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } div.sidr-inner > form input[type="submit"]:hover { background-image: url(e193176f71f3bcc1005fce65b9fd429360f42135.png) ; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } @media only screen and (max-width: 959px) { #sunpower-mobilemenu { display: block !important; } } @media only screen and (min-width: 960px) { #sunpower-mobilemenu { display: none !important; } } @media only screen and (max-width: 959px) { span.measuredHeader { display: none !important; } } #footer { font-size: 90%; clear: both; display: block; background-color: rgb(38, 38, 49); width: 100%; text-align: center; overflow: hidden; background-position: initial initial; background-repeat: initial initial; } #footer #block-system-powered-by { display: none; } #footer > div.inner-break { margin: 0px auto; max-width: 900px; padding-top: 60px; text-align: left; width: 100%; } @media (max-width: 767px) { #footer > div.inner-break { padding-top: 20px; } } #footer a { color: rgb(97, 99, 117); text-decoration: none; } #footer ul, #footer li { padding: 0px; margin: 0px; } #footer nav > ul.menu > li > a { color: white; display: block; float: left; margin: 0px 0px 10px; width: 100%; font-size: 120%; } #footer nav { float: left; margin-right: 2%; width: 22%; } @media (max-width: 767px) { #footer nav { width: 100%; margin: 0px 10px 0px 20px; } } #footer nav ul { float: left; } #footer nav ul li { float: left; padding-bottom: 8px; width: 100%; } #footer nav ul li ul { padding-bottom: 20px; } #footer nav#block-menu-menu-main-footer-column-4 { margin-left: 1%; margin-right: 0px; width: 27%; } @media (max-width: 767px) { #footer nav#block-menu-menu-main-footer-column-4 { width: 100%; margin: 0px 10px 0px 20px; } } #footer nav#block-menu-menu-legal-footer-menu, #footer nav#block-menu-menu-menu-legal-footer-menu, #footer nav#block-menu-raf-legal-footer-menu { width: 100%; margin: 0px; padding: 20px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(51, 52, 61); } #footer nav#block-menu-menu-legal-footer-menu ul, #footer nav#block-menu-menu-menu-legal-footer-menu ul, #footer nav#block-menu-raf-legal-footer-menu ul { float: none; width: auto; text-align: left; } @media (max-width: 767px) { #footer nav#block-menu-menu-legal-footer-menu ul, #footer nav#block-menu-menu-menu-legal-footer-menu ul, #footer nav#block-menu-raf-legal-footer-menu ul { margin: 0px 10px 0px 20px; } } #footer nav#block-menu-menu-legal-footer-menu ul li, #footer nav#block-menu-menu-menu-legal-footer-menu ul li, #footer nav#block-menu-raf-legal-footer-menu ul li { display: inline; float: none; padding: 0px; width: auto; } #footer nav#block-menu-menu-legal-footer-menu ul li a, #footer nav#block-menu-menu-menu-legal-footer-menu ul li a, #footer nav#block-menu-raf-legal-footer-menu ul li a { float: none; width: auto; display: inline; font-size: 90%; color: rgb(97, 99, 117); margin: 0px 20px 0px 0px; } .block.footer-social::before, .block.footer-social::after { content: ''; display: table; } .block.footer-social::after { clear: both; } div.region-pre-footer { width: 100%; background-color: rgb(247, 247, 247); float: left; background-position: initial initial; background-repeat: initial initial; } div.region-pre-footer #block-boxes-backtotop-btn, div.region-pre-footer .backtotop-btn-block { width: 100%; height: 1px; position: relative; z-index: 9; } div.region-pre-footer #block-boxes-backtotop-btn a.SunpowerToTop, div.region-pre-footer .backtotop-btn-block a.SunpowerToTop { background-color: white; border: 1px solid rgb(227, 227, 227); display: block; margin: 0px 0px 0px 50px; overflow: hidden; position: absolute; top: -34px; height: 65px; width: 33px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-position: initial initial; background-repeat: initial initial; } div.region-pre-footer #block-boxes-backtotop-btn a.SunpowerToTop span, div.region-pre-footer .backtotop-btn-block a.SunpowerToTop span { background-image: url(601417a61d79eaa7fb9e7571aa9e87b56e458fdd.png) ; background-attachment: scroll; background-color: transparent; display: block; float: left; font-size: 0px; height: 65px; position: relative; text-indent: -9999px; top: 0px; width: 33px; background-position: -10px -187px; background-repeat: no-repeat no-repeat; } div.region-pre-footer #block-boxes-backtotop-btn a.SunpowerToTop:hover, div.region-pre-footer .backtotop-btn-block a.SunpowerToTop:hover { border: 1px solid rgb(60, 123, 216); background-image: linear-gradient(rgb(72, 143, 240) 0%, rgb(66, 137, 239) 50%, rgb(60, 128, 237) 100%, rgb(60, 128, 237)); background-position: initial initial; background-repeat: initial initial; } div.region-pre-footer #block-boxes-backtotop-btn a.SunpowerToTop:hover span, div.region-pre-footer .backtotop-btn-block a.SunpowerToTop:hover span { background-position: -90px -187px; } div.region-pre-footer #block-boxes-backtotop-btn a.SunpowerToTop:active, div.region-pre-footer .backtotop-btn-block a.SunpowerToTop:active { border: 1px solid rgb(60, 123, 216); background-color: rgb(82, 154, 241); -webkit-box-shadow: rgb(62, 130, 237) 0px 2px 3px inset; box-shadow: rgb(62, 130, 237) 0px 2px 3px inset; background-position: initial initial; background-repeat: initial initial; } div.region-pre-footer #block-boxes-backtotop-btn a.SunpowerToTop:active span, div.region-pre-footer .backtotop-btn-block a.SunpowerToTop:active span { background-position: -90px -187px; } div.region-pre-footer #block-boxes-row-sitewide-cta, div.region-pre-footer div.sunpowerPhoneFooter, div.region-pre-footer .phone-number-footer-block { margin: auto; text-align: center; width: 80%; } div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content, div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content, div.region-pre-footer .phone-number-footer-block .boxes-box-content { text-align: center; margin: auto; } div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon, div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon, div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon { background-image: url(be2195caf985bd79afa22055376642e14886f84e.png) ; background-color: transparent; font-size: 160%; line-height: 190%; margin: 5px; padding: 40px 50px; display: inline-block; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 300; background-position: 0px 50%; background-repeat: no-repeat no-repeat; } div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon strong, div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon strong, div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon strong { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 700; } @media (max-width: 767px) { div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon > span, div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon > span, div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon > span { width: 100%; display: block; } } @media (max-width: 767px) { div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon, div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon, div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon { background-image: url(be2195caf985bd79afa22055376642e14886f84e.png) ; background-color: transparent; padding-top: 45px; font-size: 100%; line-height: 110%; background-position: 50% 0%; background-repeat: no-repeat no-repeat; } } @media (max-width: 767px) { div.region-pre-footer #block-boxes-row-sitewide-cta, div.region-pre-footer div.sunpowerPhoneFooter, div.region-pre-footer .phone-number-footer-block { width: 100%; margin-top: 10px; } } div.region-pre-footer #block-boxes-footer-social, div.region-pre-footer .copyright-and-social-block { border-top-width: 1px; border-top-style: solid; border-top-color: white; display: block; float: left; padding: 0px 4%; width: 100%; color: rgb(204, 204, 204); background-color: white; text-align: center; background-position: initial initial; background-repeat: initial initial; } div.region-pre-footer #block-boxes-footer-social .boxes-box-content, div.region-pre-footer .copyright-and-social-block .boxes-box-content { text-align: left; max-width: 900px; margin: auto; } div.region-pre-footer #block-boxes-footer-social div.copy, div.region-pre-footer .copyright-and-social-block div.copy { display: block; float: left; font-size: 85%; margin: 0px; padding: 35px 0px; width: 40%; } @media (max-width: 767px) { div.region-pre-footer #block-boxes-footer-social div.copy, div.region-pre-footer .copyright-and-social-block div.copy { padding: 15px 0px; width: 100%; text-align: center; } } div.region-pre-footer #block-boxes-footer-social .followus, div.region-pre-footer .copyright-and-social-block .followus { color: rgb(204, 204, 204); display: block; float: right; font-size: 85%; margin-top: -13px; padding: 35px 0px; text-align: right; width: 50%; } div.region-pre-footer #block-boxes-footer-social .followus img, div.region-pre-footer .copyright-and-social-block .followus img { bottom: -8px; margin-left: 3px; position: relative; } div.region-pre-footer #block-boxes-footer-social .followus img:first-child, div.region-pre-footer .copyright-and-social-block .followus img:first-child { margin-left: 15px; } @media (max-width: 767px) { div.region-pre-footer #block-boxes-footer-social .followus, div.region-pre-footer .copyright-and-social-block .followus { width: 100%; text-align: center; padding: 15px 0px; } } div.region-pre-footer div.footer_util { background-image: none; background-attachment: scroll; background-color: white; display: block; padding-bottom: 45px; text-align: center; width: 100%; background-position: 0px 0px; background-repeat: repeat repeat; } div.region-pre-footer div.footer_util .inside { margin: auto; width: 100%; max-width: 900px; } div.region-pre-footer div.footer_util .inside .grid_inner { position: relative; display: block; float: none; margin: auto; max-width: 425px; text-align: center; width: 49%; } @media (max-width: 767px) { div.region-pre-footer div.footer_util .inside .grid_inner { width: 99%; } } div.region-pre-footer div.footer_util .inside .separator_line { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(229, 229, 229); float: left; height: 100px; margin-top: 80px; width: 2px; } @media (max-width: 767px) { div.region-pre-footer div.footer_util .inside .separator_line { display: block; border: none; width: 100%; height: 25px; margin: 0px; } } div.region-pre-footer div.footer_util .inside .left .btn-link { width: 75%; padding: 6px 12px; } div.region-pre-footer div.footer_util .inside .right .form-element { background-color: rgb(85, 158, 242); background-size: 100%; background-image: linear-gradient(rgb(48, 115, 236) 0%, rgb(85, 158, 242) 10%, rgb(85, 158, 242) 100%, rgb(85, 158, 242)); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; width: 75%; display: inline-block; background-position: initial initial; background-repeat: initial initial; } div.region-pre-footer div.footer_util .inside .right .form-element input[type="text"] { background-image: none; background-attachment: scroll; background-color: transparent; border: 0px none; color: rgb(55, 119, 191); outline: none 0px; padding: 5px; text-align: center; width: 70%; background-position: 0px 0px; background-repeat: repeat repeat; } div.region-pre-footer div.footer_util .inside .right .form-element *::-webkit-input-placeholder { color: rgb(55, 119, 191); } div.region-pre-footer div.footer_util .inside .right .form-element input[type="submit"] { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-image: none; background-attachment: scroll; background-color: white; border: 1px solid rgb(85, 158, 242); color: black; outline: none medium; padding: 5px; width: 30%; background-position: 0px 0px; background-repeat: repeat repeat; } div.region-pre-footer div.footer_util .inside .left div.dropFooter div.dropDown_getStarted { display: none; } div.region-pre-footer div.footer_util .inside .left.open div.dropFooter div.dropDown_getStarted { display: block; margin-top: 20px; right: 65px; top: inherit; width: 300px; } #block-boxes-row-sitewide-cta .boxes-box-content, .phone-number-footer-block .boxes-box-content { font-size: 160%; margin: 5px; padding: 40px 50px; display: inline-block; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } @media only screen and (min-width: 960px) { #block-boxes-row-sitewide-cta .boxes-box-content .btn-blue, #block-boxes-row-sitewide-cta .boxes-box-content .entity-bean .field-type-link-field a, .entity-bean .field-type-link-field #block-boxes-row-sitewide-cta .boxes-box-content a, #block-boxes-row-sitewide-cta .boxes-box-content div.top-form-locator #edit-submit-button, div.top-form-locator #block-boxes-row-sitewide-cta .boxes-box-content #edit-submit-button, #block-boxes-row-sitewide-cta .boxes-box-content div.dealer_right ul.links_classes li a, div.dealer_right ul.links_classes li #block-boxes-row-sitewide-cta .boxes-box-content a, #block-boxes-row-sitewide-cta .boxes-box-content #dealer-container a.schedule-visit, #dealer-container #block-boxes-row-sitewide-cta .boxes-box-content a.schedule-visit, #block-boxes-row-sitewide-cta .boxes-box-content #boxes-box-contactus_top div.bottom_contact a, #boxes-box-contactus_top div.bottom_contact #block-boxes-row-sitewide-cta .boxes-box-content a, .phone-number-footer-block .boxes-box-content .btn-blue, .phone-number-footer-block .boxes-box-content .entity-bean .field-type-link-field a, .entity-bean .field-type-link-field .phone-number-footer-block .boxes-box-content a, .phone-number-footer-block .boxes-box-content div.top-form-locator #edit-submit-button, div.top-form-locator .phone-number-footer-block .boxes-box-content #edit-submit-button, .phone-number-footer-block .boxes-box-content div.dealer_right ul.links_classes li a, div.dealer_right ul.links_classes li .phone-number-footer-block .boxes-box-content a, .phone-number-footer-block .boxes-box-content #dealer-container a.schedule-visit, #dealer-container .phone-number-footer-block .boxes-box-content a.schedule-visit, .phone-number-footer-block .boxes-box-content #boxes-box-contactus_top div.bottom_contact a, #boxes-box-contactus_top div.bottom_contact .phone-number-footer-block .boxes-box-content a { margin-left: 24px; position: relative; top: -3px; } } @media only screen and (max-width: 959px) { #block-boxes-row-sitewide-cta .boxes-box-content .copy, .phone-number-footer-block .boxes-box-content .copy { display: block; } } body.hide-consultation-footer div.footer_util div.left { display: none !important; } body.hide-consultation-footer div.region-pre-footer div.footer_util .inside .grid_inner { width: 99%; float: none; } body.hide-installer-footer div.footer_util div.right { display: none !important; } body.hide-installer-footer div.footer_util div.right .inside .grid_inner { width: 99%; float: none; } body.hide-installer-footer div.region-pre-footer div.footer_util .inside .grid_inner { width: 99%; } .messages { color: rgb(255, 255, 255); margin: 6px 0px; padding: 10px 10px 10px 45px; position: relative; text-align: left; } .messages::before { height: 28px; width: 28px; content: ''; left: 0.625em; position: absolute; top: 0.3125em; } .status, .ok { background-color: rgb(44, 162, 13); } .status a, .ok a { color: rgb(195, 249, 181); } .status::before, .ok::before { background-image: url(6c5a87ef9b8fe383d8d65fd60eab99a021df1d57.png) ; background-position: 0px -28px; background-repeat: initial initial; } .warning { background-color: rgb(210, 135, 18); } .warning a { color: rgb(253, 244, 230); } .warning::before { background-image: url(6c5a87ef9b8fe383d8d65fd60eab99a021df1d57.png) ; background-position: 0px -56px; background-repeat: initial initial; } .error { background-color: rgb(211, 17, 58); } .error a { color: rgb(253, 230, 235); } .error::before { background-image: url(6c5a87ef9b8fe383d8d65fd60eab99a021df1d57.png) ; background-position: 0px 0px; background-repeat: initial initial; } .messages ul { list-style: none; margin: 0px; padding: 0px; } .messages ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); list-style-image: none; margin-bottom: 4px; padding-bottom: 5px; } .messages ul li:last-child { border-bottom-style: none; margin-bottom: 0px; padding-bottom: 0px; } .krumo-element, .krumo-footnote, .krumo-call, .krumo-preview { color: rgb(35, 31, 32); } label { color: rgb(102, 102, 102); font-size: 14px; font-weight: normal; } input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea { -webkit-box-shadow: rgb(243, 243, 243) 0px 3px 5px inset; box-shadow: rgb(243, 243, 243) 0px 3px 5px inset; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(247, 247, 247); border: 1px solid rgb(237, 237, 237); color: rgb(51, 51, 51); font-size: 14px; outline: 0px; padding: 12px 20px; resize: none; width: 100%; } input[type="text"].placeholder, input[type="email"].placeholder, input[type="password"].placeholder, input[type="number"].placeholder, input[type="tel"].placeholder, textarea.placeholder { color: rgb(124, 136, 149); } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgb(124, 136, 149); } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus { -webkit-box-shadow: rgb(85, 158, 242) 1px 1px 0px, rgb(85, 158, 242) -1px -1px 0px, rgb(85, 158, 242) -1px 1px 0px, rgb(85, 158, 242) 1px -1px 0px, rgb(243, 243, 243) 0px 3px 5px inset; box-shadow: rgb(85, 158, 242) 1px 1px 0px, rgb(85, 158, 242) -1px -1px 0px, rgb(85, 158, 242) -1px 1px 0px, rgb(85, 158, 242) 1px -1px 0px, rgb(243, 243, 243) 0px 3px 5px inset; border: 1px solid rgb(85, 158, 242); } input[type="text"].error, input[type="email"].error, input[type="password"].error, input[type="number"].error, input[type="tel"].error, textarea.error { -webkit-box-shadow: rgb(243, 96, 100) 1px 1px 0px, rgb(243, 96, 100) -1px -1px 0px, rgb(243, 96, 100) -1px 1px 0px, rgb(243, 96, 100) 1px -1px 0px, rgb(243, 243, 243) 0px 3px 5px inset; box-shadow: rgb(243, 96, 100) 1px 1px 0px, rgb(243, 96, 100) -1px -1px 0px, rgb(243, 96, 100) -1px 1px 0px, rgb(243, 96, 100) 1px -1px 0px, rgb(243, 243, 243) 0px 3px 5px inset; border: 1px solid rgb(243, 96, 100); } input[type="radio"], input[type="checkbox"] { position: absolute; z-index: -10; } input[type="radio"] + label, input[type="checkbox"] + label { display: block; cursor: pointer; margin: 10px 0px; min-height: 34px; padding: 8px 0px 0px 35px; position: relative; } input[type="radio"] + label::before, input[type="radio"] + label::after, input[type="checkbox"] + label::before, input[type="checkbox"] + label::after { content: ''; display: block; position: absolute; z-index: 1; height: 20px; width: 20px; } input[type="radio"] + label::before, input[type="checkbox"] + label::before { background-color: rgb(171, 183, 194); left: 7px; top: 7px; } input[type="radio"] + label::after, input[type="checkbox"] + label::after { content: ; display: none; left: 10px; top: 8px; font-size: 20px; font-family: foundation-icons; font-style: normal; font-weight: normal; font-variant-ligatures: normal; font-variant-position: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: rgb(255, 255, 255); } input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::after { display: block; } @media only screen and (min-width: 960px) { input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; vertical-align: middle; margin: 0px; } } input[type="checkbox"] + label::before { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid rgb(77, 143, 218); background-color: rgb(85, 158, 242); } .form-item-submitted-OwnLeaseCheck-Rent { display: none !important; } select { -webkit-appearance: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgb(255, 255, 255) 0px 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgb(255, 255, 255) 0px 1px 1px inset; background-image: url(ff2810a7233a6b02c6519816c5f74f35b18d220d.png) , linear-gradient(rgb(247, 247, 247), rgb(234, 234, 234)); background-attachment: initial, initial; background-origin: initial, initial; background-clip: initial, initial; background-size: initial, initial; border: 1px solid rgb(237, 237, 237); color: rgb(51, 51, 51); cursor: pointer; font-size: 14px; outline: 0px; padding: 12px 54px 12px 20px; position: relative; width: 100%; background-position: calc(100% - 18px) 50%; background-repeat: no-repeat; } select:focus { -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgb(85, 158, 242) 1px 1px 0px, rgb(85, 158, 242) -1px -1px 0px, rgb(85, 158, 242) -1px 1px 0px, rgb(85, 158, 242) 1px -1px 0px, rgb(255, 255, 255) 0px 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgb(85, 158, 242) 1px 1px 0px, rgb(85, 158, 242) -1px -1px 0px, rgb(85, 158, 242) -1px 1px 0px, rgb(85, 158, 242) 1px -1px 0px, rgb(255, 255, 255) 0px 1px 1px inset; border: 1px solid rgb(85, 158, 242); } select.error { -webkit-box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgb(243, 96, 100) 1px 1px 0px, rgb(243, 96, 100) -1px -1px 0px, rgb(243, 96, 100) -1px 1px 0px, rgb(243, 96, 100) 1px -1px 0px, rgb(255, 255, 255) 0px 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.0588235) 0px 2px 2px, rgb(243, 96, 100) 1px 1px 0px, rgb(243, 96, 100) -1px -1px 0px, rgb(243, 96, 100) -1px 1px 0px, rgb(243, 96, 100) 1px -1px 0px, rgb(255, 255, 255) 0px 1px 1px inset; border: 1px solid rgb(243, 96, 100) !important; } input[type="submit"] { padding-left: 20px; padding-right: 20px; } .hidden-component { display: none; } .webform-component-required .form-required { display: none; } .form-item { margin: 0px 0px 10px; } .form-item::before, .form-item::after { content: ''; display: table; } .form-item::after { clear: both; } @media only screen and (min-width: 960px) { .webform-component { width: 49%; } .webform-component:nth-child(odd) { clear: left; float: left; } .webform-component:nth-child(even) { clear: right; float: right; } .webform-component.webform-component-markup, .webform-component.webform-container-inline { float: none; clear: both; padding-left: 51%; position: relative; width: 100%; } .webform-component.webform-component-markup > label, .webform-component.webform-container-inline > label { align-items: center; display: flex; height: 100%; left: 0px; position: absolute; width: 49%; } .webform-component.webform-component-markup .form-type-radio, .webform-component.webform-component-markup .form-type-checkbox, .webform-component.webform-container-inline .form-type-radio, .webform-component.webform-container-inline .form-type-checkbox { display: inline-block; vertical-align: middle; float: none; margin-right: 20px; width: auto; } .webform-component.webform-component-markup { padding: 0px; } .webform-component.webform-component--WebComments, .webform-component.webform-component--TermsofUse, .webform-component.webform-component--SunPowerNewsOffers { clear: both; float: none; width: 100%; } } .webform-component-fieldset { margin: 0px 0px 28px; padding: 0px 0px 28px; border-style: none none dashed; border-bottom-width: 1px; border-bottom-color: rgb(201, 201, 201); } .form-actions { clear: both; } input.webform-submit { border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; padding: 12px 25px 15px; font-size: 16px; width: 100%; } .privacy-container, .terms-container { -webkit-box-shadow: rgb(243, 243, 243) 0px 3px 5px inset; box-shadow: rgb(243, 243, 243) 0px 3px 5px inset; background-color: rgb(247, 247, 247); border-width: 2px 1px 1px; border-style: solid; border-color: rgb(85, 158, 242) rgb(237, 237, 237) rgb(237, 237, 237); overflow: auto; padding: 15px 20px; height: 250px; } .webform-component.webform-component--contact-info--CompanyType label, .webform-component.webform-component--Company label { display: none; } .webform-component.webform-component--Company { padding-left: 0px; width: 49%; float: none; } .pac-container { z-index: 100042; } .pane-bean-dbs-new-banner .flexslider .flex-control-nav { bottom: 20px; } @media (max-width: 767px) { .pane-bean-dbs-new-banner .flexslider .flex-control-nav { bottom: 16px; right: 10px; width: 30%; } } .newsletter_webform_cta { background-color: rgb(76, 158, 205); color: rgb(255, 255, 255); padding: 20px 30px; margin-bottom: 70px; } @media only screen and (min-width: 1025px) { .newsletter_webform_cta { padding: 30px 55px; min-height: 210px; } } .newsletter_webform_cta h1 { color: rgb(255, 255, 255); margin-top: 22px; margin-bottom: 0px; font-size: 36px; line-height: 1.1; font-weight: 300; } @media only screen and (min-width: 1025px) { .newsletter_webform_cta p { margin-bottom: 16px; } } .newsletter_webform_cta .sub_text { font-family: 'Open Sans', sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.701961); margin-top: 4px; font-weight: 400; } .newsletter_webform_cta .sub_text a { color: rgb(255, 255, 255); font-weight: 600; text-decoration: none; } .newsletter_webform_cta a:hover { text-decoration: underline; } .newsletter_webform_cta .webform-component { width: auto; display: inline-block; margin-bottom: 0px; padding-bottom: 0px; } .newsletter_webform_cta .webform-component:nth-child(odd) { clear: inherit; float: none; } article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden, .newsletter_webform_cta .newsltr--container { display: inline-block; vertical-align: top; padding: 5px; } @media only screen and (min-width: 1025px) { article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden, .newsletter_webform_cta .newsltr--container { margin: auto 0px; } } article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden { display: block; } @media only screen and (min-width: 1025px) { article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden { display: inline-block; width: 43%; } } article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden, .node-4896 .field-name-body { padding-top: 0px; } .newsletter_webform_cta .field-name-body + form, .newsletter_webform_cta .field-name-body + div { display: block; } @media only screen and (min-width: 1025px) { .newsletter_webform_cta .field-name-body + form, .newsletter_webform_cta .field-name-body + div { display: inline-block; width: 57%; } } .newsletter_webform_cta .newsltr--form { width: 100%; } .newsletter_webform_cta .newsltr--container { display: block; } .newsletter_webform_cta .webform-client-form { display: block; padding-top: 0px; padding-left: 0px; padding-right: 0px; background-color: transparent; width: 100%; margin-bottom: 20px; background-position: initial initial; background-repeat: initial initial; } .newsletter_webform_cta .newsltr--email, .newsletter_webform_cta .newsltr--actions { display: inline-block; } .newsletter_webform_cta .newsltr--email { width: 65%; } @media only screen and (min-width: 1025px) { .newsletter_webform_cta .newsltr--email { margin-top: 28px; width: 75%; } } @media (max-width: 767px) { .newsletter_webform_cta .newsltr--email { width: 100%; } } .newsletter_webform_cta .form-email { color: rgb(124, 136, 149); font-family: 'Open Sans', sans-serif; font-size: 20px; background-color: rgba(255, 255, 255, 0.901961); border: 0px; width: 100%; background-position: initial initial; background-repeat: initial initial; } .newsletter_webform_cta .form-email.placeholder { color: rgb(124, 136, 149); } .newsletter_webform_cta .form-email::-webkit-input-placeholder { color: rgb(124, 136, 149); } .newsletter_webform_cta .form-email:focus { -webkit-box-shadow: rgb(85, 158, 242) 0px 0px 0px, rgb(241, 241, 242) 0px 3px 5px inset; box-shadow: rgb(85, 158, 242) 0px 0px 0px, rgb(241, 241, 242) 0px 3px 5px inset; border: 0px; } .newsletter_webform_cta .form-email.error { border-color: rgb(211, 17, 58); } .newsletter_webform_cta .form-item::before, .newsletter_webform_cta .form-item::after { display: none; } .newsletter_webform_cta .form-submit { border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; border: 0px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; height: 50px; line-height: 1; margin-left: 20px; padding: 15px 30px; background-image: linear-gradient(rgb(255, 147, 32), rgb(255, 126, 26)) !important; color: rgb(255, 255, 255) !important; background-position: initial initial !important; background-repeat: initial initial !important; } @media (max-width: 767px) { .newsletter_webform_cta .form-submit { margin-top: 10px; margin-left: 0px; } } .newsletter_webform_cta .links { display: none; } .newsletter_webform_cta .webform-confirmation { text-align: center; } .webform--error { color: rgb(255, 255, 255); line-height: 1.333; font-size: 15px; font-family: 'Open Sans', sans-serif; width: 80%; } #form-b input.placeholder, #form-b textarea.placeholder { color: rgb(156, 188, 205); } #form-b input::-webkit-input-placeholder, #form-b textarea::-webkit-input-placeholder { color: rgb(156, 188, 205); } #form-b label, #form-b p { font-size: 16px; color: rgb(68, 63, 57); } #form-b a { color: rgb(85, 158, 242); text-decoration: underline; } #form-b input.webform-submit { width: auto; } #form-b .webform-component.webform-container-inline { padding-left: 0px; width: 49%; float: left; } #form-b .webform-component.webform-container-inline > label { position: relative; display: inline; width: auto; margin-right: 0px; } #form-b .terms-container { display: none; } #form-b .webform-component--TermsofUseText p { font-size: 12px; line-height: 1.5; color: rgb(124, 136, 149); } #form-b .webform-component--TermsofUseText p:last-child { margin-bottom: 0px; } #colorbox #form-b { width: 90%; margin-left: auto; margin-right: auto; } #colorbox #form-b .node__title { padding-left: 0px; padding-right: 0px; -webkit-box-shadow: none; box-shadow: none; } #colorbox #form-b .webform-client-form { padding: 0px; } #colorbox #form-b .webform-component { width: 100%; } #colorbox .messages--error, #colorbox .messages--warning, #colorbox .messages--notice, #colorbox .messages--status { width: 90%; margin: 6px auto; } #cboxClose { background-image: none; color: transparent; font-size: 0px; background-position: initial initial; background-repeat: initial initial; } #cboxClose::before { font-family: svg-icons; content: ; display: block; font-size: 20px; color: rgb(246, 147, 34); text-indent: 0px; } .colorbox-only, .target-test .webform-header { display: none; } #colorbox .colorbox-only, #colorbox .target-test .webform-header { display: block; } .contact-dealer-form, .b2b-contact-form { position: relative; font-family: 'Open Sans', sans-serif; padding: 20px; } @media only screen and (min-width: 768px) { .contact-dealer-form, .b2b-contact-form { padding: 2em; } } .contact-dealer-form h2 { color: rgb(255, 255, 255); font-size: 26px; } .contact-dealer-form .messages, .b2b-contact-form .msg-group { color: rgb(68, 63, 57); margin: 20px 0px; background-color: rgba(255, 255, 255, 0.4); padding: 17px 22px; } .contact-dealer-form .msg-group--error .msg-item, .b2b-contact-form .msg-group--error .msg-item { display: inline-block; margin-right: 10px; font-size: 12px; } .contact-dealer-form .form-select.error { padding-left: 10px; } .b2b-contact-form .dropdown-tabs { margin-left: 0px; } @media only screen and (min-width: 768px) { .b2b-contact-form .dropdown-tabs { margin-left: 10px; } } .b2b-contact-form .block_details { width: 100%; margin: 20px auto; } @media only screen and (min-width: 768px) { .b2b-contact-form .block_details { width: 80%; margin: 20px auto; } } .contact-dealer-form .webform-client-form, .b2b-contact-form .webform-client-form { margin-top: 0px; padding-top: 10px; background-image: none; } @media only screen and (max-width: 959px) { .contact-dealer-form .webform-client-form, .b2b-contact-form .webform-client-form { padding-left: 0px; padding-right: 0px; } } .contact-dealer-form .webform-client-form { padding-left: 0px; padding-right: 0px; } .contact-dealer-form, .contact-dealer-form label, .b2b-contact-form, .b2b-contact-form label { color: rgb(255, 255, 255); background-color: rgb(161, 190, 209); } .b2b-contact-form .block-title { font-size: 14px; font-weight: 600; color: rgb(65, 97, 124); } @media only screen and (min-width: 768px) { .b2b-contact-form .block-title { margin-bottom: -10px; padding-left: 25px; padding-right: 25px; } } .b2b-contact-form .b2b-contact-form-audience { float: none; clear: none; width: 100%; } @media only screen and (min-width: 768px) { .b2b-contact-form .b2b-contact-form-audience { display: table-row; } } .b2b-contact-form .b2b-contact-form-audience label { display: block; } @media only screen and (min-width: 768px) { .b2b-contact-form .b2b-contact-form-audience label { font-size: 26px; display: table-cell; font-weight: 100; } } .b2b-contact-form .b2b-contact-form-audience select { display: table-cell; } .b2b-contact-form .webform-component-fieldset { border-bottom-style: none; padding-bottom: 0px; margin-top: 1em; } .contact-dealer-form input, .contact-dealer-form input:focus, .b2b-contact-form input, .b2b-contact-form input:focus { margin: 10px 0px; padding-left: 0px; padding-bottom: 6px; font-family: 'Open Sans', sans-serif; font-weight: 500; letter-spacing: 1px; border-style: none none solid; border-bottom-width: 2px; border-bottom-color: rgb(255, 255, 255); color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .contact-dealer-form input::-webkit-input-placeholder, .contact-dealer-form input:focus::-webkit-input-placeholder, .b2b-contact-form input::-webkit-input-placeholder, .b2b-contact-form input:focus::-webkit-input-placeholder { text-transform: uppercase; color: rgb(255, 255, 255); } .contact-dealer-form input.error, .b2b-contact-form .b2b-contact-form--form input[type="text"].error, .b2b-contact-form .b2b-contact-form--form input[type="email"].error, .b2b-contact-form .b2b-contact-form--form input[type="password"].error, .b2b-contact-form .b2b-contact-form--form input[type="number"].error, .b2b-contact-form .b2b-contact-form--form textarea.error { border-style: none none solid; border-bottom-width: 2px; border-bottom-color: red; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .contact-dealer-form .error::before, .b2b-contact-form .error::before { background-image: none; background-position: initial initial; background-repeat: initial initial; } .contact-dealer-form .messages label, .contact-dealer-form .messages ul li, .b2b-contact-form .messages label, .b2b-contact-form .messages ul li { background-color: transparent; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.4); padding: 0px; font-size: 12px; display: inline-block; margin-right: 10px; color: rgb(68, 63, 57); background-position: initial initial; background-repeat: initial initial; } .b2b-contact-form .webform-component--contact-info--SolarForHome.checkbox-select .styled-checkbox { width: 15px; height: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border: 2px solid rgb(255, 255, 255); cursor: pointer; } .b2b-contact-form .webform-component--contact-info--SolarForHome.checkbox-select .styled-checkbox.active { background-color: rgb(255, 255, 255); } .contact-dealer-form select option, .contact-dealer-form select, .b2b-contact-form select option, .b2b-contact-form select { margin: 10px 0px; padding-left: 0px; padding-bottom: 6px; background-image: none; border-style: none none solid; border-bottom-width: 2px; border-bottom-color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: none; box-shadow: none; color: rgb(255, 255, 255); font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; outline: none; background-position: initial initial; background-repeat: initial initial; } .b2b-contact-form select option, .contact-dealer-form select option { border-bottom-style: none; color: rgb(65, 97, 124); } .b2b-contact-form select::after { font-family: svg-icons; content: ; font-size: 50%; float: right; margin-left: 10px; line-height: 3; } .b2b-contact-form .webform-component--contact-info--SolarForHome { position: relative; } .b2b-contact-form .webform-component-fieldset input, .b2b-contact-form .webform-component-fieldset label { color: rgb(255, 255, 255); background-color: rgb(161, 190, 209); } .contact-dealer-form input, .contact-dealer-form label { color: rgb(255, 255, 255); background-color: rgb(156, 188, 205); } .b2b-contact-form .sunpower-phone { float: right; margin-top: -5px; width: 80%; font-weight: 700; font-size: 24px; letter-spacing: 1px; } .b2b-contact-form .sunpower-phone p { margin: 8px 0px; } .contact-dealer-form .form-actions, .b2b-contact-form .form-actions { width: 150px; display: inline-block; margin-top: 0px; } .contact-dealer-form .form-actions .form-submit, .b2b-contact-form .form-actions .form-submit { background-color: rgb(239, 148, 33); border: none; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; text-transform: uppercase; letter-spacing: 1px; padding: 10px 18px; margin-top: 0px; font-size: 14px; background-position: initial initial; background-repeat: initial initial; } .b2b-contact-form .webform-component--contact-info--SolarForHome { position: relative; } .b2b-contact-form .webform-component--contact-info--SolarForHome label { position: relative; left: 25px; } .contact-dealer-form .webform-component-select::after, .b2b-contact-form .webform-component--contact-info--Country::after { font-family: svg-icons; content: ; font-size: 50%; float: right; margin-top: -40px; margin-right: 6px; line-height: 3; } .b2b-contact-form .close-button { position: absolute; top: 15px; right: 15px; width: 33px; height: 33px; overflow: hidden; color: transparent; text-decoration: none; cursor: pointer; } .b2b-contact-form .close-button::before { font-family: svg-icons; content: ; display: block; font-size: 30px; color: rgb(255, 255, 255); text-indent: 0px; } .dropdown-tabs__current-link.-is-active { border: 1px solid transparent; } .b2b-contact-form .dropdown-tabs__current-link, .b2b-contact-form .dropdown-tabs__dropdown-item a { white-space: nowrap; padding-right: 50px; } @media only screen and (min-width: 768px) { .b2b-contact-form .dropdown-tabs__current-link, .b2b-contact-form .dropdown-tabs__dropdown-item a { font-size: 28px; } } @media only screen and (max-width: 768px) { .b2b-contact-form .dropdown-tabs__current-link, .b2b-contact-form .dropdown-tabs__dropdown-item a { max-width: 100%; } } .b2b-contact-form .dropdown-tabs__current-link { color: white; padding: 6px 4px; border-width: 1px; border-style: solid; border-color: transparent transparent white; } .b2b-contact-form .dropdown-tabs__current-link.-is-active { background-color: transparent; color: white; border-width: 1px; border-style: solid; border-color: transparent transparent gray; } .contact-dealer-form { padding-left: 20px; padding-right: 20px; background-color: rgb(156, 188, 205); background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 768px) { .contact-dealer-form { padding-left: 40px; padding-right: 40px; } } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: border-box; } #cboxMiddleLeft, #cboxMiddleRight { display: none; } #cboxOverlay { opacity: 0.5 !important; } main#content > .contextual-links-region > div.contextual-links-wrapper { right: 55px; } body .panel-pane { max-width: 100%; } body.page-panels div.panels-flexible-region { width: 100% !important; } #content div.panel-pane.pane-node-body { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { #content div.panel-pane.pane-node-body { padding-left: 40px; padding-right: 40px; } } .flexslider { background-color: transparent; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: none; box-shadow: none; margin: 0px; position: relative; background-position: initial initial; background-repeat: initial initial; } .flexslider .flex-control-nav { bottom: 0px; position: absolute; text-align: center; width: 100%; z-index: 2; } .flexslider .flex-control-nav { bottom: 0px; position: absolute; text-align: center; width: 100%; z-index: 2; } @media only screen and (max-width: 959px) { .flexslider .flex-control-nav { bottom: -8px; } } .flexslider .flex-direction-nav a::before { content: normal; display: inline-block; font-family: flexslider-icon; font-size: 40px; } .flexslider .flex-direction-nav a { transition: none; -webkit-transition: none; } .flexslider .flex-direction-nav a.flex-prev { background-image: url(601417a61d79eaa7fb9e7571aa9e87b56e458fdd.png) ; background-color: transparent; font-size: 0px; height: 40px; text-indent: -999px; width: 44px; background-position: -10px -443px; background-repeat: no-repeat no-repeat; } .flexslider .flex-direction-nav a.flex-prev:hover { background-position: -120px -443px; } @media only screen and (max-width: 959px) { .flexslider .flex-direction-nav a.flex-prev { left: -8px; } } .flexslider .flex-direction-nav a.flex-next { background-image: url(601417a61d79eaa7fb9e7571aa9e87b56e458fdd.png) ; background-color: transparent; font-size: 0px; height: 40px; text-indent: -999px; width: 44px; background-position: -70px -443px; background-repeat: no-repeat no-repeat; } .flexslider .flex-direction-nav a.flex-next:hover { background-position: -180px -443px; } @media only screen and (max-width: 959px) { .flexslider .flex-direction-nav a.flex-next { right: -24px; } } .flexslider .flex-control-paging li a { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: block; height: 16px; text-indent: -9999px; width: 16px; border: 2px solid rgb(194, 203, 210); background-position: initial initial; background-repeat: initial initial; } @media only screen and (max-width: 959px) { .flexslider .flex-control-paging li a { height: 19px; width: 19px; } } .flexslider .flex-control-paging li a:hover { background-color: rgb(85, 158, 242); border: 2px solid rgb(85, 158, 242); background-position: initial initial; background-repeat: initial initial; } .flexslider .flex-control-paging li a.flex-active { background-color: rgb(194, 203, 210); border: 2px solid rgb(194, 203, 210); background-position: initial initial; background-repeat: initial initial; } .flexslider .flex-control-paging li a.flex-active:hover { background-color: rgb(85, 158, 242); border: 2px solid rgb(85, 158, 242); background-position: initial initial; background-repeat: initial initial; } .field-collection-view { border-bottom-style: none; margin: 0px; padding: 0px 0px 0.3em; } .field-collection-container { border-bottom-style: none; } div.pane-block h2.pane-title { margin-right: 25px; margin-left: 25px; } div.bean-content-spacing { margin-right: 25px; margin-left: 25px; } div.bean-content-flush { padding-right: 0px; padding-left: 0px; } .entity-bean .field-type-link-field a { padding: 4px 20px; color: white !important; } .cta-gray .entity-bean .field-type-link-field a { color: black !important; } div.pane-column-bean h2.pane-title { font-family: 'Open Sans', sans-serif; font-size: 50px; font-weight: 300; line-height: 105%; margin-bottom: 15px; } div.entity-bean div.field-name-field-banner-title, div.entity-bean div.field-name-field-subhead, div.entity-bean div.field-name-field-beantext-title, div.entity-bean div.field-name-field-colcarousel-subtitle, div.entity-bean div.field-name-field-imgbean-title { font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 300; line-height: 105%; margin-bottom: 35px; } @media only screen and (max-width: 959px) { div.entity-bean div.field-name-field-banner-title, div.entity-bean div.field-name-field-subhead, div.entity-bean div.field-name-field-beantext-title, div.entity-bean div.field-name-field-colcarousel-subtitle, div.entity-bean div.field-name-field-imgbean-title { font-size: 30px; margin-bottom: 18px; } } @media only screen and (min-width: 1280px) { div.entity-bean div.field-name-field-banner-title, div.entity-bean div.field-name-field-subhead, div.entity-bean div.field-name-field-beantext-title, div.entity-bean div.field-name-field-colcarousel-subtitle, div.entity-bean div.field-name-field-imgbean-title { font-size: 50px; } } div.entity-bean div.field-type-text-long { padding-top: 0px; padding-bottom: 15px; } div.entity-bean div.field-name-field-icon-flex { padding-top: 2px; padding-bottom: 4px; } div.entity-bean div.field-name-field-top-image { margin-bottom: 12px; } .bean-flexible-layout-bean { position: relative; } @media only screen and (min-width: 960px) { .bean-flexible-layout-bean .sunstyle-large-positiontop--250 { margin-top: -250px; } .bean-flexible-layout-bean .sunstyle-large-positiontop--150 { margin-top: -150px; } .bean-flexible-layout-bean .sunstyle-large-positiontop--100 { margin-top: -100px; } .bean-flexible-layout-bean .sunstyle-large-positiontop--50 { margin-top: -50px; } .bean-flexible-layout-bean .sunstyle-large-positiontop-50 { position: relative; top: 50px; } .bean-flexible-layout-bean .sunstyle-large-positiontop-100 { position: relative; top: 100px; } .bean-flexible-layout-bean .sunstyle-large-positiontop-150 { position: relative; top: 150px; } .bean-flexible-layout-bean .sunstyle-large-positiontop-250 { position: relative; top: 250px; } } .bean-flexible-layout-bean.bean-content-backgroundimage div.background-img { position: relative; width: 100%; height: 100%; z-index: 0; } .bean-flexible-layout-bean.bean-content-backgroundimage div.background-img img { float: left; } .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside { position: relative; float: left; } } .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside > * { padding: 5%; position: relative; width: 50%; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside > * { width: 100% !important; } } .bean-flexible-layout-bean.bean-content-float-right div.content-outside > * { float: right; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-float-right div.content-outside > * { float: left !important; } } .bean-flexible-layout-bean.bean-content-float-center div.content-outside { text-align: center; } .bean-flexible-layout-bean.bean-content-float-center div.content-outside > * { margin: auto; float: none; text-align: left; } @media only screen and (min-width: 960px) { .bean-flexible-layout-bean.bean-content-color-white { color: white !important; } } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-color-white { color: black !important; } } @media only screen and (min-width: 960px) { .bean-flexible-layout-bean.bean-content-color-white h1, .bean-flexible-layout-bean.bean-content-color-white h2, .bean-flexible-layout-bean.bean-content-color-white h3, .bean-flexible-layout-bean.bean-content-color-white h4, .bean-flexible-layout-bean.bean-content-color-white h5 { color: white; } } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-color-white h1, .bean-flexible-layout-bean.bean-content-color-white h2, .bean-flexible-layout-bean.bean-content-color-white h3, .bean-flexible-layout-bean.bean-content-color-white h4, .bean-flexible-layout-bean.bean-content-color-white h5 { color: black; } } .bean-flexible-layout-bean.bean-content-align-center div.content-outside > * { text-align: center; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-align-center div.content-outside > * { text-align: left; } } .bean-flexible-layout-bean.bean-content-align-right div.content-outside > * { text-align: right; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-align-right div.content-outside > * { text-align: left; } } .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half div.background-img img { width: 50%; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half div.background-img img { width: 100%; } } .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half.bean-content-float-left div.background-img img { margin-left: 50%; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half.bean-content-float-left div.background-img img { margin-left: 0px; } } .bean-flexible-layout-bean.bean-content-notbackgroundimage div.content-outside > * { padding: 50px 5%; position: relative; } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.bean-content-notbackgroundimage div.content-outside > * { padding: 10px 5%; width: 100% !important; } } @media only screen and (max-width: 959px) { .bean-flexible-layout-bean.entity-bean { background-color: transparent !important; color: black !important; background-position: initial initial !important; background-repeat: initial initial !important; } } .no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * { margin: 0px; padding: 20px; } .no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * .field-items > .field-item { margin-bottom: 0px; } .no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * .field-items > .field-item .field-collection-container { margin-bottom: 0px; } .no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * .field-items > .field-item .field-collection-container .inner-container { padding: 0px; } div.bean-content-banner-carousel h2, div.bean-content-banner-carousel h3 { color: inherit; } div.bean-content-banner-carousel .field-name-field-banner-body span { font-size: 36px; } @media (max-width: 767px) { div.bean-content-banner-carousel .field-name-field-banner-body span { font-size: 22px; } } div.bean-content-banner-carousel div.entity-field-collection-item { position: relative; } div.bean-content-banner-carousel div.entity.bean_slider_color_white { color: white; } @media only screen and (max-width: 959px) { div.bean-content-banner-carousel div.entity.bean_slider_color_white { color: black; } } div.bean-content-banner-carousel div.content-wrapper-js { padding: 5%; position: absolute; top: 0px; width: 100%; z-index: 1; } @media only screen and (max-width: 959px) { div.bean-content-banner-carousel div.content-wrapper-js { position: relative; width: 100% !important; } } div.bean-content-banner-carousel .bean_slider_float_right div.content-wrapper-js { right: 0px; } div.bean-content-banner-carousel .bean_slider_float_center .middle-wrap { top: 0px; position: absolute; width: 100%; text-align: center; } @media only screen and (max-width: 959px) { div.bean-content-banner-carousel .bean_slider_float_center .middle-wrap { position: relative; text-align: left; } } div.bean-content-banner-carousel .bean_slider_float_center .middle-wrap div.content-wrapper-js { text-align: inherit; position: relative; margin: auto; } div.bean-content-banner-carousel .bean_slider_textalign_left .middle-wrap > div.content-wrapper-js { text-align: left; } div.bean-content-banner-carousel .bean_slider_textalign_center .middle-wrap > div.content-wrapper-js { text-align: center; } @media only screen and (max-width: 959px) { div.bean-content-banner-carousel .bean_slider_textalign_center .middle-wrap > div.content-wrapper-js { text-align: left; } } div.bean-content-banner-carousel .bean_slider_textalign_right .middle-wrap > div.content-wrapper-js { text-align: right; } @media only screen and (max-width: 959px) { div.bean-content-banner-carousel .bean_slider_textalign_right .middle-wrap > div.content-wrapper-js { text-align: left; } } div.bean-content-column-carousel div.entity-field-collection-item { position: relative; } div.bean-content-column-carousel div.entity-field-collection-item { padding: 5px; } div.bean-content-column-carousel div.content-wrapper-js { padding-top: 10px; top: 0px; width: 100%; z-index: 1; } div.bean-content-column-carousel ul.field-collection-view-links, div.bean-content-column-carousel ul.action-links-field-collection-add { display: none; } div.bean-content-column-carousel ol.flex-control-nav { display: none !important; } div.bean-content-column div.entity-field-collection-item { position: relative; } div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item { float: left; margin: 10px 0px 35px; width: 100%; padding-right: 2%; } @media only screen and (max-width: 959px) { div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item { width: 100% !important; } } div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item > .field-collection-view { padding: 0px 40px; } @media only screen and (max-width: 959px) { div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item > .field-collection-view { padding: 0px; } } div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item div.field-label { display: none; } div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item div.field-name-field-beantext-title { font-weight: bold; font-size: 120%; } div.bean-content-column .field-collection-container div.field-name-field-bean-text > .field-items > .field-item div.field { float: left; width: 100%; display: block; } div.bean-content-column.bean-content-column-count-2 .field-collection-container div.field-name-field-bean-text > .field-items > .field-item { width: 50%; } div.bean-content-column.bean-content-column-count-3 .field-collection-container div.field-name-field-bean-text > .field-items > .field-item { width: 33%; } div.bean-content-image-row div.entity-field-collection-item { position: relative; } div.bean-content-image-row div.field-label { display: none; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(191, 191, 191); float: left; margin: 10px 0px; padding: 10px 0px; width: 100%; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item.last { border-bottom-style: none; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item .content > .field { float: left; } @media only screen and (max-width: 959px) { div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item .content > .field { width: 100% !important; padding-right: 0px !important; } } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item .content > div.field-type-file { width: 20%; padding-right: 1%; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item .content > div.field-type-text, div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item .content > div.field-type-text-long { width: 65%; padding-right: 1%; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item .content > div.field-type-link-field { width: 15%; text-align: center; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item div.field-name-field-beantext-title { font-weight: bold; font-size: 120%; } div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item div.field-collection-view.no-img .content > div.field-type-text, div.bean-content-image-row .field-collection-container div.field-name-field-bean-image > .field-items > .field-item div.field-collection-view.no-img .content > div.field-type-text-long { width: 85%; } .see-footnote { cursor: pointer; } body .entity-bean .footnotes { display: none; z-index: inherit; } body .entity-bean .see-footnote { font-size: 12px; margin-left: 1px; margin-right: 1px; padding-left: 2px; padding-right: 2px; text-decoration: none; } body .entity-bean span.fauxWrap { position: relative; } body .entity-bean span.fauxWrap span.inside_el { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: black; color: white; bottom: 30px; display: none; float: right; font-size: 13px; padding: 9px; position: absolute; right: -150px; width: 300px; z-index: 1; text-align: center; background-position: initial initial; background-repeat: initial initial; } .field-name-field-slide-block .entity-bean { margin: 0px; } .zip_address_wrapper { width: 100%; } @media only screen and (min-width: 768px) { .zip_address_wrapper { width: 500px; } } form.address-bean-form { margin-bottom: 15px; } form.address-bean-form .form-item { margin-bottom: 0px; } form.address-bean-form .approved { background-color: rgba(126, 194, 70, 0.8); } form.address-bean-form .approved .check { color: rgb(126, 194, 70); } form.address-bean-form .not-approved { background-color: rgba(244, 171, 77, 0.8); } form.address-bean-form .not-approved .check { color: rgb(244, 171, 77); } form.address-bean-form .inner-container { padding: 15px; } form.address-bean-form .inner-container::before, form.address-bean-form .inner-container::after { content: ''; display: table; } form.address-bean-form .inner-container::after { clear: both; } form.address-bean-form .field-name-field-address-prefix.field-type-text-long, form.address-bean-form .field-name-field-zip-suffix.field-type-text-long, form.address-bean-form .field-name-field-address-suffix.field-type-text-long .field-name-field-address-prefix.field-type-text-long { padding-top: 10px; } form.address-bean-form .field-name-field-address-prefix.field-type-text-long h2, form.address-bean-form .field-name-field-address-prefix.field-type-text-long h3, form.address-bean-form .field-name-field-address-prefix.field-type-text-long h4, form.address-bean-form .field-name-field-zip-suffix.field-type-text-long h2, form.address-bean-form .field-name-field-zip-suffix.field-type-text-long h3, form.address-bean-form .field-name-field-zip-suffix.field-type-text-long h4, form.address-bean-form .field-name-field-address-suffix.field-type-text-long .field-name-field-address-prefix.field-type-text-long h2, form.address-bean-form .field-name-field-address-suffix.field-type-text-long .field-name-field-address-prefix.field-type-text-long h3, form.address-bean-form .field-name-field-address-suffix.field-type-text-long .field-name-field-address-prefix.field-type-text-long h4 { color: inherit; margin-top: 3px; margin-bottom: 3px; } form.address-bean-form .field-name-field-address-prefix { clear: both; } form.address-bean-form .text-button { width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(209, 211, 212); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; } form.address-bean-form .text-button .check { padding-top: 14px; float: left; } form.address-bean-form .text-button::before, form.address-bean-form .text-button::after { content: ''; display: table; } form.address-bean-form .text-button::after { clear: both; } form.address-bean-form .text-button [type="text"], form.address-bean-form .text-button [type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; font-family: 'Open Sans', sans-serif; padding-right: 0px; } form.address-bean-form .text-button [type="text"]::-webkit-input-placeholder, form.address-bean-form .text-button [type="text"]:focus::-webkit-input-placeholder { color: rgb(209, 211, 212); } form.address-bean-form .text-button [type="text"] { background-color: rgb(255, 255, 255); border: 0px; color: rgb(66, 65, 66); font-size: 24px; height: 50px; } form.address-bean-form .text-button__text { float: left; margin-right: 0px; } form.address-bean-form .zip .text-button__text { width: 60%; } form.address-bean-form .text-button__button { width: 29%; float: right; } form.address-bean-form .text-button__button [type="button"], form.address-bean-form .text-button__button [type="submit"] { background-color: rgb(84, 150, 204); border: 0px solid transparent; color: rgb(255, 255, 255); font-size: 14px; font-family: 'Open Sans', sans-serif; height: 50px; width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } form.address-bean-form .text-button__button [type="button"].disabled, form.address-bean-form .text-button__button [type="submit"].disabled { background-image: none; background-color: rgb(209, 211, 212); } @media only screen and (min-width: 768px) { .bean_slider_float_right .entity-bean { float: right; } } .bean_slider_float_right .address-bean-form .field-name-field-zip-suffix, .bean_slider_float_right .address-bean-form .field-name-field-address-suffix { clear: both; } .bean_slider_float_right .address-bean-form .text-button { float: right; } .bean-split-column-wysiwyg { color: rgb(94, 99, 103); padding: 10px 40px; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } .bean-split-column-wysiwyg::before, .bean-split-column-wysiwyg::after { content: ''; display: table; } .bean-split-column-wysiwyg::after { clear: both; } @media only screen and (min-width: 1064px) { .bean-split-column-wysiwyg { padding: 30px 145px; } } .bean-split-column-wysiwyg h1, .bean-split-column-wysiwyg h2, .bean-split-column-wysiwyg h3, .bean-split-column-wysiwyg h4, .bean-split-column-wysiwyg h5 { color: inherit !important; } .bean-split-column-wysiwyg__column { width: 100%; float: left; } @media only screen and (min-width: 769px) { .bean-split-column-wysiwyg__column { width: 47%; } } .bean-split-column-wysiwyg__column.right-column { float: right; } .bean-split-column-wysiwyg.has-one-column .bean-split-column-wysiwyg__column { width: 100%; } .bean-fact-banner { padding: 20px 0px; font-family: 'Open Sans', sans-serif; color: rgb(58, 97, 123); } .bean-fact-banner::before, .bean-fact-banner::after { content: ''; display: table; } .bean-fact-banner::after { clear: both; } .bean-fact-banner__title { font-weight: 700; letter-spacing: 0.025em; margin-bottom: 10px; } .bean-fact-banner__title, .bean-fact-banner__subhead { max-width: 440px; margin-left: auto; margin-right: auto; font-size: 1rem; line-height: 1.2; text-align: center; } .bean-fact-banner__subhead { line-height: 1.3; margin-bottom: 35px; } .bean-fact-banner__facts { display: block; line-height: 1.3; max-width: 360px; margin: 10px auto 0px; padding: 0px 30px; text-align: center; } @media only screen and (min-width: 1025px) { .bean-fact-banner__facts { max-width: 100%; padding: 0px; } } .bean-fact-banner__facts .field-item { padding: 10px 5%; } .bean-fact-banner__facts--one-col .field-item { max-width: 360px; margin-left: auto; margin-right: auto; padding: 10px 0px; } .bean-fact-banner__facts--two-cols .field-items, .bean-fact-banner__facts--three-cols .field-items { width: 100%; } @media only screen and (min-width: 1025px) { .bean-fact-banner__facts--two-cols .field-items, .bean-fact-banner__facts--three-cols .field-items { display: table; table-layout: fixed; } } .bean-fact-banner__facts--two-cols .field-item, .bean-fact-banner__facts--three-cols .field-item { display: block; } @media only screen and (min-width: 1025px) { .bean-fact-banner__facts--two-cols .field-item, .bean-fact-banner__facts--three-cols .field-item { display: table-cell; vertical-align: middle; } } .bean-fact-banner__facts--two-cols .field-item:first-child { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(225, 225, 225); } @media only screen and (min-width: 1025px) { .bean-fact-banner__facts--two-cols .field-item { width: 50%; } .bean-fact-banner__facts--two-cols .field-item:first-child { border-width: 0px 2px 0px 0px; border-right-style: solid; border-right-color: rgb(225, 225, 225); } } .bean-fact-banner__facts--three-cols .field-item:first-child { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(225, 225, 225); } .bean-fact-banner__facts--three-cols .field-item:last-child { border-top-width: 2px; border-top-style: solid; border-top-color: rgb(225, 225, 225); } @media only screen and (min-width: 1025px) { .bean-fact-banner__facts--three-cols .field-item { text-align: left; width: 33%; } .bean-fact-banner__facts--three-cols .field-item:first-child, .bean-fact-banner__facts--three-cols .field-item:last-child { border: 0px; } .bean-fact-banner__facts--three-cols .field-item:first-child { border-right-width: 2px; border-right-style: solid; border-right-color: rgb(225, 225, 225); } .bean-fact-banner__facts--three-cols .field-item:last-child { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(225, 225, 225); } } .bean-fact-banner.-has-bg-img { padding: 60px 0px 40px; -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } @media only screen and (min-width: 1025px) { .bean-fact-banner.-has-bg-img { padding: 100px 0px; } } .bean-fact-banner.-light-text { color: rgb(255, 255, 255); } .bean-fact-banner.-light-text .bean-fact-banner__facts--two-cols .field-item:first-child, .bean-fact-banner.-light-text .bean-fact-banner__facts--two-cols .field-item:last-child, .bean-fact-banner.-light-text .bean-fact-banner__facts--three-cols .field-item:first-child, .bean-fact-banner.-light-text .bean-fact-banner__facts--three-cols .field-item:last-child { border-color: rgb(255, 255, 255); } .bean-partner-case-studies { margin-top: 30px; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; color: rgb(94, 99, 103); } .bean-partner-case-studies::before, .bean-partner-case-studies::after { content: ''; display: table; } .bean-partner-case-studies::after { clear: both; } .bean-partner-case-studies__title { margin-bottom: 30px; font-size: 0.875rem; color: rgb(58, 97, 123); font-weight: 700; text-align: center; } .bean-partner-case-studies__title span { position: relative; padding-bottom: 10px; } .bean-partner-case-studies__title span::after { content: ''; position: absolute; left: 15%; bottom: 0px; width: 70%; height: 2px; background-color: rgb(246, 147, 34); background-position: initial initial; background-repeat: initial initial; } .bean-partner-case-studies__body { max-width: 800px; margin-left: auto; margin-right: auto; font-size: 1.875rem; line-height: 1.2; text-align: center; } .bean-partner-case-studies .field-name-field-case-studies { width: 100%; margin-top: 30px; text-align: center; } @media only screen and (min-width: 768px) { .bean-partner-case-studies .field-name-field-case-studies { text-align: left; } } .bean-partner-case-studies .field-name-field-case-studies > .field-items > .field-item, .bean-partner-case-studies .view-all-case-studies .views-row { display: block; } @media only screen and (min-width: 768px) { .bean-partner-case-studies .field-name-field-case-studies > .field-items > .field-item, .bean-partner-case-studies .view-all-case-studies .views-row { display: inline-block; vertical-align: top; width: 48%; } } @media only screen and (min-width: 1025px) { .bean-partner-case-studies .field-name-field-case-studies > .field-items > .field-item, .bean-partner-case-studies .view-all-case-studies .views-row { width: 33%; } } .bean-partner-case-studies__teaser-wrapper { position: fixed; z-index: 900; background-color: rgb(246, 246, 246); max-width: 1280px; overflow: hidden; width: 100%; will-change: transform; -webkit-font-smoothing: antialiased; background-position: initial initial; background-repeat: initial initial; } .bean-partner-case-studies__close-button { position: absolute; top: 10px; right: 20px; z-index: 1; overflow: hidden; background-image: url(d01a3b2699bf8a611029e1975dd2935ff56b73ad.png) ; height: 26px; width: 26px; text-indent: -99999em; background-position: 0px 0px; background-repeat: initial initial; } @media only screen and (min-width: 768px) { .bean-partner-case-studies__close-button { top: 20px; right: 70px; } } .bean-partner-case-studies__teaser-wrapper .view-partner-case-studies { padding: 50px 20px 40px; } @media only screen and (min-width: 768px) { .bean-partner-case-studies__teaser-wrapper .view-partner-case-studies { padding: 20px 120px 40px; } } .bean-partner-case-studies .views-widget-filter-field_target_audience_target_id { width: 100%; text-align: center; } .bean-partner-case-studies .views-widget-filter-field_target_audience_target_id label, .bean-partner-case-studies .views-widget-filter-field_target_audience_target_id .views-widget { display: inline-block; font-size: 1.5rem; font-family: 'Open Sans', sans-serif; } .bean-partner-case-studies .views-widget-filter-field_target_audience_target_id label { font-weight: 400; } .bean-partner-case-studies .views-widget-filter-field_target_audience_target_id .views-widget { text-align: left; } .view-all-case-studies .view-content { padding: 0px 40px; } .view-all-case-studies .view-mode-snippet { text-align: left; } .bean-partner-case-studies .pager-show-more hr { border-color: rgb(217, 215, 221); margin-top: 0px; margin-bottom: 0px; width: 69px; } .bean-partner-case-studies .pager-show-more-next a { display: block; overflow: hidden; margin: 0px auto; text-indent: -99999em; width: 29px; height: 16px; background-image: url(d01a3b2699bf8a611029e1975dd2935ff56b73ad.png) ; transform: rotate(180deg); background-position: 0px -105px; background-repeat: initial initial; } .bean-partner-case-studies .pager-show-more-next:only-child a { width: 150px; height: 59px; background-image: url(d01a3b2699bf8a611029e1975dd2935ff56b73ad.png) ; transform: none; background-position: 0px -46px; background-repeat: initial initial; } .bean-partner-case-studies .pager-show-fewer a { display: block; overflow: hidden; margin: 0px auto; text-indent: -99999em; width: 29px; height: 16px; background-image: url(d01a3b2699bf8a611029e1975dd2935ff56b73ad.png) ; background-position: 0px -105px; background-repeat: initial initial; } .bean-tertiary-menu { position: relative; z-index: 5; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 1.5rem; font-weight: 300; margin: 0px 0px 20px; } .bean-tertiary-menu::before, .bean-tertiary-menu::after { content: ''; display: table; } .bean-tertiary-menu::after { clear: both; } @media only screen and (min-width: 768px) { .bean-tertiary-menu { margin: 10px 0px 20px; } } .bean-tertiary-menu .dropdown-tabs__current-link.-is-active::after, .bean-tertiary-menu .dropdown-tabs__current-link::after { position: absolute; z-index: 1; float: none; } div.bean-tertiary-menu { margin-left: 10px; } @media only screen and (min-width: 768px) { div.bean-tertiary-menu { margin-left: 25px; } } .bean-tertiary-menu .dropdown-tabs__current-link, .bean-tertiary-menu .dropdown-tabs__dropdown-item { font-size: 22px; padding: 5px 15px 45px; } @media only screen and (min-width: 768px) { .bean-tertiary-menu .dropdown-tabs__current-link, .bean-tertiary-menu .dropdown-tabs__dropdown-item { padding: 12px 55px 12px 15px; font-size: inherit; } } .bean-tertiary-menu__title { color: rgb(94, 99, 103); padding-top: 12px; padding-bottom: 0px; padding-left: 25px; font-size: 18px; float: none; } @media only screen and (min-width: 768px) { .bean-tertiary-menu__title { padding-left: inherit; padding-bottom: inherit; font-size: inherit; float: left; margin-right: -5px; } } .bean-tertiary-menu .dropdown-tabs__current-link { position: relative; padding-bottom: 5px; } .bean-tertiary-menu .dropdown-tabs { float: left; } .bean-tertiary-menu .dropdown-tabs__dropdown-list { padding-bottom: 5px; } .bean-tertiary-menu .dropdown-tabs__current-link, .bean-tertiary-menu .dropdown-tabs__dropdown-item a { font-weight: 400; color: rgb(246, 147, 34); border-bottom-width: 0px; white-space: nowrap; } .bean-tertiary-menu .dropdown-tabs__dropdown-item a:hover { color: rgb(2, 120, 190); } .bean-tertiary-menu .dropdown-tabs__current-link.-is-active, .bean-tertiary-menu .dropdown-tabs__dropdown-list.-is-active { border-color: rgb(246, 147, 34); } .bean-tertiary-menu .dropdown-tabs__current-link { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } .extended-hero .field-collection-item-field-extended-hero-slide { position: relative; background-size: cover; height: 425px; overflow: hidden; background-position: 50% 50%; } @media only screen and (min-width: 768px) { .extended-hero .field-collection-item-field-extended-hero-slide { height: 635px; } } .extended-hero .flexslider .flex-control-nav { display: none; } .extended-hero .field-collection-item-field-extended-hero-slide .hero-content { background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6)); height: 100%; position: relative; } .extended-hero .maintext { position: absolute; z-index: 1; width: 100%; top: 31%; padding-right: 20px; padding-left: 20px; } .extended-hero .maintext::before { content: ''; background-image: radial-gradient(closest-side, rgba(33, 40, 58, 0.8), rgba(0, 0, 0, 0)); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; position: absolute; z-index: -1; top: 0px; right: -100%; bottom: 0px; left: -100%; } @media only screen and (min-width: 769px) { .extended-hero .maintext::before { top: -60%; right: 10%; bottom: -60%; left: 10%; } } .extended-hero .subtext { position: absolute; bottom: 0px; right: 0px; display: inline-block; width: 100%; text-align: right; font-family: 'Open Sans', sans-serif; padding: 15px 12px; } @media only screen and (min-width: 768px) { .extended-hero .subtext { padding: 40px 60px 40px 40px; } } .extended-hero .field-name-field-partner-text { font-weight: 100; font-size: 24px; } @media only screen and (min-width: 768px) { .extended-hero .field-name-field-partner-text { font-size: 30px; } } .extended-hero .field-name-field-partner-description { font-size: 14px; font-weight: bold; } @media only screen and (min-width: 768px) { .extended-hero .field-name-field-partner-description { font-size: 16px; } } .extended-hero h1 { font-size: 48px; line-height: 50px; text-align: center; margin: 0px; font-weight: 100; letter-spacing: -0.02em; } .extended-hero .light h1 { color: white; } div.entity-bean.extended-hero div.field-name-field-subhead { font-size: 14px; text-align: center; color: rgb(246, 147, 34); font-weight: bold; margin-bottom: 10px; } @media only screen and (min-width: 768px) { div.entity-bean.extended-hero div.field-name-field-subhead { font-size: 18px; } } .extended-hero .light { color: white; } .extended-hero .dark { color: black; } .extended-hero .summary { font-size: 16px; font-weight: 300; letter-spacing: 0.02em; line-height: 1.375; margin-left: auto; margin-right: auto; margin-top: 0.8em; text-align: center; width: 90%; } @media only screen and (min-width: 768px) { .extended-hero .summary { max-width: 520px; } } .extended-hero.large .field-collection-item-field-extended-hero-slide { height: 420px; } @media only screen and (min-width: 768px) { .extended-hero.large .field-collection-item-field-extended-hero-slide { height: 630px; } } .extended-hero.medium .field-collection-item-field-extended-hero-slide { height: 420px; } @media only screen and (min-width: 768px) { .extended-hero.medium .field-collection-item-field-extended-hero-slide { height: 450px; } } .extended-hero.small .field-collection-item-field-extended-hero-slide { height: 130px; } @media only screen and (min-width: 768px) { .extended-hero.small .field-collection-item-field-extended-hero-slide { height: 200px; } } .bean-carousel-base { font-family: 'Open Sans', sans-serif; } .bean-carousel-base .slides .dark { background-color: rgb(54, 87, 110); color: white; } .bean-carousel-base .flexslider { overflow: hidden; } .bean-carousel-base .flexslider, .bean-carousel-base .flexslider .slides > li > div { min-height: 470px; } .bean-carousel-base .slides > li { position: relative; } .bean-carousel-base .slides > li > div { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } .bean-carousel-bean-alternate-2 .slides > li > div { padding: 65px 40px 25px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate-2 .slides > li > div { padding: 65px 100px; } } .bean-carousel-base .slide-primary { text-align: left; } .bean-carousel-base .slide-navigation h1, .bean-carousel-base .slide-primary h1 { display: inline-block; margin-top: 8px; margin-bottom: 12px; color: white; font-size: 20px; line-height: 125%; } @media only screen and (min-width: 768px) { .bean-carousel-base .slide-navigation h1, .bean-carousel-base .slide-primary h1 { font-size: 30px; display: block; max-width: none; } } .bean-carousel-base .slide-navigation .slide-group p, .bean-carousel-base .slide-navigation a { color: rgb(94, 99, 103); text-decoration: none; } @media only screen and (min-width: 1025px) { .bean-carousel-base .slides > li > .slide-navigation { display: table; border-collapse: separate; border-spacing: 40px 0px; width: 100%; padding: 20px 10px 40px; } } .bean-carousel-bean-alternate-2 .slide-navigation .arrowdown-circle { position: absolute; bottom: 20px; } @media only screen and (min-width: 1025px) { .bean-carousel-base .slide-navigation .slide-content { display: table-row; } } @media only screen and (min-width: 1025px) { .bean-carousel-base .slide-navigation .slide-content > .slide-group, .bean-carousel-base .slide-navigation .slide-content > a { display: table-cell; width: 25%; padding: 30px 25px 85px; background-color: rgba(255, 255, 255, 0.952941); border: 1px solid rgba(255, 255, 255, 0); position: relative; } } @media only screen and (min-width: 1025px) { .bean-carousel-base .slide-navigation .slide-content a:hover { background-color: white; border: 1px solid rgb(255, 115, 23); } } .bean-carousel-base .close { display: block; position: absolute; top: 10px; right: 10px; z-index: 5; background-image: url(723160863fdd906f525285538d645da397879ec0.png) ; height: 38px; width: 38px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } .bean-carousel-base .slide-secondary h1 { font-size: 24px; color: white; padding-bottom: 8px; font-weight: 600; margin-bottom: 12px; line-height: 125%; } @media only screen and (min-width: 768px) { .bean-carousel-base .slide-secondary h1 { width: 85%; } } .bean-carousel-base .slide-navigation .slide-group .pretext { display: block; font-size: 22px; text-align: center; border-bottom-width: 0px; margin-top: 20px; } @media only screen and (min-width: 1025px) { .bean-carousel-base .slide-navigation .slide-group .pretext { font-size: 18px; font-weight: 100; color: rgb(255, 115, 23); border-bottom-width: 0px; margin-top: auto; text-align: left; } } .bean-carousel-base .slide-navigation .slide-group .supplemental-text { display: none; } @media only screen and (min-width: 1025px) { .bean-carousel-base .slide-navigation .slide-group .supplemental-text { display: block; } } .bean-carousel-bean-alternate .slide-secondary h1, .entity-bean.bean-carousel-base .field-name-field-subhead, .bean-carousel-base .pretext { color: white; font-size: 11px; font-weight: 600; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(255, 115, 23); display: inline-block; margin-bottom: 6px; padding-bottom: 8px; padding-right: 10px; } @media only screen and (min-width: 1025px) { .bean-carousel-bean-alternate .slide-secondary h1, .entity-bean.bean-carousel-base .field-name-field-subhead, .bean-carousel-base .pretext { color: white; font-size: 14px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(255, 115, 23); text-transform: none; width: auto; } } .bean-carousel-bean-alternate .slide-secondary h1 { padding-bottom: 5px; } .bean-carousel-bean-alternate .pretext, .entity-bean.bean-carousel-bean-alternate .field-name-field-subhead { margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; color: rgb(246, 147, 34); font-weight: 600; line-height: 1.333; } @media only screen and (min-width: 1025px) { .bean-carousel-bean-alternate .pretext, .entity-bean.bean-carousel-bean-alternate .field-name-field-subhead { border-bottom-width: 0px; color: rgb(246, 147, 34); font-weight: bold; } } .bean-carousel-bean-alternate .slide-secondary .pretext { display: none !important; } .bean-carousel-bean-alternate .slide-secondary h1 { margin-bottom: 30px; font-size: 18px; } div.entity-bean.bean-carousel-base a:hover div.field-name-field-subhead { color: rgb(255, 115, 23); } .bean-carousel-base .content p { font-weight: 100; font-size: 13px; line-height: 125%; color: white; } @media only screen and (min-width: 768px) { .bean-carousel-base .content p { font-size: 16px; max-width: none; } } .bean-carousel-bean-alternate .content p { line-height: 150%; font-size: 18px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .content p { line-height: 150%; font-size: 18px; } } .bean-carousel-base .arrowdown-circle { display: block; background-image: url(bd597c3bfac3b6715d28821ec03a9014aca0775f.png) ; height: 50px; width: 50px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } .bean-carousel-bean-alternate .arrowdown-circle { height: auto; background-image: none; color: rgb(255, 255, 255); font-size: 2.25rem; font-weight: normal; background-position: initial initial; background-repeat: initial initial; } .bean-carousel-base .supplemental-pager { position: absolute; z-index: 5; bottom: 14px; right: 13px; } @media only screen and (min-width: 768px) { .bean-carousel-base .supplemental-pager { bottom: 24px; right: 20px; } } .bean-carousel-bean-alternate .supplemental-pager .prev, .bean-carousel-bean-alternate .supplemental-pager .next { font-size: 0px; color: transparent; } .bean-carousel-bean-alternate .supplemental-pager .prev::before, .bean-carousel-bean-alternate .supplemental-pager .next::before { font-size: 1rem; color: rgba(255, 255, 255, 0.8); } .bean-carousel-bean-alternate .supplemental-pager .next { margin-right: 40px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .supplemental-pager .next { float: none; margin-right: auto; } } .bean-carousel-bean-alternate .supplemental-pager .prev { margin-left: 40px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .supplemental-pager .prev { float: none; margin-left: auto; } } .bean-carousel-bean-alternate .supplemental-pager { position: relative; bottom: 0px; right: 0px; width: 100%; text-align: center; margin-top: 30px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .supplemental-pager { bottom: 24px; right: 20px; position: absolute; z-index: 5; width: auto; } } .bean-carousel-base .supplemental-pager a { display: inline-block; color: white; text-decoration: none; font-weight: 100; font-family: Roboto, 'Open Sans', sans-serif; opacity: 0.6; text-align: center; font-size: 32px; width: 32px; height: 34px; } @media only screen and (min-width: 768px) { .bean-carousel-base .supplemental-pager a { font-size: 26px; width: 24px; height: 30px; } } .bean-carousel-base .supplemental-pager a:hover { opacity: 1; } .bean-carousel-base .supplemental-pager .sep { display: none; } @media only screen and (min-width: 768px) { .bean-carousel-base .supplemental-pager .sep { display: inline; width: 1px; font-size: 26px; border-right-width: 1px; border-right-style: solid; border-right-color: white; margin-left: 0px; margin-right: 3px; opacity: 0.6; overflow: hidden; } } .bean-carousel-base .slide-navigation .arrowDown-circle { display: none; } @media only screen and (min-width: 1025px) { .bean-carousel-base .slide-navigation .arrowDown-circle { display: block; } } .bean-carousel-bean-alternate-2 .arrowDown-circle { position: absolute; bottom: 20px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate-2 .slide-secondary { display: table; } .bean-carousel-bean-alternate-2 .slide-secondary .slide-content { display: table-row; } .bean-carousel-bean-alternate-2 .main-text + .supplemental-text, .bean-carousel-bean-alternate-2 .slide-secondary .main-text { display: table-cell; } .bean-carousel-bean-alternate-2 .slide-secondary .main-text { padding-right: 20px; } } .bean-carousel-bean-alternate-2 .slide-secondary .main-text + .supplemental-text { background-color: rgba(156, 189, 207, 0.901961); margin-top: 20px; margin-bottom: 20px; padding: 10px 20px; color: rgb(58, 97, 123); font-size: 13px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate-2 .slide-secondary .main-text + .supplemental-text { width: 245px; margin-top: 0px; margin-bottom: 65px; padding: 38px 24px; font-size: 14px; } } .bean-carousel-bean-alternate-2 .slide-primary .slide-content { text-align: center; padding-top: 10%; width: 55%; margin: 0px auto; } .bean-carousel-bean-alternate-2 .slide-primary .arrowDown-circle { margin-bottom: 60px; } .bean-carousel-bean-alternate-2 .supplemental-text h2 { margin-top: 0px; color: white; font-size: 16px; font-weight: bold; } .bean-carousel-bean-alternate-2 .supplemental-text ul { padding-left: 20px; } .bean-carousel-bean-alternate-2 .supplemental-text li { list-style-type: disc; } .bean-carousel-bean-alternate .content img { width: auto; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .content img { max-width: 29%; float: left; margin-right: 2%; } } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .slide-secondary .maintext { width: 100%; float: left; } } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .field-name-field-description { font-size: 1.125rem; line-height: 1.333; } } .bean-carousel-bean-alternate li > div { background-color: silver; } .bean-carousel-bean-alternate .slide-primary .content, .bean-carousel-bean-alternate .slide-secondary .content { min-height: 470px; } .bean-carousel-bean-alternate .slide-primary .content::before, .bean-carousel-bean-alternate .slide-primary .content::after, .bean-carousel-bean-alternate .slide-secondary .content::before, .bean-carousel-bean-alternate .slide-secondary .content::after { content: ''; display: table; } .bean-carousel-bean-alternate .slide-primary .content::after, .bean-carousel-bean-alternate .slide-secondary .content::after { clear: both; } .bean-carousel-bean-alternate .slide-primary { background-color: rgb(85, 118, 140); } .bean-carousel-bean-alternate .slide-primary .content { padding: 30px 30px 70px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .slide-primary .content { padding: 120px 80px; } } .bean-carousel-bean-alternate .slide-primary h1 { display: block; } .bean-carousel-bean-alternate .slide-secondary .content { height: 100%; background-color: rgba(58, 97, 123, 0.85098); padding: 45px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .slide-secondary .content { float: right; width: 410px; padding: 80px 100px 30px 30px; } } .bean-carousel-bean-alternate .flex-control-navs { position: relative; top: 50px; margin-left: auto; margin-right: auto; left: 0px; right: 0px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .flex-control-navs { position: absolute; bottom: 30px; top: auto; padding-left: 80px; padding-right: 80px; } } .bean-carousel-bean-alternate .flex-control-nav { position: relative; display: none; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .flex-control-nav { display: block; padding-top: 20px; border-top-width: 3px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.498039); } } .bean-carousel-bean-alternate .flex-control-nav li { font-size: 0.875rem; display: block; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 15px; margin-top: 15px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .flex-control-nav li { display: inline-block; margin: 0px 25px; } } .bean-carousel-bean-alternate .flex-control-nav a { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: white; padding: 10px 20px; transform: translateZ(0px); text-decoration: none; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .flex-control-nav a { display: block; } } .bean-carousel-bean-alternate .flex-control-nav li a:hover { background-color: rgb(255, 115, 23); } .bean-carousel-bean-alternate .mobile-menu-control { display: block; margin: auto; font-size: 12px; font-weight: 600; text-align: center; width: 100px; height: 100px; left: 0px; right: 0px; } @media only screen and (min-width: 768px) { .bean-carousel-bean-alternate .mobile-menu-control { display: none; } } .bean-carousel-bean-alternate .mobile-menu-control a { display: block; color: white; text-decoration: none; } .bean-carousel-bean-alternate .mobile-menu-control a:hover { opacity: 0.8; } .bean-carousel-base .hide { display: none; } .bean-carousel-base .show { display: block; } @media only screen and (max-width: 959px) { .bean-carousel-bean-alternate .flex-control-nav { bottom: 20px; } } .bean-carousel-vertical-base .flexslider { overflow: hidden; } .bean-carousel-vertical-base .flexslider, .bean-carousel-vertical-base .flexslider .slides, .bean-carousel-vertical-base .flexslider .slides .slide { font-family: 'Open Sans', sans-serif; } .bean-carousel-vertical-base .slide_nav_secondary { display: block; text-align: center; margin-top: 40px; margin-bottom: 20px; padding-left: 0px; } .bean-carousel-vertical-base .slide_0 .logo { margin-top: 40px; width: auto !important; } .bean-carousel-vertical-base .flexslider .slide_parent .slide_nav_secondary { margin-bottom: 10px; } .bean-carousel-vertical-base .flexslider .slide_tab .slide_nav_secondary { margin-bottom: 0px; } .bean-carousel-vertical-base .slide_nav_secondary li { display: inline-block; } .bean-carousel-vertical-base .slide_nav_secondary li a { display: inline-block; margin-left: 4px; margin-right: 4px; padding: 3px 6px; text-decoration: none; color: rgb(94, 99, 103); font-size: 12px; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .slide_nav_secondary li a { font-size: 14px; margin-left: 0px; margin-right: 0px; padding: 4px 6px; } } .bean-carousel-vertical-base .slide_nav_secondary li::after { content: ' | '; } .bean-carousel-vertical-base .slide_nav_secondary li:last-child::after { content: ''; } .bean-carousel-vertical-base .slide_nav_secondary li.active a:hover, .bean-carousel-vertical-base .slide_nav_secondary li.active a { background-color: transparent; color: rgb(246, 147, 34); font-weight: bold; cursor: default; } .bean-carousel-vertical-base .slide_nav_secondary li.active a:hover, .bean-carousel-vertical-base .slide_nav_secondary li a:hover { text-decoration: none; color: rgb(246, 147, 34); } .bean-carousel-vertical-base .flexslider .flex-control-paging { border-collapse: separate; border-spacing: 0px 5px; display: table; margin-right: 0px; margin-top: 80px; right: 0px; text-indent: 0px; top: 0px; vertical-align: text-top; width: 29px; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .flexslider .flex-control-paging { margin-right: 20px; } } .bean-carousel-vertical-base .flexslider .flex-control-paging li { margin: 0px 6px; display: table-row; zoom: 1; } .bean-carousel-vertical-base .flexslider .flex-control-paging li a { text-decoration: none; height: 14px; width: 14px; margin: 15px 5px; border: 2px solid rgb(246, 147, 34); background-color: rgb(246, 147, 34); background-position: initial initial; background-repeat: initial initial; } .bean-carousel-vertical-base .flexslider .flex-control-paging li a:hover { border-color: rgb(246, 147, 34); background-color: transparent; } .bean-carousel-vertical-base .flexslider .flex-control-paging li a.flex-active { border-color: rgb(246, 147, 34); background-color: transparent; } .bean-carousel-vertical-base .slide .slide-content { padding: 40px 25px 50px; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .slide .slide-content { padding: 40px 110px 50px; margin-bottom: 25px; } } .bean-carousel-vertical-base .slide, .bean-carousel-vertical-base .slide h1, .bean-carousel-vertical-base .slide h2, .bean-carousel-vertical-base .slide p, .bean-carousel-vertical-base .slide li { color: rgb(94, 99, 103); } .bean-carousel-vertical-base .slide .slide-img { display: block; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .slide .slide-img { width: 55%; float: right; margin-left: 20px; } } .bean-carousel-vertical-base .slides img { display: block; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .slides img { width: auto; } } .bean-carousel-vertical-base .slide .tab-label { display: none; } .bean-carousel-vertical-base .slide .maintext h2 { font-size: 30px; font-weight: 400; line-height: 1.15; } .bean-carousel-vertical-base .slide .maintext ul { padding-left: 10px; } .bean-carousel-vertical-base .slide .maintext li { padding: 5px; list-style-type: none; position: relative; } .bean-carousel-vertical-base .slide .maintext li::before { content: •; line-height: 21px; position: absolute; left: -8px; } .bean-carousel-vertical-base .slide .maintext p { font-size: 18px; font-weight: 300; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .slide_10 .maintext { float: none; width: 100%; } } .bean-carousel-vertical-base .slide_10 { text-align: center; } .bean-carousel-vertical-base .slide_10 h2 { font-size: 18px; font-weight: bold; } #content .bean-carousel-vertical-base table th, #content .bean-carousel-vertical-base table td { padding: 12px; background-color: transparent; border: none; font-size: 18px; font-weight: 100; vertical-align: top; } .bean-carousel-vertical-base .side_by_side h2, #content .bean-carousel-vertical-base table th, #content .bean-carousel-vertical-base .side_by_side table th, #content .bean-carousel-vertical-base .slide_10 table td { text-align: center; } .bean-carousel-vertical-base .side_by_side h2 { font-size: 18px; } @media only screen and (min-width: 768px) { .bean-carousel-vertical-base .side_by_side h2 { font-size: inherit; } } #content .bean-carousel-vertical-base table th { font-size: 10px; text-transform: uppercase; font-weight: bold; } #content .bean-carousel-vertical-base .slide_10 table th:nth-child(2), #content .bean-carousel-vertical-base .slide_10 table td:nth-child(2) { border-left-width: 3px; border-left-style: solid; border-left-color: rgb(235, 235, 235); border-right-width: 3px; border-right-style: solid; border-right-color: rgb(235, 235, 235); font-weight: bold; } #content .bean-carousel-vertical-base .slide_10 table { margin-top: 40px; } #content .bean-carousel-vertical-base table th { padding-top: 10px; } #content .bean-carousel-vertical-base .slide_10 table tr:last-child td { padding-bottom: 40px; } #content .bean-carousel-vertical-base table tr:nth-child(odd) { background-color: transparent; } #content .bean-carousel-vertical-base .slide_10 img { display: inline; margin-top: 20px; max-width: 300px; } .bean-carousel-vertical-base .side_by_side { text-align: left; } #content .bean-carousel-vertical-base .side_by_side table td { width: 50%; font-size: 12px; } @media only screen and (min-width: 1025px) { #content .bean-carousel-vertical-base .side_by_side table td { font-size: 14px; } } #content .bean-carousel-vertical-base .side_by_side table th:last-child, #content .bean-carousel-vertical-base .side_by_side table td:last-child { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(235, 235, 235); } @media only screen and (min-width: 1025px) { .bean-carousel-vertical-base .side_by_side td .text_sub { max-width: 38%; float: right; } } .bean-carousel-vertical-base .side_by_side { padding-bottom: 20px; } .bean-carousel-vertical-base .side_by_side td .feature_sub { margin-top: 0px; margin-bottom: 20px; } @media only screen and (min-width: 1025px) { .bean-carousel-vertical-base .side_by_side td .feature_sub { max-width: 50%; } } @media only screen and (min-width: 1025px) { .bean-carousel-vertical-base .side_by_side td:nth-child(1) .feature_sub { float: right; margin-right: 10px; margin-left: 40px; } } @media only screen and (min-width: 1025px) { .bean-carousel-vertical-base .side_by_side td:nth-child(2) .feature_sub { float: left; margin-right: 40px; margin-left: 10px; } } @media only screen and (min-width: 1025px) { .bean-carousel-vertical-base .slide_2 .text_sub { padding-top: 70px; } } @media only screen and (min-width: 1025px) { #content .bean-carousel-vertical-base .slide_2 .text_sub p:nth-child(n+2) { margin-top: 195px; } } @media only screen and (min-width: 1025px) { #content .bean-carousel-vertical-base .side_by_side table th { text-align: right; padding-right: 78px; } } @media only screen and (min-width: 1025px) { #content .bean-carousel-vertical-base .side_by_side table th:last-child { text-align: left; padding-left: 86px; } } @media only screen and (min-width: 1025px) { #content .bean-carousel-vertical-base .side_by_side table tr:nth-child(2) td:first-child { text-align: right; } } .bean-carousel-vertical-base .slide .slide-content li, .bean-carousel-vertical-base .slide .slide-content p { font-size: 16px; line-height: 1.333; } .bean-carousel-vertical-base .slide_1 .slide-content p { font-size: 18px; } .bean-carousel-vertical-base .slide_10 .slide-content h2 { font-size: 18px; } .tooltipster-sidetip .tooltipster-content { background-color: black; color: white; line-height: 18px; padding: 15px; font-family: 'Open Sans', sans-serif; } .tooltipster-content .footnote-label { display: none; } .tooltipster-content li { list-style-type: none; } .tooltipster-base { pointer-events: auto; } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: rgba(10, 10, 10, 0.901961); } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border { border-left-color: rgba(10, 10, 10, 0.901961); } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border { border-right-color: rgba(10, 10, 10, 0.901961); } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border { border-top-color: rgba(10, 10, 10, 0.901961); } .node-document.node-teaser .node-document__header-links { margin-bottom: 10px; font-size: 0.75rem; font-weight: 700; text-align: right; } .node-document.node-teaser .node-document__header-links a { color: rgb(2, 120, 190); font-weight: 600; text-decoration: none; } .node-document.node-teaser .node-document__content { font-size: 0.875rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.207843) 0px 7px 15px; font-weight: 400; line-height: 1.2; padding: 20px; width: 100%; background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 1025px) { .node-document.node-teaser .node-document__content { display: table; table-layout: fixed; } } @media only screen and (min-width: 768px) { .node-document.node-teaser.no-image .node-document__content { width: calc((100% + 240px) / 2); margin: 0px auto; } } .node-document.node-teaser .node-title, .node-document.node-teaser .field-name-field-company-name, .node-document.node-teaser .field-name-field-subhead { font-size: 1.5rem; margin-bottom: 10px; } .node-document.node-teaser .node-title { margin-bottom: 20px; } .node-document.node-teaser .node-document__read-more { display: block; margin-top: 10px; } .node-document.node-teaser .node-document__text-wrapper, .node-document.node-teaser .node-document__image-wrapper { display: block; } @media only screen and (min-width: 1025px) { .node-document.node-teaser .node-document__text-wrapper, .node-document.node-teaser .node-document__image-wrapper { display: table-cell; vertical-align: top; } } @media only screen and (min-width: 1025px) { .node-document.node-teaser .node-document__image-wrapper { width: 40%; padding-left: 20px; } } .node-document.node-teaser .case-study-details { margin-bottom: 50px; } @media only screen and (min-width: 480px) { .node-document.node-teaser .case-study-details { margin-bottom: 30px; } } @media only screen and (min-width: 1025px) { .node-document.node-teaser .case-study-details { margin-bottom: 0px; } } .node-document.node-teaser .case-study-details > .field, .node-document.node-teaser .case-study-details > .field-collection-container { padding: 10px 15px; } .node-document.node-teaser .case-study-details > .field::before, .node-document.node-teaser .case-study-details > .field::after, .node-document.node-teaser .case-study-details > .field-collection-container::before, .node-document.node-teaser .case-study-details > .field-collection-container::after { content: ''; display: table; } .node-document.node-teaser .case-study-details > .field::after, .node-document.node-teaser .case-study-details > .field-collection-container::after { clear: both; } .node-document.node-teaser .case-study-details > .field:nth-child(odd), .node-document.node-teaser .case-study-details > .field-collection-container:nth-child(odd) { background-color: rgb(246, 246, 246); background-position: initial initial; background-repeat: initial initial; } .node-document.node-teaser .case-study-details .field-items, .node-document.node-teaser .case-study-details .field-label { float: none; } .node-document.node-teaser .case-study-details .field-label, .node-document.node-teaser .case-study-details .field-item { display: block; } @media only screen and (min-width: 480px) { .node-document.node-teaser .case-study-details .field-label, .node-document.node-teaser .case-study-details .field-item { float: left; width: 50%; } } .node-document.node-teaser .case-study-details .field-label, .node-document.node-teaser .case-study-details .field-name-field-label { margin-bottom: 10px; } @media only screen and (min-width: 480px) { .node-document.node-teaser .case-study-details .field-label, .node-document.node-teaser .case-study-details .field-name-field-label { margin-bottom: 0px; } } .node-document.node-teaser .case-study-details .field-collection-container .field-item { width: 100%; } @media only screen and (min-width: 480px) { .node-document.node-teaser .case-study-details .field-collection-container .field-item .field { float: left; width: 50%; } } .node-document.node-teaser .case-study-details .field-collection-view { padding: 0px; } .node-document.node-teaser .case-study-details .field-name-field-label { font-weight: 700; } .node-document.view-mode-snippet { padding: 5% 10%; cursor: pointer; } .node-document.view-mode-snippet:hover { background-color: rgb(246, 246, 246); background-position: initial initial; background-repeat: initial initial; } .node-document.view-mode-snippet header { background-image: none; background-position: initial initial; background-repeat: initial initial; } .node-document.view-mode-snippet .sharethis-buttons { display: none; } .node-document.view-mode-snippet { font-size: 1rem; line-height: 1.25; } .node-document.view-mode-snippet .field-name-field-teaser-image { display: none; } .bean-partner-case-studies.image_display .node-document.view-mode-snippet .field-name-field-teaser-image { display: block; margin: 8px 0px; } .node-document.view-mode-snippet .field-name-field-company-name { font-weight: 700; } .node-document.view-mode-snippet .field-name-field-summary { margin-top: 10px; } [class*="bean-interactive-"] { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(233, 236, 240); } [class*="bean-interactive-"] > header { padding-bottom: 35px; position: relative; overflow: hidden; } [class*="bean-interactive-"] > header::before { background-image: url(db883c0f03f086f754104299ec94b5f9ad711b37.png) ; bottom: 0px; content: ''; display: block; height: 35px; left: 50%; margin-left: -591px; position: absolute; width: 1182px; } [class*="bean-interactive-"] > header .l-interactive-constraint { padding-top: 25px; padding-bottom: 50px; } @media only screen and (min-width: 960px) { [class*="bean-interactive-"] > header .l-interactive-constraint { padding-bottom: 25px; } } [class*="bean-interactive-"] .ui-slider-wrapper { border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; border-bottom-left-radius: 17px; background-color: rgb(171, 183, 194); border: none; height: 34px; padding: 0px 40px; position: relative; background-position: initial initial; background-repeat: initial initial; } [class*="bean-interactive-"] .ui-slider-horizontal { background-color: transparent; border: none; height: 100%; float: left; width: 100%; background-position: initial initial; background-repeat: initial initial; } [class*="bean-interactive-"] .ui-slider-end, [class*="bean-interactive-"] .ui-slider-start { height: 100%; width: 38px; } [class*="bean-interactive-"] .ui-slider-start { float: left; margin-left: -40px; } [class*="bean-interactive-"] .ui-slider-end { float: right; margin-right: -40px; } [class*="bean-interactive-"] .ui-slider-handle { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-color: rgb(255, 255, 255); border: none; height: 30px; font-size: 14px; line-height: 30px; margin-left: -38px; outline: none; top: 2px; width: 76px; text-align: center; text-decoration: none; color: rgb(51, 51, 51); z-index: 3; padding-top: 30px; cursor: -webkit-grab; background-position: initial initial; background-repeat: initial initial; } [class*="bean-interactive-"] .ui-slider-handle:active { cursor: -webkit-grabbing; } [class*="bean-interactive-"] .ui-slider-range { display: none; } .bean-interactive-sun-to-savings .ui-slider-handle::before { content: ''; display: block; background-image: url(30dd851e972586e2a1ca5cb3d4d7ef2b95c8cfbc.png) ; height: 15px; left: 50%; margin-left: -10px; position: absolute; top: -23px; width: 20px; z-index: 2; } .bean-interactive-sun-to-savings .interactive-content { background-image: linear-gradient(rgb(255, 255, 255), rgb(240, 243, 247)); background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 960px) { .bean-interactive-sun-to-savings .interactive-content .l-interactive-constraint { padding-left: 280px; } } .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link { padding-top: 58px; text-align: center; } @media only screen and (min-width: 960px) { .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a { width: 420px; } } .field-name-field-form-label-spend { font-size: 20px; font-family: 'Open Sans', sans-serif; margin-bottom: 20px; } @media only screen and (min-width: 960px) { .field-name-field-form-label-spend { float: left; clear: left; display: table; height: 150px; margin-left: -270px; width: 250px; } .field-name-field-form-label-spend .field-items { display: table-row; } .field-name-field-form-label-spend .field-items .field-item { display: table-cell; vertical-align: bottom; } } .bean-interactive-more-efficient .interactive-content { background-image: linear-gradient(rgb(255, 255, 255), rgb(202, 211, 220)); background-position: initial initial; background-repeat: initial initial; } .sun-more-efficient-chart-wrapper { margin: 0px 0px 20px; } @media only screen and (min-width: 960px) { .sun-more-efficient-chart-wrapper { padding: 0px 120px; margin: 0px -120px 20px; } } .interactive-title { font-style: normal; font-variant-caps: normal; font-weight: normal; font-size: 16px; line-height: normal; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 960px) { .interactive-title { float: left; width: 50%; } } [id*="edit-comparison"] { border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; border-bottom-left-radius: 17px; background-color: rgb(171, 183, 194); border: none; height: 34px; width: 164px; background-position: initial initial; background-repeat: initial initial; } [id*="edit-comparison"] > .form-type-radio { display: inline-block; vertical-align: top; margin: 0px; } [id*="edit-comparison"] > .form-type-radio input[type="radio"] { position: absolute; z-index: -10; } [id*="edit-comparison"] > .form-type-radio input[type="radio"] + label { display: inline-block; vertical-align: middle; text-indent: -119988px; overflow: hidden; text-transform: capitalize; height: 30px; line-height: 30px; min-height: 0px; cursor: pointer; position: relative; margin: 0px; top: 2px; text-align: center; width: 80px; } [id*="edit-comparison"] > .form-type-radio input[type="radio"] + label::before { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; content: ''; display: block; left: 50%; top: 0px; position: absolute; } [id*="edit-comparison"] > .form-type-radio input[type="radio"]:checked + label { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-color: rgb(255, 255, 255); z-index: 2; } [id*="edit-comparison"] > .form-type-radio input[type="radio"]:checked + label::after { display: none; } [id*="edit-comparison"] > .form-type-radio input[value="1"] + label { position: relative; } [id*="edit-comparison"] > .form-type-radio input[value="1"] + label::before { background-image: url(1f66f7159fbaaecfd8b1c8cf280f2565be302255.png) ; height: 30px; margin-left: -15px; width: 30px; } [id*="edit-comparison"] > .form-type-radio input[value="1"]:checked + label::before { background-image: url(2b741a42f2ddfccbfc1bffb8490cc2edff8e3a49.png) ; } [id*="edit-comparison"] > .form-type-radio input[value="0"] + label { position: relative; } [id*="edit-comparison"] > .form-type-radio input[value="0"] + label::before { background-image: url(6a389d67f224b9a5cd86b198da353025c3333f47.png) ; height: 30px; margin-left: -15px; width: 30px; } [id*="edit-comparison"] > .form-type-radio input[value="0"]:checked + label::before { background-image: url(ae0a0c09f30645c969980622ad477a967cdbba47.png) ; } [id*="edit-comparison"] > .form-type-radio:first-child label { left: 2px; } [id*="edit-comparison"] > .form-type-radio:last-child label { right: 2px; } @media only screen and (min-width: 960px) { [id*="edit-comparison"] { float: left; } } .sun-slider-more-efficient { display: none; } [id*="sun-interactive-more-efficient-form"] .form-item-Zip { left: 10px; position: absolute; margin: 0px; top: -94px; width: 320px; } [id*="sun-interactive-more-efficient-form"] .form-item-Zip label { float: left; margin: 8px 20px 0px 0px; } @media only screen and (min-width: 960px) { [id*="sun-interactive-more-efficient-form"] .form-item-Zip { left: auto; right: 10px; top: -110px; } } [id*="sun-interactive-more-efficient-form"] input[type="text"] { -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 3px inset; box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 3px inset; border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; border-bottom-left-radius: 17px; background-color: rgb(245, 245, 245); color: rgb(102, 102, 102); height: 34px; padding: 0px; text-align: center; width: 216px; } [id*="sun-interactive-more-efficient-form"] input[type="text"]::-webkit-input-placeholder { color: rgb(102, 102, 102); } [id*="sun-interactive-more-efficient-form"] input[type="text"] + .description { display: none !important; } [id*="sun-interactive-more-efficient-form"] input[type="submit"] { display: none; } [id*="sun-interactive-more-efficient-form"] .form-item-usage { margin: 0px; } [id*="sun-interactive-more-efficient-form"] .form-item-usage label { display: none; } @media only screen and (min-width: 960px) { [id*="sun-interactive-more-efficient-form"] .form-item-usage { float: right; width: 786px; } } [id*="sun-interactive-more-efficient-form"] .ui-slider-labels { color: rgb(255, 255, 255); margin: 0px -65px; position: absolute; top: 0px; left: 68px; z-index: 5; width: 100%; } [id*="sun-interactive-more-efficient-form"] .ui-slider-labels label { display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; height: 30px; width: 16.63043%; line-height: 30px; text-align: center; top: 2px; position: relative; z-index: 5; } [id*="sun-interactive-more-efficient-form"] .ui-slider-labels label.is-active { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); } @media only screen and (min-width: 960px) { [id*="sun-interactive-more-efficient-form"] .ui-slider-labels label { width: 130px; } } [id*="sun-interactive-more-efficient-form"] .ui-slider-wrapper { padding: 0px 65px; } [id*="sun-interactive-more-efficient-form"] .ui-slider-horizontal { cursor: pointer; position: relative; z-index: 10; } [id*="sun-interactive-more-efficient-form"] .ui-slider-start, [id*="sun-interactive-more-efficient-form"] .ui-slider-end { cursor: pointer; position: relative; z-index: 11; width: 65px; } [id*="sun-interactive-more-efficient-form"] .ui-slider-start { margin-left: -65px; } [id*="sun-interactive-more-efficient-form"] .ui-slider-end { margin-right: -65px; } [id*="sun-interactive-more-efficient-form"] .ui-slider-handle { background-color: transparent; cursor: pointer; z-index: 0; margin-left: -65px; width: 130px; } .field-name-field-comp-message-generic, .field-name-field-comp-message-localized { font-size: 20px; font-family: 'Open Sans', sans-serif; text-align: center; } .field-name-field-comp-message-generic strong, .field-name-field-comp-message-localized strong { color: rgb(249, 123, 35); } [id*="sun-interactive-sun-to-savings-form"] .form-item-Zip { left: 10px; position: absolute; margin: 0px; top: -94px; width: 320px; } [id*="sun-interactive-sun-to-savings-form"] .form-item-Zip label { float: left; margin: 8px 20px 0px 0px; } @media only screen and (min-width: 960px) { [id*="sun-interactive-sun-to-savings-form"] .form-item-Zip { left: auto; right: 10px; top: -110px; } } [id*="sun-interactive-sun-to-savings-form"] .form-item-usage { margin: 0px; } [id*="sun-interactive-sun-to-savings-form"] .form-item-usage label { display: none; } [id*="sun-interactive-sun-to-savings-form"] .ui-slider-labels > label { display: block; height: 30px; line-height: 30px; position: absolute; width: 76px; text-align: center; z-index: 2; top: 2px; } [id*="sun-interactive-sun-to-savings-form"] .ui-slider-labels .savings-min { left: -40px; } [id*="sun-interactive-sun-to-savings-form"] .ui-slider-labels .savings-max { right: -40px; } [id*="sun-interactive-sun-to-savings-form"] input[type="text"] { -webkit-box-shadow: rgb(243, 58, 17) 0px 2px 3px inset; box-shadow: rgb(243, 58, 17) 0px 2px 3px inset; border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; border-bottom-left-radius: 17px; background-color: rgb(247, 106, 32); color: rgb(255, 255, 255); text-align: center; height: 34px; padding: 0px; width: 216px; } [id*="sun-interactive-sun-to-savings-form"] input[type="text"]::-webkit-input-placeholder { color: rgb(255, 255, 255); } [id*="sun-interactive-sun-to-savings-form"] input[type="text"] + .description { display: none !important; } [id*="sun-interactive-sun-to-savings-form"] input[type="submit"] { display: none; } [id*="sun-interactive-sun-to-savings-form"] input.sun-slider { display: none; } .field-name-field-default-message { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 2px 3px; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 2px 3px; margin-bottom: 20px; background-color: rgb(255, 255, 255); color: rgb(77, 153, 241); font-size: 16px; border: 1px solid rgb(229, 229, 229); position: relative; height: 110px; text-align: center; } .field-name-field-default-message .field-label { display: none; color: rgb(249, 191, 39); font-size: 40px; font-weight: 300; margin-top: -26px; position: absolute; top: 50%; left: 36px; } .field-name-field-default-message .field-items { transition-property: padding-left; -webkit-transition-property: padding-left; transition-duration: 0.25s; -webkit-transition-duration: 0.25s; display: table; height: 110px; width: 100%; } .field-name-field-default-message .field-items .field-item { vertical-align: middle; display: table-cell; } .field-name-field-default-message.is-moved .field-items { padding-left: 260px; text-align: left; color: rgb(102, 102, 102); font-size: 14px; } .field-name-field-default-message p { margin: 0px; padding: 0px !important; } .field-name-field-default-message p img { margin: 0px 20px -13px 0px; } .l-interactive-constraint { margin: 0px auto; max-width: 980px; padding: 0px 10px; position: relative; } .interactive-content { padding-bottom: 60px; position: relative; } div.top-form-locator { background-image: url(76acd177f976d4f320498adf85fc1b94e03545ba.png) ; background-attachment: scroll; background-color: white; clear: both; float: left; padding-bottom: 15px; text-align: right; width: 100%; margin-bottom: -15px; background-position: 0% 100%; background-repeat: no-repeat no-repeat; } @media only screen and (max-width: 959px) { div.top-form-locator { text-align: left; float: none; padding-bottom: 35px; background-position: 50% 100%; } } div.top-form-locator .inside { float: right; max-width: 804px; padding: 40px 0px 35px; width: 90%; } @media only screen and (max-width: 959px) { div.top-form-locator .inside { width: auto; padding: 5px; margin: 5px; float: none; max-width: 100%; } } div.top-form-locator div.form-type-textfield { float: left; margin: 0px 5px; width: 260px; } @media only screen and (max-width: 959px) { div.top-form-locator div.form-type-textfield { width: 100%; } } div.top-form-locator div.form-type-textfield label { float: left; padding: 6px; width: 30%; text-align: left; } @media only screen and (max-width: 959px) { div.top-form-locator div.form-type-textfield label { width: 100%; } } div.top-form-locator div.form-type-textfield input { float: left; width: 70%; } @media only screen and (max-width: 959px) { div.top-form-locator div.form-type-textfield input { width: auto; } } div.top-form-locator div.form-type-select { float: left; margin: 0px 2%; width: 350px; } @media only screen and (max-width: 959px) { div.top-form-locator div.form-type-select { width: 100%; padding: 5px; margin: 5px; } } div.top-form-locator div.form-type-select label { float: left; padding: 6px; text-align: right; width: 45%; } @media only screen and (max-width: 959px) { div.top-form-locator div.form-type-select label { width: 100%; padding: 5px; margin: 5px; text-align: left; } } div.top-form-locator div.form-type-select select { width: 45%; float: left; } @media only screen and (max-width: 959px) { div.top-form-locator div.form-type-select select { width: auto; padding: 5px; margin: 5px; } } div.top-form-locator #edit-submit-button { color: white; margin: 0px 5px; padding: 7px 25px; } div.dealer_left { float: left; width: 15%; margin-right: 3%; text-align: center; } @media only screen and (max-width: 959px) { div.dealer_left { width: 100%; text-align: left; margin: 0px 0px 18px; } } div.dealer_center { float: left; width: 67%; } @media only screen and (max-width: 959px) { div.dealer_center { width: 100%; text-align: left; margin: 0px 0px 18px; } } div.dealer_center ul.links_classes { list-style-type: none; margin: 0px; padding: 0px; } div.dealer_center ul.links_classes li { float: left; list-style-type: none; padding: 9px 12px 4px 0px; } div.dealer_right { float: left; width: 15%; text-align: center; } div.dealer_right ul.links_classes li { float: none; list-style-type: none; } @media only screen and (max-width: 959px) { div.dealer_right { width: 100%; text-align: left; margin: 0px 0px 18px; } } #dealer-container { float: left; width: 100%; clear: both; } #dealer-container span.dealer-address { text-transform: capitalize; } #dealer-container div.dealer-type { width: 100%; overflow: hidden; margin-bottom: 10px; } @media only screen and (max-width: 959px) { #dealer-container div.dealer-type { width: 200px; } } #dealer-container div.dealer-type div.logoEl { width: 100%; padding: 0px; float: left; } #dealer-container div.dealer-type div.logoEl img { float: left; } #dealer-container div.dealer-type div.logoTitle { background-color: rgb(171, 183, 194); width: 100%; padding: 10px; text-align: center; color: white; background-position: initial initial; background-repeat: initial initial; } #dealer-container div.dealer-rating { padding: 0px 0px 10px; } #dealer-container .dealer-container-results-count { font-size: 135%; margin-left: 25px; padding-top: 25px; } #dealer-container .dealer-container-results-count strong { color: rgb(249, 192, 40); font-weight: normal; } #dealer-container span.temp { display: inline-block; padding: 30px 15%; text-align: center; width: 100%; } @media only screen and (max-width: 959px) { #dealer-container span.temp { text-align: left; padding: 5px; } } #dealer-container span.temp h2 { font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 300; line-height: 105%; } #dealer-container div.dealer { background-color: rgb(251, 251, 251); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding: 25px 30px; background-position: initial initial; background-repeat: initial initial; } #dealer-container div.dealer:nth-child(2n+1) { background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; } #dealer-container div.dealer div.dealer-info h3 { margin-top: 0px; font-size: 23px; } #dealer-container div.dealer-contact { clear: both; float: none; padding-top: 5px; } body .BVRRPhotoPopup { z-index: 10000; } #boxes-box-support_threecols, .support-3col-block, .support-threecols-block { padding: 10px 3%; } #boxes-box-support_threecols .boxes-box-controls, .support-3col-block .boxes-box-controls, .support-threecols-block .boxes-box-controls { display: none !important; } #boxes-box-support_threecols::before, #boxes-box-support_threecols::after, .support-3col-block::before, .support-3col-block::after, .support-threecols-block::before, .support-threecols-block::after { content: ''; display: table; } #boxes-box-support_threecols::after, .support-3col-block::after, .support-threecols-block::after { clear: both; } #boxes-box-support_threecols div.support_3col, .support-3col-block div.support_3col, .support-threecols-block div.support_3col { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: rgb(171, 183, 194); display: block; float: left; margin: 10px 1%; padding: 0px; width: 31%; color: white; background-position: initial initial; background-repeat: initial initial; } @media only screen and (max-width: 959px) { #boxes-box-support_threecols div.support_3col, .support-3col-block div.support_3col, .support-threecols-block div.support_3col { width: 100%; margin: 10px 0px; } } #boxes-box-support_threecols div.support_3col > div, .support-3col-block div.support_3col > div, .support-threecols-block div.support_3col > div { display: block; padding: 25px; float: left; min-height: 315px; } #boxes-box-support_threecols div.support_3col > div > *, .support-3col-block div.support_3col > div > *, .support-threecols-block div.support_3col > div > * { float: left; clear: both; } #boxes-box-support_threecols div.support_3col > div strong.titleAdj, .support-3col-block div.support_3col > div strong.titleAdj, .support-threecols-block div.support_3col > div strong.titleAdj { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 300; line-height: 120%; margin-bottom: 8px; } #boxes-box-support_threecols div.support_3col > div img, .support-3col-block div.support_3col > div img, .support-threecols-block div.support_3col > div img { margin-bottom: 10px; } #boxes-box-support_threecols div.support_3col > div p, .support-3col-block div.support_3col > div p, .support-threecols-block div.support_3col > div p { margin: 3px 0px 10px; } #boxes-box-support_threecols div.support_3col > div a.btn_chat, .support-3col-block div.support_3col > div a.btn_chat, .support-threecols-block div.support_3col > div a.btn_chat { margin-top: 10px; padding: 5px 20px; } div.contact_left { float: left; width: 25%; margin: 0px 5% 0px 0px; } @media only screen and (max-width: 959px) { div.contact_left { width: 100%; margin: 0px; } } div.contact_left .contact-block--title { font-family: 'Open Sans', Helvetica, Arial, 'Nimbus Sans L', sans-serif; font-weight: 300; font-size: 35px; margin-top: 5px; } div.contact_right { float: left; width: 70%; } @media only screen and (max-width: 959px) { div.contact_right { width: 100%; } } #boxes-box-contactus_top { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { #boxes-box-contactus_top { padding-left: 40px; padding-right: 40px; } } #boxes-box-contactus_top div.bottom_contact { background-color: rgb(239, 241, 243); display: block; padding: 11px; background-position: initial initial; background-repeat: initial initial; } #boxes-box-contactus_top div.bottom_contact a { padding: 5px 20px; margin-left: 7px; } div.panel-pane.side-gutters { margin-bottom: 30px; margin-top: 30px; float: left; padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { div.panel-pane.side-gutters { padding-left: 40px; padding-right: 40px; } } div.panel-pane.side-gutters::before, div.panel-pane.side-gutters::after { content: ''; display: table; } div.panel-pane.side-gutters::after { clear: both; } #boxes-box-contact_our_offices, .contact-our-offices-block { margin-bottom: 45px; margin-top: 45px; padding-left: 20px; padding-right: 20px; float: left; } @media only screen and (min-width: 768px) { #boxes-box-contact_our_offices, .contact-our-offices-block { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 959px) { #boxes-box-contact_our_offices, .contact-our-offices-block { margin-bottom: 22px; margin-top: 22px; padding: 5px; } } #boxes-box-contact_our_offices div.office_block, .contact-our-offices-block div.office_block { float: left; width: 100%; } #boxes-box-contact_our_offices div.office_block > h3, .contact-our-offices-block div.office_block > h3 { background-color: rgb(239, 241, 243); display: block; float: none; font-size: 25px; margin: 0px 0px 30px; padding: 10px; background-position: initial initial; background-repeat: initial initial; } #boxes-box-contact_our_offices div.offices, .contact-our-offices-block div.offices { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 222, 222); display: block; float: left; margin-bottom: 35px; margin-right: 4%; min-height: 215px; padding-bottom: 5px; width: 29%; } #boxes-box-contact_our_offices div.offices:nth-of-type(3n+1), .contact-our-offices-block div.offices:nth-of-type(3n+1) { clear: left; } @media only screen and (max-width: 959px) { #boxes-box-contact_our_offices div.offices, .contact-our-offices-block div.offices { width: auto; min-height: 0px; margin-right: 0px; margin-bottom: 15px; float: none; } } #boxes-box-contact_our_offices div.offices .location-title, .contact-our-offices-block div.offices .location-title { font-family: 'Open Sans', Helvetica, Arial, 'Nimbus Sans L', sans-serif; font-weight: 300; font-size: 25px; margin: 1px 0px 20px; } #boxes-box-contact_contractorlicens { float: left; margin-bottom: 45px; margin-top: 45px; padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { #boxes-box-contact_contractorlicens { padding-left: 40px; padding-right: 40px; } } #boxes-box-contact_contractorlicens div.contr_block { display: block; float: left; margin-bottom: 35px; margin-right: 2%; min-height: 155px; padding-bottom: 5px; width: 23%; } @media only screen and (max-width: 959px) { #boxes-box-contact_contractorlicens div.contr_block { width: 100%; min-height: 0px; margin-right: 0px; margin-bottom: 15px; float: none; } } #boxes-box-contact_contractorlicens div.contr_block .location-title { font-family: 'Open Sans', Helvetica, Arial, 'Nimbus Sans L', sans-serif; font-weight: 300; font-size: 25px; margin: 1px 0px 20px; } body.section-community div.dropLink { position: relative; } body.section-community div.dropLink ul.ShareStory { margin: auto; padding: 6px 0px; position: relative; text-align: center; top: 13px; z-index: 5; display: none; } @media only screen and (max-width: 959px) { body.section-community div.dropLink ul.ShareStory { text-align: left; } } body.section-community div.dropLink ul.ShareStory li { display: inline; } body.section-community div.dropLink ul.ShareStory li a { display: inline-block; margin: 0px 8px 10px 0px; } body.section-community div.dropLink.open ul.ShareStory { display: block; } body.section-community div.pane-menu-menu-community-tabs ul.menu { display: block; text-align: center; width: 100%; background-image: url(340d1e55ed74a3e6b965913084876cb988a3c226.png) ; background-color: transparent; height: 65px; background-position: 50% 100%; background-repeat: no-repeat no-repeat; } body.section-community div.pane-menu-menu-community-tabs ul.menu li { list-style-type: none; display: inline-block; } body.section-community div.pane-menu-menu-community-tabs ul.menu li a { color: rgb(77, 153, 241); text-decoration: none; padding: 4px 8px 32px; margin-right: 0px; } body.section-community div.pane-menu-menu-community-tabs ul.menu li.active-trail a { color: rgb(51, 51, 51); background-image: url(c5adf3c26106430706688cae06d9b194f78c121b.png) ; background-color: transparent; background-position: 50% 100%; background-repeat: no-repeat no-repeat; } body.section-community ul.tabSearch { width: 100%; display: block; float: left; padding: 0px; margin: 10px 0px 20px; } body.section-community ul.tabSearch li { list-style-type: none; display: inline-block; float: left; } body.section-community ul.tabSearch li a { padding: 8px 15px; text-decoration: none; } body.section-community ul.tabSearch li.active a, body.section-community ul.tabSearch li:hover a { background-color: rgb(247, 247, 247); background-position: initial initial; background-repeat: initial initial; } body.section-community #BVQAContainer { width: 100%; display: block; float: left; font-family: Roboto, Arial, Helvetica, sans-serif !important; } body.section-community .BVQASearchForm { float: none; height: 45px; margin-bottom: 5px; max-width: 750px; padding: 5px 10px; position: relative; width: auto; } body.section-community .BVQASearchFormText { display: block; float: none; } body.section-community .BVQASearchFormSubmit { display: block; margin-left: 5px; position: relative; top: -55px; vertical-align: top; } body.section-community .BVQABrowsePage .BVQASearchFormTextInput { background-color: white; background-position: initial initial; background-repeat: initial initial; } body.section-community .BVQAToolbar { background-color: transparent; float: left; height: 34px; margin-bottom: 25px; padding: 0px; } body.section-community .BVQAQuestionSummary { color: rgb(0, 0, 0); font-family: Roboto, Arial, Helvetica, sans-serif; font-size: inherit; font-weight: bold; line-height: normal; } body.section-community .BVQAAskQuestion a, body.section-community .BVQAAskQuestion a:visited { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: inherit; } body.section-community .BVQAQuestions { border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px 0px; clear: both; margin: 25px 0px; } body.section-community input.pseudoSelect { width: 170px; } body.section-community #BVSYStoriesGrid .BVSYExcerpt { } body.section-community div.pane-boxes-community-bottom-ctas .boxes-box-controls { display: none; } body.section-community div.pane-boxes-community-bottom-ctas div.boxes-box-content { display: block; float: left; padding: 40px 9% 20px; width: 100%; } @media only screen and (max-width: 959px) { body.section-community div.pane-boxes-community-bottom-ctas div.boxes-box-content { padding: 20px 2%; } } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox { display: block; float: left; margin-left: 2%; width: 48%; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; } @media only screen and (max-width: 959px) { body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox { width: 100%; margin-left: 0px; margin-bottom: 20px; max-width: 560px; } } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox > div { padding: 20px; } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox > div > * { float: left; display: block; } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left { background-image: url(e2e33a260bbfe658ae2b4ec97702095f5c3ddf67.png) ; background-color: transparent; background-position: 100% 100%; background-repeat: repeat repeat; } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right { background-image: url(a612332439c99f3bd0bbf6279b5253a08135e52b.png) ; background-color: transparent; background-position: 100% 100%; background-repeat: repeat repeat; } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox h4, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox .cta-text { color: white; font-size: 165%; margin-bottom: 20px; margin-top: 0px; width: 90%; } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox h4 span, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox .cta-text span { display: block; font-size: 70%; width: 100%; } body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox i.ctaFlag { position: absolute; right: 8px; top: 8px; width: 50px; height: 50px; text-indent: -999px; background-image: url(d81bfb39f7c63043d54abae7a9f794fbf1989c7e.png) ; background-color: transparent; background-position: 100% 100%; background-repeat: no-repeat no-repeat; } .site-map-menu { list-style-type: none; list-style-position: initial; list-style-image: initial; margin: 0px; padding: 0px; } .site-map-menu li { padding-bottom: 5px; } .site-map-menu a { display: block; text-decoration: none; } .content > .site-map-menu > li > a { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(204, 204, 204); color: rgb(51, 51, 51); font-weight: bold; margin-bottom: 10px; padding: 10px 0px; } .content > .site-map-menu > li > .site-map-menu > li { padding-left: 15px; position: relative; } .content > .site-map-menu > li > .site-map-menu > li::before { height: 8px; width: 8px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(227, 227, 227); content: ''; left: 0px; top: 6px; position: absolute; } .content > .site-map-menu > li .expanded { overflow: hidden; } .content > .site-map-menu > li .expanded::after { background-color: rgb(227, 227, 227); content: ''; height: calc(100% - 25px); position: absolute; top: 6px; left: 4px; width: 1px; background-position: initial initial; background-repeat: initial initial; } .content > .site-map-menu > li .expanded > ul { padding-left: 8px; } .content > .site-map-menu > li .expanded > ul > li { position: relative; } .content > .site-map-menu > li .expanded > ul > li::before { background-color: rgb(227, 227, 227); content: ''; height: 1px; left: -18px; top: 10px; position: absolute; width: 12px; } .content > .site-map-menu > li .expanded > a { padding-bottom: 5px; } @media only screen and (min-width: 960px) { .content > .site-map-menu { column-count: 3; column-gap: 25px; } .content > .site-map-menu > li { -webkit-column-break-inside: avoid; break-inside: avoid; } } article.node-webform .node-title { font-size: 24px; margin: 0px; padding: 20px 25px; } article.node-webform div.field-name-body.field-label-hidden, article.node-webform div.node-title { padding: 0px 25px 20px; } .pane-sun-webforms-sun-back-to-results { position: relative; } .webform-back-link { left: 25px; padding-left: 42px; position: absolute; top: 25px; z-index: 10; } .webform-back-link::before { background-image: url(4929d654b20fc9a42c08d1189d0bd5892c8b11ba.png) ; content: ''; display: block; height: 14px; left: 10px; margin-top: -7px; position: absolute; top: 50%; width: 22px; background-position: initial initial; background-repeat: no-repeat no-repeat; } .webform-back-link:hover::before { background-image: url(6812dfe489fdd8e1c5b929694b11d771f8bc9eb4.png) ; background-position: initial initial; background-repeat: no-repeat no-repeat; } .brightcove-colorbox { margin-top: 10px; } a.brightcove-colorbox.video-play { outline-width: 0px; text-indent: -9999px; color: rgb(51, 51, 51); border: none; width: 90px; height: 75px; background-image: url(380e3bfa05de415278c6561d3980e19d41dbc084.png) ; background-color: transparent; background-position: 0% 0%; background-repeat: no-repeat no-repeat; } a.brightcove-colorbox.video-play:hover, a.brightcove-colorbox.video-play:active { border: none; background-image: url(380e3bfa05de415278c6561d3980e19d41dbc084.png) ; background-color: rgba(51, 51, 51, 0.6); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; } .webform-component.checkbox-select { padding-top: 16px; } .webform-component.checkbox-select select { display: none; } .webform-component.checkbox-select label { float: left; margin-right: 15px; } .webform-component.checkbox-select input { position: relative; z-index: 10; } .webform-component.field-third-width, .webform-component.field-quarter-width, .webform-component.field-half-col-width, form.webform-client-form .webform-component.webform-component-select.webform-component--State { width: 100%; } @media (min-width: 960px) { .webform-component.field-full-width { width: 100%; } .webform-component.field-third-width { width: 32%; clear: none; } .webform-component.field-quarter-width { width: 24%; clear: none; } .webform-component.field-half-col-width { width: 24%; clear: none; } } #webform-ajax-wrapper-3831 form { padding-top: 20px; padding-left: 10px; padding-right: 10px; } #webform-ajax-wrapper-3861 form { padding-top: 20px; padding-left: 10px; padding-right: 10px; } #webform-client-form-4016 { padding: 0px; } #webform-client-form-4016 input[type="text"] { background-color: rgb(255, 255, 255); color: rgb(66, 65, 66); font-family: 'Open Sans', sans-serif; border: 1px solid rgb(209, 211, 212); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } #webform-client-form-4016 input[type="text"]::-webkit-input-placeholder { color: rgb(209, 211, 212); } #webform-client-form-4016 input[type="submit"] { background-color: rgb(84, 150, 204); border: 0px solid transparent; color: rgb(255, 255, 255); font-size: 14px; font-family: 'Open Sans', sans-serif; height: 50px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #webform-client-form-4016 input[type="submit"].disabled { background-image: none; background-color: rgb(209, 211, 212); } body.page-node-4011 .middle-wrap { margin-top: 5%; } body.page-node-4011 .middle-wrap > div { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); } .sun-rivet-dealer-review, .sun-rivet-customer-stories { margin-top: 1em; } .sun-rivet-dealer-review .embed-heading, .sun-rivet-customer-stories .embed-heading { display: none; } div.dealer_right .dealer-links--rivet ul.links_classes li a, #content .panel-flexible-inside .entity-bean a.rivet-share { color: rgb(66, 65, 66) !important; } div.dealer_right .dealer-links--rivet ul.links_classes li a:hover, #content .panel-flexible-inside .entity-bean a.rivet-share:hover { color: rgb(255, 255, 255) !important; } .node-type-product-site #content p, .node-type-product-site #content h3, .node-type-product-site #content li { font-size: 18px; line-height: 28px; } .node-type-product-site #content h3 { font-weight: 600; margin-bottom: 0px; } .node-type-product-site #content p { font-weight: 300; } .node-type-product-site #content li { font-weight: 300; margin-bottom: 6px; } .node-type-product-site #content ul { margin-top: 8px; } .node-type-product-site .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-left div.content-outside > *, .node-type-product-site .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-left div.content-outside > * { padding-left: 10%; } .node-type-product-site .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-right div.content-outside > *, .node-type-product-site .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-right div.content-outside > * { padding-right: 10%; } .equinox-5-col { text-align: center; } @media (min-width: 960px) { .equinox-5-col { text-align: left; } } @media (min-width: 1280px) { .equinox-5-col .sp-col:first-child, .equinox-5-col .sp-col:nth-child(2) { width: 18%; } .equinox-5-col .sp-col:nth-child(3) { width: 21%; } } .equinox #content { font-family: 'Open Sans', sans-serif; } @media (min-width: 960px) { .equinox .flex-bean-no-pad-right .twocol-info-compare-section { padding: 20px 60px 20px 28px; } } @media (min-width: 960px) { .equinox .flex-bean-no-pad-right .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside > * { padding-right: 0px; } } .equinox .twocol-info-compare { font-size: 19px; } @media (min-width: 960px) { .equinox .twocol-info-compare-body { padding-right: 20px; } } @media (min-width: 960px) { .equinox #content table { margin-bottom: 0px; } .equinox #content table tr:first-child td { padding-bottom: 8px; } .equinox #content table tr:nth-child(odd) { background-color: transparent; } } .equinox .equinox-5-col .bean-flexible-layout-bean.bean-content-notbackgroundimage div.content-outside > * { padding-top: 0px; } .equinox .bean-flexible-layout-bean.bean-content-notbackgroundimage div.content-outside > *, .equinox .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside > * { padding-top: 50px; padding-bottom: 0px; } .equinox.node-type-product-site #content a { font-size: 23px; } .equinox.node-type-product-site #content h1, .equinox.node-type-product-site #content .h1, .equinox.node-type-product-site #content .h1--responsive, .equinox.node-type-product-site #content h2, .equinox.node-type-product-site #content .h2 { line-height: 105%; } .equinox.node-type-product-site #content h1, .equinox.node-type-product-site #content .h1, .equinox.node-type-product-site #content .h1--responsive { font-size: 47px; } .equinox.node-type-product-site #content h2, .equinox.node-type-product-site #content .h2 { font-size: 45px; font-weight: 500; } .equinox.node-type-product-site #content h3, .equinox.node-type-product-site #content .h3 { font-size: 33px; line-height: 135%; font-weight: 500; margin-bottom: 20px; } .equinox.node-type-product-site #content h4, .equinox.node-type-product-site #content .h4 { font-size: 27px; line-height: 135%; margin-bottom: 24px; } .equinox.node-type-product-site #content p { font-size: 27px; line-height: 150%; font-weight: 300; } .equinox.node-type-product-site #content li { font-weight: 300; margin-bottom: 6px; } .equinox.node-type-product-site #content ul { margin-top: 8px; } .equinox.node-type-product-site #content #page-title { height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-right div.content-outside > *, .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-right div.content-outside > * { padding-left: 25px; } @media (min-width: 960px) { .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-right div.content-outside > *, .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site #content .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-right div.content-outside > * { padding-left: 65px; } } .equinox.node-type-product-site #content .equinox-details-warranty p { font-size: 25px; } @media (min-width: 1280px) { .equinox.node-type-product-site #content .equinox-details-warranty p { font-size: 31px; } } .equinox.node-type-product-site #content .warranty-table p { font-size: 21px; line-height: 1.2; } @media (min-width: 1280px) { .equinox.node-type-product-site #content .warranty-table p { font-size: 25px; } } .equinox.node-type-product-site #content .warranty-heading { font-size: 50px; margin: 0px; } @media (min-width: 1280px) { .equinox.node-type-product-site #content .warranty-heading { margin: 10px 0px 0px; font-size: 59px; } } .equinox-details .bean-column-bean { margin-top: 10px; } @media (min-width: 1280px) { .equinox-details.equinox.node-type-product-site #content p { font-size: 31px; line-height: 161%; } } .equinox-details.equinox.node-type-product-site #content .bean-column-bean p { font-size: 22px; } .equinox-details.equinox.node-type-product-site #content .warranty-table p { font-size: 25px; line-height: 120%; } .equinox-details-warranty { font-weight: 300; margin: -30px 0px 0px; } @media (min-width: 1280px) { .equinox-details-warranty { margin: -14px 29px 0px; } } @media (min-width: 768px) { .equinox-details-warranty .warranty-table { margin: 0px 0px 10px 15%; } } @media (min-width: 1280px) { .equinox-details-warranty .warranty-table { margin: 0px 0px 37px 15%; } } .equinox-details-warranty .warranty-section { display: inline-block; max-width: 240px; vertical-align: top; text-align: center; } @media (min-width: 768px) { .equinox-details-warranty .warranty-section { max-width: 280px; } } @media (min-width: 1280px) { .equinox-details-warranty .warranty-section { max-width: 320px; } } .equinox-details-warranty .warranty-heading { margin-top: 10px; margin-bottom: 10px; } header nav.block-menu-block > ul.menu-name-menu-helix > li.active-trail, header nav.block-menu-block > ul.menu-name-menu-equinox > li.active-trail, header nav.block-menu-block > ul.menu-name-menu-helix > li:hover, header nav.block-menu-block > ul.menu-name-menu-equinox > li:hover { background-image: none; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(244, 171, 77); } header nav.block-menu-block > ul.menu-name-menu-helix > li a, header nav.block-menu-block > ul.menu-name-menu-equinox > li a { margin-bottom: 3px; } #page.menu-helix #header, #page.menu-equinox #header { height: 90px; } .menu-helix header.subNav { background-image: url(8d16928e245a0878554412a55b73b2a8b40cf2f0.png) ; background-color: white; background-position: 0% 100%; background-repeat: repeat no-repeat; } .menu-equinox header.subNav { background-image: url(ce8681276cf611e758176bca48bbf96447e4f09d.png) ; background-color: white; background-position: 0% 100%; background-repeat: repeat no-repeat; } @media only screen and (min-width: 960px) { .sunstyle-large-margintop--250 { margin-top: -250px; } .sunstyle-large-margintop--150 { margin-top: -150px; } .sunstyle-large-margintop--100 { margin-top: -100px; } .sunstyle-large-margintop--50 { margin-top: -50px; } .sunstyle-large-margintop-50 { margin-top: 50px; } .sunstyle-large-margintop-100 { margin-top: 100px; } .sunstyle-large-margintop-150 { margin-top: 150px; } .sunstyle-large-margintop-250 { margin-top: 250px; } } .field-collection-view-links { height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .video-bean { position: relative; } .video-bean-heading { font-size: 50px; line-height: 105%; margin-top: 20px; } @media (min-width: 768px) { .video-bean-heading { margin-top: 0px; } } .video-bean-image-video { position: relative; } .video-bean-video-wrapper { opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; } .video-bean-video-is-visible .video-bean-video-wrapper { opacity: 1; } .video-bean-overlay { padding: 0px 20px 20px; } @media (min-width: 768px) { .video-bean-overlay { padding: 50px 30px 30px; pointer-events: none; position: absolute; top: 0px; left: 0px; } .video-bean-video-is-visible .video-bean-overlay { display: none; } } @media (min-width: 768px) { .video-bean-body { margin-bottom: 40px; } .video-bean-body p { font-size: 35px; line-height: 135%; } } .video-bean-play-trigger.hide-caption { color: transparent; display: inline-block; font-style: normal; font-variant-caps: normal; font-weight: normal; font-size: 0px; line-height: 0; font-family: serif; } .video-bean-play-trigger-mobile { pointer-events: none; position: absolute; top: 40%; width: 100%; text-align: center; } @media (min-width: 768px) { .video-bean-play-trigger-mobile { display: none; } } .video-bean-play-trigger-mobile.sun-content-color-white { color: rgb(255, 255, 255); } .video-bean-video-is-visible .video-bean-play-trigger-mobile { display: none; } .show-caption .play-trigger-caption { color: rgb(176, 202, 217); font-family: 'Open Sans', sans-serif; font-weight: bold; margin-left: 10px; font-size: 24px; position: relative; top: -10px; } .play-icon { background-image: url(e17dea077601de08cfa63befd24cab371b947b54.png) ; display: inline-block; position: relative; top: 10px; height: 32px; width: 38px; background-repeat: no-repeat no-repeat; } .bean-video.video_style_option_one { position: relative; } .bean-video.video_style_option_one .video-bean-video-wrapper { z-index: 3; } .bean-video.video_style_option_one .video-bean-overlay, .bean-video.video_style_option_one .video-bean-video-wrapper iframe, .bean-video.video_style_option_one .video-bean-video-wrapper, .bean-video.video_style_option_one { overflow: hidden; height: 458px; width: 100%; } @media only screen and (min-width: 768px) { .bean-video.video_style_option_one .video-bean-overlay, .bean-video.video_style_option_one .video-bean-video-wrapper iframe, .bean-video.video_style_option_one .video-bean-video-wrapper, .bean-video.video_style_option_one { height: 550px !important; } } .bean-video.video_style_option_one .video-bean-video { height: inherit; overflow: inherit; position: relative; } .bean-video.video_style_option_one .video-bean-video-wrapper, .bean-video.video_style_option_one .video-bean-video-wrapper iframe { position: relative !important; } .bean-video.video_style_option_one .video-bean-overlay { position: absolute; top: 0px; left: 0px; background-size: cover; font-family: 'Open Sans', sans-serif; height: 100%; overflow: hidden; padding: 0px; background-position: 0% 50%; } @media only screen and (min-width: 769px) { .bean-video.video_style_option_one .video-bean-overlay { background-position: 50% 50%; } } .bean-video.video_style_option_one .sun-content-color-white h2, .bean-video.video_style_option_one .sun-content-color-white { color: white; } .bean-video.video_style_option_one .sun-content-inner { position: relative; height: 100%; padding-top: 90px; } @media only screen and (min-width: 769px) { .bean-video.video_style_option_one .sun-content-inner { padding-top: 180px; } } .bean-video.video_style_option_one .sun-content-inner .maintext { padding-left: 40px; padding-right: 40px; } .bean-video.video_style_option_one.video-bean-video-is-visible .video-bean-overlay { display: none; } .bean-video.video_style_option_one .field-name-field-subhead, .bean-video.video_style_option_one .video-bean-heading, .bean-video.video_style_option_one .video-bean-body { margin: 0px auto; } .bean-video.video_style_option_one .video-bean-heading { color: rgb(94, 99, 103); font-size: 48px; font-weight: 400; margin-bottom: 25px; } @media only screen and (min-width: 769px) { .bean-video.video_style_option_one .video-bean-heading { margin-bottom: 15px; } } .bean-video.video_style_option_one .video-bean-body { color: rgb(94, 99, 103); font-size: 16px; margin-bottom: 25px; } .bean-video.video_style_option_one .video-bean-body p { font-size: 16px; font-weight: 100; } .bean-video.video_style_option_one .video-bean-footer { position: absolute; width: 100%; bottom: 0px; } .bean-video.video_style_option_one .video-bean-footer .field-name-field-bean-footer-text { width: auto; display: inline-block; margin: 0px auto; padding: 10px 15px; background-color: rgb(156, 189, 207); color: white; font-size: 16px; font-weight: 100; background-position: initial initial; background-repeat: initial initial; } .bean-video.video_style_option_one .play-icon { background-image: url(69296ee975d5cd20ad53644372e94dda22efcf90.png) ; display: inline-block; position: relative; top: 10px; height: 62px; width: 62px; background-repeat: no-repeat no-repeat; } .bean-video.video_style_option_one .pretext { font-size: 14px; text-align: center; color: rgb(246, 147, 34); font-weight: 600; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .bean-video.video_style_option_one .pretext { font-size: 18px; } } .bean-video.video_style_option_one .field-name-field-subhead { font-family: inherit; font-size: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; line-height: inherit; } .bean-video.text-bg-dark .sun-content-inner { background-image: radial-gradient(closest-side, rgba(33, 40, 58, 0.8), rgba(0, 0, 0, 0)); } .sun-content-align-left > .sun-content-inner { float: left; } .sun-content-align-right > .sun-content-inner { float: right; } .sun-content-align-center { text-align: center; width: 100%; } .sun-content-align-center .sun-content-inner { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .sun-content-width-25 .sun-content-inner { width: 25%; } .sun-content-width-33 .sun-content-inner { width: 33%; } .sun-content-width-50 .sun-content-inner { width: 50%; } .sun-content-width-66 .sun-content-inner { width: 66%; } .sun-content-width-75 .sun-content-inner { width: 75%; } .sun-content-width-100 .sun-content-inner { width: 100%; } } @media (min-width: 768px) { .sun-content-color-black { color: rgb(0, 0, 0); } .sun-content-color-black h1, .sun-content-color-black h2, .sun-content-color-black h3, .sun-content-color-black h4, .sun-content-color-black h5 { color: rgb(0, 0, 0); } .sun-content-color-white { color: rgb(255, 255, 255); } .sun-content-color-white h1, .sun-content-color-white h2, .sun-content-color-white h3, .sun-content-color-white h4, .sun-content-color-white h5 { color: rgb(255, 255, 255); } } .sun-content-text-align-left { text-align: left; } .sun-content-text-align-right > .sun-content-inner { text-align: right; } .sun-content-text-align-center > .sun-content-inner { text-align: center; } .float-box { padding: 0px 5%; position: relative; } @media (min-width: 768px) { .float-box { padding: 0px; } } @media (min-width: 768px) { .float-box__box { left: 0px; position: absolute; top: 0px; width: 100%; } } .float-box__box-inner { margin: 20px 0px; } @media (min-width: 768px) { .float-box__box-inner { background-color: rgb(255, 255, 255); border: 2px solid rgb(234, 234, 234); margin: 0px 10%; padding: 28px 40px; width: 50%; background-position: initial initial; background-repeat: initial initial; } } @media (min-width: 768px) { .float-box__heading { margin-top: 0px; } } @media (min-width: 768px) { .float-box__image { line-height: 0; padding-top: 100px; } } .line-diagram { padding: 0px 5%; position: relative; width: 100%; } @media (min-width: 768px) { .line-diagram { padding: 0px; } } @media (min-width: 768px) { .line-diagram-first, .line-diagram-second { display: inline-block; vertical-align: top; width: 50%; } } @media (min-width: 768px) { .line-diagram-first { border-right-width: 3px; border-right-style: solid; border-right-color: rgb(78, 150, 241); position: relative; left: 3px; text-align: right; } .line-diagram-first .line-diagram-column-inner { position: relative; left: -3px; } .line-diagram-first .line-diagram__item-inner { padding-right: 70px; } .line-diagram-first .line-diagram__connecting-line, .line-diagram-first .line-diagram__connecting-line-overlay { right: 0px; } .line-diagram-first .line-diagram__copy { padding-left: 10%; } } @media (min-width: 768px) { .line-diagram-second { border-left-width: 3px; border-left-style: solid; border-left-color: rgb(78, 150, 241); } .line-diagram-second .line-diagram-column-inner { padding-top: 150px; } .line-diagram-second .line-diagram__item-inner { padding-left: 70px; } .line-diagram-second .line-diagram__connecting-line, .line-diagram-second .line-diagram__connecting-line-overlay { left: 0px; } .line-diagram-second .line-diagram__copy { padding-right: 10%; } } @media (min-width: 1024px) { .line-diagram-second .line-diagram-column-inner { padding-top: 200px; } } .line-diagram__item { position: relative; } @media (min-width: 768px) { .line-diagram__connecting-line, .line-diagram__connecting-line-overlay { position: absolute; top: 100px; height: 3px; width: 50px; } } @media (min-width: 1024px) { .line-diagram__connecting-line, .line-diagram__connecting-line-overlay { top: 150px; } } @media (min-width: 768px) { .line-diagram__connecting-line { background-color: rgb(78, 150, 241); } } @media (min-width: 768px) { .line-diagram__connecting-line-overlay { background-color: rgb(244, 171, 77); } } .line-diagram__copy { margin: 20px 0px 30px; } @media (min-width: 768px) { .line-diagram__heading { margin-top: 0px; } } @media (min-width: 768px) { .line-diagram-dividing-line { background-color: rgb(78, 150, 241); height: 120px; margin-left: auto; margin-right: auto; position: relative; left: 1.5px; width: 3px; } } .dropdown-tabs, .dropdown-tabs__dropdown, .dropdown-tabs__dropdown-list { margin: 0px; padding: 0px; } .dropdown-tabs { margin-left: 10px; } .dropdown-tabs__dropdown { position: relative; z-index: 1; } .dropdown-tabs__current-link, .dropdown-tabs__dropdown-item a { font-weight: 700; color: rgb(2, 120, 190); } @media only screen and (min-width: 768px) { .dropdown-tabs__current-link, .dropdown-tabs__dropdown-list { min-width: 300px; } } .dropdown-tabs__current-link { display: block; padding: 10px 20px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(2, 120, 190); } .dropdown-tabs__current-link::after { font-family: svg-icons; content: ; float: right; margin-left: 10px; font-size: 50%; line-height: 3; } .dropdown-tabs__current-link.-is-active { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(2, 120, 190); border-right-color: rgb(2, 120, 190); border-left-color: rgb(2, 120, 190); } .dropdown-tabs__current-link.-is-active::after { transform: rotate(180deg); transform-origin: 50% 50%; transition: transform 0.3s ease-out 0.15s; -webkit-transition: transform 0.3s ease-out 0.15s; } .dropdown-tabs__dropdown-list { display: none; position: absolute; z-index: 1; top: 0px; padding: 10px 0px; background-color: rgb(255, 255, 255); list-style: none; background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 768px) { .dropdown-tabs__dropdown-list { left: -10px; } } @media only screen and (max-width: 768px) { .dropdown-tabs__dropdown-list { max-width: 100%; } } .dropdown-tabs__dropdown-list.-is-active { display: block; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(2, 120, 190); border-bottom-color: rgb(2, 120, 190); border-left-color: rgb(2, 120, 190); } .dropdown-tabs__dropdown-item { padding: 5px 20px; } .dropdown-tabs__dropdown-item a { display: block; line-height: 1.3; text-decoration: none; } .list-type--downloads, .list-type--navigation { font-family: 'Open Sans', sans-serif; } .list-type--downloads li, .list-type--navigation li { margin-bottom: 20px; } .list-type--navigation { font-size: 1.5rem; text-decoration: underline; } .list-type--navigation, .list-type--navigation a { color: rgb(2, 120, 190); } .list-type--downloads { font-size: 1.125rem; color: rgb(51, 51, 51); } .list-type--downloads li::before { content: ''; position: relative; top: 2px; display: inline-block; margin-right: 10px; background-image: url(d01a3b2699bf8a611029e1975dd2935ff56b73ad.png) ; height: 20px; width: 17px; background-position: 0px -26px; background-repeat: initial initial; } .list-type--downloads a { color: inherit; text-decoration: none; } .list-type--downloads img { display: none; } .wysiwyg-two-col { width: 100%; margin-bottom: 20px; } @media only screen and (min-width: 1025px) { .wysiwyg-two-col { float: left; clear: right; width: 50%; } } @media only screen and (min-width: 1025px) { .wysiwyg-two-col--left-column { padding-right: 2%; } } @media only screen and (min-width: 1025px) { .wysiwyg-two-col--right-column { padding-left: 2%; } } .fact-text { display: inline-block; font-family: 'Open Sans', sans-serif; line-height: 1; } .fact-text--small { font-size: 1rem; font-weight: 700; line-height: 1.35; } .fact-text--medium { font-size: 1.875rem; font-weight: 400; } .fact-text--large { font-size: 4.5rem; } .highlight-cta-input .bean-address-bean .text-button { border: 1px solid rgb(247, 147, 33); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .highlight-cta-input-label .bean-address-bean .inner-container .highlight-label { margin: 0px; padding: 0px; } .highlight-cta-input-label .bean-address-bean .inner-container .highlight-label label { font-size: 16px; text-transform: uppercase; width: 100%; border-top-right-radius: 3px; opacity: 0.9; border-top-left-radius: 3px; background-color: rgb(255, 126, 28); color: white; } .highlight-cta-input-label .bean-address-bean .inner-container .text-button { border: 1px solid rgb(247, 147, 33); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; } @media only screen and (min-width: 960px) { .bean-comparison-bean .compare-bean--section-body, #content .bean-comparison-bean .compare-bean--section-body { display: inline-block; width: 33%; vertical-align: top; } .bean-comparison-bean .compare-bean--section-table, #content .bean-comparison-bean .compare-bean--section-table { display: inline-block; width: 66%; } } .bean-comparison-bean td, #content .bean-comparison-bean td, .bean-comparison-bean th, #content .bean-comparison-bean th { vertical-align: top; } .bean-comparison-bean table, #content .bean-comparison-bean table { margin-bottom: 0px; } .bean-comparison-bean table tr:nth-child(odd), #content .bean-comparison-bean table tr:nth-child(odd) { background-color: transparent; } .bean-comparison-bean table td, #content .bean-comparison-bean table td { padding: 0px; } .bean-comparison-bean table td.compare-bean--table-desc, #content .bean-comparison-bean table td.compare-bean--table-desc { padding: 10px; } .bean-comparison-bean table td.compare-bean--table-desc:first-child, #content .bean-comparison-bean table td.compare-bean--table-desc:first-child { padding-left: 0px; } .bean-comparison-bean table td.compare-bean--table-desc:last-child, #content .bean-comparison-bean table td.compare-bean--table-desc:last-child { padding-right: 0px; } @media only screen and (min-width: 768px) { .bean-comparison-bean table td.compare-bean--table-desc, #content .bean-comparison-bean table td.compare-bean--table-desc { padding: 30px; } } @media only screen and (min-width: 960px) { .bean-comparison-bean table td.compare-bean--table-desc, #content .bean-comparison-bean table td.compare-bean--table-desc { padding: 40px; } .bean-comparison-bean table td.compare-bean--table-desc:first-child, #content .bean-comparison-bean table td.compare-bean--table-desc:first-child { padding-left: 40px; } .bean-comparison-bean table td.compare-bean--table-desc:last-child, #content .bean-comparison-bean table td.compare-bean--table-desc:last-child { padding-right: 40px; } } .compare-bean--table { table-layout: fixed; width: 100%; } .compare-bean--table-heading { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(137, 137, 137); text-align: center; } .compare-bean--table-desc:last-child { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(137, 137, 137); } .panel-pane.master-dealer-body { max-width: 800px; } .master-dealer-body p { font-size: 16px; font-weight: 300; line-height: 1.4; color: rgb(94, 99, 103); } @media only screen and (min-width: 768px) { .master-dealer-body p { font-size: 18px; } } .map-heading { margin: 0px 20px 15px; font-size: 40px; text-align: center; line-height: 1.05; color: rgb(57, 96, 122); } @media only screen and (min-width: 768px) { .map-heading { font-size: 50px; } } .view-states-with-dealers { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { .view-states-with-dealers { padding-left: 40px; padding-right: 40px; } } @media only screen and (min-width: 768px) { .view-states-with-dealers { display: none; } } .view-states-with-dealers ul { margin-bottom: 20px; list-style-type: none; text-align: center; } .view-states-with-dealers .views-row { margin: 0px 0px 20px; font-size: 18px; font-weight: 400; color: rgb(85, 158, 242); cursor: pointer; } .pane-sun-us-dealer-map-sun-us-dealer-map-map { display: none; position: relative; margin: 0px 10%; width: 80%; height: 0px; padding-top: 55%; overflow: hidden; } @media only screen and (min-width: 768px) { .pane-sun-us-dealer-map-sun-us-dealer-map-map { display: block; } } .us-map-navigation { position: absolute; top: 0px; left: 0px; width: 100%; height: 100% !important; } .us-map-navigation svg { width: 100%; height: auto; } .master-dealer-cta { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 768px) { .master-dealer-cta { padding-left: 40px; padding-right: 40px; } } .cta-btn { display: inline-block; padding: 4px 20px; border: 1px solid rgb(77, 143, 218); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; font-size: 13px; font-weight: 400; text-align: center; text-decoration: none; background-image: linear-gradient(rgb(85, 158, 242), rgb(69, 139, 240)); color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; } div.bean-highlights { margin: 30px 0px; padding: 30px 20px 20px; background-color: rgb(76, 158, 205); color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 768px) { div.bean-highlights { padding: 40px 40px 45px; background-color: rgb(156, 188, 205); background-position: initial initial; background-repeat: initial initial; } } div.bean-highlights .field-collection-container { margin-bottom: 0px; } .bean-highlights h2 { margin-bottom: 26px; margin-top: 0px; font-size: 26px; font-weight: 400; line-height: 1; color: rgb(255, 255, 255); } @media only screen and (min-width: 480px) { .bean-highlights h2 { font-size: 30px; line-height: 0.9; } } @media only screen and (min-width: 480px) { .bean-highlights .field-name-field-bean-info-text > .field-items { display: flex; } } .bean-highlights .field-name-field-bean-info-text > .field-items > .field-item { padding-top: 20px; margin-bottom: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: rgba(255, 255, 255, 0.2); } @media only screen and (min-width: 480px) { .bean-highlights .field-name-field-bean-info-text > .field-items > .field-item { width: 31.333%; margin-right: 3%; padding-right: 3%; padding-top: 0px; border-top-style: none; border-right-style: solid; border-right-width: 1px; border-right-color: rgba(255, 255, 255, 0.2); } } .bean-highlights .field-name-field-bean-info-text > .field-items > .field-item:last-child { margin-right: 0px; border-right-style: none; } div.bean-highlights div.field-name-field-beantext-title { margin-bottom: 10px; font-size: 16px; font-weight: 600; } @media only screen and (min-width: 768px) { div.bean-highlights div.field-name-field-beantext-title { font-size: 18px; } } .entity-bean.bean-highlights .field-name-field-beantext-body { padding-bottom: 0px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 1.35; letter-spacing: 0.03em; } @media only screen and (min-width: 768px) { .entity-bean.bean-highlights .field-name-field-beantext-body { font-size: 15px; } } .view-dealers-by-state .view-grouping-header { position: absolute; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; padding: 0px; margin: -1px; border: 0px; overflow: hidden; } .view-dealers-by-state .view-grouping { padding: 40px 20px 30px; border-top-style: solid; border-top-width: 1px; border-top-color: rgb(156, 188, 205); } @media only screen and (min-width: 768px) { .view-dealers-by-state .view-grouping { padding: 40px 40px 30px; } } .view-dealers-by-state .view-grouping:nth-child(odd) { background-color: rgba(156, 188, 205, 0.0980392); background-position: initial initial; background-repeat: initial initial; } .view-dealers-by-state h3 { margin-bottom: 20px; margin-top: 0px; font-size: 30px; font-weight: 400; line-height: 0.9; color: rgb(57, 96, 122); } .view-dealers-by-state ul { list-style-type: none; } .view-dealers-by-state ul::before, .view-dealers-by-state ul::after { content: ''; display: table; } .view-dealers-by-state ul::after { clear: both; } .view-dealers-by-state .item-list .views-row { margin: 0px 0px 25px; padding: 25px 20px 30px; border-bottom-right-radius: 60px; border: 1px solid rgba(0, 0, 0, 0.0470588); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.0470588) 0px 11px 20px 0px; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 768px) { .view-dealers-by-state .item-list .views-row { float: left; width: 30%; margin-left: 5%; } } .view-dealers-by-state .item-list .views-row:hover, .view-dealers-by-state .item-list .views-row:focus { border: 1px solid rgba(0, 0, 0, 0.0666667); box-shadow: rgba(0, 0, 0, 0.0980392) 0px 11px 30px 0px; } @media only screen and (min-width: 768px) { .view-dealers-by-state .item-list .views-row:nth-child(3n+1) { clear: left; margin-left: 0px; } } .view-dealers-by-state h4 { margin: 0px 0px 7px; font-size: 24px; line-height: 1.1; color: rgb(57, 96, 122); } .view-dealers-by-state .dealer--primary-location { text-align: left; font-size: 15px; line-height: 1; } .view-dealers-by-state .rating-wrapper { margin-bottom: 15px; } .view-dealers-by-state .dealer--rating { display: inline-block; vertical-align: middle; text-align: left; } .view-dealers-by-state .dealer--rating .stars { position: relative; display: inline-block; margin-right: 5px; top: 1px; width: 69px; height: 12px; background-image: url(b6c5b7560aeaa567624b4618b069ed38505f3844.svg) ; background-size: 100%; background-position: initial initial; background-repeat: no-repeat no-repeat; } .view-dealers-by-state .dealer--rating .stars.stars_0 { background-position: 0px -62px; } .view-dealers-by-state .dealer--rating .stars.stars_1 { background-position: 0px -50px; } .view-dealers-by-state .dealer--rating .stars.stars_2 { background-position: 0px -38px; } .view-dealers-by-state .dealer--rating .stars.stars_3 { background-position: 0px -25px; } .view-dealers-by-state .dealer--rating .stars.stars_4 { background-position: 0px -13px; } .dealer-rating-suffix { display: inline-block; font-size: 11px; color: rgba(94, 99, 103, 0.701961); } .dealer-rating-suffix * { display: inline; } .view-dealers-by-state .field-name-field-dealer-location { display: none; } .page-node.node-type-dealer .node-dealer { margin: 30px 20px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 768px) { .page-node.node-type-dealer .node-dealer { margin: 50px 40px; } } .page-node.node-type-dealer #page-title { position: absolute; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; padding: 0px; margin: -1px; border: 0px; overflow: hidden; } .dealer-overview { margin-bottom: 50px; } .dealer-overview::before, .dealer-overview::after { content: ''; display: table; } .dealer-overview::after { clear: both; } @media only screen and (min-width: 960px) { .dealer-overview { display: flex; align-items: stretch; } } .all-dealers-link { display: inline-block; padding-left: 13px; margin-bottom: 35px; font-size: 13px; text-decoration: none; background-image: url(34ba6b823391ab261a68e8927fa4d738678e71d9.svg) ; background-size: auto 70%; color: rgb(0, 118, 190); background-position: 0px 50%; background-repeat: no-repeat no-repeat; } .all-dealers-link:hover, .all-dealers-link:focus { color: rgb(57, 96, 122); } .dealer-header { clear: left; margin-bottom: 20px; } @media only screen and (min-width: 480px) { .dealer-header { width: 75%; } } @media only screen and (min-width: 768px) { .dealer-header { width: 40%; padding-right: 3%; } } @media only screen and (min-width: 960px) { .dealer-header { float: left; width: 22.75%; margin-right: 3%; border-right-style: solid; border-right-width: 1px; border-right-color: rgba(76, 158, 205, 0.2); } } @media only screen and (min-width: 960px) { .dealer--summary { float: right; width: 74.25%; } } .dealer--summary .field-name-body { margin-bottom: 20px; font-size: 16px; line-height: 1.4; color: rgb(94, 99, 103); font-weight: 300; } @media only screen and (min-width: 768px) { .dealer--summary .field-name-body { font-size: 18px; } } .dealer--name { padding-top: 10px; margin-bottom: 20px; margin-top: 10px; border-top-style: solid; border-top-width: 2px; border-top-color: rgba(94, 99, 103, 0.298039); font-size: 19px; font-weight: 300; text-align: center; letter-spacing: 0.01em; color: rgba(94, 99, 103, 0.8); } .dealer--primary-location { margin-bottom: 10px; font-size: 18px; color: rgb(94, 99, 103); } @media only screen and (min-width: 960px) { .dealer--primary-location { text-align: center; } } .dealer--rating { font-size: 14px; font-weight: 300; color: rgba(94, 99, 103, 0.701961); } @media only screen and (min-width: 960px) { .dealer--rating { text-align: center; } } .dealer--rating .stars { position: relative; display: inline-block; margin-right: 5px; top: 1px; width: 92px; height: 15px; background-image: url(0cc842a186a5966be5e840c5f7ab1558758dc5a4.svg) ; background-size: 100%; background-position: initial initial; background-repeat: no-repeat no-repeat; } .dealer--rating .stars.stars_0 { background-position: 0px -82px; } .dealer--rating .stars.stars_1 { background-position: 0px -66px; } .dealer--rating .stars.stars_2 { background-position: 0px -49px; } .dealer--rating .stars.stars_3 { background-position: 0px -33px; } .dealer--rating .stars.stars_4 { background-position: 0px -17px; } @media only screen and (min-width: 768px) { .dealer--contact-information { float: left; width: 48%; margin-right: 3.3333%; } } @media only screen and (min-width: 1025px) { .dealer--contact-information { width: 33%; } } .dealer-map { position: relative; } @media only screen and (min-width: 768px) { .dealer-map { float: right; width: 48%; } } @media only screen and (min-width: 1025px) { .dealer-map { width: 63.666%; } } .scrolljacking-overlay { position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; background-color: rgba(247, 146, 30, 0.498039); background-image: url(b6dfbd95bfa419c432438a3fa76b5165f212273c.svg) ; background-size: 45px 45px; transition: width 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), height 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -webkit-transition: width 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22), height 400ms cubic-bezier(0.895, 0.03, 0.685, 0.22); cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } @media only screen and (min-width: 768px) { .scrolljacking-overlay { display: none; } } .scrolljacking-overlay.collapsed { width: 75px; height: 75px; } .dealer-map iframe { height: 400px; } @media only screen and (min-width: 768px) { .dealer-map iframe { height: 600px; } } .dealer--reviews { clear: both; padding-top: 30px; } .dealer--contact-information h2, .dealer--reviews h2 { margin-bottom: 20px; margin-top: 0px; font-size: 30px; color: rgb(57, 96, 122); } .dealer--contact-information .dealer-url, .dealer--contact-information .dealer-phone { margin-bottom: 10px; color: rgb(0, 118, 190); font-weight: 600; } .dealer--contact-information .dealer-url a { text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; color: rgb(0, 118, 190); } .dealer--contact-information .dealer-url a:hover, .dealer--contact-information .dealer-url a:focus { color: rgb(57, 96, 122); } .dealer-locations { margin-top: 15px; padding-top: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: rgba(76, 158, 205, 0.2); color: rgb(94, 99, 103); } .dealer-locations .field-name-field-dealer-location, .dealer-locations .individual_location { margin-bottom: 15px; padding-bottom: 20px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(76, 158, 205, 0.2); } .dealer-locations .fn { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 600; color: rgb(246, 147, 34); } .dealer-locations strong, .dealer-locations b { color: rgb(57, 96, 122); } #content .dealer-locations .individual_location--info p, #content .dealer-locations .field-name-field-dealer-location p { padding-bottom: 0px; margin-top: 10px; } .dealer-locations .map-link { margin-top: 10px; font-weight: 600; } .dealer-locations .map-link a { text-decoration: none; color: rgb(0, 118, 190); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .dealer-locations .map-link a:hover, .dealer-locations .map-link a:focus { color: rgb(57, 96, 122); } .field-name-field-dealer-location .field-collection-view { padding: 0px; } .dealer-locations .field-collection-container .field-items .field-item { margin-bottom: 0px; } .individual_reviews { letter-spacing: 0.03em; } .individual_reviews::before, .individual_reviews::after { content: ''; display: table; } .individual_reviews::after { clear: both; } .field-name-field-dealer-reviews > .field-items > .field-item { margin-bottom: 20px; padding: 20px; background-color: rgb(156, 188, 205); color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 768px) { .field-name-field-dealer-reviews > .field-items > .field-item { float: left; width: 31%; margin-left: 3.3333%; } } @media only screen and (min-width: 768px) { .field-name-field-dealer-reviews > .field-items > .field-item:nth-child(3n+1) { clear: left; margin-left: 0px; } } .individual_review .review_title { margin-top: 0px; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 1.35; color: rgb(255, 255, 255); } .individual_review .review_rating { margin-bottom: 15px; font-size: 11px; font-weight: 300; } .review_rating .stars { position: relative; display: inline-block; margin-right: 5px; top: 1px; width: 69px; height: 12px; background-image: url(964fc2d30c5b6d9b43697491f164e6db8bf89566.svg) ; background-size: 100%; background-position: initial initial; background-repeat: no-repeat no-repeat; } .individual_review .review_rating::after { content: ' Overall'; position: relative; top: -1px; } .review_rating .stars.stars_0 { background-position: 0px -62px; } .review_rating .stars.stars_1 { background-position: 0px -50px; } .review_rating .stars.stars_2 { background-position: 0px -38px; } .review_rating .stars.stars_3 { background-position: 0px -25px; } .review_rating .stars.stars_4 { background-position: 0px -13px; } .individual_review .review_description { margin: 10px 0px 5px; font-size: 12px; font-weight: 300; } .reviews_see_more a { font-weight: 600; text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; color: rgb(0, 118, 190); } .reviews_see_more a:hover, .reviews_see_more a:focus { color: rgb(57, 96, 122); } .bean-descriptive-column { margin-top: 10px; margin-bottom: 10px; } .bean-descriptive-column::before, .bean-descriptive-column::after { content: ''; display: table; } .bean-descriptive-column::after { clear: both; } @media only screen and (min-width: 960px) { .bean-descriptive-column { margin-top: 30px; margin-bottom: 30px; } } .descriptive-columns--description { vertical-align: top; } @media only screen and (min-width: 960px) { .descriptive-columns--description { display: inline-block; float: left; margin-top: 40px; width: 37%; } } @media only screen and (min-width: 960px) { .descriptive-columns--columns { display: inline-block; float: right; width: 57%; } } .descriptive-column { padding-top: 8px; padding-bottom: 8px; vertical-align: top; } @media only screen and (min-width: 480px) { .descriptive-column { padding-left: 8px; padding-right: 8px; display: inline-block; width: 32%; } } @media only screen and (min-width: 480px) { .col-count-1 .descriptive-column { width: 100%; } } @media only screen and (min-width: 480px) { .col-count-2 .descriptive-column { width: 47%; } } .h1, .h1--responsive { font-size: 50px; font-weight: 300; line-height: 105%; margin-bottom: 35px; } @media only screen and (max-width: 959px) { .h1--responsive { font-size: 30px; margin-bottom: 18px; } } .bean-helix-carousel { position: relative; margin-top: 50px; transition: background-image 0.25s linear; -webkit-transition: background-image 0.25s linear; } .bean-helix-carousel::before, .bean-helix-carousel::after { content: ''; display: table; } .bean-helix-carousel::after { clear: both; } .bean-helix-carousel .field-collection-item-field-slides { padding-left: 8%; padding-right: 8%; font-family: 'Open Sans', sans-serif; color: rgb(93, 98, 103); } @media only screen and (min-width: 768px) { .bean-helix-carousel .field-collection-item-field-slides { padding-left: 7%; padding-right: 4%; } } .bean-helix-carousel .field-name-field-caption { width: 80%; } @media only screen and (min-width: 768px) { .bean-helix-carousel .field-name-field-caption { margin-top: 40px; width: 40%; } } .bean-helix-carousel .field-name-field-caption .field-item { background-size: 100%; background-image: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%); } @media only screen and (min-width: 768px) { .bean-helix-carousel .field-name-field-caption .field-item { background-image: none; background-position: initial initial; background-repeat: initial initial; } } .bean-helix-carousel .field-name-field-caption p { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; } .bean-helix-carousel .field-name-field-caption h2, .bean-helix-carousel .field-name-field-caption h3 { color: rgb(93, 98, 103); } .bean-helix-carousel .field-name-field-caption h2 { z-index: 4; top: 0px; width: 90%; font-size: 30px; line-height: 30px; margin-top: 0px; } @media only screen and (min-width: 768px) { .bean-helix-carousel .field-name-field-caption h2 { width: 100%; } } .bean-helix-carousel .field-name-field-caption h3 { font-size: 22px; font-weight: 600; line-height: 1.3; } .bean-helix-carousel .field-name-field-slides { position: relative; } .bean-helix-carousel .field-name-field-caption { position: relative; z-index: 2; } .bean-helix-carousel .featured-img { position: absolute; top: 100px; right: 0px; z-index: 1; width: 45%; } .bean-helix-carousel.-is-active .featured-img { position: fixed; right: 100px; will-change: transform; } .bean-helix-carousel.intro-slide .featured-img { transform: translateY(-45%); right: 80px; width: 65%; } @media only screen and (min-width: 768px) { .bean-helix-carousel.intro-slide .featured-img { width: 45%; } } .bean-helix-carousel.-is-ending .featured-img { position: absolute; top: auto; bottom: 0px; } .bean-helix-carousel__pager { position: absolute; top: 0px; right: 20px; } .bean-helix-carousel__pager.-is-active { position: fixed; } .bean-helix-carousel__pager.-is-ending { position: absolute; top: auto; right: 20px; bottom: 0px; transform: translateY(0px); } .bean-helix-carousel__pager-button { height: 14px; width: 14px; margin: 30px 5px; background-color: rgb(246, 147, 34); border: 2px solid rgb(246, 147, 34); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; text-indent: -99999em; overflow: hidden; cursor: pointer; background-position: initial initial; background-repeat: initial initial; } .bean-helix-carousel__pager-button:first-child { margin-top: 0px; } .bean-helix-carousel__pager-button:last-child { margin-bottom: 0px; } .bean-helix-carousel__pager-button:hover, .bean-helix-carousel__pager-button.-is-active { border-color: rgb(246, 147, 34); background-color: transparent; } .bean-helix-carousel > .content > .field-collection-container { float: left; } @media only screen and (max-width: 780px) { .bean-helix-carousel { position: relative; min-height: 450px; margin: 0px auto; } .bean-helix-carousel .field-name-field-caption { width: 100%; } .bean-helix-carousel .field-name-field-caption h2 { position: absolute; z-index: 4; top: 0px; width: 90%; font-size: 30px; margin-top: 0.83em; } .bean-helix-carousel .field-name-field-caption h3 { font-size: 22px; font-weight: 600; line-height: 1.3; } .bean-helix-carousel .field-name-field-caption ul li, .bean-helix-carousel .field-name-field-caption p { width: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; } .bean-helix-carousel .featured-img { margin-top: 110px; width: auto; position: relative; top: 0px; right: 0px; } .bean-helix-carousel__pager { position: absolute; top: 40px; right: 10px; z-index: 5; } .bean-helix-carousel__pager-button { list-style-type: none; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; cursor: pointer; border: 2px solid rgb(246, 147, 34); background-color: rgb(246, 147, 34); height: 14px; width: 14px; margin: 30px 5px; background-position: initial initial; background-repeat: initial initial; } .bean-helix-carousel__pager-button:hover { background-color: transparent; } .bean-helix-carousel__pager-button.-is-active, .bean-helix-carousel__pager-button:active { background-color: white; } .bean-helix-carousel .field-name-field-slides { } .bean-helix-carousel .field-name-field-slides > .field-items > .field-item { display: none; } .bean-helix-carousel .field-name-field-slides > .field-items > .field-item.-is-active { display: block; } .bean-helix-carousel > .content > .field-collection-container { float: left; width: 92%; } } @media only screen and (max-width: 780px) and (min-width: 480px) { .bean-helix-carousel > .content > .field-collection-container { width: 95%; } } @media only screen and (max-width: 780px) { .bean-helix-carousel { position: relative; min-height: 450px; margin: 0px auto; } .bean-helix-carousel .field-name-field-caption { width: 100%; } .bean-helix-carousel .field-name-field-caption h2 { position: absolute; z-index: 4; top: 0px; width: 90%; font-size: 30px; margin-top: 0.83em; } .bean-helix-carousel .field-name-field-caption h3 { font-size: 22px; font-weight: 600; line-height: 1.3; } .bean-helix-carousel .field-name-field-caption ul li, .bean-helix-carousel .field-name-field-caption p { width: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; } .bean-helix-carousel .featured-img { margin-top: 110px; width: auto; position: relative; top: 0px; right: 0px; } .bean-helix-carousel .pager { position: absolute; top: 40px; right: 10px; z-index: 5; } .bean-helix-carousel .pager li { list-style-type: none; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; cursor: pointer; border: 2px solid rgb(246, 147, 34); background-color: rgb(246, 147, 34); height: 14px; width: 14px; margin: 30px 5px; background-position: initial initial; background-repeat: initial initial; } .bean-helix-carousel .pager li:hover { background-color: transparent; } .bean-helix-carousel .pager li.-is-active, .bean-helix-carousel .pager li:active { background-color: white; } .bean-helix-carousel .field-name-field-slides { } .bean-helix-carousel .field-name-field-slides > .field-items > .field-item { display: none; } .bean-helix-carousel .field-name-field-slides > .field-items > .field-item.active { display: block; } .bean-helix-carousel > .content > .field-collection-container { float: left; width: 92%; } } @media only screen and (max-width: 780px) and (min-width: 480px) { .bean-helix-carousel > .content > .field-collection-container { width: 95%; } } .hotspot { display: none; } @media only screen and (min-width: 1280px) { .hotspot { display: block; position: absolute; width: 200px; height: 70px; } .hotspot.hotspot-place-left .hotspot-dot { float: left; } .hotspot.hotspot-place-left .hotspot-line { float: right; } .hotspot.hotspot-place-left .hotspot-vert { float: right; } .hotspot.hotspot-place-right .hotspot-dot { float: right; } .hotspot.hotspot-place-right .hotspot-line { float: left; } .hotspot.hotspot-place-right .hotspot-vert { float: left; } .hotspot .hotspot-dot { border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; border-bottom-left-radius: 35px; border: 5px solid rgb(247, 147, 33); display: inline-block; width: 70px; height: 70px; } .hotspot .hotspot-line { border-top-color: rgb(247, 147, 33); border-top-style: solid; border-top-width: 2px; width: 130px; height: 35px; margin-top: 35px; } } .letter-spacing-double { letter-spacing: 1em; } .letter-spacing-double--responsive { letter-spacing: 0.5em; } @media only screen and (min-width: 960px) { .letter-spacing-double--responsive { letter-spacing: 1em; } } .list--orange-bullets li, .list--orange-circles li { color: rgb(244, 171, 77); } .list--orange-circles { list-style-type: circle; } @media only screen and (min-width: 960px) { .large-positiontop--250 { margin-top: -250px; } .large-positiontop--150 { margin-top: -150px; } .large-positiontop--100 { margin-top: -100px; } .large-positiontop--50 { margin-top: -50px; } .large-positiontop-50 { position: relative; top: 50px; } .large-positiontop-100 { position: relative; top: 100px; } .large-positiontop-150 { position: relative; top: 150px; } .large-positiontop-250 { position: relative; top: 250px; } .large-paddingtop-50 { padding-top: 50px; } .large-paddingtop-75 { padding-top: 75px; } .large-paddingtop-100 { padding-top: 100px; } .large-paddingtop-125 { padding-top: 125px; } .large-paddingtop-175 { padding-top: 175px; } .large-paddingtop-200 { padding-top: 200px; } .large-paddingtop-225 { padding-top: 225px; } .large-paddingtop-250 { padding-top: 250px; } } @media only screen and (min-width: 768px) { .mobile-only { display: none; } } @media (max-width: 767px) { .fullscreen-only { display: none; } } .sp-col-5::before, .sp-col-5::after { content: ''; display: table; } .sp-col-5::after { clear: both; } @media (min-width: 480px) { .sp-col-5 .sp-col { width: 50%; float: left; } } @media (min-width: 960px) { .sp-col-5 .sp-col { width: 20%; float: left; } } .sp-separator { background-image: url(946457354c3ce1aa05a58489f7136b04dadd203e.png) ; background-size: contain; clear: both; height: 2px; margin: 10px auto; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } .sunvideo-16-9, .video-bean-video { height: 0px; overflow: hidden; padding-bottom: 56.25%; position: relative; } .sunvideo-16-9 iframe, .video-bean-video iframe, .sunvideo-16-9 object, .video-bean-video object, .sunvideo-16-9 embed, .video-bean-video embed { left: 0px; height: 100%; position: absolute; top: 0px; width: 100%; } .bean-tri-panel-bean { margin: 25px; } .bean-tri-panel-bean .field-name-field-icon-flex, .bean-tri-panel-bean .field-name-field-bean-panel-title { display: inline-block; margin-bottom: 20px; vertical-align: middle; } div.bean-tri-panel-bean div.field-name-field-icon-flex { margin-right: 15px; padding: 0px; line-height: 1; } .bean-tri-panel-bean .field-name-field-bean-panel-title { font-size: 30px; line-height: 1; } div.bean-tri-panel-bean div.field-name-field-subhead { margin-bottom: 15px; font-size: 18px; } .field-name-field-bean-panel > .field-items > .field-item:nth-child(1) { position: relative; padding-bottom: 40px; margin-bottom: 40px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(217, 215, 221); } @media only screen and (min-width: 768px) { .field-name-field-bean-panel > .field-items > .field-item:nth-child(1) { padding-bottom: 0px; padding-right: 60px; border-bottom-style: none; border-right-style: solid; border-right-width: 1px; border-right-color: rgb(217, 215, 221); } } .field-name-field-bean-panel > .field-items > .field-item:nth-child(1)::after { content: or; display: block; position: absolute; top: 100%; left: 50%; margin-left: -30px; margin-top: -30px; height: 60px; width: 60px; line-height: 60px; border: 1px solid rgb(217, 215, 221); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(255, 255, 255); text-align: center; font-size: 20px; text-transform: uppercase; color: rgb(217, 215, 221); background-position: initial initial; background-repeat: initial initial; } @media only screen and (min-width: 768px) { .field-name-field-bean-panel > .field-items > .field-item:nth-child(1)::after { top: 50%; left: 100%; } } @media only screen and (min-width: 768px) { .field-name-field-bean-panel > .field-items > .field-item:nth-child(2) { padding-left: 60px; } } @media only screen and (min-width: 768px) { .field-name-field-bean-panel > .field-items > .field-item:nth-child(1), .field-name-field-bean-panel > .field-items > .field-item:nth-child(2) { float: left; width: 50%; margin-bottom: 60px; } } .field-name-field-bean-panel > .field-items > .field-item:nth-child(3) { text-align: center; clear: left; padding-top: 40px; border-top-style: solid; border-top-width: 1px; border-top-color: rgb(217, 215, 221); } .twocol-info-compare::before, .twocol-info-compare::after { content: ''; display: table; } .twocol-info-compare::after { clear: both; } @media (min-width: 960px) { .twocol-info-compare-body { float: left; width: 66%; } } @media (min-width: 960px) { .twocol-info-compare-compare { background-color: rgba(255, 255, 255, 0.498039); float: right; max-width: 33%; background-position: initial initial; background-repeat: initial initial; } } @media (min-width: 960px) { .twocol-info-compare-section { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: white; padding: 20px 28px; } .twocol-info-compare-section:last-child { border-bottom-width: 0px; margin-bottom: 0px; } } #webform-client-form-301 .webform-component--page-comments .form-item { float: none; width: 100%; } @media only screen and (min-width: 960px) { #webform-client-form-301 .webform-component--page-comments { border-bottom-style: none; margin-bottom: 0px; padding-bottom: 0px; float: left; padding-right: 12px; width: 50%; } } @media only screen and (min-width: 960px) { #webform-client-form-301 .webform-component--page-ratings { border-bottom-style: none; margin-bottom: 0px; padding-bottom: 0px; float: right; padding-left: 12px; width: 50%; } } #webform-client-form-301 .webform-component--page-ratings .webform-component-radios .form-type-radio label { display: inline-block; vertical-align: middle; min-width: 34px; padding: 34px 0px 0px; text-align: center; } #webform-client-form-301 .webform-component--page-ratings .webform-component-radios .form-type-radio label::before { left: 50%; margin-left: -17px; top: 0px; } #webform-client-form-301 .webform-component--page-ratings .webform-component-radios .form-type-radio label::after { left: 50%; margin-left: -14px; top: 3px; z-index: 2; } @media only screen and (min-width: 960px) { #webform-client-form-301 .webform-component--page-ratings .webform-component-radios { padding-left: 42%; } } #webform-client-form-301 .webform-component--additional-info { padding-top: 29px; position: relative; } #webform-client-form-301 .webform-component--additional-info legend { display: block; width: 100%; padding: 0px 0px 25px; position: absolute; top: 0px; left: 0px; } @media only screen and (min-width: 960px) { #webform-client-form-301 .webform-component--additional-info { border-top-width: 1px; border-top-style: dashed; border-top-color: rgb(201, 201, 201); clear: both; margin-top: 25px; padding-top: 54px; } #webform-client-form-301 .webform-component--additional-info legend { padding: 25px 0px; } } article.node-webform .node-title { box-shadow: black 0px 35px 16px -39px; -webkit-box-shadow: black 0px 35px 16px -39px; padding: 25px 30px; } .webform-client-form { background-image: linear-gradient(rgba(0, 0, 0, 0.0196078) 0%, rgba(0, 0, 0, 0.0196078) 19%, rgba(0, 0, 0, 0) 100%); padding-top: 60px; background-position: initial initial; background-repeat: initial initial; } .form-item.webform-component.webform-component-select.webform-component--State { padding-left: 0px; width: 49%; } .form-item.webform-component.webform-component-select.webform-component--State label { display: none; } #cboxClose { top: -2px; right: 19px; } #cboxTitle { display: none !important; }