.green { color: #007a53; } .light-bg-grey, .clearbutton, #block-genelec-base-genelec-homepage-promoted .block--views, #block-genelec-distributors-distributors-homepage, #block-genelec-distributors-distributors-frontpage-block, #block-genelec-base-genelec-segments-series .block__content .series, #block-genelec-base-genelec-segments-related-items, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.open, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.open, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI:hover, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI:hover, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage:hover, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage:hover, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-link, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-trail-element, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-link, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-trail-element, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper, #block-menu-block-8, #block-menu-block-10, ARTICLE.node TABLE TBODY TR:nth-child(2n+1), ARTICLE.node TABLE THEAD TR:nth-child(2n+1) { background-color: #ededed; } .medium-bg-grey, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-link > .menu-level2-wrapper .active-link, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-trail-element > .menu-level2-wrapper .active-link, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-link > .menu-level2-wrapper .active-link, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-trail-element > .menu-level2-wrapper .active-link, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper.active-trail-menu > .menu.active-trail-menu > .active-trail-element, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper.active-trail-menu > .menu.active-trail-menu > .active-trail-element, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI:hover, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI:hover, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI, ARTICLE.node--front-page, ARTICLE.node TABLE TBODY TR:nth-child(2n+1) TD:nth-child(2n+0), ARTICLE.node TABLE TBODY TR:nth-child(2n+1) TH:nth-child(2n+0), ARTICLE.node TABLE THEAD TR:nth-child(2n+1) TD:nth-child(2n+0), ARTICLE.node TABLE THEAD TR:nth-child(2n+1) TH:nth-child(2n+0), ARTICLE.node TABLE TBODY TR:nth-child(2n+0), ARTICLE.node TABLE THEAD TR:nth-child(2n+0) { background-color: #e0e0e0; } .bg-grey60, #block-genelec-base-genelec-homepage-promoted .block--views .view-footer, #block-genelec-distributors-distributors-homepage .block__content .search-div, #block-genelec-distributors-distributors-homepage .block__content .search-div .search-title-wrapper, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper .icon, BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading { background-color: #d9d9d9; } .darker-bg-grey, ARTICLE.node TABLE TBODY TR:nth-child(2n+0) TD:nth-child(2n+0), ARTICLE.node TABLE TBODY TR:nth-child(2n+0) TH:nth-child(2n+0), ARTICLE.node TABLE THEAD TR:nth-child(2n+0) TD:nth-child(2n+0), ARTICLE.node TABLE THEAD TR:nth-child(2n+0) TH:nth-child(2n+0) { background-color: #cccccc; } .bg-grey80, #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form { background-color: #999999; } .bg-grey90 { background-color: #404040; } .black-bg-grey, .darkgreybutton, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-header-links .header-link-container, ARTICLE.node--front-page .node__content .field--name-field-link, #block-genelec-base-designphilosophy-block, #block-genelec-base-designphilosophy-block .block__content .edit-button-wrapper A, #block-genelec-base-genelec-footer, #block-genelec-distributors-distributors-frontpage-block .block__content .edit-button-wrapper A, #block-genelec-product-selector-product-selector-link-block, #block-genelec-faq-faq-link-block, #block-menu-block-7 .menu-block-7 > UL > LI.open, #block-menu-block-7 .menu-block-9 > UL > LI.open, #block-menu-block-9 .menu-block-7 > UL > LI.open, #block-menu-block-9 .menu-block-9 > UL > LI.open, #block-menu-block-7 .menu-block-7 > UL > LI > UL, #block-menu-block-7 .menu-block-9 > UL > LI > UL, #block-menu-block-9 .menu-block-7 > UL > LI > UL, #block-menu-block-9 .menu-block-9 > UL > LI > UL { background-color: #262626; } .helvL, .fontH1, H1.page-title, #block-genelec-base-genelec-homepage-promoted .block--views .view-header H2, #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text H2, #block-genelec-base-genelec-segments-related-items .block-title H3, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H1.page-title, .page-last-news .title-wrapper H1.pagetitle, #block-views-news-block-1 .title-wrapper H1.pagetitle, .fontH3, BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__label, BODY.node-type-product .node--product--full > .node__content > .group-tech-spec H3, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products .field__label, ARTICLE.node #genelect-related-products-block-wrapper .block-title, BODY, #block-genelec-blog-genelec-blog-related-posts .feed-item .field-title, #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info .image .author-initials, #block-genelec-blog-featured-posts .items-container .item .author-info .image .author-initials, .some-page-share-block .channels-container .channel A, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper, ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item HEADER H2.node__title, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-summary, .node--key-technologies-item--full .ingress .summary { font-family: 'HelveticaNeueETW01-45Lt'; src: url("/sites/default/themes/genelec/css/fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/b8765d4b-d9a3-48b9-ac65-560e7517cf0e.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/d7d2e6c6-fc3a-41a5-9b52-648e12e215b2.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/cb64744b-d0f7-4ef8-a790-b60d6e3e4f21.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/ccde919e-a712-41ef-b90f-9efc47661659.svg#ccde919e-a712-41ef-b90f-9efc47661659") format("svg"); } .helvLi { font-family: 'HelveticaNeueETW01-46Lt'; src: url("/sites/default/themes/genelec/css/fonts/fc780ce0-5b33-4e1d-b89b-66111a4d0ed8.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/fc780ce0-5b33-4e1d-b89b-66111a4d0ed8.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/0381d699-73ef-4558-9e61-38385c9fc5da.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/2731e338-d92f-4492-8480-8b55ae1139f6.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/40e43cb5-d6b2-4ceb-b369-527d1007a2c7.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/c1993d56-4077-454a-8b19-635fa5a39532.svg#c1993d56-4077-454a-8b19-635fa5a39532") format("svg"); } .helv, #block-genelec-blog-featured-posts .items-container .item .item-title-container H2, #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI > A, #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI > UL > LI > A, BODY.node-type-blog, BODY.page-blog { font-family: 'HelveticaNeueETW01-55Rg'; src: url("/sites/default/themes/genelec/css/fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/dc50c02f-3f77-4e75-b89c-e3f9bb4752e6.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/ce6f5b38-1cb5-4a27-8182-583aa68b2436.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/ff06cde7-e06a-4cf0-af4d-5b2f737bf544.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/958b12cf-2908-4254-8cb9-9b12c3aa151e.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e") format("svg"); } .helvIt { font-family: 'HelveticaNeueETW01-56It'; src: url("/sites/default/themes/genelec/css/fonts/5935d076-bd6d-4ca4-b995-d739ffa09754.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/5935d076-bd6d-4ca4-b995-d739ffa09754.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/56e66f56-3016-44fd-84b2-8e40d9743656.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/4d65bb6f-e667-4bd0-8e92-34e67bf6ac8b.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/86631d82-6e27-4db2-988a-6b79a6c0d8ed.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/205c950e-e47f-4d97-9738-0a68edc4258d.svg#205c950e-e47f-4d97-9738-0a68edc4258d") format("svg"); } .helvM, BODY B, BODY STRONG, #block-genelec-base-genelec-footer .block__content #follow-block-wrapper .block-title.footer-block-title, #block-genelec-base-genelec-footer .block__content #newsletter-form #newsletter-form-title, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper .search-title, .some-page-share-block .block-title, #block-views-blog-author-blog-author-block .views-field-name, #block-genelec-base-genelec-header-links .header-link-container, #block-genelec-listings-references .block__content .list-item .title-summary H3, #block-genelec-listings-events .block__content .list-item .title-summary H3, #block-genelec-listings-references .block__content .list-item .title-summary A, #block-genelec-listings-events .block__content .list-item .title-summary A, #block-genelec-listings-references .block__content .list-item .title-summary A.more-link, #block-genelec-listings-events .block__content .list-item .title-summary A.more-link, #block-views-technical-terms-block-tech-prop .block__content .views-row .views-field-title, #block-views-technical-terms-tech-physics .block__content .views-row .views-field-title, #block-views-technical-terms-tech-specs .block__content .views-row .views-field-title, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI:hover > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI:hover > A, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI SPAN.nolink, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI SPAN.nolink, #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > A, #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI SPAN, BODY.node-type-reference .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-news .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-event .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-sub-page .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-key-technologies-item .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__label, BODY.node-type-product .node--product--full > .node__content > .group-tech-spec H3, BODY.node-type-product .node--product--full > .node__content .field.expandable .field__label, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products .field__label, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item H3.node__title A, BODY.node-type-webform .webform-client-form .form-managed-file INPUT[type=submit], BODY.node-type-open-position .webform-client-form .form-managed-file INPUT[type=submit], ARTICLE.node A.ck_external, ARTICLE.node A.ck_internal, ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item A, ARTICLE.node #genelect-related-products-block-wrapper .block-title, ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper .item-container A, ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper .field__item A, ARTICLE.node #genelect-related-products-block-wrapper .field__items .item-container A, ARTICLE.node #genelect-related-products-block-wrapper .field__items .field__item A, BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE H3.node__title, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item H2.node__title, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-body .more-link, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .links--inline .node-readmore A, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H3.ck_subheading, BODY.page-newsletter-subscribe #main-content H1.pagetitle, BODY.page-uutiskirje-tilaus #main-content H1.pagetitle, BODY.page-newsletter-subscribe #main-content FORM .form-managed-file INPUT[type=submit], BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file INPUT[type=submit], .page-last-news .title-wrapper H1.pagetitle, #block-views-news-block-1 .title-wrapper H1.pagetitle, .page-last-news .view-content .views-row .views-field-title A, #block-views-news-block-1 .view-content .views-row .views-field-title A, .page-last-news .view-content .views-row .views-field-created, #block-views-news-block-1 .view-content .views-row .views-field-created, #block-views-events-pageblock .view-content .views-row .views-field-title A, #block-genelec-listings-events .view-content .views-row .views-field-title A, #block-views-references-all-refs .view-content .views-row .views-field-title A, #block-views-references-all-refs .view-content .views-row .views-field-body A.more-link { font-family: 'HelveticaNeueETW01-65Md'; src: url("/sites/default/themes/genelec/css/fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/3e8a8b56-3cb0-4347-b670-eaaf06b76e9b.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/07173950-fa69-4b65-9c71-0cf2ec00b51d.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/aac5a4b8-ffd3-4529-a098-21b91bc86f9a.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/2379b081-2371-47d9-8be9-4e39d7892ebf.svg#2379b081-2371-47d9-8be9-4e39d7892ebf") format("svg"); font-weight: 500; } .helvMI { font-family: 'HelveticaNeueETW01-66Md'; src: url("/sites/default/themes/genelec/css/fonts/4da0f075-0a40-4129-a4df-43aa140d94b0.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/4da0f075-0a40-4129-a4df-43aa140d94b0.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/7d8282ed-f0c0-49f6-99f1-95be8623cbf1.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/2620c12a-dedb-4d35-8f4c-b951dcc1d4df.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/ae4300e1-4ab3-46c8-b619-0d142d97522c.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/4e787888-465d-4004-b616-6565e88fbe50.svg#4e787888-465d-4004-b616-6565e88fbe50") format("svg"); font-weight: 500; } .helvB, .darkgreybutton A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A, #block-genelec-base-genelec-header-links .header-link-container A, ARTICLE.node--front-page .node__content .field--name-field-link A, .clearbutton A, #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P A, #block-genelec-blog-genelec-blog-related-posts .block-header H2, #block-genelec-blog-genelec-blog-related-posts .download-more-button H2, #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info, #block-genelec-blog-genelec-blog-related-posts .feed-item .field-intro A, #block-genelec-blog-featured-posts .items-container .item .item-title-container SPAN, #block-genelec-blog-featured-posts .items-container .item .author-info P, .some-page-share-block .channels-container .Comments-channel, .some-page-share-block .channels-container .Comments-channel A, #block-views-blog-author-blog-author-block .views-field-nothing .value, #block-views-blogs-author-blogs-block .view-header, #block-views-blogs-author-blogs-block .view-footer, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI, #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > A, #block-genelec-menu-mobile-menu #mobile-menu-container .header-link-container a, #block-menu-block-8 .menu-block-wrapper > UL > LI > A, #block-menu-block-10 .menu-block-wrapper > UL > LI > A, BODY.page-newsletter-subscribe #main-content FORM .form-actions INPUT[type=submit], BODY.page-uutiskirje-tilaus #main-content FORM .form-actions INPUT[type=submit], .block--genelec-product-selector .node--product-selector strong, .page-last-news .view-content .views-row .views-field-nothing, #block-views-news-block-1 .view-content .views-row .views-field-nothing, #block-views-events-pageblock .view-content .views-row .views-field-nothing span.label, #block-genelec-listings-events .view-content .views-row .views-field-nothing span.label, #block-views-events-pageblock .view-content .views-row .views-field-nothing div.event-link A, #block-genelec-listings-events .view-content .views-row .views-field-nothing div.event-link A, #block-views-events-pageblock .view-content .views-row .views-field-nothing .date, #block-genelec-listings-events .view-content .views-row .views-field-nothing .date, #block-views-events-pageblock .view-content .views-row .views-field-field-link A, #block-genelec-listings-events .view-content .views-row .views-field-field-link A, .block--genelec-key-technologies .key-technologies-item h2.node__title, .block--genelec-key-technologies .key-technologies-item ul.links { font-family: 'HelveticaNeueETW01-75Bd'; src: url("/sites/default/themes/genelec/css/fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/6dfa3ef5-ebc5-4d23-a631-b3d746c2ad39.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/588c9ba8-1d28-4ad6-bf18-7128152d84c4.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/55334dfb-9c72-4147-8de0-21239f17ff25.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/62455047-c81f-44f1-8938-7739fa0f0e8d.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg"); font-weight: 500; } .helvBI { font-family: 'HelveticaNeueETW01-76Bd'; src: url("/sites/default/themes/genelec/css/fonts/a48e33d0-3542-482d-9284-e41d31c4d583.eot?#iefix"); src: url("/sites/default/themes/genelec/css/fonts/a48e33d0-3542-482d-9284-e41d31c4d583.eot?#iefix") format("eot"), url("/sites/default/themes/genelec/css/fonts/15ed0ff2-0715-4aca-af0c-00840c3a4dd7.woff2") format("woff2"), url("/sites/default/themes/genelec/css/fonts/9b77b336-b221-497e-b255-7833856bb4a9.woff") format("woff"), url("/sites/default/themes/genelec/css/fonts/5c9a7798-4870-4139-ab84-7a300a7dc3e1.ttf") format("truetype"), url("/sites/default/themes/genelec/css/fonts/3b59e91c-919a-4e7a-9ada-8c73b3378f03.svg#3b59e91c-919a-4e7a-9ada-8c73b3378f03") format("svg"); font-weight: 500; } .fontH1, H1.page-title, #block-genelec-base-genelec-homepage-promoted .block--views .view-header H2, #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text H2, #block-genelec-base-genelec-segments-related-items .block-title H3, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H1.page-title, .page-last-news .title-wrapper H1.pagetitle, #block-views-news-block-1 .title-wrapper H1.pagetitle { font-size: 24px; font-weight: 500; } @media (min-width: 820px) { .fontH1, H1.page-title, #block-genelec-base-genelec-homepage-promoted .block--views .view-header H2, #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text H2, #block-genelec-base-genelec-segments-related-items .block-title H3, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H1.page-title, .page-last-news .title-wrapper H1.pagetitle, #block-views-news-block-1 .title-wrapper H1.pagetitle { font-size: 48px; } } .fontH3, BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__label, BODY.node-type-product .node--product--full > .node__content > .group-tech-spec H3, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products .field__label, ARTICLE.node #genelect-related-products-block-wrapper .block-title { font-size: 24px; font-weight: 500; } .fontText, BODY, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-body, #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P A { font-size: 12px; font-weight: 500; } @media (min-width: 820px) { .fontText, BODY, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-body, #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P A { font-size: 16px; } } BODY IMG { max-width: 100%; } BODY A { color: #007a53; text-decoration: none; } BODY P { line-height: 1.4; margin: 1em 0px; } BODY .main UL { margin: 0 0 1em 1.2em; list-style: disc; } BODY .main UL LI { line-height: 1.4em; } .clearfix, BODY .l-main .l-content #main-content:after, #block-genelec-base-genelec-homepage-promoted:after, #block-genelec-base-genelec-footer .block__content #follow-channels-wrapper:after, #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form:after, #block-genelec-distributors-distributors-frontpage-block .block__content:after, #block-genelec-base-genelec-segments-related-items .items-list:after, #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info, #block-genelec-blog-featured-posts .items-container:after, #block-views-technical-terms-block-tech-prop, #block-views-technical-terms-tech-physics, #block-views-technical-terms-tech-specs, #block-menu-block-8 .menu-block-wrapper > UL:after, #block-menu-block-10 .menu-block-wrapper > UL:after, BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies:after, BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE:after, BODY.node-type-product .node--product--full > .node__content > .group-tech-spec:after, BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field:after, BODY.node-type-product .node--product--full > .node__content .field--name-field-videos:after, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products:before, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items:after, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item .field--name-field-product-images > .field__items:after, BODY.node-type-blog .l-main .field--name-field-gallery .field__items_inner:after, ARTICLE.node H2:before, ARTICLE.node .field--name-field-related-products:before, ARTICLE.node .field--name-field-related-products:after, ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner:after, ARTICLE.node #genelect-related-products-block-wrapper:before, ARTICLE.node #genelect-related-products-block-wrapper:after, BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series:after, .block--genelec-product-selector .node--product-selector .subwoofers .subwoofers-inner:after, .block--genelec-product-selector .node--product-selector .surround-speakers .surround-speakers-inner:after, .page-last-news .view-content .views-row:after, #block-views-news-block-1 .view-content .views-row:after, #block-views-events-pageblock .view-content .views-row:after, #block-genelec-listings-events .view-content .views-row:after, #block-views-references-all-refs .view-content .views-row:after { clear: both; content: ' '; display: block; float: none; width: 100%; } .top-shadowed, #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info { position: relative; } .top-shadowed:before, #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info:before { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_light.png); background-repeat: repeat-x; background-size: auto 5px; content: ' '; height: 10px; left: 0px; position: absolute; top: 0px; width: 100%; } .bottom-shadowed, .some-page-share-block { position: relative; } .bottom-shadowed:after, .some-page-share-block:after { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_light.png); background-repeat: repeat-x; background-size: auto 5px; bottom: 0px; content: ' '; height: 5px; left: 0px; position: absolute; width: 100%; } IFRAME { max-width: 100% !important; } H1.page-title { line-height: 1; } @media (min-width: 1200px) { H1.page-title.title-page-fi { font-size: 38px !important; } } .greenhover:hover, ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item A:hover { color: #007a53; } .h2header, #block-genelec-distributors-distributors-homepage H2.block__title, #block-genelec-distributors-distributors-frontpage-block .block__content H2.block__title { font-size: 24px; } @media (min-width: 1200px) { .h2header, #block-genelec-distributors-distributors-homepage H2.block__title, #block-genelec-distributors-distributors-frontpage-block .block__content H2.block__title { font-size: 44px; } } .feed-icon { display: none; } .darkgreybutton, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-header-links .header-link-container, ARTICLE.node--front-page .node__content .field--name-field-link { bottom: 0px; cursor: pointer; padding: 0px 0px; overflow: hidden; position: absolute; right: 12px; width: 50px; } @media (min-width: 820px) { .darkgreybutton, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-header-links .header-link-container, ARTICLE.node--front-page .node__content .field--name-field-link { background-image: url(../images/1x1-FFFFFF.png); } } .darkgreybutton A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A, #block-genelec-base-genelec-header-links .header-link-container A, ARTICLE.node--front-page .node__content .field--name-field-link A { background-image: url(../images/button-arrow-light.png); color: #FFF !important; } .darkgreybutton A:hover, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A:hover, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A:hover, #block-genelec-base-genelec-header-links .header-link-container A:hover, ARTICLE.node--front-page .node__content .field--name-field-link A:hover { color: #999; } @media (min-width: 820px) { .clearbutton { background-image: url(../images/1x1-262626.png); } } .clearbutton A { background-image: url(../images/button-arrow-dark.png); color: #262626 !important; } .darkgreybutton, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-header-links .header-link-container, ARTICLE.node--front-page .node__content .field--name-field-link, .clearbutton { bottom: 0px; cursor: pointer; padding: 0px 0px; overflow: hidden; position: absolute; right: 12px; width: 50px; } @media (min-width: 820px) { .darkgreybutton, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-header-links .header-link-container, ARTICLE.node--front-page .node__content .field--name-field-link, .clearbutton { background-position: 80% 0px; background-repeat: repeat-y; position: relative; right: initial; width: auto; } } .darkgreybutton:hover A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing:hover A, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container:hover A, #block-genelec-base-genelec-header-links .header-link-container:hover A, ARTICLE.node--front-page .node__content .field--name-field-link:hover A, .clearbutton:hover A { color: #999999; } .darkgreybutton A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A, #block-genelec-base-genelec-header-links .header-link-container A, ARTICLE.node--front-page .node__content .field--name-field-link A, .clearbutton A { background-position: 50% 50%; background-repeat: no-repeat; color: #FFF; display: block; height: 50px; width: 50px; text-decoration: none; text-indent: -900px; } @media (min-width: 820px) { .darkgreybutton A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A, #block-genelec-base-genelec-header-links .header-link-container A, ARTICLE.node--front-page .node__content .field--name-field-link A, .clearbutton A { background-position: 92% 45%; height: auto; padding: 19px 23% 13px 0px; text-indent: 0px; text-align: center; width: 100%; } } .darkgreybutton A:hover, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A:hover, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A:hover, #block-genelec-base-genelec-header-links .header-link-container A:hover, ARTICLE.node--front-page .node__content .field--name-field-link A:hover, .clearbutton A:hover { color: #999999 !important; } .node__content EM { font-style: italic; } .node__content OL { list-style-type: decimal; } .node__content UL { list-style-type: initial; } .node__content OL, .node__content UL { padding: 30px 0px 0px 10px; } .node__content OL LI, .node__content UL LI { list-style-position: inside; margin-left: 20px; } BODY { line-height: 1.2; padding-top: 0px !important; } @media (min-width: 1200px) { BODY.logged-in { padding-top: 64px !important; } } BODY * { box-sizing: border-box; } BODY #toolbar { display: none; } @media (min-width: 1200px) { BODY #toolbar { display: block; } } BODY .l-header .l-region.l-region--topbar { background-color: #EDEDED; height: 39px; position: fixed; z-index: 90; width: 100%; } @media (min-width: 1200px) { BODY .l-header .l-region.l-region--topbar { background-color: #262626; height: 30px; position: static; width: auto; } } BODY .l-header .l-region.l-region--topbar .region-inner { position: relative; } @media (min-width: 820px) { BODY .l-header .l-region.l-region--topbar .region-inner { margin: 0px auto; max-width: 810px; } } @media (min-width: 1200px) { BODY .l-header .l-region.l-region--topbar .region-inner { max-width: 1170px; } } BODY .l-header .l-region--branding { height: 95px; padding-top: 39px; box-sizing: content-box; } @media (min-width: 1200px) { BODY .l-header .l-region--branding { padding-top: 0; box-sizing: border-box; } } @media (min-width: 1200px) { BODY .l-header .l-region--branding .region-inner { margin: 0px auto; max-width: 1170px; } } BODY .l-header .l-region--navigation { position: relative; } @media (min-width: 1200px) { BODY .l-header .l-region--navigation .region-inner { margin: 0px auto; max-width: 1170px; height: 40px; } } BODY .l-main { margin: 30px auto 40px auto; max-width: 480px; width: 100%; } @media (min-width: 820px) { BODY .l-main { margin: 100px auto 40px auto; max-width: 810px; } } @media (min-width: 1200px) { BODY .l-main { max-width: 1170px; } } BODY .l-main .edit-tabs-container { display: none; } @media (min-width: 820px) { BODY .l-main .edit-tabs-container { display: block; left: 0px; position: fixed; top: 200px; z-index: 100; } BODY .l-main .edit-tabs-container UL { border: 1px solid #CCC; } BODY .l-main .edit-tabs-container UL LI { float: none; width: 100%; } } BODY .l-main .l-content { margin: 0px auto 0px auto; } BODY .l-main .l-region--content-bottom .region-inner { margin: 0px auto; width: 100%; } #block-genelec-base-genelec-homepage-promoted { margin: 0px auto 36px auto; max-width: 1170px; width: 100%; } @media (max-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block__content { padding: 0px 12px; } } #block-genelec-base-genelec-homepage-promoted .block--views { border-right: 1px solid #FFF; box-sizing: border-box; margin: 15px 0px 0px 0px; width: 100%; display: inline-block; } @media (min-width: 1200px) { #block-genelec-base-genelec-homepage-promoted .block--views { float: left; margin: 35px 0px 0px 0px; width: 584px; } #block-genelec-base-genelec-homepage-promoted .block--views:nth-child(2n+0) { border-right: 0px solid #FFF; width: 585px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-header { padding: 12px 32px 16px 12px; } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-header { padding: 12px 32px 16px 30px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-header H2 A { color: #000; text-decoration: none; } #block-genelec-base-genelec-homepage-promoted .block--views .view-header P { display: none; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; position: relative; } @media (max-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content { padding-bottom: 20px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-content:after { clear: both; content: ''; display: block; float: none; height: "1px"; width: 100%; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image { width: 100%; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image .field-content .background-image { background-position: 50% 50%; background-size: cover; height: 230px; width: 100%; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image .field-content A { display: block; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image .field-content A IMG { height: auto; width: 100%; } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image { float: left; height: 230px; margin-right: 32px; width: 290px; } } @media (min-width: 1200px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image { margin-right: 32px; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image .field-content { height: 230px; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-field-main-image .field-content IMG { height: 100%; width: 100%; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-title { font-size: 18px; line-height: 1; margin: 0px 12px 0px 0px; padding: 18px 50px 13px 12px; } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-title { font-size: 24px; padding: 18px 0px 13px 0px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-title A { color: #000; text-decoration: none; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-body { line-height: 1.2; padding: 0px 50px 0px 12px; } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-body { margin-bottom: 60px; padding: 0px 0px; } } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-title, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-body { float: left; width: 375px; } } @media (min-width: 1200px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-title, #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-body { width: 225px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing { bottom: 20px; } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing { background-position: 77% 0px; bottom: 20px; margin: 15px 0px 0px 4px; position: absolute; right: 28px; top: auto; width: 230px; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing .field-content { display: block; padding: 0px 0px; text-align: center; } #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing .field-content A { background-position: 90% 50%; padding: 8px 23% 8px 0px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-footer { background-image: url(../images/button-arrow-dark.png); background-position: 95% 50%; background-repeat: no-repeat; padding: 0px 0px; } #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P { margin: 0px; padding: 0px; } #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P A { color: #000; display: block; padding: 6px 12px; text-decoration: none; } @media (min-width: 820px) { #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P A { padding: 14px 32px; } } #block-genelec-base-genelec-homepage-promoted .block--views .view-footer P A:hover { color: #999999; } #block-genelec-base-designphilosophy-block { clear: both; float: none; } #block-genelec-base-designphilosophy-block .block__content { margin: 20px auto; width: 100%; } @media (min-width: 1200px) { #block-genelec-base-designphilosophy-block .block__content { margin: 0px auto; max-width: 1170px; width: 100%; } } #block-genelec-base-designphilosophy-block .block__content:after { clear: both; content: ''; display: block; float: none; height: "0px"; width: 100%; } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text { margin: 0px auto; padding: 14px 0px 60px 0px; position: relative; width: 90%; } @media (min-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text { padding: 14px 280px 50px 0px; } } @media (min-width: 1200px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text { float: left; padding: 30px 30px 30px 30px; width: 585px; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text H2 { margin-bottom: 2px; margin-top: 19px; } @media (min-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text H2 { margin-bottom: 12px; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text A { color: #FFF; text-decoration: none; } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text P { line-height: 1.25; } @media (max-width: 1200px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text P { margin-top: 2px; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text .clearbutton { display: inline-block; margin-top: 18px; } @media (min-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text .clearbutton { padding: 15px; width: 100%; } } @media (min-width: 1200px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text .clearbutton { margin-top: 14px; min-width: 328px; padding: 18px; width: auto; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text .clearbutton A { display: block; float: left; padding: 0px 0px 0px 0px; text-align: center; } @media (min-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-text .clearbutton A { width: 75%; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img { width: 100%; } @media (min-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img { margin: 0px auto; width: 90%; } } @media (min-width: 1200px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img { float: left; width: 585px; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img:after { clear: both; content: ''; display: block; float: none; height: "0px"; width: 100%; } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img .design-philosophy-image { border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; float: left; height: auto; width: 50%; } @media (max-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img .design-philosophy-image:nth-child(1n + 3) { display: none; } } @media (min-width: 820px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img .design-philosophy-image { width: 25%; } } @media (min-width: 1200px) { #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img .design-philosophy-image { height: 284px; width: 292px; } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img .design-philosophy-image:nth-child(2n + 1) { border-right: 0px solid #000; } } #block-genelec-base-designphilosophy-block .block__content #designphilosophy-block-img .design-philosophy-image IMG { display: block; height: 100%; width: 100%; } #block-genelec-base-designphilosophy-block .block__content .edit-button-wrapper { bottom: 22px; left: 0; position: absolute; text-align: center; width: 100%; z-index: 20; } #block-genelec-base-designphilosophy-block .block__content .edit-button-wrapper A { border: 1px solid #FFF; color: #FFF; padding: 15px 25px; text-decoration: none; } #block-genelec-base-genelec-footer .block__content { margin: 0px auto; max-width: 280px; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content { -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 18px 0px; max-width: 1170px; } } #block-genelec-base-genelec-footer .block__content #follow-block-wrapper { -ms-flex-order: 1; order: 1; width: 100%; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #follow-block-wrapper { width: 33%; } } #block-genelec-base-genelec-footer .block__content #follow-block-wrapper .block-title.footer-block-title { color: #FFF; font-size: 12px !important; margin-bottom: 22px; padding-top: 28px; text-align: center; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #follow-block-wrapper .block-title.footer-block-title { margin-bottom: 30px; margin-top: 0px; padding-top: 0px; text-align: left; } } @media (max-width: 1200px) { #block-genelec-base-genelec-footer .block__content #follow-channels-wrapper { margin: 0px auto; padding: 0px 20px 20px 20px; width: 100%; } } #block-genelec-base-genelec-footer .block__content #follow-channels-wrapper .follow-channel-wrapper { background-color: transparent; float: left; margin-bottom: 28px; text-align: center; width: 33%; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #follow-channels-wrapper .follow-channel-wrapper { margin-bottom: 30px; margin-right: 10px; width: 35px; } } #block-genelec-base-genelec-footer .block__content #follow-channels-wrapper .follow-channel-wrapper .follow-channel-icon { display: inline; } @media (max-width: 1200px) { #block-genelec-base-genelec-footer .block__content #follow-channels-wrapper .follow-channel-wrapper .follow-channel-icon IMG { height: 35px; width: 35px; } } #block-genelec-base-genelec-footer .block__content #newsletter-form { -ms-flex-order: 2; order: 2; width: 100%; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #newsletter-form { width: 40%; } } #block-genelec-base-genelec-footer .block__content #newsletter-form #newsletter-form-title { color: #FFF; font-size: 12px !important; margin-bottom: 20px; } @media (max-width: 1200px) { #block-genelec-base-genelec-footer .block__content #newsletter-form #newsletter-form-title { text-align: center; } } @media (max-width: 1200px) { #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form { margin: 10px 0 30px 0; width: 100%; } } #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form INPUT[type="text"] { background-color: #D9D9D9; border: 0px solid #D9D9D9; color: #545454; float: left; padding: 15px 20px; width: 82%; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form INPUT[type="text"] { background-color: #999; color: #FFF; padding: 19px 20px; } } #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form INPUT[type="submit"] { background-color: #D9D9D9; background-image: url(../images/button-arrow-dark.png); background-position: 50% 50%; background-repeat: no-repeat; border: 0px solid #000; float: left; height: 44px; width: 18%; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #newsletter-form #genelec-newsletter-footer-subscription-form INPUT[type="submit"] { background-color: #999; background-image: url(../images/button-arrow-light.png); height: 52px; } } #block-genelec-base-genelec-footer .block__content #footer-links { -ms-flex-order: 3; order: 3; text-align: center; width: 100%; } @media (min-width: 1200px) { #block-genelec-base-genelec-footer .block__content #footer-links { width: 30%; } } #block-genelec-base-genelec-footer .block__content #footer-links A { color: #FFF; display: block; font-size: 10px; padding: 5px 0px 18px 5px; text-align: center; text-decoration: none; text-transform: uppercase; } @media (min-width: 820px) and (max-width: 1200px) { #block-genelec-base-genelec-footer .block__content #footer-links A { display: inline-block; margin: 0px 12px; } } @media (min-width: 1200px) { #block-genelec-distributors-distributors-homepage { margin: 30px auto; max-width: 1170px; } } #block-genelec-distributors-distributors-homepage H2.block__title { border-bottom: 1px solid #FFF; display: block; margin: 0px; padding: 15px 26px; } #block-genelec-distributors-distributors-homepage H2.block__title A { color: #000; text-decoration: none; } #block-genelec-distributors-distributors-homepage .block__content { background-image: none; color: #000; margin: 15px 26px; padding: 0px; } #block-genelec-distributors-distributors-homepage .block__content .search-div .search-title-wrapper { padding: 0px; } #block-genelec-distributors-distributors-frontpage-block { margin: 38px auto; width: 90%; } @media (min-width: 1200px) { #block-genelec-distributors-distributors-frontpage-block { max-width: 1170px; } } #block-genelec-distributors-distributors-frontpage-block .block__content { background-image: none; color: #000; padding: 0px; } #block-genelec-distributors-distributors-frontpage-block .block__content H2.block__title { border-bottom: 1px solid #FFF; display: block; margin: 0px; padding: 15px 26px; } #block-genelec-distributors-distributors-frontpage-block .block__content H2.block__title A { color: #000; text-decoration: none; } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text { margin: 0px 5% 20px 5%; padding: 0px 0px 40px 0px; position: relative; width: 90%; } @media (min-width: 820px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text { margin: 0px 26px 20px 26px; width: auto; } } @media (min-width: 1200px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text { float: left; margin: 15px 26px; width: 45%; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text P { max-width: 335px; width: 90%; } @media (min-width: 820px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text P { max-width: 500px; } } @media (min-width: 1200px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text P { max-width: 100%; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text A { color: #000; } @media (min-width: 820px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .darkgreybutton, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-homepage-promoted .block--views .view-content #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .views-field-nothing, #block-genelec-distributors-distributors-frontpage-block #block-genelec-base-genelec-segments-series .block__content #buy-genelec-block-text .series .series-inner .left-block .link-container, #block-genelec-base-genelec-segments-series #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .series .series-inner .left-block .link-container, #block-genelec-distributors-distributors-frontpage-block #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block #buy-genelec-block-text .link-container, #block-genelec-base-genelec-segments-series #block-genelec-distributors-distributors-frontpage-block .block__content .series .series-inner .left-block #buy-genelec-block-text .link-container, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text #block-genelec-base-genelec-header-links .header-link-container, #block-genelec-base-genelec-header-links #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .header-link-container, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text ARTICLE.node--front-page .node__content .field--name-field-link, ARTICLE.node--front-page .node__content #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .field--name-field-link { max-width: 500px; right: auto; width: auto; } } @media (min-width: 1200px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .darkgreybutton, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-homepage-promoted .block--views .view-content #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .views-field-nothing, #block-genelec-distributors-distributors-frontpage-block #block-genelec-base-genelec-segments-series .block__content #buy-genelec-block-text .series .series-inner .left-block .link-container, #block-genelec-base-genelec-segments-series #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .series .series-inner .left-block .link-container, #block-genelec-distributors-distributors-frontpage-block #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block #buy-genelec-block-text .link-container, #block-genelec-base-genelec-segments-series #block-genelec-distributors-distributors-frontpage-block .block__content .series .series-inner .left-block #buy-genelec-block-text .link-container, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text #block-genelec-base-genelec-header-links .header-link-container, #block-genelec-base-genelec-header-links #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .header-link-container, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text ARTICLE.node--front-page .node__content .field--name-field-link, ARTICLE.node--front-page .node__content #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .field--name-field-link { margin-top: 19px; max-width: 360px; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .darkgreybutton A, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .views-field-nothing A, #block-genelec-distributors-distributors-frontpage-block #block-genelec-base-genelec-segments-series .block__content #buy-genelec-block-text .series .series-inner .left-block .link-container A, #block-genelec-base-genelec-segments-series #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .series .series-inner .left-block .link-container A, #block-genelec-distributors-distributors-frontpage-block #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block #buy-genelec-block-text .link-container A, #block-genelec-base-genelec-segments-series #block-genelec-distributors-distributors-frontpage-block .block__content .series .series-inner .left-block #buy-genelec-block-text .link-container A, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text #block-genelec-base-genelec-header-links .header-link-container A, #block-genelec-base-genelec-header-links #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .header-link-container A, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text ARTICLE.node--front-page .node__content .field--name-field-link A, ARTICLE.node--front-page .node__content #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-block-text .field--name-field-link A { color: #FFF; padding-bottom: 20px; padding-top: 14px; } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search { background-image: url(/sites/default/themes/genelec2017/images/grey-mapamundi.jpg); background-position: 60% 100%; background-repeat: no-repeat; background-size: auto 60%; height: 220px; width: 100%; } @media (min-width: 1200px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search { float: right; height: 290px; padding: 0px 0px 0px 0px; width: 45%; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper { border-bottom: 1px solid #FFF; cursor: pointer; font-size: 18px; overflow: hidden; padding: 0px 0px 0px 30px; width: 100%; } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper .search-title { font-size: 12px; } @media (min-width: 1200px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper .search-title { font-size: 18px; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .search-title-wrapper .icon { border-left: 1px solid #FFF; } @media (max-width: 820px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper { height: 50px; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper #selectedcountry, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper #selectedcity { font-size: 18px; width: 80%; } @media (max-width: 820px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper #selectedcountry, #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper #selectedcity { font-size: 12px; } } #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper .arrow { background-color: #D9D9D9; width: 20%; } @media (max-width: 820px) { #block-genelec-distributors-distributors-frontpage-block .block__content #buy-genelec-search .selection-wrapper .arrow { height: 49px; } } #block-genelec-distributors-distributors-frontpage-block .block__content .edit-button-wrapper { bottom: 22px; left: 0; position: absolute; text-align: center; width: 100%; z-index: 20; } #block-genelec-distributors-distributors-frontpage-block .block__content .edit-button-wrapper A { border: 1px solid #FFF; color: #FFF; padding: 15px 25px; text-decoration: none; } #block-genelec-base-genelec-language-switcher { background-color: #ededed; border-left: 1px solid #FFF; border-right: 1px solid #FFF; height: 39px; left: 0px; position: absolute; top: 0px; width: 100px; } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher { background-color: #404040; height: 30px; left: auto; right: 225px; } } #block-genelec-base-genelec-language-switcher .language-switcher-icon-container { background-image: url(/sites/default/themes/genelec/images/icons/country.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; height: 18px; width: 17px; } #block-genelec-base-genelec-language-switcher .language-de { background-image: url(../images/icons/ger-black.png); } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .language-de { background-image: url(../images/icons/ger-white.png); } } #block-genelec-base-genelec-language-switcher .language-de:hover { background-image: url(../images/icons/ger-grey.png); } #block-genelec-base-genelec-language-switcher .language-en { background-image: url(../images/icons/en-black.png); } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .language-en { background-image: url(../images/icons/en-white.png); } } #block-genelec-base-genelec-language-switcher .language-en:hover { background-image: url(../images/icons/en-grey.png); } #block-genelec-base-genelec-language-switcher .language-fi { background-image: url(../images/icons/fi-black.png); } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .language-fi { background-image: url(../images/icons/fi-white.png); } } #block-genelec-base-genelec-language-switcher .language-fi:hover { background-image: url(../images/icons/fi-grey.png); } #block-genelec-base-genelec-language-switcher .selected-lang-container { cursor: pointer; padding: 9px 20px 9px 20px; } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .selected-lang-container { padding: 4px 20px 5px 20px; } } #block-genelec-base-genelec-language-switcher .selected-lang-container .selected-language { background-position: 0px 50%; background-repeat: no-repeat; background-size: auto 65%; height: 20px; width: 55px; } #block-genelec-base-genelec-language-switcher .language-list { background-color: #ededed; display: none; padding: 5px 20px; width: 100px; } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .language-list { background-color: #404040; } } #block-genelec-base-genelec-language-switcher .language-list .language-option { background-position: 0px 50%; background-size: auto 65%; background-repeat: no-repeat; cursor: pointer; height: 20px; width: 76px; } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .language-list .language-option { width: 60px; } } #block-genelec-base-genelec-language-switcher .language-list .language-option A { display: block; height: 20px; width: 76px; } @media (min-width: 1200px) { #block-genelec-base-genelec-language-switcher .language-list .language-option A { width: 60px; } } #block-genelec-base-genelec-language-switcher .language-list .language-option IMG { display: block; margin: 9px auto; } #block-genelec-base-genelec-language-switcher .language-list LABEL { display: block; margin-bottom: 7px; } #block-genelec-base-genelec-language-switcher .language-list LABEL A { color: #FFF; text-decoration: none; } #block-genelec-base-genelec-language-switcher .language-list LABEL A:hover { color: #007a53; } #block-genelec-base-genelec-search { background-color: #ededed; height: 39px; left: 100px; position: absolute; right: 0px; top: 0px; width: 225px; } @media (min-width: 1200px) { #block-genelec-base-genelec-search { background-color: #595959; border-right: 0px solid #FFF; height: 30px; left: auto; right: 0px; } } #block-genelec-base-genelec-search #search-button-container { width: 100%; } @media (min-width: 1200px) { #block-genelec-base-genelec-search #search-button-container { text-align: center; } } #block-genelec-base-genelec-search #search-button-container P { background-image: url(../images/svg-icons/search.svg); background-position: 10% 50%; background-repeat: no-repeat; background-size: auto 18px; cursor: pointer; height: 20px; margin-top: 10px; padding-left: 20px; } @media (min-width: 1200px) { #block-genelec-base-genelec-search #search-button-container P { background-image: url(../images/svg-icons/search-white.svg); background-position: 50% 50%; margin-top: 5px; padding-left: 0px; } } #block-genelec-base-genelec-search .gsc-control-cse.gsc-control-cse-en, #block-genelec-base-genelec-search .gsc-control-cse.gsc-control-cse-fi, #block-genelec-base-genelec-search .gsc-control-cse.gsc-control-cse-sv { padding: 0px 0px 0px 0px; background-color: transparent; border: 0px solid #FFF; display: none; } #block-genelec-base-genelec-search .gsc-control-cse.gsc-control-cse-en.displayed, #block-genelec-base-genelec-search .gsc-control-cse.gsc-control-cse-fi.displayed, #block-genelec-base-genelec-search .gsc-control-cse.gsc-control-cse-sv.displayed { display: block; } #block-genelec-base-genelec-search .google-search-container.displayed { background-color: #FFF; display: block; height: 39px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 999; } @media (min-width: 1200px) { #block-genelec-base-genelec-search .google-search-container.displayed { height: 30px; left: 0px; width: 100%; } } #block-genelec-base-genelec-search .google-search-container .gsc-search-box { background-color: transparent; width: 100%; } #block-genelec-base-genelec-search .google-search-container .gsc-search-box TABLE { max-width: 100%; } #block-genelec-base-genelec-search .google-search-container .gsc-search-box TD.gsc-input { border-radius: 0px !important; left: 0px; padding: 0px 0px 0px 0px; position: absolute; top: 0px; width: 100%; } #block-genelec-base-genelec-search .google-search-container .gsc-search-box TD.gsc-input INPUT.gsc-input { background-color: #EDEDED !important; border: 0px solid #EDEDED; border-radius: 0px !important; color: #000 !important; content: 'Type here and press enter'; font-size: 13px; padding: 12px 0px 12px 10px !important; margin: 0px 0px 0px 0px; width: 225px; } @media (min-width: 1200px) { #block-genelec-base-genelec-search .google-search-container .gsc-search-box TD.gsc-input INPUT.gsc-input { background-color: #595959 !important; border: 0px solid #595959; color: #FFF !important; padding: 8px 0px 7px 10px !important; } } #block-genelec-base-genelec-search .google-search-container .gsc-search-box .gsc-search-button { display: none; } #block-genelec-base-genelec-search .google-search-container .gsc-search-box .gsc-search-button INPUT { width: 100%; } #block-genelec-base-genelec-search .google-search-container .gsc-search-box .gsc-clear-button { background-image: url(/sites/default/themes/genelec/images/icons/close.png); display: none; position: absolute; right: 13px; top: 13px; } #block-genelec-base-genelec-search .google-search-container .gsc-above-wrapper-area { width: 100%; background-color: #FFF; } #block-genelec-base-genelec-search .google-search-container .gsc-above-wrapper-area TD.gsc-result-info-container { display: none; } #block-genelec-base-genelec-search .google-search-container .gsc-resultsbox-visible { width: 100%; } #block-genelec-base-genelec-search .google-search-container .gsc-results-close-btn { background-image: url(/sites/default/themes/genelec/images/icons/close.png); background-position: 0 0; height: 20px; width: 20px; } #block-genelec-base-genelec-search .google-search-container .gsc-results-wrapper-overlay.gsc-results-wrapper-visible { left: 2%; right: 2%; top: 10px; width: 96%; } @media (min-width: 720px) { #block-genelec-base-genelec-search .google-search-container .gsc-results-wrapper-overlay.gsc-results-wrapper-visible { top: 130px; } } @media (min-width: 1300px) { #block-genelec-base-genelec-search .google-search-container .gsc-results-wrapper-overlay.gsc-results-wrapper-visible { left: 10%; right: 10%; width: 80%; } } #block-genelec-base-genelec-search .google-search-container .gsc-webResult.gsc-result { border-bottom: 0px solid #FFF !important; } #block-genelec-base-genelec-search .google-search-container TABLE.gsc-table-result TR TD .gs-title { color: #007a53; font-family: "HelveticaNeueETW01-55Rg"; font-size: 21px; font-weight: 500; } #block-genelec-base-genelec-search .google-search-container TABLE.gsc-table-result TR TD .gs-title B { color: #007a53 !important; font-size: 22px !important; font-weight: 700 !important; } #block-genelec-base-genelec-search .google-search-container TABLE.gsc-table-result TR TD .gs-snippet { color: #000; font-size: 16px; line-height: 20.8px; padding-bottom: 21px; padding-top: 14px; } #block-genelec-base-genelec-search .google-search-container TABLE.gsc-table-result TR TD .gsc-url-bottom { display: none; } #block-genelec-base-genelec-search .google-search-container TABLE.gsc-table-result TR TD.gsc-table-cell-thumbnail.gsc-thumbnail { display: none; } #block-genelec-base-genelec-search .gsc-cursor-box { margin-bottom: 50px; margin-top: 50px; text-align: right; } #block-genelec-base-genelec-search .gsc-cursor-box .gsc-cursor { text-align: right; letter-spacing: -2px; } #block-genelec-base-genelec-search .gsc-cursor-box .gsc-cursor .gsc-cursor-page { background-color: #ededed; color: #5a5a5a; display: inline-block; font-size: 12px; letter-spacing: 0px; padding: 2px 7px 2px 7px; text-decoration: none; } #block-genelec-base-genelec-search .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page { background-color: #e0e0e0; font-family: "HelveticaNeueETW01-65Md"; } #block-genelec-base-site-logo { margin: 0px auto; padding: 30px 0px 0px 0px; width: 257px; } @media (min-width: 1200px) { #block-genelec-base-site-logo { margin-left: 30px; padding: 30px 0px 0px 0px; } } #block-genelec-base-site-logo IMG { width: 100%; } #block-genelec-base-genelec-segments-series { margin: 40px 0px 0px 0px; width: 100%; } @media (max-width: 820px) { #block-genelec-base-genelec-segments-series { margin: 15px 0px 0px 0px; } } #block-genelec-base-genelec-segments-series .block__content .series { border-bottom: 1px solid #FFF; } @media (max-width: 820px) { #block-genelec-base-genelec-segments-series .block__content .series { margin-bottom: 15px; } } #block-genelec-base-genelec-segments-series .block__content .series .series-inner { cursor: pointer; display: -ms-flexbox; display: flex; margin: 0px auto 0px auto; max-width: 500px; position: relative; width: 100%; } @media (min-width: 820px) { #block-genelec-base-genelec-segments-series .block__content .series .series-inner { max-width: 750px; } } @media (min-width: 1200px) { #block-genelec-base-genelec-segments-series .block__content .series .series-inner { max-width: 1170px; padding-left: 30px; } } #block-genelec-base-genelec-segments-series .block__content .series .series-inner * { cursor: pointer !important; } #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block { -ms-flex-preferred-size: 65%; flex-basis: 65%; -ms-flex-order: 0; order: 0; padding: 30px 20px 20px 5%; } @media (min-width: 1200px) { #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block { padding: 30px 80px 20px 0px; } } #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block A { text-decoration: none; } #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block A H3 { color: #000; font-size: 24px; margin: 0px 0px 30px 0px; } @media (min-width: 820px) { #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container { background-position: 78% 0px; display: block; margin-top: 40px; width: 232px; } #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A { padding-bottom: 11px; padding-top: 6px; } } #block-genelec-base-genelec-segments-series .block__content .series .series-inner .right-block { background-position: 50% 50%; background-size: cover; -ms-flex-preferred-size: 35%; flex-basis: 35%; -ms-flex-order: 1; order: 1; } #block-genelec-base-genelec-segments-series .block__content .series .series-inner .right-block IMG { display: none; } #block-genelec-product-series-and-products { margin: 15px auto 15px auto; padding: 0px 0px 0px 0px; width: 90%; } @media (min-width: 820px) { #block-genelec-product-series-and-products { width: 810px; } } @media (min-width: 1200px) { #block-genelec-product-series-and-products { margin: 40px auto 30px auto; width: 720px; } } #block-genelec-product-series-and-products H3 { margin-bottom: 20px; } #block-genelec-product-series-and-products .product-list { padding-bottom: 0px; padding-left: 0px !important; padding-right: 0px; padding-top: 0px; } #block-genelec-product-series-and-products .product-list .product { width: 50%; } @media (min-width: 1200px) { #block-genelec-product-series-and-products .product-list .product { padding: 5px !important; width: 175px !important; } } #block-genelec-base-genelec-segments-related-items { margin: 15px 12px 0px 12px; } @media (min-width: 820px) { #block-genelec-base-genelec-segments-related-items { width: 750px; } } @media (min-width: 1200px) { #block-genelec-base-genelec-segments-related-items { margin: 40px auto 0px auto; max-width: 1170px; width: 100%; } } #block-genelec-base-genelec-segments-related-items .block-title { border-bottom: 2px solid #FFF; padding: 20px; } #block-genelec-base-genelec-segments-related-items .items-list .item { -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 2px solid #FFF; display: -ms-flexbox; display: flex; width: 100%; } @media (min-width: 820px) { #block-genelec-base-genelec-segments-related-items .items-list .item:nth-child(2n + 1) { border-right: 2px solid #FFF; } } @media (min-width: 1200px) { #block-genelec-base-genelec-segments-related-items .items-list .item { float: left; height: 300px; width: 50%; } } #block-genelec-base-genelec-segments-related-items .items-list .item .image-container { background-position: 50% 50%; background-size: 100% auto; background-repeat: no-repeat; border-right: 1px solid #FFF; -ms-flex-preferred-size: 38%; flex-basis: 38%; -ms-flex-order: 0; order: 0; } @media (min-width: 1200px) { #block-genelec-base-genelec-segments-related-items .items-list .item .image-container { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } #block-genelec-base-genelec-segments-related-items .items-list .item .info { -ms-flex-preferred-size: 62%; flex-basis: 62%; -ms-flex-order: 1; order: 1; padding: 20px; position: relative; } @media (min-width: 1200px) { #block-genelec-base-genelec-segments-related-items .items-list .item .info { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 14px 20px 20px 30px; } } #block-genelec-base-genelec-segments-related-items .items-list .item .info H4 { font-size: 24px; margin: 10px 0px; } #block-genelec-base-genelec-segments-related-items .items-list .item .info P { line-height: 1.2; max-width: 80%; } #block-genelec-base-genelec-segments-related-items .items-list .item .info .darkgreybutton, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-homepage-promoted .block--views .view-content #block-genelec-base-genelec-segments-related-items .items-list .item .info .views-field-nothing, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block #block-genelec-base-genelec-segments-related-items .items-list .item .info .link-container, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-header-links .header-link-container, #block-genelec-base-genelec-header-links #block-genelec-base-genelec-segments-related-items .items-list .item .info .header-link-container, #block-genelec-base-genelec-segments-related-items .items-list .item .info ARTICLE.node--front-page .node__content .field--name-field-link, ARTICLE.node--front-page .node__content #block-genelec-base-genelec-segments-related-items .items-list .item .info .field--name-field-link { right: 0px; padding: 0px 0px 0px 0px; } @media (min-width: 820px) { #block-genelec-base-genelec-segments-related-items .items-list .item .info .darkgreybutton, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing, #block-genelec-base-genelec-homepage-promoted .block--views .view-content #block-genelec-base-genelec-segments-related-items .items-list .item .info .views-field-nothing, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block #block-genelec-base-genelec-segments-related-items .items-list .item .info .link-container, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-header-links .header-link-container, #block-genelec-base-genelec-header-links #block-genelec-base-genelec-segments-related-items .items-list .item .info .header-link-container, #block-genelec-base-genelec-segments-related-items .items-list .item .info ARTICLE.node--front-page .node__content .field--name-field-link, ARTICLE.node--front-page .node__content #block-genelec-base-genelec-segments-related-items .items-list .item .info .field--name-field-link { background-position: 77% 0px; display: inline-block; margin: 20px 0px 0px 0px; width: 232px; } #block-genelec-base-genelec-segments-related-items .items-list .item .info .darkgreybutton A, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-homepage-promoted .block--views .view-content .views-field-nothing A, #block-genelec-base-genelec-homepage-promoted .block--views .view-content #block-genelec-base-genelec-segments-related-items .items-list .item .info .views-field-nothing A, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block .link-container A, #block-genelec-base-genelec-segments-series .block__content .series .series-inner .left-block #block-genelec-base-genelec-segments-related-items .items-list .item .info .link-container A, #block-genelec-base-genelec-segments-related-items .items-list .item .info #block-genelec-base-genelec-header-links .header-link-container A, #block-genelec-base-genelec-header-links #block-genelec-base-genelec-segments-related-items .items-list .item .info .header-link-container A, #block-genelec-base-genelec-segments-related-items .items-list .item .info ARTICLE.node--front-page .node__content .field--name-field-link A, ARTICLE.node--front-page .node__content #block-genelec-base-genelec-segments-related-items .items-list .item .info .field--name-field-link A { background-position: 91% 50%; padding: 6px 23% 11px 0px; } } #block-genelec-product-selector-product-selector-link-block, #block-genelec-faq-faq-link-block { color: #FFF; margin-left: 12px; margin-right: 12px; margin-top: 15px; padding: 20px; position: relative; } @media (min-width: 820px) { #block-genelec-product-selector-product-selector-link-block, #block-genelec-faq-faq-link-block { float: left; width: 375px; } } @media (min-width: 1200px) { #block-genelec-product-selector-product-selector-link-block, #block-genelec-faq-faq-link-block { width: 585px; } } #block-genelec-product-selector-product-selector-link-block H3, #block-genelec-faq-faq-link-block H3 { font-size: 24px; } @media (min-width: 820px) { #block-genelec-product-selector-product-selector-link-block H3, #block-genelec-faq-faq-link-block H3 { font-size: 28px; } } #block-genelec-product-selector-product-selector-link-block .clearbutton, #block-genelec-faq-faq-link-block .clearbutton { right: 0px; } @media (min-width: 820px) { #block-genelec-product-selector-product-selector-link-block .clearbutton, #block-genelec-faq-faq-link-block .clearbutton { background-position: 77% 0px; display: inline-block; padding: 0px; right: auto; width: 232px; } #block-genelec-product-selector-product-selector-link-block .clearbutton A, #block-genelec-faq-faq-link-block .clearbutton A { background-position: 91% 50%; padding: 6px 23% 11px 0px; } } #block-genelec-product-selector-product-selector-link-block { border-right: 1px solid #9d9d9d; } @media (min-width: 820px) { #block-genelec-product-selector-product-selector-link-block { margin-left: 30px; margin-right: 0px; margin-top: 40px; } } @media (min-width: 1200px) { #block-genelec-product-selector-product-selector-link-block { margin-left: calc((100% - 1170px) / 2); margin-right: 0px; margin-top: 40px; } } #block-genelec-faq-faq-link-block { margin-top: 2px; } @media (min-width: 820px) { #block-genelec-faq-faq-link-block { margin: 40px 0px 0px 0px; } } #block-genelec-blog-genelec-blog-related-posts { margin: 0px auto 0px auto; padding: 0px 0px; width: 320px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts { padding: 27px 0px; width: 673px; } } @media (min-width: 1240px) { #block-genelec-blog-genelec-blog-related-posts { padding: 20px 0px; width: 1200px; } } #block-genelec-blog-genelec-blog-related-posts .feed-title { background-color: #c9c9c9; color: #FFF; padding: 10px 20px 5px 20px; } #block-genelec-blog-genelec-blog-related-posts .feed-title H2 { font-size: 18px; font-weight: normal; margin-bottom: 0px; margin-left: 0px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-title { display: none; } } #block-genelec-blog-genelec-blog-related-posts .block-header, #block-genelec-blog-genelec-blog-related-posts .download-more-button { background-color: #c9c9c9; margin: 10px auto 0px auto; padding: 40px; text-align: center; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .block-header, #block-genelec-blog-genelec-blog-related-posts .download-more-button { background-color: transparent; margin: 10px auto 20px auto; width: 250px; } } #block-genelec-blog-genelec-blog-related-posts .block-header H2, #block-genelec-blog-genelec-blog-related-posts .download-more-button H2 { background-color: #FFF; border-radius: 50% 50%; box-sizing: border-box; display: block; font-size: 24px; line-height: 1.1; margin: auto; padding: 40px 20px 45px 20px; width: 160px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .block-header H2, #block-genelec-blog-genelec-blog-related-posts .download-more-button H2 { font-size: 32px; margin: 0px; min-width: 200px; } } #block-genelec-blog-genelec-blog-related-posts .download-more-button H2 { cursor: pointer; height: 160px; padding-top: 40px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .download-more-button H2 { height: 200px; padding-top: 45px; } } #block-genelec-blog-genelec-blog-related-posts .feed-item { background-color: #FFFFFF; background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_dark.png); background-position: 0px 0px; background-repeat: repeat-x; background-size: auto 17px; margin-bottom: 0px; padding-bottom: 20px; padding-top: 12px; width: 320px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-item { background-image: none; margin-bottom: 20px; padding-bottom: 30px; padding-top: 20px; width: 322px; } } @media (min-width: 1240px) { #block-genelec-blog-genelec-blog-related-posts .feed-item { width: 375px; } } @media (max-width: 739px) { #block-genelec-blog-genelec-blog-related-posts .feed-item.with-picture { padding-top: 0px; } #block-genelec-blog-genelec-blog-related-posts .feed-item.with-picture .feed-item-header { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_dark.png); background-position: 0px 0px; background-repeat: repeat-x; background-size: auto 100%; left: 0px; position: absolute; top: 0px; width: 100%; } #block-genelec-blog-genelec-blog-related-posts .feed-item.with-picture .feed-item-header * { color: #FFF !important; } } #block-genelec-blog-genelec-blog-related-posts .feed-item:nth-child(3n+0) { margin-right: 0px; } #block-genelec-blog-genelec-blog-related-posts .feed-item > IMG { display: block; } #block-genelec-blog-genelec-blog-related-posts .feed-item .field.padded { padding-left: 20px; padding-right: 20px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .field.padded { padding-left: 8.7%; padding-right: 8.7%; } } @media (min-width: 1240px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .field.padded { padding-left: 13%; padding-right: 13%; } } #block-genelec-blog-genelec-blog-related-posts .feed-item .field-date { color: #999; font-size: 11px; margin-bottom: 0px; } @media (min-width: 1240px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .field-date { font-size: 12px; } } #block-genelec-blog-genelec-blog-related-posts .feed-item .field-title { font-size: 16px; font-weight: 100; margin-bottom: 15px; margin-top: 2px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .field-title { font-size: 24px; font-weight: 100; line-height: 1.1; margin-bottom: 27px; } } #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info { clear: both; margin-top: 0px; padding-top: 25px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info { padding-top: 32px; } } @media (min-width: 1240px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info { padding-top: 32px; } } #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info .image { float: left; margin-right: 20px; } #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info .image IMG { border-radius: 50%; height: 50px; width: 50px; } #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info .image .author-initials { background-color: #ccc; border-radius: 50%; color: #FFF; font-size: 16px; height: 50px; padding-top: 14px; text-align: center; width: 50px; } #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info P { font-size: 11px; margin-top: 17px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .author-info P { font-size: 14px; } } #block-genelec-blog-genelec-blog-related-posts .feed-item .field-intro { display: none; clear: both; font-size: 14px; line-height: 1.35; margin-top: 32px; } @media (min-width: 740px) { #block-genelec-blog-genelec-blog-related-posts .feed-item .field-intro { display: block; } } #block-genelec-blog-genelec-blog-related-posts .feed-item .field-intro A { color: #000; } #block-genelec-blog-genelec-blog-related-posts .feed-item .block-link { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } #block-genelec-blog-genelec-blog-related-posts .feed-item .block-link IMG { height: 100%; width: 100%; } #block-genelec-blog-featured-posts { margin: 20px auto 10px auto; padding: 0px 0px 20px 0px; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts { background-color: #FFF; margin: 10px auto 10px auto; padding: 18px 50px 25px 26px; } } @media (min-width: 1240px) { #block-genelec-blog-featured-posts { padding: 25px 50px 25px 50px; } } #block-genelec-blog-featured-posts:after { clear: both; content: ' '; display: table; float: none; height: 1px; width: 100%; } #block-genelec-blog-featured-posts .featured-blogs-image-container { background-position: 50% 50%; background-size: cover; height: 210px; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .featured-blogs-image-container { border-radius: 50%; float: left; height: 105px; margin-right: 20px; width: 105px; -moz-border-radius: 50%; } } #block-genelec-blog-featured-posts .featured-blogs-image-container.no-image { height: 105px; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .title-container { margin-bottom: 18px; } } #block-genelec-blog-featured-posts .title-container H2 { color: #FFF; display: block; float: none; font-family: 'HelveticaNeueETW01-55Rg'; font-size: 18px; font-weight: 500; margin: 0px 0px 15px 0px; padding-left: 20px; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .title-container H2 { color: #000; font-family: 'HelveticaNeueETW01-45Lt'; font-size: 24px; font-weight: 100; margin: 0px 0px 0px 0px; padding-left: 0px; } } @media (min-width: 1240px) { #block-genelec-blog-featured-posts .title-container H2 { float: left; font-size: 18px; margin: 27px 0px 0px 0px; width: 140px; } } #block-genelec-blog-featured-posts .items-container { float: left; width: 100%; } @media (min-width: 1240px) { #block-genelec-blog-featured-posts .items-container { float: none; margin-left: 200px; width: auto; } } #block-genelec-blog-featured-posts .items-container .item { background-color: #FFF; float: left; margin: 0px; position: relative; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item { padding: 0px 10px 0px 0px; width: 47.5%; } #block-genelec-blog-featured-posts .items-container .item:first-child { margin-right: 5%; } } @media (min-width: 1240px) { #block-genelec-blog-featured-posts .items-container .item { width: 47.5%; } #block-genelec-blog-featured-posts .items-container .item:first-child { margin-right: 5%; } } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .item-title-container { padding-left: 125px; position: absolute; top: 50%; transform: translate(0, -50%); } } #block-genelec-blog-featured-posts .items-container .item .item-title-container H2 { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_dark.png); background-position: 0px 0px; background-repeat: repeat-x; background-size: auto 100%; color: #FFF; display: block; font-size: 16px; font-weight: 500; margin: 0px; padding: 25px 20px; position: absolute; top: 0px; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .item-title-container H2 { background-image: none !important; color: #000; font-size: 14px; margin: 2px 0px 0px 0px; padding: 0px; position: relative; } } @media (min-width: 1240px) { #block-genelec-blog-featured-posts .items-container .item .item-title-container H2 { font-size: 18px; margin: 0px 0px 0px 0px; } } #block-genelec-blog-featured-posts .items-container .item .item-title-container SPAN { font-size: 13px; margin: 0px 0px 0px 0px; } @media (max-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .item-title-container SPAN { display: none; } } #block-genelec-blog-featured-posts .items-container .item p.field-date { color: #FFF; font-size: 11px; left: 20px; position: absolute; top: 0px; z-index: 20; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item p.field-date { display: none; } } #block-genelec-blog-featured-posts .items-container .item > IMG { display: block; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item > IMG { border-radius: 50% 50%; float: left; height: 85px; margin-right: 20px; width: 85px; } } @media (min-width: 1240px) { #block-genelec-blog-featured-posts .items-container .item > IMG { height: 105px; width: 105px; } } #block-genelec-blog-featured-posts .items-container .item .author-info { background-color: #FFFFFF; background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_dark.png); background-position: 0px 0px; background-repeat: repeat-x; background-size: auto 5px; padding: 15px 0px 15px 20px; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .author-info { display: none; } } #block-genelec-blog-featured-posts .items-container .item .author-info:after { clear: both; content: ' '; display: table; float: none; height: 1px; width: 100%; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .author-info { background-image: none !important; padding: 0px; } } #block-genelec-blog-featured-posts .items-container .item .author-info .image { float: left; margin-right: 20px; } #block-genelec-blog-featured-posts .items-container .item .author-info .image IMG { border-radius: 50%; height: 50px; width: 50px; } #block-genelec-blog-featured-posts .items-container .item .author-info .image .author-initials { background-color: #ccc; border-radius: 50%; color: #FFF; font-size: 16px; height: 50px; padding-top: 14px; text-align: center; width: 50px; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .author-info .image { display: none; } } #block-genelec-blog-featured-posts .items-container .item .author-info P { font-size: 11px; margin: 17px 0px 0px 0px; } @media (min-width: 740px) { #block-genelec-blog-featured-posts .items-container .item .author-info P { font-size: 13px; margin: 0px 0px 0px 0px; } } #block-genelec-blog-featured-posts .items-container .item .block-link { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } #block-genelec-blog-featured-posts .items-container .item .block-link IMG { height: 100%; width: 100%; } @media (max-width: 719px) { BODY.node-type-blog #block-genelec-blog-featured-posts { display: none; } } .some-page-share-block .block-title { display: inline-block; font-size: 12px !important; padding: 20px 20px 15px 20px; } @media (min-width: 740px) { .some-page-share-block .block-title { font-size: 14px !important; padding: 16px 20px 20px 50px; } } .some-page-share-block .channels-container { display: inline-block; padding-bottom: 27px; padding-top: 25px; } .some-page-share-block .channels-container .channel { background-position: 0px 0px; display: inline-block; margin: 0px 5px; padding-left: 0px; padding-right: 0px; text-indent: -1000px; width: 25px; } .some-page-share-block .channels-container .channel A { color: #000; display: block; font-size: 12px; padding: 4px 0px 10px 0px; width: 25px; } @media (min-width: 740px) { .some-page-share-block .channels-container .channel A { font-size: 14px; width: auto; } } @media (min-width: 740px) { .some-page-share-block .channels-container .channel { margin: 0px 0px; padding-left: 35px; padding-right: 30px; text-indent: 0px; width: auto; } } .some-page-share-block .channels-container .Facebook-channel { background-image: url(/sites/default/themes/genelec/images/share-page-facebook.png); background-repeat: no-repeat; background-size: 25px auto; } .some-page-share-block .channels-container .Twitter-channel { background-image: url(/sites/default/themes/genelec/images/share-page-twitter.png); background-repeat: no-repeat; background-size: 25px auto; } .some-page-share-block .channels-container .Pinterest-channel { background-image: url(/sites/default/themes/genelec/images/share-page-pinterest.png); background-repeat: no-repeat; background-size: 25px auto; padding-right: 30px; } @media (min-width: 740px) { .some-page-share-block .channels-container .Pinterest-channel { padding-right: 45px; } } @media (min-width: 1240px) { .some-page-share-block .channels-container .Pinterest-channel { padding-right: 180px; } } .some-page-share-block .channels-container .LinkedIn-channel { background-image: url(/sites/default/themes/genelec/images/share-page-linkedin.png); background-repeat: no-repeat; background-size: 25px auto; padding-right: 30px; } @media (min-width: 740px) { .some-page-share-block .channels-container .LinkedIn-channel { padding-right: 45px; } } @media (min-width: 1240px) { .some-page-share-block .channels-container .LinkedIn-channel { padding-right: 180px; } } .some-page-share-block .channels-container .Comments-channel { background-image: url(/sites/default/themes/genelec/images/share-page-comments.png); background-position-x: 100%; background-repeat: no-repeat; background-size: 25px 25px; display: block; float: right; font-size: 11px; padding: 0px 0px 0px 0px; text-indent: 0px; width: 100px; } @media (min-width: 740px) { .some-page-share-block .channels-container .Comments-channel { font-size: 14px; padding: 0px 40px 0px 20px; width: auto; } } .some-page-share-block .channels-container .Comments-channel A { color: #000; } #block-views-blog-author-blog-author-block { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_dark.png); background-position: 0px 0px; background-repeat: repeat-x; background-size: auto 18px; float: left; margin-bottom: 0px; padding: 35px 5% 0px; text-align: left; width: 100%; } @media (min-width: 740px) { #block-views-blog-author-blog-author-block { background-image: none; float: left; margin-bottom: 25px; padding: 35px 5% 20px; width: 48%; } } @media (min-width: 1240px) { #block-views-blog-author-blog-author-block { float: none; padding: 35px 16.6% 55px; width: 100%; } } #block-views-blog-author-blog-author-block .views-field-field-image { height: 60px; float: left; margin-bottom: 20px; margin-right: 0px; width: 60px; } @media (min-width: 740px) { #block-views-blog-author-blog-author-block .views-field-field-image { float: none; height: auto; margin-right: 0px; width: auto; } } #block-views-blog-author-blog-author-block .views-field-field-image IMG { border-radius: 50%; height: 50px; width: 50px; } @media (min-width: 740px) { #block-views-blog-author-blog-author-block .views-field-field-image IMG { height: auto; width: auto; } } #block-views-blog-author-blog-author-block .views-field-field-image H2.initials { background-color: #CCC; border-radius: 50%; color: #FFF; font-size: 16px; font-weight: 500; margin: -10px 10px 0px 0px; padding: 15px 0px; text-align: center; } @media (min-width: 740px) { #block-views-blog-author-blog-author-block .views-field-field-image H2.initials { font-size: 35px; margin: 0px 10px 0px 0px; padding: 100px 0px; } } @media (min-width: 1240px) { #block-views-blog-author-blog-author-block .views-field-field-image H2.initials { font-size: 30px; padding: 80px 0px; } } #block-views-blog-author-blog-author-block .views-field-nothing { border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; clear: both; cursor: pointer; float: none; margin-top: 5px; padding: 23px 0px 23px 0px; } #block-views-blog-author-blog-author-block .views-field-nothing .value { background-image: url(/sites/default/themes/genelec/images/blogs/bio-icon.png); background-repeat: no-repeat; background-size: 25px auto; font-size: 14px; height: 25px; padding: 4px 0px 0px 35px; } @media (min-width: 740px) { #block-views-blog-author-blog-author-block .views-field-nothing { display: none; } } #block-views-blog-author-blog-author-block .views-field-name, #block-views-blog-author-blog-author-block .views-field-field-tittleli, #block-views-blog-author-blog-author-block .views-field-field-company { font-size: 14px; } @media (max-width: 739px) { #block-views-blog-author-blog-author-block .views-field-name, #block-views-blog-author-blog-author-block .views-field-field-tittleli, #block-views-blog-author-blog-author-block .views-field-field-company { float: left; width: 200px; } } #block-views-blog-author-blog-author-block .views-field-field-description { font-size: 14px; margin-top: 8px; } @media (max-width: 739px) { #block-views-blog-author-blog-author-block .views-field-field-description { clear: both; display: none; } } #block-views-blogs-author-blogs-block { float: none; margin-bottom: 0px; padding: 0px 0px 10px 0px; text-align: left; width: 100%; } @media (min-width: 740px) { #block-views-blogs-author-blogs-block { display: block; float: left; margin-bottom: 0px; margin-left: 4%; padding: 0 0 0 0; width: 48%; } } @media (min-width: 1240px) { #block-views-blogs-author-blogs-block { float: none; margin-left: 0; width: 100%; } } #block-views-blogs-author-blogs-block .view-header { background-position: 0px 100%; background-repeat: no-repeat; background-size: 100% auto; font-size: 14px; line-height: 1.2; padding: 9px 5% 9px 5%; text-align: left; } @media (min-width: 740px) { #block-views-blogs-author-blogs-block .view-header { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_light.png); font-size: 18px; padding: 9px 16% 9px 16.16%; } } @media (max-width: 740px) { #block-views-blogs-author-blogs-block .view-header P { background-image: url(/sites/default/themes/genelec/images/blogs/arrow_down.png); background-position: 0px 0px; background-repeat: no-repeat; background-size: 25px auto; cursor: pointer; display: block; height: 25px; margin: 5px 0px; padding-left: 34px; padding-top: 4px; } } #block-views-blogs-author-blogs-block .view-content { display: none; padding: 10px 5% 20px 5%; text-align: left; } #block-views-blogs-author-blogs-block .view-content .views-row { border-bottom: 2px solid #CCC; padding: 10px 5% 10px; } @media (min-width: 740px) { #block-views-blogs-author-blogs-block .view-content { display: block; padding: 10px 16.6% 20px 16.6%; } #block-views-blogs-author-blogs-block .view-content .views-row { padding: 17px 0 15px; } } @media (min-width: 1240px) { #block-views-blogs-author-blogs-block .view-content { padding: 10px 8.08% 20px 8.08%; } #block-views-blogs-author-blogs-block .view-content .views-row { padding: 17px 10% 15px; } } #block-views-blogs-author-blogs-block .view-content .views-field-created { color: #999999; font-size: 11px; } #block-views-blogs-author-blogs-block .view-content .views-field-title { font-size: 14px; } #block-views-blogs-author-blogs-block .view-content .views-field-title A { color: #000; } #block-views-blogs-author-blogs-block .view-footer { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_light.png); background-position: 0px 0%; background-repeat: no-repeat; background-size: 100% auto; font-size: 14px; padding: 15px 16.6%; text-align: left; } @media (max-width: 739px) { #block-views-blogs-author-blogs-block .view-footer { display: none; padding: 13px 5% 3px; } #block-views-blogs-author-blogs-block .view-footer P { margin: 0px; } } #block-views-blogs-author-blogs-block .view-footer A { background-image: url(/sites/default/themes/genelec/images/blogs/view-all.png); background-repeat: no-repeat; background-size: 25px 25px; color: #000; display: block; padding: 3px 0px 5px 35px; } #block-genelec-base-genelec-header-links { display: none; float: right; margin-top: -40px; } @media (min-width: 1200px) { #block-genelec-base-genelec-header-links { display: block; } } #block-genelec-base-genelec-header-links .header-link-container { border-bottom: 1px solid #FFF; font-size: 12px; min-width: 225px; padding: 0px; } #block-genelec-base-genelec-header-links .header-link-container A { color: #FFF; display: block; padding-bottom: 12px; padding-top: 9px; text-align: center; } #block-genelec-base-genelec-header-links .header-link-container A:hover { color: #d9d9d9; } #block-genelec-listings-references, #block-genelec-listings-events { margin-top: 90px; } #block-genelec-listings-references .block__content, #block-genelec-listings-events .block__content { border-top: 1px solid #999999; margin: 0px 4%; padding: 60px 2.5% 35px 2.5%; position: relative; } #block-genelec-listings-references .block__content .references-tab.hidden .tab-title, #block-genelec-listings-events .block__content .references-tab.hidden .tab-title { background-color: #000; } #block-genelec-listings-references .block__content .references-tab.hidden .tab-content, #block-genelec-listings-events .block__content .references-tab.hidden .tab-content { display: none; } #block-genelec-listings-references .block__content .references-tab .tab-title, #block-genelec-listings-events .block__content .references-tab .tab-title { background-color: #CCC; color: #FFF; cursor: pointer; height: 60px; position: absolute; top: -60px; width: 47.5%; } #block-genelec-listings-references .block__content .references-tab .tab-title#references-tab2-title, #block-genelec-listings-events .block__content .references-tab .tab-title#references-tab2-title { left: 50%; } #block-genelec-listings-references .block__content .references-tab .tab-title LABEL, #block-genelec-listings-events .block__content .references-tab .tab-title LABEL { cursor: pointer; display: block; font-size: 14px; padding-top: 22px; text-align: center; width: 100%; } #block-genelec-listings-references .block__content .tab-content .filters-container, #block-genelec-listings-events .block__content .tab-content .filters-container { margin-bottom: 50px; } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list { display: inline-block; height: 25px; margin-left: 15px; position: relative; width: 260px; } @media (max-width: 480px) { #block-genelec-listings-references .block__content .tab-content .filters-container .option-list, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list { margin: 10px 0px 0px 0px; width: 300px; } } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list UL, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list UL { background-color: #FFF; box-shadow: 0px 0px 1px 1px #CCC; left: 0px; margin: 0px; padding: 0px; position: absolute; top: -3px; z-index: 30; } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list UL LI, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list UL LI { cursor: pointer; height: 42px; list-style: none; padding: 12px 20px; width: 260px; } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list UL LI:first-child, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list UL LI:first-child { background-color: #ededed; background-size: cover; } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list UL LI:first-child.closed, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list UL LI:first-child.closed { background-image: url(../images/select-background-arrow-down.png); } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list UL LI:first-child.open, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list UL LI:first-child.open { background-image: url(../images/select-background-arrow-up.png); } #block-genelec-listings-references .block__content .tab-content .filters-container .option-list UL LI.option, #block-genelec-listings-events .block__content .tab-content .filters-container .option-list UL LI.option { border-bottom: 1px solid #999; display: none; } #block-genelec-listings-references .block__content .tab-content .form-item.form-type-select LABEL, #block-genelec-listings-events .block__content .tab-content .form-item.form-type-select LABEL { display: inline-block; } #block-genelec-listings-references .block__content .tab-content .form-item.form-type-select SELECT, #block-genelec-listings-events .block__content .tab-content .form-item.form-type-select SELECT { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; border: 0px solid #FFF; border-radius: 0px; moz-appearance: none; webkit-appearance: none; padding: 5px 10px; } #block-genelec-listings-references .block__content .tab-content .form-item.form-type-select SELECT OPTION, #block-genelec-listings-events .block__content .tab-content .form-item.form-type-select SELECT OPTION { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #FFF; border-bottom: 2px solid #999; border-radius: 0px; moz-appearance: none; padding: 5px 10px; webkit-appearance: none; } #block-genelec-listings-references .block__content .list-item, #block-genelec-listings-events .block__content .list-item { border-bottom: 1px solid #ededed; clear: both; margin-bottom: 50px; padding-bottom: 50px; position: relative; } #block-genelec-listings-references .block__content .list-item:after, #block-genelec-listings-events .block__content .list-item:after { clear: both; height: 1px; display: table; width: 100%; content: ' '; } #block-genelec-listings-references .block__content .list-item A.all-over-link, #block-genelec-listings-events .block__content .list-item A.all-over-link { bottom: 50px; left: 0px; position: absolute; top: 0px; width: 100%; } #block-genelec-listings-references .block__content .list-item A.all-over-link IMG, #block-genelec-listings-events .block__content .list-item A.all-over-link IMG { height: 100% !important; width: 100%; } #block-genelec-listings-references .block__content .list-item .title-summary, #block-genelec-listings-events .block__content .list-item .title-summary { width: 100%; } @media (min-width: 739px) { #block-genelec-listings-references .block__content .list-item .title-summary, #block-genelec-listings-events .block__content .list-item .title-summary { float: left; width: 55%; } } @media (min-width: 820px) { #block-genelec-listings-references .block__content .list-item .title-summary, #block-genelec-listings-events .block__content .list-item .title-summary { width: 340px; } } #block-genelec-listings-references .block__content .list-item .title-summary H3, #block-genelec-listings-events .block__content .list-item .title-summary H3 { font-size: 22px; margin-bottom: 16px; margin-top: 0px; } #block-genelec-listings-references .block__content .list-item .title-summary A, #block-genelec-listings-events .block__content .list-item .title-summary A { color: #000; font-size: 14px; line-height: 1.3; text-decoration: none; } #block-genelec-listings-references .block__content .list-item .title-summary A.more-link, #block-genelec-listings-events .block__content .list-item .title-summary A.more-link { display: block; margin-top: 15px; padding-right: 20px; width: 100px; font-size: 14px; text-align: left; color: #000; background-image: url(../images/subheading-bg.png); background-position: 100% 50%; background-repeat: no-repeat; } #block-genelec-listings-references .block__content .list-item .image-container, #block-genelec-listings-events .block__content .list-item .image-container { background-color: #ededed; margin-right: 0px; margin-top: 30px; padding: 20px; width: 100%; } @media (min-width: 739px) { #block-genelec-listings-references .block__content .list-item .image-container, #block-genelec-listings-events .block__content .list-item .image-container { float: right; width: 45%; } } @media (min-width: 820px) { #block-genelec-listings-references .block__content .list-item .image-container, #block-genelec-listings-events .block__content .list-item .image-container { padding: 30px; width: 250px; } } #block-genelec-listings-references .block__content .list-item .image-container IMG, #block-genelec-listings-events .block__content .list-item .image-container IMG { display: block; height: auto; margin: 0px auto; width: 80%; } @media (min-width: 820px) { #block-genelec-listings-references .block__content .list-item .image-container IMG, #block-genelec-listings-events .block__content .list-item .image-container IMG { width: 100%; height: auto; } } #block-genelec-listings-references .pager, #block-genelec-listings-events .pager { text-align: right; letter-spacing: -2px; } #block-genelec-listings-references .pager LI, #block-genelec-listings-events .pager LI { background-color: #ededed; color: #5a5a5a; cursor: pointer; display: inline-block; font-size: 12px; letter-spacing: 0px; padding: 2px 7px 2px 7px; } #block-genelec-listings-references .pager LI A, #block-genelec-listings-events .pager LI A { color: #5a5a5a; } #block-genelec-listings-references .pager LI.pager__item--current, #block-genelec-listings-events .pager LI.pager__item--current { background-color: #e0e0e0; } #block-views-technical-terms-block-tech-prop, #block-views-technical-terms-tech-physics, #block-views-technical-terms-tech-specs { padding-top: 50px; } #block-views-technical-terms-block-tech-prop H2.block__title, #block-views-technical-terms-tech-physics H2.block__title, #block-views-technical-terms-tech-specs H2.block__title { border-bottom: 1px solid #FFF; display: block; font-size: 30px; margin: 0px; margin-bottom: 50px; } @media (max-width: 600px) { #block-views-technical-terms-block-tech-prop H2.block__title, #block-views-technical-terms-tech-physics H2.block__title, #block-views-technical-terms-tech-specs H2.block__title { font-size: 18px; } } #block-views-technical-terms-block-tech-prop .block__content .views-row, #block-views-technical-terms-tech-physics .block__content .views-row, #block-views-technical-terms-tech-specs .block__content .views-row { width: 45%; padding: 10px 0px; float: left; } #block-views-technical-terms-block-tech-prop .block__content .views-row .views-field-title, #block-views-technical-terms-tech-physics .block__content .views-row .views-field-title, #block-views-technical-terms-tech-specs .block__content .views-row .views-field-title { margin-bottom: 15px; } #block-views-technical-terms-block-tech-prop .block__content .views-row.views-row-even, #block-views-technical-terms-tech-physics .block__content .views-row.views-row-even, #block-views-technical-terms-tech-specs .block__content .views-row.views-row-even { float: right; } #block-views-technical-terms-block-tech-prop .block__content .separator, #block-views-technical-terms-tech-physics .block__content .separator, #block-views-technical-terms-tech-specs .block__content .separator { width: 100%; padding: 30px 0px 0px 0px; margin-bottom: 30px; border-bottom: 1px solid #000; clear: both; float: none; } @media (max-width: 600px) { #block-views-technical-terms-block-tech-prop .block__content .views-row, #block-views-technical-terms-tech-physics .block__content .views-row, #block-views-technical-terms-tech-specs .block__content .views-row { width: 100%; float: none; } #block-views-technical-terms-block-tech-prop .block__content .views-row.views-row-even, #block-views-technical-terms-tech-physics .block__content .views-row.views-row-even, #block-views-technical-terms-tech-specs .block__content .views-row.views-row-even { float: none; } } #block-genelec-menu-main-menu { display: none; margin-left: 10px; position: static; width: 100%; } @media (min-width: 1200px) { #block-genelec-menu-main-menu { display: block; } } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL .pages, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL .pages { display: none; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI { display: inline-block; margin-right: 10px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.open > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.open > .menu-level2-wrapper { z-index: 20; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage { position: relative; z-index: 35; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper { border-bottom: 0px solid #FFF !important; min-height: 0px !important; padding-bottom: 0px; width: 250px; z-index: 25; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper.active-trail-menu > .menu.active-trail-menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper.active-trail-menu > .menu.active-trail-menu { display: none; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu { min-height: 0px; padding-bottom: 0px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI { padding-left: 15px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI:last-child, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI:last-child { margin-bottom: 20px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI > A { padding: 5px 0px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI > A:hover, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.subpage > .menu-level2-wrapper > .menu > LI > A:hover { color: #999; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-link > .menu-level2-wrapper, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-trail-element > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-link > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-trail-element > .menu-level2-wrapper { border-bottom: 2px solid #FFF; z-index: 20 !important; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-link > .menu-level2-wrapper > .menu, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI.active-trail-element > .menu-level2-wrapper > .menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-link > .menu-level2-wrapper > .menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI.active-trail-element > .menu-level2-wrapper > .menu { display: block; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > A { color: #000; cursor: pointer; display: block; padding: 15px 20px 20px 20px; text-decoration: none; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper { display: block; left: 0px; min-height: 30px; padding: 0px 0px 0px 0px; position: absolute; top: 53px; width: 100%; z-index: 0; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper.active-trail-menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper.active-trail-menu { z-index: 20; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper.active-trail-menu > .menu.active-trail-menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper.active-trail-menu > .menu.active-trail-menu { display: block; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu { display: none; margin: 0px auto; max-width: 1170px; min-height: 40px; padding-left: 10px; position: static; vertical-align: text-top; width: 100%; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI { display: block; float: left; font-size: 14px; position: static; vertical-align: text-top; max-width: 210px; min-width: 150px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI:hover UL, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI:hover UL { display: block; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > A { color: #000; display: block; padding: 15px 20px; text-align: left; text-decoration: none; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper { display: none; left: 0px; position: absolute; right: 0px; z-index: 40; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu { display: block; margin: 0px auto; width: 1170px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI { display: inline-block; padding: 10px 20px; vertical-align: top; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI SPAN.nolink, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI > A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI SPAN.nolink { color: #000; display: block; margin: 10px 0px; text-decoration: none; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI UL LI, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI UL LI { display: block; margin: 10px 0px; } #block-genelec-menu-main-menu .menu-block-3 > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI UL LI A, #block-genelec-menu-main-menu .block__content > .menu-level1-wrapper > UL > LI > .menu-level2-wrapper > .menu > LI > .menu-level3-wrapper > .menu > LI UL LI A { color: #000; font-size: 13px; text-decoration: none; } #block-genelec-menu-mobile-menu { left: 0px; position: absolute; right: 0px; top: 0px; width: 100%; z-index: 60; } @media (min-width: 1200px) { #block-genelec-menu-mobile-menu { display: none; } } #block-genelec-menu-mobile-menu #mobile-menu-icon-container { background-color: #D9D9D9; background-position: 50% 50%; background-repeat: no-repeat; background-size: 80% auto; border-left: 1px solid #FFF; cursor: pointer; height: 39px; position: absolute; right: 0px; top: 0px; width: 82px; } #block-genelec-menu-mobile-menu #mobile-menu-icon-container.open { background-image: url(../images/svg-icons/close.svg); } #block-genelec-menu-mobile-menu #mobile-menu-icon-container.closed { background-image: url(../images/svg-icons/menu.svg); } #block-genelec-menu-mobile-menu #mobile-menu-container { display: none; position: absolute; top: 40px; width: 100%; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL .expand-icon { background-image: url(../images/icons/collapse-icon.png); background-position: 95% 58%; background-repeat: no-repeat; background-size: auto; cursor: pointer; display: block; height: 39px; left: 0px; position: absolute; top: 0px; width: 100%; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL .expand-icon.collapsed { background-image: url(../images/icons/expand-icon.png); } #block-genelec-menu-mobile-menu #mobile-menu-container > UL LI { list-style-image: none !important; list-style-type: none !important; position: relative; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL LI A { color: #333; display: inline-block !important; font-size: 12px; padding: 15px 18px 10px 18px; } @media (min-width: 820px) { #block-genelec-menu-mobile-menu #mobile-menu-container > UL LI A { padding: 15px 18px 10px 45px !important; } } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI.topbar-element > A { text-transform: none !important; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI { background-color: #D9D9D9; border-bottom: 2px solid #FFF; padding: 0px 0px; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > A { text-transform: uppercase; width: 85%; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL { background-color: #BFBFBF; display: none; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI { border-top: 2px solid #FFF; padding: 0px 0px; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > A { width: 85%; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL { background-color: #999; display: none; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI SPAN { display: none; font-size: 13px; padding: 10px 0px 5px 10px; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI .expand-icon { display: none !important; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI > A { width: 100%; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI > UL > LI { border-top: 2px solid #FFF; padding: 0px 0px; } #block-genelec-menu-mobile-menu #mobile-menu-container > UL > LI > UL > LI > UL > LI > UL > LI > A { width: 100%; } #block-genelec-menu-mobile-menu #mobile-menu-container .header-link-container { display: block; float: left; width: 50%; } #block-genelec-menu-mobile-menu #mobile-menu-container .header-link-container a { display: block; width: 100%; background: #262626; color: #fff; padding: 15px 20px; text-align: center; } #block-genelec-menu-mobile-menu #mobile-menu-container .header-link-container:first-child a { border-right: 2px solid #fff; } #block-menu-block-7, #block-menu-block-9 { display: none; position: absolute; right: 345px; top: 3px; } @media (min-width: 1200px) { #block-menu-block-7, #block-menu-block-9 { display: block; } } #block-menu-block-7 .menu-block-7 > UL > LI, #block-menu-block-7 .menu-block-9 > UL > LI, #block-menu-block-9 .menu-block-7 > UL > LI, #block-menu-block-9 .menu-block-9 > UL > LI { background-image: url(../images/topbar-menu-arrowdown.png); background-position: 93% 10px; background-repeat: no-repeat; border-left: 1px solid #262626; border-right: 1px solid #262626; display: block; float: left; height: 27px; margin-right: 5px; overflow-x: visible; padding-right: 20px; position: relative; } #block-menu-block-7 .menu-block-7 > UL > LI.leaf, #block-menu-block-7 .menu-block-9 > UL > LI.leaf, #block-menu-block-9 .menu-block-7 > UL > LI.leaf, #block-menu-block-9 .menu-block-9 > UL > LI.leaf { background-image: none; } #block-menu-block-7 .menu-block-7 > UL > LI.open, #block-menu-block-7 .menu-block-9 > UL > LI.open, #block-menu-block-9 .menu-block-7 > UL > LI.open, #block-menu-block-9 .menu-block-9 > UL > LI.open { border-left: 1px solid #FFF; border-right: 1px solid #FFF; height: 28px; } #block-menu-block-7 .menu-block-7 > UL > LI A, #block-menu-block-7 .menu-block-9 > UL > LI A, #block-menu-block-9 .menu-block-7 > UL > LI A, #block-menu-block-9 .menu-block-9 > UL > LI A { color: #FFF; display: block; font-size: 12px; min-height: 27px; margin-left: 10px; padding-bottom: 0px; padding-top: 3px; text-decoration: none; } #block-menu-block-7 .menu-block-7 > UL > LI A:hover, #block-menu-block-7 .menu-block-9 > UL > LI A:hover, #block-menu-block-9 .menu-block-7 > UL > LI A:hover, #block-menu-block-9 .menu-block-9 > UL > LI A:hover { color: #999; } #block-menu-block-7 .menu-block-7 > UL > LI > UL, #block-menu-block-7 .menu-block-9 > UL > LI > UL, #block-menu-block-9 .menu-block-7 > UL > LI > UL, #block-menu-block-9 .menu-block-9 > UL > LI > UL { display: none; left: 0px; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 28px; width: 200px; z-index: 100; } #block-menu-block-7 .menu-block-7 > UL > LI > UL > LI, #block-menu-block-7 .menu-block-9 > UL > LI > UL > LI, #block-menu-block-9 .menu-block-7 > UL > LI > UL > LI, #block-menu-block-9 .menu-block-9 > UL > LI > UL > LI { display: block; list-style-image: none; list-style-type: none; padding: 5px 10px 5px 0px; } #block-menu-block-7 .menu-block-7 > UL > LI > UL > LI A, #block-menu-block-7 .menu-block-9 > UL > LI > UL > LI A, #block-menu-block-9 .menu-block-7 > UL > LI > UL > LI A, #block-menu-block-9 .menu-block-9 > UL > LI > UL > LI A { line-height: 1.3 !important; } #block-menu-block-8, #block-menu-block-10 { display: none; } @media (min-width: 820px) { #block-menu-block-8, #block-menu-block-10 { display: block; min-height: 220px; padding-top: 20px; } } #block-menu-block-8 .menu-block-wrapper, #block-menu-block-10 .menu-block-wrapper { margin: 0px auto 0px auto; max-width: 750px; } @media (min-width: 1200px) { #block-menu-block-8 .menu-block-wrapper, #block-menu-block-10 .menu-block-wrapper { max-width: 1170px; } } #block-menu-block-8 .menu-block-wrapper > UL, #block-menu-block-10 .menu-block-wrapper > UL { display: block; padding: 0px 15px; width: 100%; } #block-menu-block-8 .menu-block-wrapper > UL > LI, #block-menu-block-10 .menu-block-wrapper > UL > LI { display: block; float: left; height: 280px; padding-right: 0px; vertical-align: top; width: 33%; } #block-menu-block-8 .menu-block-wrapper > UL > LI:nth-child(n+6), #block-menu-block-10 .menu-block-wrapper > UL > LI:nth-child(n+6) { height: auto; margin-bottom: 14px; } @media (min-width: 1200px) { #block-menu-block-8 .menu-block-wrapper > UL > LI, #block-menu-block-10 .menu-block-wrapper > UL > LI { margin-right: 40px; max-width: 160px; } #block-menu-block-8 .menu-block-wrapper > UL > LI:nth-child(1n+6), #block-menu-block-10 .menu-block-wrapper > UL > LI:nth-child(1n+6) { margin-right: 0px; } #block-menu-block-8 .menu-block-wrapper > UL > LI:nth-child(5), #block-menu-block-10 .menu-block-wrapper > UL > LI:nth-child(5) { height: 250px; } #block-menu-block-8 .menu-block-wrapper > UL > LI:nth-child(n+5), #block-menu-block-10 .menu-block-wrapper > UL > LI:nth-child(n+5) { max-width: 300px; width: 150px; } #block-menu-block-8 .menu-block-wrapper > UL > LI:nth-child(n+7), #block-menu-block-10 .menu-block-wrapper > UL > LI:nth-child(n+7) { margin-bottom: -5px; } } #block-menu-block-8 .menu-block-wrapper > UL > LI > A, #block-menu-block-10 .menu-block-wrapper > UL > LI > A { color: #000; display: block; font-size: 11px; margin-bottom: 20px; text-transform: uppercase; } #block-menu-block-8 .menu-block-wrapper > UL > LI UL, #block-menu-block-10 .menu-block-wrapper > UL > LI UL { list-style-type: none; } #block-menu-block-8 .menu-block-wrapper > UL > LI UL LI, #block-menu-block-10 .menu-block-wrapper > UL > LI UL LI { line-height: 0.9; list-style-image: none; list-style-type: none; margin-bottom: 14px; } #block-menu-block-8 .menu-block-wrapper > UL > LI UL LI A, #block-menu-block-10 .menu-block-wrapper > UL > LI UL LI A { color: #000; font-size: 10px; } BODY.maintenance-page * { text-align: center !important; } BODY.maintenance-page .l-branding { float: none; margin: 50px auto; } BODY.page-node .l-main { margin: 20px auto 0px auto; width: 100%; } @media (min-width: 1200px) { BODY.page-node .l-main { margin: 90px auto; max-width: 1170px; } } @media screen and (max-width: 739px) { BODY.page-node .l-main .node--full > .node__content > .field--name-summary { margin: 0px 12px; } } @media screen and (min-width: 1200px) { BODY.page-node.page-node-223 .l-main { max-width: 920px; } } @media screen and (min-width: 1200px) { BODY.page-node.page-node-989 .l-main { max-width: 940px; } } @media (min-width: 1200px) { BODY.node-type-listing-page .l-main { margin: 80px auto; max-width: 720px; width: 100%; } } BODY.node-type-listing-page .l-main #main-content { margin: 0px 12px; } @media (min-width: 1200px) { BODY.node-type-front-page .l-main { margin-top: 44px; max-width: 100%; } } BODY.node-type-reference .l-main, BODY.node-type-news .l-main, BODY.node-type-event .l-main, BODY.node-type-sub-page .l-main, BODY.node-type-key-technologies-item .l-main { max-width: 720px; } @media (min-width: 1200px) { BODY.node-type-reference .l-main, BODY.node-type-news .l-main, BODY.node-type-event .l-main, BODY.node-type-sub-page .l-main, BODY.node-type-key-technologies-item .l-main { margin-top: 90px; } } BODY.node-type-reference .l-main H1.page-title, BODY.node-type-news .l-main H1.page-title, BODY.node-type-event .l-main H1.page-title, BODY.node-type-sub-page .l-main H1.page-title, BODY.node-type-key-technologies-item .l-main H1.page-title { display: block; margin: 0px 12px 20px 12px; } @media (min-width: 1200px) { BODY.node-type-reference .l-main H1.page-title, BODY.node-type-news .l-main H1.page-title, BODY.node-type-event .l-main H1.page-title, BODY.node-type-sub-page .l-main H1.page-title, BODY.node-type-key-technologies-item .l-main H1.page-title { margin: 0px 0px 30px 20px; width: 100%; } } BODY.node-type-reference .l-main .node--full FOOTER.node__submitted, BODY.node-type-news .l-main .node--full FOOTER.node__submitted, BODY.node-type-event .l-main .node--full FOOTER.node__submitted, BODY.node-type-sub-page .l-main .node--full FOOTER.node__submitted, BODY.node-type-key-technologies-item .l-main .node--full FOOTER.node__submitted { margin: 0px 12px 0px 12px; } @media (min-width: 1200px) { BODY.node-type-reference .l-main .node--full FOOTER.node__submitted, BODY.node-type-news .l-main .node--full FOOTER.node__submitted, BODY.node-type-event .l-main .node--full FOOTER.node__submitted, BODY.node-type-sub-page .l-main .node--full FOOTER.node__submitted, BODY.node-type-key-technologies-item .l-main .node--full FOOTER.node__submitted { margin-left: 20px; width: 600px; } } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-summary, BODY.node-type-news .l-main .node--full > .node__content > .field--name-summary, BODY.node-type-event .l-main .node--full > .node__content > .field--name-summary, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-summary, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-summary { padding-bottom: 40px; } BODY.node-type-reference .l-main .node--full > .node__content .event-info, BODY.node-type-news .l-main .node--full > .node__content .event-info, BODY.node-type-event .l-main .node--full > .node__content .event-info, BODY.node-type-sub-page .l-main .node--full > .node__content .event-info, BODY.node-type-key-technologies-item .l-main .node--full > .node__content .event-info { margin: 0px 12px 20px 12px; } @media (min-width: 1200px) { BODY.node-type-reference .l-main .node--full > .node__content .event-info, BODY.node-type-news .l-main .node--full > .node__content .event-info, BODY.node-type-event .l-main .node--full > .node__content .event-info, BODY.node-type-sub-page .l-main .node--full > .node__content .event-info, BODY.node-type-key-technologies-item .l-main .node--full > .node__content .event-info { margin-left: 20px; width: 600px; } } BODY.node-type-reference .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-news .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-event .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-sub-page .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-key-technologies-item .l-main .node--full > .node__content .event-info LEGEND { font-size: 15px; } @media (min-width: 820px) { BODY.node-type-reference .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-news .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-event .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-sub-page .l-main .node--full > .node__content .event-info LEGEND, BODY.node-type-key-technologies-item .l-main .node--full > .node__content .event-info LEGEND { font-size: 18px; } } BODY.node-type-reference .l-main .node--full > .node__content .event-info .field__label, BODY.node-type-news .l-main .node--full > .node__content .event-info .field__label, BODY.node-type-event .l-main .node--full > .node__content .event-info .field__label, BODY.node-type-sub-page .l-main .node--full > .node__content .event-info .field__label, BODY.node-type-key-technologies-item .l-main .node--full > .node__content .event-info .field__label { padding-right: 8px; } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-field-main-image IMG, BODY.node-type-news .l-main .node--full > .node__content > .field--name-field-main-image IMG, BODY.node-type-event .l-main .node--full > .node__content > .field--name-field-main-image IMG, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-field-main-image IMG, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-field-main-image IMG { height: auto !important; width: 100% !important; } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-body, BODY.node-type-news .l-main .node--full > .node__content > .field--name-body, BODY.node-type-event .l-main .node--full > .node__content > .field--name-body, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-body, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-body { border-bottom: 1px solid #999999; margin-bottom: 40px; padding-bottom: 40px; } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-news .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-event .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-body .field__item { margin: 0px 12px 0px 12px; } @media (min-width: 1200px) { BODY.node-type-reference .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-news .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-event .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-body .field__item, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-body .field__item { margin-left: 20px; width: 600px; } } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-body .field__item P, BODY.node-type-news .l-main .node--full > .node__content > .field--name-body .field__item P, BODY.node-type-event .l-main .node--full > .node__content > .field--name-body .field__item P, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-body .field__item P, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-body .field__item P { margin: 1em 0px; } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-news .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-event .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-field-content-sections .field__item { padding-bottom: 20px; padding-left: 5%; padding-right: 5%; padding-top: 0; } @media (min-width: 1200px) { BODY.node-type-reference .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-news .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-event .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-field-content-sections .field__item, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-field-content-sections .field__item { padding-bottom: 30px; padding-left: 20px; padding-top: 30px; } } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-field-content-sections .field__item:nth-child(1n + 2), BODY.node-type-news .l-main .node--full > .node__content > .field--name-field-content-sections .field__item:nth-child(1n + 2), BODY.node-type-event .l-main .node--full > .node__content > .field--name-field-content-sections .field__item:nth-child(1n + 2), BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-field-content-sections .field__item:nth-child(1n + 2), BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-field-content-sections .field__item:nth-child(1n + 2) { border-top: 1px solid #999999; } BODY.node-type-reference .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-news .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-event .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P { margin: 1em 0 1em 0; } @media (min-width: 1200px) { BODY.node-type-reference .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-news .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-event .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-sub-page .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P, BODY.node-type-key-technologies-item .l-main .node--full > .node__content > .field--name-field-content-sections .field__item P { margin-left: 20px; width: 600px; margin: 1em 0px; } } BODY.node-type-product .l-main { margin: 100px auto; max-width: 720px; width: 100%; } @media (min-width: 1200px) { BODY.node-type-product .l-main { padding-top: 50px; } } @media screen and (max-width: 739px) { BODY.node-type-product H1.page-title { margin: 0px 12px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images { border-bottom: 1px solid #999999; border-top: 1px solid #999999; height: 380px; margin-bottom: 40px; margin-top: 40px; padding: 40px 0px 40px 0px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images { height: 780px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__items { height: 330px; overflow: hidden; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__items .field__items_inner { height: 330px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__items .owl-carousel { height: 300px !important; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__items { height: 730px; width: 730px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__items .field__items_inner { height: 730px; width: 730px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__items .owl-carousel { height: 700px !important; width: 730px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-item { height: 300px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-item { height: 700px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__item { background-color: #FFF; height: 330px; width: 100%; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__item { height: 730px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .field__item IMG { cursor: zoom-in; display: block; margin: 0px auto 0px auto; max-height: 100%; max-width: 100%; width: auto; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-nav .owl-prev { background-image: url(../images/gallery-arrow-left.png); background-position: 50% 50%; background-repeat: no-repeat; bottom: 0px; cursor: pointer; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 32px; z-index: 20; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-nav .owl-next { background-image: url(../images/gallery-arrow-right.png); background-position: 50% 50%; background-repeat: no-repeat; bottom: 0px; cursor: pointer; height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px; width: 32px; z-index: 20; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-dots { bottom: -30px; height: 20px; left: 0px; position: absolute; text-align: center; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-dots .owl-dot { background-color: #CCCCCC; border-radius: 6px; display: inline-block; height: 12px; margin: 0px 5px; width: 12px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-product-images .owl-dots .owl-dot.active { background-color: #007a53; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies { border-bottom: 1px solid #999999; margin: 50px 0px 25px 0px; padding: 0px 12px 40px 12px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies { margin: 50px 0px 25px 0px; padding: 0px 40px 40px 72px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__label { color: #007a53; margin-top: 37px; padding-left: 0px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items { margin-top: 35px; padding-left: 0px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items:after { clear: both; content: ' '; display: table; float: none; height: 1px; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner:after { clear: both; content: ' '; display: table; float: none; height: 1px; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item { height: 60px; margin: 10px 0px 10px 0px; position: relative; } @media (min-width: 600px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item { float: left; width: 290px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item:nth-child(2n+0) { margin-right: 0px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE { height: 100%; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .left .field--name-field-technology-listing-image { float: left; text-align: center; width: 50px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .left .field--name-field-technology-listing-image IMG { height: 50px; width: 50px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .right { float: left; height: 50px; margin-left: 25px; vertical-align: middle; width: 65%; } @media (min-width: 600px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .right { width: 180px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .right HEADER { display: table; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .right HEADER H3 { display: table-cell; font-size: 13px; font-weight: 500; height: 44px; line-height: 1.3; margin-top: 0px; vertical-align: middle; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-key-technologies > .field__items > .field__items_inner > .field__item ARTICLE .right HEADER H3 A { color: #000; text-decoration: none; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec { border-bottom: 1px solid #999999; margin-bottom: 13px; margin-top: 18px; padding: 0px 12px 20px 12px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .group-tech-spec { margin-bottom: 28px; margin-top: 33px; padding: 0px 40px 32px 72px; } } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec H3 { color: #007a53; padding-bottom: 27px; padding-left: 0px; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field { height: 54px; float: left; font-size: 12px; margin: 15px 0px 10px 0px; width: 290px; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field:nth-child(2n+0) { margin-right: 0px; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field .icon { float: left; margin-right: 25px; width: 54px; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field .icon IMG { display: block; margin: 0px auto 15px auto; width: 33px; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field .info { display: table; float: left; width: 180px; } BODY.node-type-product .node--product--full > .node__content > .group-tech-spec .field .info SPAN { display: table-cell; height: 33px; vertical-align: middle; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items { padding: 0px !important; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner { padding: 15px 0px 15px 0px !important; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner:after { clear: both; content: ' '; display: table; float: none; height: 1px; width: 100%; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner > .field__item { width: 21%; text-align: center; margin: 15px 2% 15px 2%; float: left; height: auto; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner > .field__item .documentation-file A { color: #000; display: block; text-align: center; text-decoration: none; width: 100%; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner > .field__item .documentation-file A:first-child { height: 148px; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner > .field__item .documentation-file A:nth-child(2) { height: 50px; } BODY.node-type-product .node--product--full > .node__content .field--name-field-document > .field__items > .field__items_inner > .field__item .documentation-file IMG { display: block; margin: 0px auto 15px auto; } BODY.node-type-product .node--product--full > .node__content .field.expandable { margin-bottom: 0px; padding: 0px 12px 0px 12px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content .field.expandable { padding: 0px 70px 0px 70px; } } BODY.node-type-product .node--product--full > .node__content .field.expandable .field__label { height: 40px; cursor: pointer; padding-left: 28%; padding-top: 10px; background-color: #999999; background-image: url(../images/field-collapsed.jpg); background-size: 100% auto; background-position: 0px 50%; background-repeat: no-repeat; } BODY.node-type-product .node--product--full > .node__content .field.expandable .field__label:hover { background-image: url(../images/field-collapsed_act.jpg); } BODY.node-type-product .node--product--full > .node__content .field.expandable > .field__items { overflow: hidden; height: 1px; padding: 0px; } BODY.node-type-product .node--product--full > .node__content .field.expandable > .field__items > .field__items_inner { padding: 30px; } BODY.node-type-product .node--product--full > .node__content .field.expandable.expanded .field__label { background-color: #999999; background-image: url(../images/field-expanded.jpg); } BODY.node-type-product .node--product--full > .node__content .field.expandable.expanded .field__label:hover { background-image: url(../images/field-expanded_act.jpg); } BODY.node-type-product .node--product--full > .node__content .field.expandable.expanded > .field__items { height: auto; } BODY.node-type-product .node--product--full > .node__content .field.expandable.collapsed .field__label { background-color: #999999; background-image: url(../images/field-collapsed.jpg); } BODY.node-type-product .node--product--full > .node__content .field.expandable.collapsed .field__label:hover { background-image: url(../images/field-collapsed_act.jpg); } BODY.node-type-product .node--product--full > .node__content .field--name-field-reviews { padding-bottom: 20px !important; padding-top: 48px !important; } BODY.node-type-product .node--product--full > .node__content .field--name-field-reviews A { color: #007a53; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod > .field__items > .field__items_inner > .field__item { float: left; height: 450px; max-width: 47%; margin-right: 4%; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod > .field__items > .field__items_inner > .field__item.odd { margin-right: 0px; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod .field__items { padding: 0px !important; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod .field__items .field-collection-item-field-videos-prod .field--name-field-title { height: 45px; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod .field__items .field-collection-item-field-videos-prod .field--name-field-title .field__items { padding: 0px !important; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod .field__items .field-collection-item-field-videos-prod .field--name-field-videos { padding: 0px 0px 0px 0px; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod .field__items .field-collection-item-field-videos-prod .field--name-field-videos .field__items { height: 197px; overflow: hidden; position: relative; text-align: center; vertical-align: middle; } BODY.node-type-product .node--product--full > .node__content .field--type-field-collection.field--name-field-videos-prod .field__items .field-collection-item-field-videos-prod .field--name-field-videos .field__items IMG.button { cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-body { border-bottom: 1px solid #999999; margin-bottom: 40px; padding-bottom: 40px; } BODY.node-type-product .node--product--full > .node__content > .field--name-body .field__item { margin: 0px 12px; max-width: 600px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-body .field__item { margin-left: 20px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-content-sections .field__item { border-bottom: 1px solid #999999; margin: 0px 0px 40px 20px; padding-bottom: 40px; width: 600px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products { border-top: 1px solid #999999; margin-top: 20px; padding: 20px 12px; } @media (min-width: 820px) { BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products { margin-top: 40px; padding-left: 50px; padding-right: 50px; padding-top: 40px; } } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products .field__label { color: #007a53; padding-left: 0px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items { padding-left: 5px; padding-top: 40px; width: 100%; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item { float: left; width: 20%; margin-right: 5%; margin-bottom: 32px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item .links--inline { display: none; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item H3.node__title { margin: 0px 0px 0px 0px; line-height: 1.1; text-align: center; display: block; width: 100%; height: 60px; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item H3.node__title A { color: #000; font-size: 14px; font-weight: 400; text-decoration: none; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item .field--name-field-product-images:before, BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item .field--name-field-product-images:after { display: none; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item .field--name-field-product-images > .field__items .field__item { width: 100%; height: 100px; text-align: center; } BODY.node-type-product .node--product--full > .node__content > .field--name-field-prod-related-products > .field__items > .field__items_inner > .field__item .field--name-field-product-images > .field__items .field__item IMG { display: block; margin: 0px auto 0px auto; height: auto; width: auto; } BODY.node-type-product .node--product--full > .node__content .field-collection-container { border-bottom: 0px solid #FFF; margin-bottom: 0px !important; padding-bottom: 20px !important; } @media (min-width: 820px) { BODY.node-type-blog .l-main { margin-top: 42px; max-width: 673px; } } @media (min-width: 1240px) { BODY.node-type-blog .l-main { margin-top: 42px; max-width: 1200px; } } BODY.node-type-blog .l-main #main-content ARTICLE .field--name-field-main-image IMG { height: auto !important; } BODY.node-type-blog .l-main .field--name-body .field__items_inner { padding-top: 30px; } @media (min-width: 820px) { BODY.node-type-blog .l-main .field--name-body .field__items_inner { padding-top: 50px; } } BODY.node-type-blog .l-main .field--name-field-gallery { padding: 20px 0px 30px; } BODY.page-blog .l-main { margin-top: 17px; max-width: 1200px; } BODY.node-type-webform #main-content, BODY.node-type-open-position #main-content { margin: 0px 5% 0px 5%; width: 90%; } @media (min-width: 720px) { BODY.node-type-webform #main-content, BODY.node-type-open-position #main-content { margin: 0px 0% 0px 0%; width: 100%; } } @media (min-width: 1260px) { BODY.node-type-webform #main-content, BODY.node-type-open-position #main-content { margin: 0px 0px 0px 50px; width: 940px; } } BODY.node-type-webform .field.field--name-body, BODY.node-type-open-position .field.field--name-body { padding: 30px 0px; width: 100%; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .webform-client-form, BODY.node-type-webform .webform-client-form .block--webform, BODY.node-type-open-position .webform-client-form .webform-client-form, BODY.node-type-open-position .webform-client-form .block--webform { width: 870px; } } BODY.node-type-webform .webform-client-form H2.block__title, BODY.node-type-open-position .webform-client-form H2.block__title { display: none; } BODY.node-type-webform .webform-client-form .form-item.webform-component, BODY.node-type-webform .webform-client-form .form-actions, BODY.node-type-open-position .webform-client-form .form-item.webform-component, BODY.node-type-open-position .webform-client-form .form-actions { clear: both; } BODY.node-type-webform .webform-client-form INPUT[type=text], BODY.node-type-webform .webform-client-form INPUT[type=email], BODY.node-type-webform .webform-client-form TEXTAREA, BODY.node-type-webform .webform-client-form .form-managed-file, BODY.node-type-open-position .webform-client-form INPUT[type=text], BODY.node-type-open-position .webform-client-form INPUT[type=email], BODY.node-type-open-position .webform-client-form TEXTAREA, BODY.node-type-open-position .webform-client-form .form-managed-file { background-color: #ededed; border: 0px; max-width: 720px; width: 100%; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form INPUT[type=text], BODY.node-type-webform .webform-client-form INPUT[type=email], BODY.node-type-webform .webform-client-form TEXTAREA, BODY.node-type-webform .webform-client-form .form-managed-file, BODY.node-type-open-position .webform-client-form INPUT[type=text], BODY.node-type-open-position .webform-client-form INPUT[type=email], BODY.node-type-open-position .webform-client-form TEXTAREA, BODY.node-type-open-position .webform-client-form .form-managed-file { max-width: 600px; } } BODY.node-type-webform .webform-client-form INPUT[type=text], BODY.node-type-webform .webform-client-form INPUT[type=email], BODY.node-type-open-position .webform-client-form INPUT[type=text], BODY.node-type-open-position .webform-client-form INPUT[type=email] { height: 36px; padding-left: 50px; max-width: 720px; width: 100%; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form INPUT[type=text], BODY.node-type-webform .webform-client-form INPUT[type=email], BODY.node-type-open-position .webform-client-form INPUT[type=text], BODY.node-type-open-position .webform-client-form INPUT[type=email] { max-width: 600px; } } BODY.node-type-webform .webform-client-form .grippie, BODY.node-type-open-position .webform-client-form .grippie { max-width: 720px; width: 100%; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .grippie, BODY.node-type-open-position .webform-client-form .grippie { max-width: 600px; margin-left: 300px; } } BODY.node-type-webform .webform-client-form INPUT[type=file], BODY.node-type-open-position .webform-client-form INPUT[type=file] { background-color: #ededed; max-width: 100%; } BODY.node-type-webform .webform-client-form TEXTAREA, BODY.node-type-open-position .webform-client-form TEXTAREA { height: 120px; max-width: 720px; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form TEXTAREA, BODY.node-type-open-position .webform-client-form TEXTAREA { max-width: 600px; margin-left: 300px; } } BODY.node-type-webform .webform-client-form LABEL, BODY.node-type-open-position .webform-client-form LABEL { display: inline-block; width: 300px; float: left; height: 25px; margin-right: 0px; padding-right: 0px; } BODY.node-type-webform .webform-client-form LABEL .form-required, BODY.node-type-open-position .webform-client-form LABEL .form-required { color: #000 !important; } BODY.node-type-webform .webform-client-form .form-type-radio LABEL, BODY.node-type-open-position .webform-client-form .form-type-radio LABEL { display: inline; width: auto; float: none; } BODY.node-type-webform .webform-client-form .webform-component-file .description, BODY.node-type-open-position .webform-client-form .webform-component-file .description { margin-top: 15px; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .form-radios, BODY.node-type-open-position .webform-client-form .form-radios { float: left; } } @media (max-width: 1260px) { BODY.node-type-webform .webform-client-form .webform-component-radios > LABEL, BODY.node-type-open-position .webform-client-form .webform-component-radios > LABEL { width: auto; float: none; display: block; } } BODY.node-type-webform .webform-client-form .webform-component-radios:after, BODY.node-type-open-position .webform-client-form .webform-component-radios:after { content: ""; display: table; clear: both; } BODY.node-type-webform .webform-client-form .form-textarea-wrapper, BODY.node-type-open-position .webform-client-form .form-textarea-wrapper { padding-left: 1px; } BODY.node-type-webform .webform-client-form div.description, BODY.node-type-open-position .webform-client-form div.description { width: 100%; } BODY.node-type-webform .webform-client-form div.description:after, BODY.node-type-open-position .webform-client-form div.description:after { clear: both; float: none; display: table; width: 100%; height: 10px; content: ' '; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form div.description, BODY.node-type-open-position .webform-client-form div.description { width: 250px; float: left; } } BODY.node-type-webform .webform-client-form .form-checkboxes, BODY.node-type-open-position .webform-client-form .form-checkboxes { display: inline-block; width: 100%; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .form-checkboxes, BODY.node-type-open-position .webform-client-form .form-checkboxes { width: 600px; } } BODY.node-type-webform .webform-client-form .form-checkboxes .form-item.form-type-checkbox, BODY.node-type-open-position .webform-client-form .form-checkboxes .form-item.form-type-checkbox { display: inline-block; width: 290px; } BODY.node-type-webform .webform-client-form .form-checkboxes .form-item.form-type-checkbox INPUT, BODY.node-type-open-position .webform-client-form .form-checkboxes .form-item.form-type-checkbox INPUT { background-color: #ededed; border: 0px; height: 20px; width: 20px; } BODY.node-type-webform .webform-client-form .form-managed-file, BODY.node-type-open-position .webform-client-form .form-managed-file { display: block; padding: 10px; box-sizing: border-box; } BODY.node-type-webform .webform-client-form .form-managed-file LABEL, BODY.node-type-open-position .webform-client-form .form-managed-file LABEL { float: none; } BODY.node-type-webform .webform-client-form .form-managed-file INPUT[type=submit], BODY.node-type-open-position .webform-client-form .form-managed-file INPUT[type=submit] { border: 0px; background-color: #e0e0e0; border-radius: 0px; display: none; padding: 10px 20px; margin-left: 20px; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .form-managed-file, BODY.node-type-open-position .webform-client-form .form-managed-file { float: right; margin-right: 40px; padding: 20px 20px 20px 30px; } BODY.node-type-webform .webform-client-form .form-managed-file LABEL, BODY.node-type-open-position .webform-client-form .form-managed-file LABEL { float: left; } } BODY.node-type-webform .webform-client-form .webform-component-file, BODY.node-type-open-position .webform-client-form .webform-component-file { display: block; margin-top: 20px; } BODY.node-type-webform .webform-client-form .webform-component-file LABEL, BODY.node-type-open-position .webform-client-form .webform-component-file LABEL { float: none; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .webform-component-file LABEL, BODY.node-type-open-position .webform-client-form .webform-component-file LABEL { float: left; } } BODY.node-type-webform .webform-client-form .form-actions, BODY.node-type-open-position .webform-client-form .form-actions { margin-top: 30px; padding-top: 30px; } BODY.node-type-webform .webform-client-form .form-actions INPUT[type=submit], BODY.node-type-open-position .webform-client-form .form-actions INPUT[type=submit] { background-image: url(../images/submit-bg.png); background-position: 100% 50%; background-size: 100% auto; border: 0px; display: block; height: 72px; padding-right: 40%; text-align: right; width: 100%; } @media (min-width: 1260px) { BODY.node-type-webform .webform-client-form .form-actions INPUT[type=submit], BODY.node-type-open-position .webform-client-form .form-actions INPUT[type=submit] { width: 600px; margin-left: 300px; padding-left: 100px; text-align: left; } } ARTICLE.node--front-page { width: 100%; } ARTICLE.node--front-page:after { clear: both; content: ''; display: block; float: none; height: 0px; width: 100%; } ARTICLE.node--front-page .node__content { position: relative; } ARTICLE.node--front-page .node__content:after { clear: both; content: ''; display: block; float: none; height: 0px; width: 100%; } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content { margin: 0px auto; max-width: 1170px; } } ARTICLE.node--front-page .node__content .header-media { border-bottom: 1px solid #FFF; clear: both; float: none; height: 310px; position: relative; width: 100%; } @media (min-width: 820px) { ARTICLE.node--front-page .node__content .header-media { height: 470px; } } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content .header-media { border-bottom: 0px solid #FFF; display: block; float: left; height: 498px; margin-right: 30px; width: 780px; } } @media (min-width: 820px) and (max-width: 1200px) { ARTICLE.node--front-page .node__content .header-media .field--name-field-main-image .field__items { border-left: 1px solid #FFF; border-right: 1px solid #FFF; margin: 0px auto; width: 750px; } } ARTICLE.node--front-page .node__content .header-media .field--name-field-main-image IMG { display: block; height: auto !important; margin: 0px; max-width: 100%; padding: 0px; width: 100%; } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content .header-media .field--name-field-main-image { border-bottom: 0px solid #FFF; display: block; float: left; height: 498px; margin-right: 30px; width: 780px; } ARTICLE.node--front-page .node__content .header-media .field--name-field-main-image IMG { border-left: 1px solid #FFF; border-right: 1px solid #FFF; height: 100%; } } ARTICLE.node--front-page .node__content .header-media .field--name-field-video { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 10; } ARTICLE.node--front-page .node__content .header-media .field--name-field-video DIV { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 10; } ARTICLE.node--front-page .node__content .header-media .field--name-field-video IFRAME { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 10; } ARTICLE.node--front-page .node__content .node-content { padding-bottom: 40px; } @media (min-width: 820px) { ARTICLE.node--front-page .node__content .node-content { padding-bottom: 1px; } } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content .node-content { padding-bottom: 0px; } } ARTICLE.node--front-page .node__content H1.page-title { display: block; margin: 20px 24px; } @media (min-width: 820px) { ARTICLE.node--front-page .node__content H1.page-title { margin: 25px 66px; } } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content H1.page-title { float: left; margin: 20px auto; padding: 54px 0px 0px 0px; width: 30%; } } ARTICLE.node--front-page .node__content .field--name-body { margin: 10px 24px; } @media (min-width: 820px) { ARTICLE.node--front-page .node__content .field--name-body { margin: 15px 66px; } } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content .field--name-body { float: left; margin: 10px auto; width: 350px; } } ARTICLE.node--front-page .node__content .field--name-body P { line-height: 1.2; } ARTICLE.node--front-page .node__content .field--name-field-link { right: 12px; } @media (min-width: 820px) { ARTICLE.node--front-page .node__content .field--name-field-link { margin: 10px 66px 40px 66px; width: 327px; } ARTICLE.node--front-page .node__content .field--name-field-link .field__items { float: left; text-align: center; width: 100%; } ARTICLE.node--front-page .node__content .field--name-field-link .field__items A { color: #FFF; padding-bottom: 19px; padding-top: 15px; text-decoration: #FFF; width: 100%; } } @media (min-width: 1200px) { ARTICLE.node--front-page .node__content .field--name-field-link { float: left; margin: 0px 0px 20px 12px; width: 327px; } } ARTICLE.node TABLE { width: 100%; } ARTICLE.node TABLE p { width: auto !important; } ARTICLE.node TABLE TBODY TR TD, ARTICLE.node TABLE TBODY TR TH, ARTICLE.node TABLE THEAD TR TD, ARTICLE.node TABLE THEAD TR TH { padding: 16px 30px 16px 30px; } ARTICLE.node H2.ck_subheading { margin-top: 38px; font-size: 24px; font-weight: 400; } @media (min-width: 740px) { ARTICLE.node H2.ck_subheading { font-size: 48px; } } ARTICLE.node H2:before { width: 100%; } ARTICLE.node H2:before + p { margin-top: 10px; } ARTICLE.node H3.ck_subheading { margin-top: 38px; font-size: 19px; font-weight: 400; } @media (min-width: 740px) { ARTICLE.node H3.ck_subheading { font-size: 24px; } } ARTICLE.node H3.ck_subheading + p { margin-top: 10px; } ARTICLE.node A { color: #007a53; } ARTICLE.node A.ck_external { background-color: #ededed; background-image: url(../images/externallink-bg-mobile.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 20% auto; color: #000; display: block; padding: 10px 20% 10px 10px; text-decoration: none; } @media (min-width: 480px) { ARTICLE.node A.ck_external { background-color: #ededed; background-image: url(../images/externallink-bg.jpg); background-position: 0 50%; background-repeat: no-repeat; background-size: 100% auto; padding: 20px 20% 20px 20px; } ARTICLE.node A.ck_external:hover { background-image: url(../images/externallink-bg_act.jpg); } } ARTICLE.node A.ck_internal { background-color: #ededed; background-image: url(../images/internallink-bg-mobile.jpg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 20% auto; color: #000; display: block; padding: 10px 20% 10px 10px; text-decoration: none; } @media (min-width: 480px) { ARTICLE.node A.ck_internal { background-color: #ededed; background-image: url(../images/internallink-bg.jpg); background-position: 0 50%; background-repeat: no-repeat; background-size: 100% auto; padding: 20px 20% 20px 20px; } ARTICLE.node A.ck_internal:hover { background-image: url(../images/internallink-bg_act.jpg); } } ARTICLE.node .field--name-field-main-image DIV IMG { display: block; margin: 0px; } ARTICLE.node .field--name-field-related-products { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_dark.png); background-position: 0px 0px; background-repeat: repeat-x; background-size: auto 18px; max-width: 100%; margin-top: 50px; clear: both; } @media (min-width: 740px) { ARTICLE.node .field--name-field-related-products { background-image: url(/sites/default/themes/genelec/images/blogs/transparent_divider_light.png); background-position: 0px 108px; background-size: auto 5px; } } ARTICLE.node .field--name-field-related-products:before { width: 100%; } @media (min-width: 740px) { ARTICLE.node .field--name-field-related-products:before { background-color: #c9c9c9; height: 30px !important; } } ARTICLE.node .field--name-field-related-products .field__label { color: #000; font-family: "HelveticaNeueETW01-75Bd"; font-size: 14px; font-weight: 400; padding: 32px 20px 0px 20px; } @media (min-width: 740px) { ARTICLE.node .field--name-field-related-products .field__label { font-family: "HelveticaNeueETW01-65Md"; font-size: 18px; padding: 30px 100px 30px 100px; } } ARTICLE.node .field--name-field-related-products > .field__items { margin-top: 20px; padding: 0px 20px 0px 20px; width: 100%; } @media (min-width: 740px) { ARTICLE.node .field--name-field-related-products > .field__items { padding: 0px 100px 0px 100px; } } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner { background-image: url(/sites/default/themes/genelec/images/blogs/grey-separator.png); background-position: 0px -2px; background-repeat: repeat; background-size: 2px 120px; } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item { display: inline-block; float: left; height: 80px; margin: 20px 0 20px 0; text-align: left; width: 100%; } @media (min-width: 740px) { ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item { margin: 20px 4% 20px 0; width: 46%; } } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item ARTICLE { height: 80px; } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item ARTICLE .node__content { float: left; margin-right: 20px; text-align: center; width: 100px; } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item ARTICLE .node__content IMG { height: auto; max-height: 80px; max-width: 100%; width: auto; } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item A { color: #000; font-size: 14px; text-decoration: none; } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item HEADER { display: table-row; height: 80px; } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item HEADER H2.node__title { color: #000; display: table-cell; height: 80px; font-size: 14px; font-weight: 100; text-decoration: none; vertical-align: middle; } @media (min-width: 740px) { ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner > .field__item HEADER H2.node__title { font-family: "HelveticaNeueETW01-65Md"; } } ARTICLE.node .field--name-field-related-products > .field__items > .field__items_inner .field--name-field-product-images { height: 100px; } ARTICLE.node #genelect-related-products-block-wrapper { max-width: 100%; margin-top: 50px; clear: both; } ARTICLE.node #genelect-related-products-block-wrapper:before { height: 30px !important; background-image: url(../images/hor-separator.png); background-repeat: no-repeat; background-position: 50% 0px; background-size: 100% auto; margin-bottom: 30px; } ARTICLE.node #genelect-related-products-block-wrapper .block-title { color: #007A53; } ARTICLE.node #genelect-related-products-block-wrapper .block-title { padding-left: 105px; } ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper, ARTICLE.node #genelect-related-products-block-wrapper .field__items { width: 920px; padding-left: 120px; margin-top: 40px; } ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper .item-container, ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper .field__item, ARTICLE.node #genelect-related-products-block-wrapper .field__items .item-container, ARTICLE.node #genelect-related-products-block-wrapper .field__items .field__item { width: 20%; margin-right: 5%; margin-bottom: 32px; display: inline-block; text-align: center; } ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper .item-container A, ARTICLE.node #genelect-related-products-block-wrapper .items-wrapper .field__item A, ARTICLE.node #genelect-related-products-block-wrapper .field__items .item-container A, ARTICLE.node #genelect-related-products-block-wrapper .field__items .field__item A { color: #000; text-decoration: none; } BODY.node-type-key-technologies-item .field_product_list { clear: both; float: none; padding-left: 0px; width: 100%; } BODY.node-type-key-technologies-item .field_product_list:before, BODY.node-type-key-technologies-item .field_product_list:after { clear: both; content: " "; display: table; float: none; height: 10px !important; margin-bottom: 30px; } @media (max-width: 1260px) { BODY.node-type-key-technologies-item .field_product_list { padding-left: 0px; } BODY.node-type-key-technologies-item .field_product_list:before, BODY.node-type-key-technologies-item .field_product_list:after { height: 20px !important; margin-bottom: 20px; margin-left: 0%; width: 100%; } } BODY.node-type-key-technologies-item .field_product_list > .field__label H2 { color: #007A53; font-size: 24px; font-weight: 400; } @media (max-width: 1260px) { BODY.node-type-key-technologies-item .field_product_list > .field__label { padding-left: 40px; } } BODY.node-type-key-technologies-item .field_product_list .product_list_container { padding-top: 50px; } BODY.node-type-key-technologies-item .field_product_list .product_list_container:after { clear: both; content: ' '; display: table; float: none; height: 1px; width: 100%; } @media (max-width: 1260px) { BODY.node-type-key-technologies-item .field_product_list .product_list_container { padding-left: 0px; padding-top: 20px; } } BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE { float: left; height: 180px; margin: 0px 0% 0px 0%; padding: 0px 3%; width: 25%; } BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE .field--name-field-product-images .field__item { text-align: center; } BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE .field--name-field-product-images .field__item IMG { width: auto; } BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE H3.node__title { line-height: 0.9; text-align: center; } BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE H3.node__title A { color: #000; font-size: 14px; line-height: 0.9; } @media (max-width: 1260px) { BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE { margin: 0px 2% 20px 2%; width: 21%; } } @media (max-width: 740px) { BODY.node-type-key-technologies-item .field_product_list .product_list_container ARTICLE { margin: 0px 5% 20px 5%; width: 40%; } } BODY.page-taxonomy-term.series-page .l-main { margin: 0px auto 0px auto; max-width: 1170px; } @media (min-width: 1200px) { BODY.page-taxonomy-term.series-page .l-main { margin-top: 77px; } } BODY.page-taxonomy-term.series-page .l-main #main-content { margin-top: 20px; } @media (min-width: 1200px) { BODY.page-taxonomy-term.series-page .l-main #main-content { padding-top: 50px; } } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full { margin: 0px auto; max-width: 720px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H1.page-title { display: block; line-height: 1.1; letter-spacing: -1px; margin: 0px auto 0px auto; padding-bottom: 20px; width: 90%; } @media (min-width: 1200px) { BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H1.page-title { margin: 0px 0px 0px 0px; width: 100%; } } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-summary { color: #666; font-size: 19px; font-weight: 400; line-height: 1.16; margin: 0px auto 0px auto; padding-bottom: 20px; width: 90%; } @media (min-width: 1200px) { BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-summary { margin: 0px 0px 0px 0px; width: 100%; } } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-main-image { margin: 0px auto; padding: 0px; width: 100%; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-main-image IMG { height: auto; display: block; width: 100%; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference { margin-top: 30px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference .field__label { color: #007a53; font-size: 24px; padding-left: 105px; display: inline; padding-right: 22px; background-image: url("/sites/default/themes/genelec/images/title-arrow.png"); background-position: 100% 10px; background-repeat: no-repeat; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items { margin-top: 60px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item H2.node__title { max-width: 500px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item H2.node__title A { color: #000; font-size: 22px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-body { padding: 0px 0px 0px 0px; max-width: 500px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-body .more-link { text-align: left; display: block; margin-top: 15px; padding-right: 30px; font-size: 14px; color: #000; max-width: 140px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-body .more-link:after { display: block; float: right; background-image: url("/sites/default/themes/genelec/images/subheading-bg.png"); background-position: 100% 50%; background-repeat: no-repeat; width: 20px; content: ' '; height: 20px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-field-main-image { margin-top: -50px; padding: 0px; width: 300px; float: right; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-field-main-image DIV.field__item { padding: 50px; background-color: #EDEDED; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-field-main-image DIV.field__item IMG { width: 100% !important; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-field-main-image:after { display: none; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content .field--name-field-main-image IMG { height: auto; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .node__content:after { width: 100%; content: " "; display: table; height: 10px; clear: both; float: none; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .links--inline { max-width: 200px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .links--inline .node-readmore A { text-align: left; display: block; margin-top: 15px; padding-right: 30px; font-size: 14px; color: #000; max-width: 140px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference > .field__items .field__item .links--inline .node-readmore A:after { display: block; float: right; background-image: url("/sites/default/themes/genelec/images/subheading-bg.png"); background-position: 100% 50%; background-repeat: no-repeat; width: 20px; content: ' '; height: 20px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-reference:after { width: 126%; margin-left: -13%; margin-top: 80px; content: " "; display: table; height: 20px; clear: both; float: none; background-image: url("../images/hor-separator.png"); background-position: 50% 0px; background-repeat: no-repeat; background-size: 100% auto; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description { padding-top: 30px; padding-left: 0px; padding-bottom: 15px; padding-right: 0px; width: 100%; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description P, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description H3, BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description UL { padding: 0px 5% 0px 20px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description HR { margin: 40px 0px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description IMG { border: 0px solid #000; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .taxonomy-term-description .field__item { box-sizing: border-box; margin: 0px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field--name-field-content-sections { margin: 20px 0px 20px 45px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field__item H3 { display: inline-block; padding-right: 20px; margin: 0px 0px 10px 0px; font-size: 13px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full .field__item P { margin: 0px 0px 9px 0px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H3.ck_subheading { font-size: 13px; margin: 38px 0px 8px 0px; } BODY.page-taxonomy-term.series-page .l-main #main-content .taxonomy-term--series--full H3.ck_subheading + p { margin-top: 10px; } BODY.page-taxonomy-term.segment-page .l-main { margin: 60px auto 40px auto; } @media (min-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main { max-width: 100%; } } @media (min-width: 820px) and (max-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main #main-content { margin: 0px auto; max-width: 810px; } } BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series { margin: 0px auto 0px auto; max-width: 500px; width: 100%; } @media (min-width: 820px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series { max-width: 100%; } } @media (min-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series { max-width: 1170px; } } BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-title-summary { padding: 20px 5%; width: 100%; } @media (min-width: 820px) and (max-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-title-summary { margin: 0px auto; padding: 28px 40px 50px 26px; max-width: 750px; } } @media (min-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-title-summary { float: left; padding: 30px; width: 33%; } } BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-title-summary H1 { margin-bottom: 15px; } @media (min-width: 820px) and (max-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-title-summary H1 { margin-bottom: 35px; } } @media (min-width: 820px) and (max-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-title-summary .field--name-field-summary { font-size: 24px; } } BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-image { width: 100%; } @media (min-width: 820px) and (max-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-image { border-top: 1px solid #FFF; } } @media (min-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-image { float: right; width: 66%; } } @media (min-width: 820px) and (max-width: 1200px) { BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-image .field__items { border-left: 1px solid #FFF; border-right: 1px solid #FFF; margin: 0px auto; max-width: 750px; } } BODY.page-taxonomy-term.segment-page .l-main .term-listing-heading .taxonomy-term--series .taxonomy-image .field__items IMG { display: block; height: auto; width: 100%; } BODY.page-newsletter-subscribe #main-content, BODY.page-uutiskirje-tilaus #main-content { clear: both; float: none; margin: 0px auto 0px auto; padding: 40px 0 50px 0; width: 90% !important; } @media (min-width: 820px) { BODY.page-newsletter-subscribe #main-content, BODY.page-uutiskirje-tilaus #main-content { padding: 40px 0px 50px 0px; width: 100% !important; } } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content, BODY.page-uutiskirje-tilaus #main-content { padding: 40px 0px 50px 90px; width: 1010px !important; } } BODY.page-newsletter-subscribe #main-content H1.pagetitle, BODY.page-uutiskirje-tilaus #main-content H1.pagetitle { font-size: 44px; } BODY.page-newsletter-subscribe #main-content .form-message, BODY.page-uutiskirje-tilaus #main-content .form-message { color: #737373; font-size: 21px; margin-bottom: 60px; } BODY.page-newsletter-subscribe #main-content .form-message:empty, BODY.page-uutiskirje-tilaus #main-content .form-message:empty { display: none; } BODY.page-newsletter-subscribe #main-content .form-message:after, BODY.page-uutiskirje-tilaus #main-content .form-message:after { background-image: url(../images/hor-separator.png); background-position: 50% 100%; background-repeat: no-repeat; background-size: 100% auto; clear: both; content: ' '; display: table; float: none; height: 60px; margin-left: -10%; width: 115%; } BODY.page-newsletter-subscribe #main-content FORM #edit-message-container, BODY.page-uutiskirje-tilaus #main-content FORM #edit-message-container { margin: -50px 0px 50px 0px; } BODY.page-newsletter-subscribe #main-content FORM .form-item, BODY.page-uutiskirje-tilaus #main-content FORM .form-item { max-width: 898px; } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=text], BODY.page-newsletter-subscribe #main-content FORM INPUT[type=email], BODY.page-newsletter-subscribe #main-content FORM TEXTAREA, BODY.page-newsletter-subscribe #main-content FORM SELECT, BODY.page-newsletter-subscribe #main-content FORM .form-managed-file, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=text], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=email], BODY.page-uutiskirje-tilaus #main-content FORM TEXTAREA, BODY.page-uutiskirje-tilaus #main-content FORM SELECT, BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file { background-color: #ededed; border: 0px; border-radius: 0px !important; max-width: 100%; width: 100%; } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM INPUT[type=text], BODY.page-newsletter-subscribe #main-content FORM INPUT[type=email], BODY.page-newsletter-subscribe #main-content FORM TEXTAREA, BODY.page-newsletter-subscribe #main-content FORM SELECT, BODY.page-newsletter-subscribe #main-content FORM .form-managed-file, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=text], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=email], BODY.page-uutiskirje-tilaus #main-content FORM TEXTAREA, BODY.page-uutiskirje-tilaus #main-content FORM SELECT, BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file { max-width: 700px; } } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=text], BODY.page-newsletter-subscribe #main-content FORM INPUT[type=email], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=text], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=email] { height: 48px; padding-left: 30px; max-width: 100%; width: 100%; } @media (min-width: 820px) { BODY.page-newsletter-subscribe #main-content FORM INPUT[type=text], BODY.page-newsletter-subscribe #main-content FORM INPUT[type=email], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=text], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=email] { padding-left: 50px; } } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM INPUT[type=text], BODY.page-newsletter-subscribe #main-content FORM INPUT[type=email], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=text], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=email] { max-width: 620px; } } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=file], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=file] { background-color: #ededed; max-width: 100%; } BODY.page-newsletter-subscribe #main-content FORM TEXTAREA, BODY.page-uutiskirje-tilaus #main-content FORM TEXTAREA { height: 120px; max-width: 720px; } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM TEXTAREA, BODY.page-uutiskirje-tilaus #main-content FORM TEXTAREA { max-width: 620px; margin-left: 300px; } } BODY.page-newsletter-subscribe #main-content FORM .form-type-select, BODY.page-uutiskirje-tilaus #main-content FORM .form-type-select { position: relative; } BODY.page-newsletter-subscribe #main-content FORM .form-type-select .arrow, BODY.page-uutiskirje-tilaus #main-content FORM .form-type-select .arrow { background-color: #e0e0e0; background-image: url(/sites/default/themes/genelec/images/icons/expand.png); background-position: 50% 50%; background-repeat: no-repeat; content: ' '; cursor: pointer; display: block; height: 40px; pointer-events: none; position: absolute; right: 0px; top: 36px; width: 50px; z-index: 20; } @media (min-width: 820px) { BODY.page-newsletter-subscribe #main-content FORM .form-type-select .arrow, BODY.page-uutiskirje-tilaus #main-content FORM .form-type-select .arrow { background-color: #e0e0e0; display: block; height: 40px; width: 50px; } } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM .form-type-select .arrow, BODY.page-uutiskirje-tilaus #main-content FORM .form-type-select .arrow { top: 0px; } } BODY.page-newsletter-subscribe #main-content FORM SELECT, BODY.page-uutiskirje-tilaus #main-content FORM SELECT { background-color: #ededed; background-image: url(/sites/default/themes/genelec/images/icons/expand.png); background-position: 100% 50%; background-repeat: no-repeat; background-size: 1px 1px; border-radius: 0px !important; cursor: pointer; display: block; height: 40px; padding-left: 30px; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; } @media (min-width: 820px) { BODY.page-newsletter-subscribe #main-content FORM SELECT, BODY.page-uutiskirje-tilaus #main-content FORM SELECT { height: 40px; padding-left: 50px; } } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM SELECT, BODY.page-uutiskirje-tilaus #main-content FORM SELECT { max-width: 620px; } } BODY.page-newsletter-subscribe #main-content FORM SELECT:after, BODY.page-uutiskirje-tilaus #main-content FORM SELECT:after { background-color: #234656; content: ' '; display: block; height: 20px; width: 20px; } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM SELECT:after, BODY.page-uutiskirje-tilaus #main-content FORM SELECT:after { height: 34px; max-width: 620px; width: 34px; } } BODY.page-newsletter-subscribe #main-content FORM SELECT OPTION, BODY.page-uutiskirje-tilaus #main-content FORM SELECT OPTION { padding: 10px 0px 10px 10px !important; } BODY.page-newsletter-subscribe #main-content FORM LABEL, BODY.page-uutiskirje-tilaus #main-content FORM LABEL { display: inline-block; width: 278px; float: left; height: 25px; margin-right: 0px; margin-top: 11px; padding-right: 0px; } BODY.page-newsletter-subscribe #main-content FORM LABEL .form-required, BODY.page-uutiskirje-tilaus #main-content FORM LABEL .form-required { color: #000 !important; } BODY.page-newsletter-subscribe #main-content FORM .form-textarea-wrapper, BODY.page-uutiskirje-tilaus #main-content FORM .form-textarea-wrapper { padding-left: 1px; } BODY.page-newsletter-subscribe #main-content FORM .form-item.form-type-checkbox, BODY.page-uutiskirje-tilaus #main-content FORM .form-item.form-type-checkbox { display: inline-block; padding-left: 0px; width: 100%; } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM .form-item.form-type-checkbox, BODY.page-uutiskirje-tilaus #main-content FORM .form-item.form-type-checkbox { padding-left: 278px; width: 100%; } } BODY.page-newsletter-subscribe #main-content FORM .form-item.form-type-checkbox LABEL, BODY.page-uutiskirje-tilaus #main-content FORM .form-item.form-type-checkbox LABEL { width: auto; } BODY.page-newsletter-subscribe #main-content FORM .form-item.form-type-checkbox INPUT, BODY.page-uutiskirje-tilaus #main-content FORM .form-item.form-type-checkbox INPUT { background-color: #ededed; border: 0px; height: 20px; width: 20px; } BODY.page-newsletter-subscribe #main-content FORM .form-managed-file, BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file { display: block; padding: 10px; box-sizing: border-box; } BODY.page-newsletter-subscribe #main-content FORM .form-managed-file LABEL, BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file LABEL { float: none; } BODY.page-newsletter-subscribe #main-content FORM .form-managed-file INPUT[type=submit], BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file INPUT[type=submit] { border: 0px; border-radius: 0px !important; background-color: #e0e0e0; border-radius: 0px; padding: 10px 20px; margin-left: 20px; } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM .form-managed-file, BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file { float: right; margin-right: 40px; padding: 20px 20px 20px 30px; } BODY.page-newsletter-subscribe #main-content FORM .form-managed-file LABEL, BODY.page-uutiskirje-tilaus #main-content FORM .form-managed-file LABEL { float: left; } } BODY.page-newsletter-subscribe #main-content FORM .form-actions, BODY.page-uutiskirje-tilaus #main-content FORM .form-actions { margin-top: 30px; padding-top: 30px; } BODY.page-newsletter-subscribe #main-content FORM .form-actions INPUT[type=submit], BODY.page-uutiskirje-tilaus #main-content FORM .form-actions INPUT[type=submit] { background-image: url(../images/submit-bg-elink.jpg); background-position: 100% 50%; background-size: 100% auto; border: 0px; border-radius: 0px !important; display: block; height: 50px; padding-left: 30px; text-align: left; width: 100%; } @media (min-width: 820px) { BODY.page-newsletter-subscribe #main-content FORM .form-actions INPUT[type=submit], BODY.page-uutiskirje-tilaus #main-content FORM .form-actions INPUT[type=submit] { padding-left: 100px; } } @media (min-width: 1200px) { BODY.page-newsletter-subscribe #main-content FORM .form-actions INPUT[type=submit], BODY.page-uutiskirje-tilaus #main-content FORM .form-actions INPUT[type=submit] { height: 72px; margin-left: 278px; width: 620px; } } BODY.page-newsletter-subscribe #main-content FORM INPUT[type="checkbox"], BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type="checkbox"] { display: none; } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=checkbox] + label, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=checkbox] + label { cursor: pointer; font-size: 1em; background-color: #FFF; padding: 10px 43px 0px 43px; display: inline-block; position: relative; z-index: 201; margin-right: 30px; height: 44px; overflow: hidden; transition: all 0.3s linear, color 0 linear; } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=checkbox] + label:before, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=checkbox] + label:before { content: ' '; position: absolute; background-color: #ededed; z-index: 199; top: 1px; left: 1px; width: 36px; display: block; height: 36px; padding: 1px 0px; text-align: center; color: #496F7A; } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=checkbox]:checked + label:before, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=checkbox]:checked + label:before { background-image: url(../images/checked-bg.png); box-sizing: border-box; content: ' '; font-size: 36px; height: 38px; line-height: 0px; padding: 14px 1px 4px 2px; } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=checkbox]:active + label:after, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=checkbox]:active + label:after { box-shadow: 0 0 1px rgba(0, 0, 0, 0.6), inset 0 2px 6px rgba(0, 0, 0, 0.1), inset 0 -18px 15px -10px rgba(0, 0, 0, 0.05); } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=checkbox] + label:after, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=checkbox] + label:after { content: ' '; position: absolute; width: 0%; height: 34px; top: 0; z-index: 100; transition: all 0.3s ease-in; left: 0; } BODY.page-newsletter-subscribe #main-content FORM INPUT[type=checkbox]:checked + label:after, BODY.page-uutiskirje-tilaus #main-content FORM INPUT[type=checkbox]:checked + label:after { content: ' '; position: absolute; width: 36px; height: 36px; z-index: 100; top: 0; left: 0; } @media screen and (min-width: 1200px) { BODY.page-node-991 .l-main, BODY.page-node-993 .l-main { max-width: 920px; } } .node-type-product .block--genelec-product-selector { margin-left: 0px; width: 950px; } @media screen and (max-width: 1260px) { .node-type-product .block--genelec-product-selector { margin-left: 0px; width: 100%; } } @media screen and (max-width: 820px) { .node-type-product .block--genelec-product-selector { margin-left: 15px; margin-right: 15px; width: auto; } } BODY.page-taxonomy-term .block--genelec-product-selector { margin-left: 65px; width: 950px; } @media screen and (max-width: 1260px) { BODY.page-taxonomy-term .block--genelec-product-selector { margin-left: 0px; width: 100%; } } @media screen and (max-width: 820px) { BODY.page-taxonomy-term .block--genelec-product-selector { margin-left: 15px; margin-right: 15px; width: auto; } } BODY.node-type-sub-page .block--genelec-product-selector H2.block__title { display: none; } .block--genelec-product-selector { margin-top: 30px; } .block--genelec-product-selector H2.block__title { padding-left: 0px; } .block--genelec-product-selector .form-type-select { width: 100%; background: #e1e1e1; margin: 0; float: left; clear: both; } .block--genelec-product-selector .form-type-select label { display: none; } .block--genelec-product-selector .form-type-select .form-select { display: none; } .block--genelec-product-selector .form-type-select .ajax-progress { margin: -23px 0 10px; width: 50%; float: right; position: relative; z-index: 5; } .block--genelec-product-selector .form-type-select .ajax-progress .throbber { background: transparent url("../images/loader.gif") no-repeat 0 0; height: 16px; width: 16px; margin-right: 3px; } .block--genelec-product-selector .form-item-speaker-size { background: #ededed; } .block--genelec-product-selector #speaker-type-selector, .block--genelec-product-selector #speaker-size-selector-pro, .block--genelec-product-selector #speaker-size-selector-home, .block--genelec-product-selector #system-setup-selector, .block--genelec-product-selector #type-of-connections-selector { background: #e1e1e1; box-sizing: border-box; clear: both; float: left; padding: 30px 30px 30px 35px; position: relative; width: 100%; z-index: 3; } .block--genelec-product-selector #speaker-type-selector p, .block--genelec-product-selector #speaker-size-selector-pro p, .block--genelec-product-selector #speaker-size-selector-home p, .block--genelec-product-selector #system-setup-selector p, .block--genelec-product-selector #type-of-connections-selector p { float: left; display: block; width: 100%; margin: 0 0 1em; font-family: "HelveticaNeueETW01-65Md"; } @media screen and (min-width: 820px) { .block--genelec-product-selector #speaker-type-selector p, .block--genelec-product-selector #speaker-size-selector-pro p, .block--genelec-product-selector #speaker-size-selector-home p, .block--genelec-product-selector #system-setup-selector p, .block--genelec-product-selector #type-of-connections-selector p { width: 50%; line-height: 40px; margin: 0; } } .block--genelec-product-selector #speaker-type-selector ul, .block--genelec-product-selector #speaker-size-selector-pro ul, .block--genelec-product-selector #speaker-size-selector-home ul, .block--genelec-product-selector #system-setup-selector ul, .block--genelec-product-selector #type-of-connections-selector ul { float: right; display: block; width: 100%; margin: 0; padding: 0; cursor: pointer; } @media screen and (min-width: 820px) { .block--genelec-product-selector #speaker-type-selector ul, .block--genelec-product-selector #speaker-size-selector-pro ul, .block--genelec-product-selector #speaker-size-selector-home ul, .block--genelec-product-selector #system-setup-selector ul, .block--genelec-product-selector #type-of-connections-selector ul { width: 46%; left: 50%; position: absolute; } } .block--genelec-product-selector #speaker-type-selector ul li, .block--genelec-product-selector #speaker-size-selector-pro ul li, .block--genelec-product-selector #speaker-size-selector-home ul li, .block--genelec-product-selector #system-setup-selector ul li, .block--genelec-product-selector #type-of-connections-selector ul li { display: none; padding: 11px 15px; background: #fff; } .block--genelec-product-selector #speaker-type-selector ul li.first, .block--genelec-product-selector #speaker-size-selector-pro ul li.first, .block--genelec-product-selector #speaker-size-selector-home ul li.first, .block--genelec-product-selector #system-setup-selector ul li.first, .block--genelec-product-selector #type-of-connections-selector ul li.first { display: block; background: #fff url("../images/arrow_down.png") no-repeat right center; border-right: 10px solid transparent; } .block--genelec-product-selector #speaker-type-selector.show ul, .block--genelec-product-selector #speaker-size-selector-pro.show ul, .block--genelec-product-selector #speaker-size-selector-home.show ul, .block--genelec-product-selector #system-setup-selector.show ul, .block--genelec-product-selector #type-of-connections-selector.show ul { box-shadow: 0px 0px 3px #999; } .block--genelec-product-selector #speaker-type-selector.show ul li, .block--genelec-product-selector #speaker-size-selector-pro.show ul li, .block--genelec-product-selector #speaker-size-selector-home.show ul li, .block--genelec-product-selector #system-setup-selector.show ul li, .block--genelec-product-selector #type-of-connections-selector.show ul li { display: block; border-top: 1px solid #eeeeee; } .block--genelec-product-selector #speaker-type-selector.show ul li:hover, .block--genelec-product-selector #speaker-size-selector-pro.show ul li:hover, .block--genelec-product-selector #speaker-size-selector-home.show ul li:hover, .block--genelec-product-selector #system-setup-selector.show ul li:hover, .block--genelec-product-selector #type-of-connections-selector.show ul li:hover { background: #007b54; color: #fff; } .block--genelec-product-selector #speaker-type-selector.show ul li.first, .block--genelec-product-selector #speaker-size-selector-pro.show ul li.first, .block--genelec-product-selector #speaker-size-selector-home.show ul li.first, .block--genelec-product-selector #system-setup-selector.show ul li.first, .block--genelec-product-selector #type-of-connections-selector.show ul li.first { border-top: 0; } .block--genelec-product-selector #speaker-type-selector.show ul li.first:hover, .block--genelec-product-selector #speaker-size-selector-pro.show ul li.first:hover, .block--genelec-product-selector #speaker-size-selector-home.show ul li.first:hover, .block--genelec-product-selector #system-setup-selector.show ul li.first:hover, .block--genelec-product-selector #type-of-connections-selector.show ul li.first:hover { background: #fff url("../images/arrow_down.png") no-repeat right center; color: #000; } .block--genelec-product-selector #speaker-size-selector-pro, .block--genelec-product-selector #speaker-size-selector-home { background: #ededed; z-index: 2; display: none; } .block--genelec-product-selector #system-setup-selector, .block--genelec-product-selector #type-of-connections-selector { z-index: 1; display: none; } .block--genelec-product-selector #product-list { float: left; width: auto; clear: both; border-top: 1px solid #e1e1e1; margin: 40px 0; padding: 0px 10px; } .block--genelec-product-selector #product-list ARTICLE { padding: 0px; } .block--genelec-product-selector #product-list ARTICLE:after { clear: both; content: ' '; display: table; float: none; height: 2px; width: 100%; } @media screen and (min-width: 820px) { .block--genelec-product-selector #product-list { width: 100%; } } .block--genelec-product-selector .node--product-selector { border-bottom: 1px solid #e1e1e1; padding: 0 20px; width: 100%; float: left; clear: both; } .block--genelec-product-selector .node--product-selector strong { font-weight: 500; } .block--genelec-product-selector .node--product-selector .product-info { float: left; width: 100%; } @media screen and (min-width: 820px) { .block--genelec-product-selector .node--product-selector .product-info { width: 280px; } } @media screen and (min-width: 1200px) { .block--genelec-product-selector .node--product-selector .product-info { width: 365px; } } .block--genelec-product-selector .node--product-selector .field--name-field-product-images:after, .block--genelec-product-selector .node--product-selector .field--name-field-product-images:before { display: none !important; } .block--genelec-product-selector .node--product-selector .product-image { width: 100%; text-align: center; padding: 10px 0; } .block--genelec-product-selector .node--product-selector .product-image HEADER { display: block; } @media screen and (min-width: 820px) { .block--genelec-product-selector .node--product-selector .product-image { float: none; margin-right: 10px; padding: 30px 0; width: 175px; } .block--genelec-product-selector .node--product-selector .product-image HEADER { display: none; } } @media screen and (min-width: 1200px) { .block--genelec-product-selector .node--product-selector .product-image { margin-right: 30px; } } .block--genelec-product-selector .node--product-selector .info { float: left; width: 100%; padding: 10px 0px; } .block--genelec-product-selector .node--product-selector .info a { padding-left: 12px; background: url("../images/link_arrow_right_green.png") no-repeat left center; font-size: 12px; } .block--genelec-product-selector .node--product-selector .info h2 { display: none; font-size: 20px; margin: 0; padding: 0; text-align: center; } .block--genelec-product-selector .node--product-selector .info h2 a { background: none; padding: 0; font-size: 20px; } @media screen and (min-width: 820px) { .block--genelec-product-selector .node--product-selector .info { float: none; padding: 30px 20px 30px 0; width: auto; } .block--genelec-product-selector .node--product-selector .info H2 { display: block; text-align: left; } .block--genelec-product-selector .node--product-selector .info H2 A { font-size: 21px; } } @media screen and (min-width: 1200px) { .block--genelec-product-selector .node--product-selector .info { padding: 10px 20px 10px 0; } } .block--genelec-product-selector .node--product-selector .summary { float: left; width: 100%; margin: 1em 0; } .block--genelec-product-selector .node--product-selector .summary .field { padding: 0; } .block--genelec-product-selector .node--product-selector .key-facts { font-size: 12px; position: relative; width: 100%; } @media screen and (min-width: 820px) { .block--genelec-product-selector .node--product-selector .key-facts { width: auto; } } .block--genelec-product-selector .node--product-selector .key-facts-content { display: none; background: #fff; border: 0; position: absolute; bottom: 42px; left: -180px; z-index: 5; width: 675px; /*height: 275px;*/ border: 3px solid #037752; } .block--genelec-product-selector .node--product-selector .key-facts-content .close-button { background-image: url(../images/mobile-menu-icon-open.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; } .block--genelec-product-selector .node--product-selector .key-facts-content .field--type-text { box-sizing: border-box; float: left; width: 25%; min-height: 135px; text-align: center; padding: 20px 15px; font-size: 12px; } .block--genelec-product-selector .node--product-selector .key-facts-content .field--type-text img { margin-bottom: 10px; } .block--genelec-product-selector .node--product-selector .key-facts-content .field--type-text:nth-child(5n) { clear: left; } .block--genelec-product-selector .node--product-selector .key-facts-content span.key-facts-arrow { width: 48px; height: 27px; display: block; position: absolute; bottom: -27px; left: 190px; z-index: 6; background: url("../images/product_selector_infobox_arrow.png") no-repeat; } @media screen and (max-width: 820px) { .block--genelec-product-selector .node--product-selector .key-facts-content { width: 100%; height: auto; left: -5%; } .block--genelec-product-selector .node--product-selector .key-facts-content .field--type-text { width: 50%; } .block--genelec-product-selector .node--product-selector .key-facts-content span.key-facts-arrow { left: 40px; } } .block--genelec-product-selector .node--product-selector .key-facts-content.show { display: block; } .block--genelec-product-selector .node--product-selector .subwoofers { float: left; width: 100%; padding: 10px 0px; box-sizing: border-box; } .block--genelec-product-selector .node--product-selector .subwoofers .node__content { margin-top: 10px; } .block--genelec-product-selector .node--product-selector .subwoofers p { margin: 0 0 1em; } .block--genelec-product-selector .node--product-selector .subwoofers p.opener { background-image: url(../images/arrow-down-up.png); background-repeat: no-repeat; box-sizing: border-box; cursor: pointer; padding-left: 20px; } .block--genelec-product-selector .node--product-selector .subwoofers p.opener.arrowdown { background-position: 0px 6px; } .block--genelec-product-selector .node--product-selector .subwoofers p.opener.arrowup { background-position: 0px -90px; } .block--genelec-product-selector .node--product-selector .subwoofers h2 { font-size: 18px; } .block--genelec-product-selector .node--product-selector .subwoofers .subwoofers-inner { display: none; } @media screen and (max-width: 820px) { .block--genelec-product-selector .node--product-selector .subwoofers { border-top: 1px solid #E1E1E1; font-size: 12px; } .block--genelec-product-selector .node--product-selector .subwoofers h2 { font-size: 14px; } } @media screen and (min-width: 820px) { .block--genelec-product-selector .node--product-selector .subwoofers { max-width: 165px; padding: 30px 15px; border-left: 1px solid #e1e1e1; width: auto; } .block--genelec-product-selector .node--product-selector .subwoofers p.opener { background-image: none; cursor: initial; padding-left: 0px; } .block--genelec-product-selector .node--product-selector .subwoofers .subwoofers-inner { display: block; } } @media screen and (min-width: 1200px) { .block--genelec-product-selector .node--product-selector .subwoofers { max-width: 250px; padding: 30px 25px; } } .block--genelec-product-selector .node--product-selector .surround-speakers { float: left; padding: 10px 0px; width: 100%; box-sizing: border-box; } .block--genelec-product-selector .node--product-selector .surround-speakers p { margin: 0 0 1em; } .block--genelec-product-selector .node--product-selector .surround-speakers p.opener { background-image: url(../images/arrow-down-up.png); background-position: 0px 6px; background-repeat: no-repeat; cursor: pointer; padding-left: 20px; } .block--genelec-product-selector .node--product-selector .surround-speakers p.opener.arrowdown { background-position: 0px 6px; } .block--genelec-product-selector .node--product-selector .surround-speakers p.opener.arrowup { background-position: 0px -90px; } .block--genelec-product-selector .node--product-selector .surround-speakers .surround-speakers-inner { display: none; } .block--genelec-product-selector .node--product-selector .surround-speakers h2 { font-size: 18px; } .block--genelec-product-selector .node--product-selector .surround-speakers img { max-width: 100px !important; max-height: 100px !important; width: auto !important; height: 100px !important; } @media screen and (max-width: 820px) { .block--genelec-product-selector .node--product-selector .surround-speakers { border-top: 1px solid #E1E1E1; font-size: 12px; } .block--genelec-product-selector .node--product-selector .surround-speakers h2 { font-size: 14px; } } @media screen and (min-width: 820px) { .block--genelec-product-selector .node--product-selector .surround-speakers { padding: 30px 15px; max-width: 165px; border-left: 1px solid #e1e1e1; width: auto; } .block--genelec-product-selector .node--product-selector .surround-speakers p.opener { background-image: none; padding-left: 0px; } .block--genelec-product-selector .node--product-selector .surround-speakers .surround-speakers-inner { display: block; } } @media screen and (min-width: 1200px) { .block--genelec-product-selector .node--product-selector .surround-speakers { padding: 30px 25px; max-width: 280px; } } .block--genelec-product-selector .node--product-selector .field--type-node-reference { float: left; width: 100%; clear: both; } .block--genelec-product-selector .node--product-selector .field--type-node-reference .field__items, .block--genelec-product-selector .node--product-selector .field--type-node-reference .field__item { float: left; width: 100%; clear: both; } @media screen and (max-width: 820px) { .block--genelec-product-selector .node--product-selector .field--type-node-reference .field__items, .block--genelec-product-selector .node--product-selector .field--type-node-reference .field__item { float: none; text-align: center; } } .block--genelec-product-selector .node--product-selector-recommended { margin-bottom: 30px; float: left; width: 100%; clear: both; } @media screen and (max-width: 820px) { .block--genelec-product-selector .node--product-selector-recommended { float: none; text-align: center; } } .block--genelec-product-selector .node--product-selector-recommended h2 { margin: 0; padding: 0; } .page-last-news .title-wrapper, #block-views-news-block-1 .title-wrapper { padding-left: 85px; margin-top: 50px; } .page-last-news .title-wrapper H1.pagetitle, #block-views-news-block-1 .title-wrapper H1.pagetitle { margin-bottom: 0px; } .page-last-news .view-header, #block-views-news-block-1 .view-header { color: #999; font-size: 20px; line-height: 1.2; padding-left: 35px; padding-right: 35px; padding-bottom: 50px; width: 100%; } .page-last-news .view-content, #block-views-news-block-1 .view-content { border-top: 1px solid #999999; padding: 40px 30px 35px 30px; } .page-last-news .view-content .views-row, #block-views-news-block-1 .view-content .views-row { clear: both; border-bottom: 1px solid #ededed; margin-bottom: 30px; padding-bottom: 30px; } @media (min-width: 820px) { .page-last-news .view-content .views-row, #block-views-news-block-1 .view-content .views-row { margin-bottom: 50px; padding-bottom: 50px; } } .page-last-news .view-content .views-row.views-row-last, #block-views-news-block-1 .view-content .views-row.views-row-last { border-bottom: 0px solid #ededed; padding-bottom: 30px; } .page-last-news .view-content .views-row .views-field-title, #block-views-news-block-1 .view-content .views-row .views-field-title { float: left; width: 55.55556%; } .page-last-news .view-content .views-row .views-field-title A, #block-views-news-block-1 .view-content .views-row .views-field-title A { color: #000; text-decoration: none; font-size: 15px; line-height: 1.2; } @media (min-width: 739px) { .page-last-news .view-content .views-row .views-field-title A, #block-views-news-block-1 .view-content .views-row .views-field-title A { font-size: 17px; } } @media (min-width: 820px) { .page-last-news .view-content .views-row .views-field-title A, #block-views-news-block-1 .view-content .views-row .views-field-title A { font-size: 20px; } } .page-last-news .view-content .views-row .views-field-field-main-image, #block-views-news-block-1 .view-content .views-row .views-field-field-main-image { float: left; width: 34.72222%; } @media (min-width: 739px) { .page-last-news .view-content .views-row .views-field-field-main-image, #block-views-news-block-1 .view-content .views-row .views-field-field-main-image { margin-right: 4.16667%; } } @media (min-width: 820px) { .page-last-news .view-content .views-row .views-field-field-main-image, #block-views-news-block-1 .view-content .views-row .views-field-field-main-image { margin-right: 30px; } } .page-last-news .view-content .views-row .views-field-field-main-image .field-content, #block-views-news-block-1 .view-content .views-row .views-field-field-main-image .field-content { padding: 15px; background-color: #ededed; } .page-last-news .view-content .views-row .views-field-field-main-image .field-content IMG, #block-views-news-block-1 .view-content .views-row .views-field-field-main-image .field-content IMG { width: 100%; height: auto; } .page-last-news .view-content .views-row .views-field-created, .page-last-news .view-content .views-row .views-field-body, #block-views-news-block-1 .view-content .views-row .views-field-created, #block-views-news-block-1 .view-content .views-row .views-field-body { float: left; font-size: 12px; width: 100%; } @media (min-width: 739px) { .page-last-news .view-content .views-row .views-field-created, .page-last-news .view-content .views-row .views-field-body, #block-views-news-block-1 .view-content .views-row .views-field-created, #block-views-news-block-1 .view-content .views-row .views-field-body { width: 52.77778%; } } @media (min-width: 820px) { .page-last-news .view-content .views-row .views-field-created, .page-last-news .view-content .views-row .views-field-body, #block-views-news-block-1 .view-content .views-row .views-field-created, #block-views-news-block-1 .view-content .views-row .views-field-body { width: 55.55556%; font-size: 13px; } } .page-last-news .view-content .views-row .views-field-created, #block-views-news-block-1 .view-content .views-row .views-field-created { padding-top: 20px; } .page-last-news .view-content .views-row .views-field-body, #block-views-news-block-1 .view-content .views-row .views-field-body { padding-top: 12px; } .page-last-news .view-content .views-row .views-field-body A, #block-views-news-block-1 .view-content .views-row .views-field-body A { color: #000; } .page-last-news .view-content .views-row .views-field-nothing, #block-views-news-block-1 .view-content .views-row .views-field-nothing { float: left; padding-top: 10px; width: 52.77778%; font-size: 12px; } @media (min-width: 820px) { .page-last-news .view-content .views-row .views-field-nothing, #block-views-news-block-1 .view-content .views-row .views-field-nothing { padding-top: 20px; width: 55.55556%; font-size: 13px; } } .page-last-news .view-content .views-row .views-field-nothing .field-content, #block-views-news-block-1 .view-content .views-row .views-field-nothing .field-content { padding-top: 20px; } .page-last-news .view-content .views-row .views-field-nothing .field-content A, #block-views-news-block-1 .view-content .views-row .views-field-nothing .field-content A { margin-top: 20px; color: #000; } .page-last-news .pager, #block-views-news-block-1 .pager { text-align: right; letter-spacing: -2px; } .page-last-news .pager LI, #block-views-news-block-1 .pager LI { background-color: #ededed; color: #5a5a5a; display: inline-block; font-size: 12px; letter-spacing: 0px; padding: 2px 7px 2px 7px; } .page-last-news .pager LI A, #block-views-news-block-1 .pager LI A { color: #5a5a5a; } .page-last-news .pager LI.pager__item--current, #block-views-news-block-1 .pager LI.pager__item--current { background-color: #e0e0e0; } #block-views-events-pageblock .view-content, #block-genelec-listings-events .view-content { border-top: 1px solid #999999; padding: 40px 0px 35px 0px; } @media (min-width: 820px) { #block-views-events-pageblock .view-content, #block-genelec-listings-events .view-content { padding: 60px 0px 35px 50px; } } #block-views-events-pageblock .view-content .views-row, #block-genelec-listings-events .view-content .views-row { border-bottom: 1px solid #ededed; clear: both; margin-bottom: 50px; padding-bottom: 50px; } #block-views-events-pageblock .view-content .views-row .views-field-field-main-image, #block-genelec-listings-events .view-content .views-row .views-field-field-main-image { width: 100%; } @media (min-width: 820px) { #block-views-events-pageblock .view-content .views-row .views-field-field-main-image, #block-genelec-listings-events .view-content .views-row .views-field-field-main-image { float: left; margin-right: 50px; width: 34.72222%; } } #block-views-events-pageblock .view-content .views-row .views-field-field-main-image .field-content, #block-genelec-listings-events .view-content .views-row .views-field-field-main-image .field-content { background-color: #ededed; padding: 22px 30px 22px 30px; } #block-views-events-pageblock .view-content .views-row .views-field-field-main-image .field-content IMG, #block-genelec-listings-events .view-content .views-row .views-field-field-main-image .field-content IMG { width: 100%; height: auto; } #block-views-events-pageblock .view-content .views-row .views-field-title, #block-genelec-listings-events .view-content .views-row .views-field-title { margin-top: 20px; } @media (min-width: 820px) { #block-views-events-pageblock .view-content .views-row .views-field-title, #block-genelec-listings-events .view-content .views-row .views-field-title { float: left; margin-top: 0px; width: 41.66667%; } } #block-views-events-pageblock .view-content .views-row .views-field-title A, #block-genelec-listings-events .view-content .views-row .views-field-title A { color: #000; font-size: 22px; line-height: 1.3; text-decoration: none; } #block-views-events-pageblock .view-content .views-row .views-field-nothing, #block-genelec-listings-events .view-content .views-row .views-field-nothing { margin-top: 20px; } @media (min-width: 820px) { #block-views-events-pageblock .view-content .views-row .views-field-nothing, #block-genelec-listings-events .view-content .views-row .views-field-nothing { float: left; width: 41.66667%; } } #block-views-events-pageblock .view-content .views-row .views-field-nothing A, #block-genelec-listings-events .view-content .views-row .views-field-nothing A { color: #000; font-size: 12px; } #block-views-events-pageblock .view-content .views-row .views-field-nothing H4 A, #block-genelec-listings-events .view-content .views-row .views-field-nothing H4 A { font-size: 18px; } #block-views-events-pageblock .view-content .views-row .views-field-nothing span.label, #block-genelec-listings-events .view-content .views-row .views-field-nothing span.label { display: inline-block; width: 100px; font-size: 11px; } #block-views-events-pageblock .view-content .views-row .views-field-nothing div.event-link A, #block-genelec-listings-events .view-content .views-row .views-field-nothing div.event-link A { font-size: 12px; } #block-views-events-pageblock .view-content .views-row .views-field-nothing .date, #block-genelec-listings-events .view-content .views-row .views-field-nothing .date { margin-bottom: 10px; } @media (min-width: 820px) { #block-views-events-pageblock .view-content .views-row .views-field-field-event-date, #block-genelec-listings-events .view-content .views-row .views-field-field-event-date { float: left; width: 41.66667%; } } #block-views-events-pageblock .view-content .views-row .views-field-field-link, #block-genelec-listings-events .view-content .views-row .views-field-field-link { margin-top: 10px; } #block-views-events-pageblock .view-content .views-row .views-field-field-link A, #block-genelec-listings-events .view-content .views-row .views-field-field-link A { color: #000; font-size: 12px; } #block-views-events-pageblock .pager, #block-genelec-listings-events .pager { text-align: right; letter-spacing: -2px; } #block-views-events-pageblock .pager LI, #block-genelec-listings-events .pager LI { background-color: #ededed; color: #5a5a5a; display: inline-block; font-size: 12px; letter-spacing: 0px; padding: 2px 7px 2px 7px; } #block-views-events-pageblock .pager LI A, #block-genelec-listings-events .pager LI A { color: #5a5a5a; } #block-views-events-pageblock .pager LI.pager__item--current, #block-genelec-listings-events .pager LI.pager__item--current { background-color: #e0e0e0; } #block-genelec-listings-events .view-content { border-top: 0; padding-top: 0; } @media (min-width: 820px) { #block-genelec-listings-events .view-content { padding: 0 0px 35px 0; } } #block-genelec-listings-events .view-content .views-row .views-field-nothing { font-size: 12px; line-height: 1.65em; } #block-genelec-listings-events .view-content .views-row .views-field-nothing H4 { font-size: 18px; } @media (min-width: 820px) { #block-genelec-listings-events .view-content .views-row .views-field-nothing { width: 52%; } } #block-views-references-all-refs .view-content { border-top: 1px solid #999999; padding: 30px 0px 35px 20px; } @media (min-width: 820px) { #block-views-references-all-refs .view-content { padding: 60px 0px 35px 20px; } } #block-views-references-all-refs .view-content .views-row { border-bottom: 1px solid #ededed; clear: both; margin-bottom: 50px; padding-bottom: 50px; } #block-views-references-all-refs .view-content .views-row .views-field-title { float: left; width: 54.16667%; } #block-views-references-all-refs .view-content .views-row .views-field-title A { color: #000; text-decoration: none; font-size: 16px; line-height: 1.2; } @media (min-width: 820px) { #block-views-references-all-refs .view-content .views-row .views-field-title A { font-size: 22px; line-height: 1.3; } } #block-views-references-all-refs .view-content .views-row .views-field-body { float: left; padding-top: 15px; width: 54.16667%; } #block-views-references-all-refs .view-content .views-row .views-field-body A { color: #000; text-decoration: none; } #block-views-references-all-refs .view-content .views-row .views-field-body A.body { font-size: 12px; } @media (min-width: 820px) { #block-views-references-all-refs .view-content .views-row .views-field-body A.body { font-size: 14px; } } #block-views-references-all-refs .view-content .views-row .views-field-body A.more-link { display: block; margin-top: 15px; padding-right: 20px; width: 100px; font-size: 12px; text-align: left; color: #000; background-image: url(../images/subheading-bg.png); background-position: 100% 50%; background-repeat: no-repeat; } @media (min-width: 820px) { #block-views-references-all-refs .view-content .views-row .views-field-body A.more-link { font-size: 14px; } } #block-views-references-all-refs .view-content .views-row .views-field-field-main-image { float: right; margin-right: 0px; margin-top: -20px; width: 34.72222%; } #block-views-references-all-refs .view-content .views-row .views-field-field-main-image .field-content { background-color: #ededed; padding: 15px 15px 15px 15px; } @media (min-width: 820px) { #block-views-references-all-refs .view-content .views-row .views-field-field-main-image .field-content { padding: 22px 30px 22px 30px; } } #block-views-references-all-refs .view-content .views-row .views-field-field-main-image .field-content IMG { width: 100%; height: auto; } #block-views-references-all-refs .pager { text-align: right; letter-spacing: -2px; } #block-views-references-all-refs .pager LI { background-color: #ededed; color: #5a5a5a; display: inline-block; font-size: 12px; letter-spacing: 0px; padding: 2px 7px 2px 7px; } #block-views-references-all-refs .pager LI A { color: #5a5a5a; } #block-views-references-all-refs .pager LI.pager__item--current { background-color: #e0e0e0; } #block-views-awards-award-list .view-content { border-top: 1px solid #999999; padding: 60px 0px 35px 45px; } #block-views-awards-award-list .view-content .views-row { margin-bottom: 10px; } #block-views-awards-award-list .view-content .views-row .views-field-field-year { display: inline-block; margin-right: 5px; } .block--genelec-faq { margin: 0 25px; } .block--genelec-faq h1 { margin: 1.5em 0 0.67em; } .block--genelec-faq .ui-accordion-header { border: 0; border-radius: 0; background: #eee url("../images/faq_arrow_right.png") no-repeat right center; color: #000; padding: 13px 53px 13px 16px; font-size: 16px; cursor: pointer; margin: 20px 0 0; } .block--genelec-faq .ui-accordion-header.ui-state-active { background: #007c50 url("../images/faq_arrow_down.png") no-repeat right center; color: #fff; } .block--genelec-faq .ui-accordion-content { border: 1px solid #000; border-top: 0; border-radius: 0; padding: 20px 15px; font-size: 14px; margin: 0; } .block--genelec-faq .ui-accordion-content .share-faq { margin-top: 20px; } .block--genelec-faq .ui-accordion-content .share-faq .channel { background-color: #CCC; border-radius: 50%; display: inline-block; margin-right: 10px; padding: 5px 6px 2px 6px; text-align: center; width: 31px; } .block--genelec-key-technologies { margin-top: 60px; padding: 0 30px; } @media (min-width: 820px) { .block--genelec-key-technologies { padding: 0; } } .block--genelec-key-technologies .key-technologies-category { float: left; width: 100%; clear: both; margin-bottom: 50px; } .block--genelec-key-technologies h2.category-title { color: #007a53; border-bottom: 1px solid #ccc; padding: 0 0 0.7em; margin: 0 0 0.2em; } .block--genelec-key-technologies .row { float: left; width: 100%; clear: both; } @media (min-width: 820px) { .block--genelec-key-technologies .row { border-bottom: 1px solid #ccc; } } .block--genelec-key-technologies .key-technologies-item { float: left; width: 100%; padding: 30px 0; border-bottom: 1px solid #ccc; box-sizing: border-box; } @media (min-width: 820px) { .block--genelec-key-technologies .key-technologies-item { width: 50%; border-bottom: 0; } } .block--genelec-key-technologies .key-technologies-item ARTICLE:after { float: both; content: ' '; display: table; float: none; height: 2px; width: 100%; } .block--genelec-key-technologies .key-technologies-item.odd .right { width: 100%; box-sizing: border-box; } @media (min-width: 820px) { .block--genelec-key-technologies .key-technologies-item.odd .right { border-right: 1px solid #ccc; padding-right: 40px; width: 285px; } } @media (min-width: 820px) { .block--genelec-key-technologies .key-technologies-item.even { padding-left: 4%; } } .block--genelec-key-technologies .key-technologies-item .left { float: left; width: 100%; } @media (min-width: 820px) { .block--genelec-key-technologies .key-technologies-item .left { width: 120px; margin-right: 20px; } } .block--genelec-key-technologies .key-technologies-item .right { float: left; width: 290px; } .block--genelec-key-technologies .key-technologies-item h2.node__title { font-size: 18px; margin: 0 0 0.6em; } .block--genelec-key-technologies .key-technologies-item h2.node__title a { color: #000; } .block--genelec-key-technologies .key-technologies-item .field--name-body { padding: 0; width: auto; } .block--genelec-key-technologies .key-technologies-item ul.links a { color: #000; } .node--key-technologies-item--full .ingress { border-bottom: 1px solid #999999; padding: 10px 30px 30px 45px; width: 100%; float: left; } @media (min-width: 1260px) { .node--key-technologies-item--full .ingress { padding: 10px 0 30px 0px; } } .node--key-technologies-item--full .ingress .summary { float: left; width: 100%; color: #666; font-size: 16px; margin-bottom: 0px; } .node--key-technologies-item--full .ingress .summary p { margin-top: 0; } @media (min-width: 1260px) { .node--key-technologies-item--full .ingress .summary { font-size: 24px; margin-bottom: 30px; margin-left: 20px; margin-right: 5%; width: 65%; } } .node--key-technologies-item--full .ingress .field--name-field-technology-listing-image { float: left; width: 100%; margin-bottom: 10px; } @media (min-width: 1260px) { .node--key-technologies-item--full .ingress .field--name-field-technology-listing-image { width: 26%; margin-bottom: 30px; } .node--key-technologies-item--full .ingress .field--name-field-technology-listing-image IMG { height: auto !important; width: 100%; } } @media (min-width: 820px) { .node--key-technologies-item--full .field--name-body { padding-right: 60px !important; float: left; } } .node--key-technologies-item--full .field--name-field-technology-sidebar-images { padding: 0 30px; } @media (min-width: 820px) { .node--key-technologies-item--full .field--name-field-technology-sidebar-images { float: left; width: 240px; padding: 0; } } /*# sourceMappingURL=genelec2017.styles.css.map */